@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section {
  display: block;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

p {
	font-size: 16px;
    line-height: 1.75;
    margin-bottom: 2rem;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ ゴシック", Helvetica, sans-serif;
/*  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif; */
}

body a {
  color: #000;
}

body a:visited {
  color: #000;
}

#suisen_form_readonly input:read-only, textarea:read-only {
  background-color: #ccc!important;
}

#readme input:read-only, textarea:read-only {
	  background-color: rgba(255,192,203,0.2)!important;
}

#readme textarea {
	  color:grey!important;
}

#suisen input{
	width:100%!important;
}

@media (min-width: 769px) {
  .main-header {
    background: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 24px;
  }	
  .main-header .sitename {
    padding: 9px 0;
  }
  .main-header .sitename:hover {
    opacity: 0.6;
  }
  .main-header .sitename a {
    text-decoration: none;
  }
  .main-header .sitename .descr {
    font-size: 12px;
    font-weight: normal;
    color: rgba(51, 51, 51, 0.75);
    letter-spacing: 3px;
    margin-bottom: 2px;
  }
  .header_logo {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 2px;
    padding-top: 6px;
    padding-left: 9px;
	width: 350px;
	color: #243748;
    font-weight: bold;
  }
  .main-header .sitename img {
    height: 40px;
    width: auto;
    display: block;
	float: left;
	padding-right: 10px;
  }
  .main-header .header-function {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main-header .header-function .c-search-form {
    margin-left: 24px;
  }
  .main-header .header-function .global-nav-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-header .header-function .global-nav-menu ul li {
    margin: 0 16px;
    position: relative;
  }
  .main-header .header-function .global-nav-menu ul li:after {
    content: "";
    width: 32px;
    height: 4px;
    background: #e6ab4e;
    display: block;
    position: absolute;
    left: calc(50% - 16px);
    bottom: 0;
    -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .main-header .header-function .global-nav-menu ul li:hover:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
  .main-header .header-function .global-nav-menu ul li.current-class-item:after, .main-header .header-function .global-nav-menu ul li.current-menu-item:after, .main-header .header-function .global-nav-menu ul li.cuurent-post-ancestor:after, .main-header .header-function .global-nav-menu ul li.current-menu-parent:after, .main-header .header-function .global-nav-menu ul li.current_page_parent:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
  .main-header .header-function .global-nav-menu ul li a {
    padding: 20px 4px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #333;
  }
  .main-footer {
    background: #fff;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .main-footer .footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 16px;
  }
  .main-footer .c-footer-site-explanation {
    max-width: 320px;
    margin-right: 160px;
  }
  .main-footer .c-footer-site-explanation .footer-sitename {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 4px;
  }
  .main-footer .c-footer-site-explanation .footer-sitename a {
    color: #333;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .main-footer .c-footer-site-explanation .footer-sitename a:hover {
    opacity: 0.8;
  }
  .main-footer .c-footer-site-explanation .footer-logo {
    height: 32px;
    width: auto;
    margin-bottom: 12px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .main-footer .c-footer-site-explanation .footer-logo:hover {
    opacity: 0.6;
  }
  .main-footer .c-footer-site-explanation .footer-logo img {
    max-height: 32px;
    width: auto;
  }
  .main-footer .c-footer-site-explanation .footer-site-explanation {
    font-size: 12px;
    line-height: 1.75;
    color: rgba(51, 51, 51, 0.75);
  }
  .main-footer .c-footer-menu .footer-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 700px;
  }
  .main-footer .c-footer-menu .footer-menu ul li {
    width: 200px;
    position: relative;
    padding-left: 20px;
    margin: 10px 0;
  }
  .main-footer .c-footer-menu .footer-menu ul li:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #243748;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
  }
  .main-footer .c-footer-menu .footer-menu ul li:after {
    content: "";
    width: 4px;
    height: 6px;
    border-left: 4px solid #fff;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    position: absolute;
    left: 5px;
    top: calc(50% - 2px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main-footer .c-footer-menu .footer-menu ul li a {
    text-decoration: none;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.75);
    line-height: 1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .main-footer .c-footer-menu .footer-menu ul li a:hover {
    color: #243748;
    text-decoration: underline;
  }
  .main-footer .footer-copyright {
    height: 35px;
    width: 100%;
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #243748;
  }
  .main-footer .footer-copyright .copyright {
    font-size: 12px;
    color: #fff;
  }
  #page-top {
    position: fixed;
    right: 32px;
    bottom: 32px;
    width: 56px;
    height: 56px;
  }
  #page-top a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(209, 81, 151, 0.8);
    text-decoration: none;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    padding-bottom: 8px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.075), 0 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.075), 0 2px 8px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  #page-top a:hover {
    background: #D15197;
  }
  .container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-column-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 16px 16px;
    overflow: hidden;
  }
  .side-column-container {
    width: 25%;
    padding: 0px 16px 0px 16px;
  }
  .c-post-list-item {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    position: relative;
  }
  .c-post-list-item .post-thumb {
    width: 280px;
    height: 192px;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
	padding-top: 3px;
    padding-bottom: 3px;
  }
  .c-post-list-item .post-thumb:hover {
    opacity: 0.8;
  }
  .c-post-list-item .post-thumb img {
    position: absolute;
    height: auto;
    top: 50%;
    left: 50%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .c-post-list-item .post-thumb img {
      position: static;
      width: 100%;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
  }
  .c-post-list-item .post-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 10px 24px;
  }
  .c-post-list-item .c-post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px;
  }
  .c-post-list-item .c-post-meta .category-tag {
    font-size: 12px;
  }
  .c-post-list-item .c-post-meta .category-tag a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    background: #243748;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 10px;
    min-width: 104px;
    text-align: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-post-list-item .c-post-meta .category-tag a:hover {
    opacity: 0.8;
  }
  .c-post-list-item .c-post-meta .posted-date {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.75);
    margin-left: auto;
  }
  .c-post-list-item .post-title {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 24px;
	margin-top: 10px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .c-post-list-item .post-title a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
  }
  .c-post-list-item .post-title a:hover {
    color: #337ab7;
    text-decoration: underline;
  }
  .c-post-list-item .post-excerpt {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  .c-post-list-item .post-excerpt a {
    text-decoration: none;
    color: rgba(51, 51, 51, 0.8);
  }
  .c-post-list-item .post-excerpt a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }
  .c-post-list-item .c-post-tags {
    font-size: 12px;
  }
	#interviewlist_title {
		margin-top:25px;
	}
  .bread-crumb {
    width: 100%;
    padding: 16px 20px 24px;
  }
  .bread-crumb.archive {
    margin-bottom: 32px;
  }
  .bread-crumb ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .bread-crumb ol li {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.8);
  }
  .bread-crumb ol li:after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1px solid rgba(51, 51, 51, 0.4);
    border-top: 1px solid rgba(51, 51, 51, 0.4);
    display: inline-block;
    margin: 0 8px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .bread-crumb ol li:last-child:after {
    display: none;
  }
  .bread-crumb ol li a {
    color: #000;
    text-decoration: none;
  }
  .bread-crumb ol li a:hover {
    text-decoration: underline;
  }
  .aside-post-list, .wpp-list {
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
  }
  .aside-article-item {
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .aside-article-item a {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .aside-article-item a:hover {
    background: rgba(43, 134, 202, 0.025);
  }
  .aside-article-item a:hover .aside-article-item-text .aside-article-title {
    color: #243748;
  }
  .aside-article-item a:hover .thumb-wrapper {
    opacity: 0.8;
  }
  .aside-article-item a .thumb-wrapper {
    width: 80px;
    height: 80px;
    background: #ccc;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .aside-article-item a .thumb-wrapper img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .aside-article-item a .thumb-wrapper img {
      position: static;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
  }
  .aside-article-item a .aside-article-item-text {
    padding: 4px 0 4px 12px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .aside-article-item a .aside-article-item-text .posted-date {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.75);
    line-height: 1;
    margin-bottom: 8px;
  }
  .aside-article-item a .aside-article-item-text .aside-article-title {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .wpp-list .aside-article-item {
    counter-increment: ranking;
  }
  .wpp-list .aside-article-item:nth-child(1) .thumb-wrapper:before {
    background: #C1A779;
  }
  .wpp-list .aside-article-item:nth-child(2) .thumb-wrapper:before {
    background: #A2A5B8;
  }
  .wpp-list .aside-article-item:nth-child(3) .thumb-wrapper:before {
    background: #C6ACA1;
  }
  .wpp-list .aside-article-item .thumb-wrapper:after {
    content: counter(ranking);
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 7px;
    top: 5px;
    z-index: 11;
  }
  .wpp-list .aside-article-item .thumb-wrapper:before {
    content: "";
    width: 48px;
    height: 48px;
    background: #243748;
    position: absolute;
    left: -24px;
    top: -24px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    z-index: 10;
  }
  .l-feature-post-slider {
    padding: 8px 0 56px;
  }
  .l-feature-post-slider .slider-post-content {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 696px;
    position: relative;
    margin: 0 16px;
    outline: none;
  }
  .l-feature-post-slider .thumb-wrapper {
    width: 100%;
    height: 300px;
    background: #243748;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-feature-post-slider .thumb-wrapper:hover {
    opacity: 0.8;
  }
  .l-feature-post-slider .thumb-wrapper img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .l-feature-post-slider .thumb-wrapper img {
      position: static;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
  }
  .l-feature-post-slider .c-text-content {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 16px 32px 24px;
    background: rgba(255, 255, 255, 0.95);
  }
  .l-feature-post-slider .c-text-content a {
    text-decoration: none;
  }
  .l-feature-post-slider .c-text-content .post-text-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
  }
  .l-feature-post-slider .c-text-content .post-text-meta .category {
    display: inline-block;
    height: 24px;
    min-width: 120px;
    background: #243748;
    border-radius: 12px;
  }
  .l-feature-post-slider .c-text-content .post-text-meta .category a {
    color: #fff;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 5px 12px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    text-align: center;
    font-weight: bold;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-feature-post-slider .c-text-content .post-text-meta .category a:hover {
    opacity: 0.8;
  }
  .l-feature-post-slider .c-text-content .post-text-meta .posted-date {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.75);
  }
  .l-feature-post-slider .c-text-content .post-title {
    font-size: 20px;
    line-height: 1.4;
  }
  .l-feature-post-slider .c-text-content .post-title a {
    color: #333;
    font-weight: bold;
  }
  .l-feature-post-slider .c-text-content .post-title a:hover {
    text-decoration: underline;
    color: #243748;
  }
  .l-feature-post-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 24px;
  }
  .l-feature-post-slider .slick-dots li {
    margin: 0 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(51, 51, 51, 0.25);
  }
  .l-feature-post-slider .slick-dots li.slick-active {
    background: #243748;
  }
  .l-feature-post-slider .slick-dots li button {
    border: none;
    background: transparent;
    color: transparent;
  }
  .l-feature-post-slider .slick-arrow {
    position: absolute;
    top: calc( 50% - 24px);
    color: transparent;
    overflow: hidden;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    font-size: 0;
    display: block;
    border: none;
    background: transparent;
    border-left: 2px solid #243748;
    border-top: 2px solid #243748;
    z-index: 100;
    outline: none;
  }
  .l-feature-post-slider .slick-arrow.slick-prev {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: calc(50% - 356px);
  }
  .l-feature-post-slider .slick-arrow.slick-next {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    right: calc(50% - 356px);
  }
  .c-search-form {
    min-height: 40px;
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 20px;
    min-width: 240px;
    position: relative;
    display: inline-block;
  }
  .c-search-form .hidden {
    margin: 0;
    display: inline;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .c-search-form .search-form-input {
    border: none;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    padding: 8px 48px 8px 16px;
    font-size: 14px;
    letter-spacing: 0;
  }
  .c-search-form .search-form-input:placeholder-shown {
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-input::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-input:-moz-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-input::-moz-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-input:-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-submit {
    background: transparent;
    border: none;
    padding: 10px 14px;
    margin: 0;
    font-size: 20px;
    color: #333;
    width: 48px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .c-search-form .search-form-submit:hover {
    color: #243748;
  }
  .c-side-widget {
    margin-bottom: 64px;
  }
  .c-side-widget.popular-posts .side-widget-title:before {
    content: "\f521";
  }
  .c-side-widget.popular-posts .side-widget-title:after {
    content: "RANKING";
  }
  .c-side-widget.widget_categories .side-widget-title:before {
    content: "\f07b";
  }
  .c-side-widget.widget_categories .side-widget-title:after {
    content: "CATEGORY";
  }
  .c-side-widget.widget_newly_post .side-widget-title:before {
    content: "\f024";
  }
  .c-side-widget.widget_newly_post .side-widget-title:after {
    content: "NEW";
  }
  .side-widget-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 28px;
    padding: 0 4px;
    font-weight: bold;
    font-size: 20px;
    color: #333;
  }
  .side-widget-title:before {
    font-family: "Font Awesome 5 Free";
    margin-right: 8px;
  }
  .side-widget-title:after {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #243748;
    margin-left: auto;
    text-transform: uppercase;
  }
  .c-side-widget.widget_categories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .c-side-widget.widget_categories ul li {
    width: 144px;
    height: 144px;
    margin-bottom: 12px;
    background: #fff;
  }
  .c-side-widget.widget_categories ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    height: 100%;
    border: 1px solid #243748;
    border-radius: 4px;
    background: #fff;
    padding: 32px 8px;
    text-decoration: none;
    color: #243748;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-side-widget.widget_categories ul li a:hover {
    background: rgba(43, 134, 202, 0.05);
  }
  .c-side-widget.widget_categories ul li a:after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background: #243748;
    position: absolute;
    left: -12px;
    top: -12px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .c-side-widget.widget_categories ul li a .count {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 5px 12px;
    background: #D15197;
    border-radius: 12px;
    margin-top: auto;
    line-height: 1;
  }
  .sns-share-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sns-share-list li {
    margin-right: 2px;
  }
  .sns-share-list li.twitter a {
    background: #1A95E0;
  }
  .sns-share-list li.facebook a {
    background: #4167B2;
  }
  .sns-share-list li.googleplus a {
    background: #DB4437;
  }
  .sns-share-list li.pocket a {
    background: #ef4056;
  }
  .sns-share-list li.hatebu a {
    background: #02A4DE;
  }
  .sns-share-list li.line a {
    background: #00c300;
  }
  .sns-share-list li a {
    display: inline-block;
    min-width: 80px;
    border-radius: 4px;
    height: 32px;
    padding: 8px 12px;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none;
  }
  .sns-share-list li a .snstext {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    color: transparent;
  }
  .sns-share-list li a i {
    margin-right: 4px;
  }
  .l-related-posts {
    width: 100%;
    overflow: hidden;
  }
  .l-related-posts .related-posts-title {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #333;
    margin-bottom: 32px;
  }
  .l-related-posts .related-posts-title i {
    font-size: 24px;
    margin-right: 4px;
  }
  .l-related-posts .related-post-list {
    width: calc(100% + 12px);
    margin: 0 -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-related-posts .related-post-item {
    width: calc(33.333333% - 12px);
    margin: 0 6px 24px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .l-related-posts .related-post-item a {
    text-decoration: none;
  }
  .l-related-posts .related-post-item .related-thumb-wrapper {
    width: 100%;
    height: 160px;
    background: #ccc;
    position: relative;
    margin: 0;
  }
  .l-related-posts .related-post-item .related-thumb-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .l-related-posts .related-post-item .related-thumb-wrapper img {
      position: static;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
  }
  .l-related-posts .related-post-category {
    position: absolute;
    left: 12px;
    top: 12px;
    font-size: 12px;
    background: #243748;
    height: 20px;
    border-radius: 10px;
    padding: 4px 12px;
  }
  .l-related-posts .related-post-category a {
    color: #fff;
    font-weight: bold;
  }
  .l-related-posts .related-post-item-text {
    padding: 16px 12px;
  }
  .l-related-posts .related-post-item-text .related-post-item-title {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
  }
  .post-article-footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 96px;
  }
  .post-article-footer-nav .footer-nav-block {
    width: 50%;
    position: relative;
  }
  .post-article-footer-nav .footer-nav-block a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: relative;
    text-decoration: none;
  }
  .post-article-footer-nav .footer-nav-block a:hover .post-title {
    text-decoration: underline;
  }
  .post-article-footer-nav .footer-nav-block.prev-nav {
    margin-right: auto;
    border-right: 1px solid rgba(51, 51, 51, 0.05);
  }
  .post-article-footer-nav .footer-nav-block.prev-nav a {
    padding: 0 32px 0 48px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .post-article-footer-nav .footer-nav-block.prev-nav a:before {
    content: "";
    width: 20px;
    height: 20px;
    border-left: 3px solid rgba(51, 51, 51, 0.2);
    border-top: 3px solid rgba(51, 51, 51, 0.2);
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 8px;
    top: 24px;
  }
  .post-article-footer-nav .footer-nav-block.next-nav {
    margin-left: auto;
    border-left: 1px solid rgba(51, 51, 51, 0.05);
  }
  .post-article-footer-nav .footer-nav-block.next-nav a {
    padding: 0 48px 0 32px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .post-article-footer-nav .footer-nav-block.next-nav a:after {
    content: "";
    width: 20px;
    height: 20px;
    border-right: 3px solid rgba(51, 51, 51, 0.2);
    border-top: 3px solid rgba(51, 51, 51, 0.2);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 8px;
    top: 24px;
  }
  .post-article-footer-nav .footer-nav-block-label {
    display: inline-block;
    height: 20px;
    width: 80px;
    background: #D15197;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 4px 8px;
    border-radius: 10px;
    line-height: 1;
    margin-bottom: 4px;
  }
  .post-article-footer-nav .post-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
  }
  .main-column-container .post-content #toc_container {
    border: none;
    background: #F8F8F8;
    border-radius: 4px;
    padding: 24px;
    width: 100% !important;
    display: block !important;
    margin-bottom: 2rem;
  }
  .main-column-container .post-content #toc_container .toc_title {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    color: #333;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 0;
    position: relative;
  }
  .main-column-container .post-content #toc_container .toc_title:before {
    content: "";
    width: 4px;
    height: 28px;
    background: #243748;
    position: absolute;
    left: -24px;
    top: 0;
  }
  .main-column-container .post-content #toc_container .toc_title .toc_toggle {
    margin-left: auto;
    padding-left: 12px;
    color: #243748;
  }
  .main-column-container .post-content #toc_container .toc_title .toc_toggle a {
    color: #243748;
  }
  .main-column-container .post-content #toc_container .toc_list {
    padding-top: 8px;
  }
  .main-column-container .post-content #toc_container .toc_list li {
    padding: 4px 0;
  }
  .main-column-container .post-content #toc_container .toc_list li a {
    color: #243748;
    text-decoration: none;
  }
  .main-column-container .post-content #toc_container .toc_list li a:hover {
    text-decoration: underline;
  }
  .index-page-header {
    padding: 20px 0;
    background-repeat:no-repeat;
    background-position: 50% 50%;
    background-attachment:fixed;
	border-bottom: 1px solid #CCC;
	}
  .index-page-header h1 {
    padding: 0 16px 8px;
    font-weight: bold;
    font-size: 32px;
    color: #243748;
    margin: 0 auto 0px;
  }
  .index-page-header h1 span {
    display: block;
    font-weight: bold;
  }
  .index-page-header h1 .archive-title-label {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .c-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-pagination .page-numbers {
    font-size: 16px;
    font-weight: bold;
    min-width: 32px;
    height: 32px;
    border-radius: 16px;
    display: inline-block;
    margin: 0 12px 0 0;
    text-align: center;
    padding: 8px 2px;
    line-height: 1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-pagination .page-numbers.current, .c-pagination .page-numbers:hover {
    color: #fff;
    background: #243748;
  }
  .c-pagination .page-numbers.prev, .c-pagination .page-numbers.next {
    color: transparent;
    width: 16px;
    min-width: 16px;
    height: 32px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    margin-right: 8px;
  }
  .c-pagination .page-numbers.prev:hover, .c-pagination .page-numbers.next:hover {
    background: transparent !important;
  }
  .c-pagination .page-numbers.prev:before, .c-pagination .page-numbers.next:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #243748;
    border-top: 2px solid #243748;
    position: absolute;
    top: calc(50% - 5px);
  }
  .c-pagination .page-numbers.prev:before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 4px;
  }
  .c-pagination .page-numbers.next:before {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    right: 4px;
  }
  .c-pagination a {
    text-decoration: none;
  }
  .wpcf7-form label{
    font-weight: bold;
    line-height: 1;
    font-size: 12px;
    color: #243748;
    display: block;
  }
  .suisen_form {
    font-weight: bold;
    line-height: 1;
    font-size: 12px;
    color: #243748;
  }
  .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    padding-top: 8px;
  }
  .wpcf7-form .wpcf7-form-control-wrap input[type="text"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="email"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="number"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="url"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="tel"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="date"],
  .wpcf7-form .wpcf7-form-control-wrap textarea {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid rgba(51, 51, 51, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    background: #fff;
    font-weight: normal;
    font-size: 16px;
    color: #333 !important;
  }
  .wpcf7-form .wpcf7-form-control-wrap textarea {
    width: 100%;
    line-height: 1.6;
  }
  .wpcf7-form .wpcf7-submit {
    width: 240px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgb(61, 135, 0);
    border-radius: 28px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    margin: 24px auto 0;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .wpcf7-form .wpcf7-submit:hover {
    background: rgb(80, 170, 0);
  }
  .wpcf7-form .wpcf7-not-valid-tip {
    color: #D15197;
    padding-top: 4px;
    font-weight: bold;
  }
  .wpcf7-form .wpcf7-response-output,
  .wpcf7-form .wpcf7-validation-errors {
    border: 1px solid #D15197;
    background: rgba(209, 81, 151, 0.1);
    color: #D15197;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 4px;
  }
  .c-not-found-content p {
    text-align: center;
    font-weight: bold;
    color: rgba(51, 51, 51, 0.6);
    font-size: 18px;
    padding: 24px 0;
  }
  .c-return-to-top {
    padding: 24px 0;
  }
  .c-return-to-top .return-to-top-btn {
    width: 320px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #243748;
    background: #fff;
    border-radius: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #243748;
    text-decoration: none !important;
    margin: 0 auto;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-return-to-top .return-to-top-btn:hover {
    background: #243748;
    color: #fff;
  }
  .c-return-to-top .return-to-top-btn:hover .right-chevron {
    background: #fff;
  }
  .c-return-to-top .return-to-top-btn:hover .right-chevron:after {
    border-left-color: #243748;
  }
  .c-return-to-top .return-to-top-btn .right-chevron {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #243748;
    position: relative;
    margin-left: 16px;
  }
  .c-return-to-top .return-to-top-btn .right-chevron:after {
    content: "";
    width: 6px;
    height: 8px;
    border-left: 6px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    left: 8px;
    top: calc(50% - 4px);
  }
  .newly-arrived-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding: 0 4px;
    margin-bottom: 24px;
	margin-top: 80px;
  }
  .newly-arrived-title i {
    margin-right: 8px;
  }
  .newly-arrived-title .title-ornament {
    margin-left: auto;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #243748;
    text-transform: uppercase;
  }
  .newly-arrived-footer {
    padding: 24px;
    margin-bottom: 64px;
  }
  .newly-arrived-footer .view-more-link {
    width: 320px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #243748;
    background: #fff;
    border-radius: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #243748;
    text-decoration: none;
    margin: 0 auto;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .newly-arrived-footer .view-more-link:hover {
    background: #243748;
    color: #fff;
  }
  .newly-arrived-footer .view-more-link:hover .right-chevron {
    background: #fff;
  }
  .newly-arrived-footer .view-more-link:hover .right-chevron:after {
    border-left-color: #243748;
  }
  .newly-arrived-footer .view-more-link .right-chevron {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #243748;
    position: relative;
    margin-left: 16px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .newly-arrived-footer .view-more-link .right-chevron:after {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    content: "";
    width: 6px;
    height: 8px;
    border-left: 6px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    left: 8px;
    top: calc(50% - 4px);
  }
  .newly-arrived-list .c-post-list-item:nth-child(-n + 5):before {
    content: "";
    width: 72px;
    height: 72px;
    background: #D15197;
    position: absolute;
    left: -36px;
    top: -36px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    z-index: 10;
  }
  .newly-arrived-list .c-post-list-item:nth-child(-n + 5):after {
    content: "NEW";
    font-size: 12px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 2px;
    top: 12px;
    z-index: 11;
    color: #fff;
    font-weight: bold;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
  }
  .c-article-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    color: #333;
    padding: 0 4px 0;
    margin-bottom: 24px;
  }
  .c-article-count p {
    font-size: 18px;
    font-weight: bold;
  }
  .c-article-count .count-number {
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
    margin-right: 2px;
  }
  .l-post-article {
    overflow: hidden;
    max-width: 100%;
  }
  .l-post-article .post-content {
    overflow: hidden;
    background: #fff;
    margin-bottom: 17px;
    padding: 32px 0;
  }
  .l-post-article .post-header {
    padding: 0 32px 28px;
  }
  .l-post-article .post-header .c-post-header-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 12px;
  }
  .l-post-article .post-header .c-post-header-meta .category-tag {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    min-width: 120px;
    border-radius: 48px;
    background: #243748;
    padding: 5px 8px;
    margin-right: 8px;
    text-align: center;
  }
  .l-post-article .post-header .c-post-header-meta .category-tag span {
    font-weight: bold;
  }
  .l-post-article .post-header .c-post-header-meta .posted-date {
    margin-left: auto;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.8);
  }
  .l-post-article .post-header .post-title {
    font-size: 28px;
    color: #333;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    font-weight: bold;
    margin-bottom: 24px;
  }
  .l-post-article .thumb-wrapper {
    background: #ccc;
    width: 100%;
    margin-bottom: 24px;
  }
  .l-post-article .thumb-wrapper img {
    width: 100%;
    height: auto;
    display: block;
  }
  .l-post-article .post-article-detail {
    padding: 0 33%;
	  word-break: break-all;
  }
  .l-post-article .post-article-detail h2, .l-post-article .post-article-detail h3, .l-post-article .post-article-detail h4, .l-post-article .post-article-detail h5 {
    color: #333;
    line-height: 1.4;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .l-post-article .post-article-detail h2 span, .l-post-article .post-article-detail h3 span, .l-post-article .post-article-detail h4 span, .l-post-article .post-article-detail h5 span {
    font-weight: bold;
  }
  .l-post-article .post-article-detail h2 {
    font-size: 24px;
    padding: 0.5rem 0 1rem;
    border-bottom: 1px solid #999;
    margin-bottom: 2rem;
  }
  .l-post-article .post-article-detail h3 {
    font-size: 20px;
    padding: 2rem 0 0 32px;
    margin-bottom: 1rem;
    position: relative;
  }
  .l-post-article .post-article-detail h3:before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 6px solid #243748;
    position: absolute;
    left: 0;
    top: 2.1rem;
  }
  .l-post-article .post-article-detail h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    padding-left: 12px;
    border-left: 4px solid #243748;
    margin: 3rem 0 1rem;
  }
  .l-post-article .post-article-detail h5 {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    padding: 1rem 0 0.5rem 16px;
    margin: 0;
    position: relative;
  }
  .l-post-article .post-article-detail h5:before {
    content: "";
    width: 8px;
    height: 2px;
    background: #243748;
    position: absolute;
    left: 0;
    top: 1.5rem;
  }
  .l-post-article .post-article-detail p {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(51, 51, 51, 0.9);
    margin-bottom: 2rem;
  }
  .l-post-article .post-article-detail a {
    text-decoration: underline;
  }
  .l-post-article .post-article-detail strong, .l-post-article .post-article-detail b {
    font-weight: bold;
    color: #333;
  }
  .l-post-article .post-article-detail em {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(209, 81, 151, 0.1)));
    background: -o-linear-gradient(transparent 60%, rgba(209, 81, 151, 0.1) 60%);
    background: linear-gradient(transparent 60%, rgba(209, 81, 151, 0.1) 60%);
    font-weight: bold;
    font-style: normal;
  }
  .l-post-article .post-article-detail ul, .l-post-article .post-article-detail ol {
    padding: 0 0 2rem 2rem;
  }
	.list-group {
		padding: 0!important;
	}
	
  .l-post-article .post-article-detail ul li, .l-post-article .post-article-detail ol li {
    font-size: 16px;
    line-height: 1.4;
    padding: 4px 0;
    color: rgba(51, 51, 51, 0.9);
  }
  .list-group-item {
    font-size: 18px!important;
    line-height: 3.4!important;
    padding: 4px 30px!important;
  }
  .l-post-article .post-article-detail ul {
    list-style: disc;
  }
  .l-post-article .post-article-detail ol {
    list-style: decimal;
  }
  .l-post-article .post-article-detail blockquote {
    background: rgba(43, 134, 202, 0.05);
    border-radius: 8px;
    padding: 4rem;
    position: relative;
    margin: 0 0 2rem;
  }
  .l-post-article .post-article-detail blockquote p {
    font-size: 14px;
    color: #333;
    line-height: 2;
  }
  .l-post-article .post-article-detail blockquote p:last-child {
    margin-bottom: 0;
  }
  .l-post-article .post-article-detail blockquote:before {
    content: "“";
    position: absolute;
    left: 8px;
    top: -8px;
    color: rgba(43, 134, 202, 0.2);
    font-size: 144px;
    line-height: 1;
  }
  .l-post-article .post-article-detail .panel .panel-body p {
    font-size: 14px;
    margin-bottom: 1rem;
  }
  .l-post-article .post-article-detail .panel .panel-body p strong {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 15px;
  }
  .l-post-article .post-article-detail .panel .panel-body p:last-child {
    margin-bottom: 0;
  }
  .l-post-article .post-article-detail .scroll {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 2rem;
    border-radius: 2px;
    border-right: 1px solid rgba(51, 51, 51, 0.1);
  }
  .l-post-article .post-article-detail .scroll table.rankingtable {
    width: 100% !important;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .l-post-article .post-article-detail .scroll table.rankingtable th {
    white-space: nowrap;
  }
  .l-post-article .post-article-detail .scroll table.rankingtable td {
    text-align: center;
    vertical-align: middle;
  }
  .l-post-article .post-article-detail table {
    border-radius: 2px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
  }
  .l-post-article .post-article-detail table tr th, .l-post-article .post-article-detail table tr td {
    padding: 24px 16px;
    font-size: 16px;
    line-height: 1.4;
  }
  .l-post-article .post-article-detail table tr th:last-child, .l-post-article .post-article-detail table tr td:last-child {
    border-right: 1px solid rgba(51, 51, 51, 0.1);
  }
  .l-post-article .post-article-detail table tr th {
    font-weight: bold;
    vertical-align: middle;
  }
  .l-post-article .post-article-detail table tr:last-child th, .l-post-article .post-article-detail table tr:last-child td {
    border-bottom: none;
  }
  .l-post-article .post-article-footer {
    padding: 20px 32px 32px;
  }
  .l-post-article .post-article-footer .c-share-box {
    margin-bottom: 48px;
  }
  .l-post-article .post-article-footer .post-article-author {
    padding: 32px 0 0;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .l-post-article .post-article-footer .post-article-author .post-article-author-title {
    font-size: 14px;
    font-weight: bold;
    color: rgba(51, 51, 51, 0.8);
    margin-bottom: 16px;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link .author-thumbnail {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link .author-name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 12px;
    font-size: 20px;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link .author-name a {
    text-decoration: none;
    font-weight: bold;
    color: #333;
  }
  .l-post-article .post-article-footer .post-article-author .author-description {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
  }
	body.home #main_visual {
    background-image: url(https://careerbank-jobsearch.com/wp-content/uploads/2020/10/4022476_m.jpg);
	background-position: 50% 20%;
    color: #fff;
    text-align: center;
    height: 420px!important;
	background-size: 100% auto;
  }

	
	body.home #main_visual h2 {
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 24px;
	}

	body.home #main_visual p {
		font-size: 15px;
		width: 600px;
		margin: 0 auto;
	}

	body.home #main_visual p {
		width: 84%;
		margin-right: 8%;
		margin-left: 8%;
	}
		.main_catch {
		padding-top:40px;
		padding-left: 15px;
		padding-right: 15px;
	}
		.main_bk {
		 background-color: rgba(0,0,0,0.4);
		height: 420px!important;
	}
	.img.left {
    float: left;
	margin-right: 20px;
	width: 50%;
	}
	.img.right {
		float: right;
		width: 50%;
	margin-left: 20px;
	}

	.txt-right {
		padding-left: 530px;
	}
	.article-txt-right {
	padding-left: 50%;
	}
	.txt-left {
	padding-right: 530px;
	}
	.article-txt-left {
    padding-right: 50%;
	}
	.top_1st-txt {
    height: 650px;
    padding-top: 70px;
	padding-right:0px;
	color: #000;
	margin-right: 50px;
	}
	.top_1st-img {
    float: left;
	padding-right:50px;
	width: 45%;
	margin-top:60px;
	padding-bottom: 140px;
	text-align:center;
	margin-right: 20px;
	}
	.top_1st {
	background-color: #f7f3e8;
	margin-top:20px;
	}
	h2.top_1st-h2 {
		position: relative;
		text-align: center;
		font-size: 26px;
		margin-bottom: 20px;
	}
	h2 span {
	  position: relative;
	  z-index: 2;
	  display: inline-block;
	  padding: 0 1em;
	  text-align: left;
	  font-weight: bold;
	}
	h2.top_1st-h2::before {
	  position: absolute;
	  top: 50%;
	  z-index: 1;
	  content: '';
	  display: block;
	  width: 100%;
	  height: 1px;
	}
	
	h2.work {
	  color: #364e96;/*文字色*/
  padding: 1em 0!important;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96!important;/*下線*/
		    text-align: center;
		}
	img.profile {
	border-radius: 100%;
	width: 20%;
	float: left;
	margin-right:25px;
	margin-left:40px;
	}
	.profile_name
	{
	font-weight: bold;
	font-size: 20px;
	padding-top: 30px;
    padding-bottom: 15px;
	}
	.clear {
    clear: both;
	}
	h2.top_2nd-h2::before {
	  position: absolute;
	  top: 50%;
	  z-index: 1;
	  content: '';
	  display: block;
	  width: 100%;
	  height: 1px;
	}
	.top_2nd-txt {
	padding-left: 50px;
	height:470px;
	padding-top:50px;
	}
	.top_2nd-img {
    float: right;
	width: 50%;
	padding-left: 50px;
	margin-top:50px;
	}
	.top_2nd {
	background-color: #fff;
	}
	h2.top_2nd-h2 {
		position: relative;
		text-align: center;
		font-size: 26px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.section {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-top: 5%;
	    margin-right: 30px;
  }
	.interview_bottom {
	margin-top:20px;
	margin-top:30px;
	}
	.cta {
		padding-bottom: 30px;
		padding-left: 16px;
		padding-right: 16px;		
		width: 100%;
		margin: 0 auto;
	}
	#top_image {
		height: 100%!important;
		width:560px;
		padding-left: 30px;
	}
	.job_detail {
		font-size: 30px;
		padding-top:45px;
		padding-bottom:25px;
	}
	.table_font {
		font-size:16px;
	}
	.interview_dl {
		font-size: 16px;
	}
	.jobdetail_img {
		width:50%;
		float: right;
		margin-left: 20px;
	    margin-bottom: 20px;
	}
	.jobdetail_gaiyou p {
		font-size:24px!important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.btn-success {
		margin-bottom: 20px;
	}
	.side_li {
		padding-bottom:10px;
	}
	.sp_only {
		display: none;
	}
	#img_profile {
		width: 200px;
		height: auto;
	}
	.job_detail_h3 {
        text-decoration: underline;
		font-size: 22px;
		margin-bottom: 10px;
	}
  #job_detail_ul ul li{
      display: inline;
	  margin-right: 1em;
  }
	#job_detail_table{
		margin-top: 10px;
	}
	.sec02__points {
		padding: 45px 70px 30px;
		background-color: #f1f1f1;
		max-width: 630px;
		margin: 50px auto 50px;
		position: relative;
	}
	.sec02__points dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.sec02__points dl dt {
		font-weight: 700;
		font-size: 31px;
		font-style: normal;
		color: #243748;
		width: 65px;
	}
	.sec02__points dl dd {
		width: 580px;;
		font-weight: 700;
		font-size: 20px;
	}
	.interview {
		padding-left: 20px;
		padding-right: 20px;
	}
	.menu-toggle {
		display: none;
	}
	.top_first_view {
		background:#f0f8ff;
		padding:20px 30px 10px 30px;
		margin-bottom: 40px;
		margin-top: 20px;
	}
  h2.search_panel {
  font-size:20px;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:30px;
  }
	#top_cta {
		width:200px;
		margin-top:40px;
		color:#fff;
	}
	.section1_img {
    padding-bottom: 35px;
    padding-top: 20px;
    width: 70%;
    margin: 0 auto;
	}
	#section1_block {
    float: left;
    width: 31%;
    border: solid 1px #F2F2F2;
    padding: 13px;
    height: 390px;
	margin-right: 1%;
    margin-left: 1%;
	}
	.section1_block_img {
    height: 150px;
    width: auto;
	}
	h2.top_service {
		text-align:center;
		font-size: 40px;
		padding-top: 30px;
	}
	.c-footer-menu {
		margin: 0 auto;
	}
	#top_faq {
		width: 40%;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 20px;
		height: 200px;
	}
	#top_faq h3 {
		font-size: 20px;
		padding-bottom:10px;
	}
	.form_place {
		margin-left:30%;
		margin-right:30%;
	}

	.form_place label, .suisen_form {
		font-size:16px;
	}
	.radio_apply input {
		width:auto!important;
	}
	.pay_button {
		margin-left:30%;
		margin-right:30%;
	}
	.section4_img {
    	width: 40%;
	}
		.flow {
    border: 2px solid #ECECEC;
	margin-left: 2px;
	margin-right: 2px;
	}
	.flow > li {
		padding-left: 30%;
		padding-bottom: 20px;
		padding-top: 23px;
	}
	.flow > li:not(:last-child) {
		border-bottom: 2px solid #ECECEC;
		position: relative;
	}
	.flow > li:not(:last-child)::before,
	.flow > li:not(:last-child)::after {
		content: "";
		border: solid transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.flow > li:not(:last-child)::before {
		border-width: 22px;
		border-top-color: #ECECEC;
	}
	.flow > li:not(:last-child)::after {
		border-width: 18px;
		border-top-color: #fff;
	}
	.flow > li dl {
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.flow > li dl dt {
		font-size: 18px;
		font-weight: 600;
		color: #2b3e66;
		-ms-flex-preferred-size: 20%;
		margin-right: 1vw;
		text-align: center;
	}
	.flow > li dl dt .icon {
		font-size: 15px;
		color: #fff;
		background: #5cb85c;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
		padding: 5px 10px;
		margin-bottom: 10px;
		border-radius: 20px;
		margin-right: 30px;
	}
	.section4 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#front_page_list li {
	    line-height: 30px!important;	
	}
	#dataTable table tr td, #dataTable table tr th, #dataTable2 table tr td, #dataTable2 table tr th {
	  padding: 14px 10px;
	  font-size:12px;
	border: 1px solid #CCC;
	}
	#dataTable table {
    border-collapse: collapse;
    width: 100%;
	}
	
  #dataTable2 td {
    width: 10%;
	}
  #dataTable2 td:last-child {
    width: 40%;
	}
	.postal-code, .birth-year {
	  display: flex;
	  align-items: center;       /* 縦方向中央揃え */
	  gap: 8px;                  /* 「〒」と入力欄の間隔 */
	  justify-content: flex-start; /* 左寄せ（必要に応じて center で中央寄せも可） */
	  margin: 0 auto;            /* 左右の自動マージンで中央寄せ */
	  max-width: 300px;          /* 必要に応じて幅を制限 */
	  padding-left: 16px;        /* 左に少しスペースを追加 */
	}

	/* input の幅を調整 */
	.postal-code input.wpcf7-text {
	  flex: 1; /* ラベル内で横幅を伸ばす */
	  max-width: 200px; /* 必要に応じて最大幅を指定 */
	}

	/* input の幅を調整 */
	.birth-year input.wpcf7-text {
	  flex: 1; /* ラベル内で横幅を伸ばす */
	  max-width: 200px; /* 必要に応じて最大幅を指定 */
	}
}







@media (max-width: 768px) {
  @-webkit-keyframes sticky {
    0% {
      -webkit-transform: translateY(-110%);
              transform: translateY(-110%);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes sticky {
    0% {
      -webkit-transform: translateY(-110%);
              transform: translateY(-110%);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .main-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.05);
	height: 45px;
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 6px;
    padding-right: 16px;
    position: relative;
    z-index: 1600;
  }
  .main-header.sticky-on {
    /** position: fixed; **/
    left: 0;
    top: 0;
    -webkit-animation: sticky 0.4s;
            animation: sticky 0.4s;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: #fff;
  }
  .main-header .sitename {
    padding: 5px 0;
  }
  .main-header .sitename a {
    text-decoration: none;
  }
  .main-header .sitename .descr {
    font-size: 10px;
    font-weight: normal;
    color: rgba(51, 51, 51, 0.75);
    margin-bottom: 4px;
  }
  .header_logo {
    font-size: 14px;
    margin-bottom: 2px;
    padding-top: 8px;
    padding-left: 9px;
    color: #243748;
    font-weight: bold;
	width: 70%;
  }
  .main-header .sitename img {
    height: auto;
    width: 75%;
    display: block;
	float: left;
    padding-right: 10px;
  }
  .main-header .header-function {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    overflow-y: scroll;
    position: fixed;
    width: 100%;
    left: 0;
    top: 48px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-header .header-function.header-open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .main-header .header-function .header-searchform {
    padding: 32px 16px;
    background: rgba(51, 51, 51, 0.05);
  }
  .main-header .header-function .global-nav-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 72px;
  }
  .main-header .header-function .global-nav-menu ul li {
    position: relative;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .main-header .header-function .global-nav-menu ul li:first-child {
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .main-header .header-function .global-nav-menu ul li:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 28px;
    top: calc(50% - 4px);
  }
  .main-header .header-function .global-nav-menu ul li a {
    padding: 24px;
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #333;
  }
  .main-header .menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 8px;
    top: 24px;
    width: 40px;
    height: 40px;
    z-index: 1200;
  }
  .main-header .menu-toggle .icon {
    display: block;
    width: 24px;
    height: 3px;
    background: #333;
    position: relative;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .main-header .menu-toggle .icon:before, .main-header .menu-toggle .icon:after {
    content: "";
    display: block;
    width: 24px;
    height: 3px;
    background: #333;
    position: absolute;
    left: 0;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .main-header .menu-toggle .icon:before {
    top: -8px;
  }
  .main-header .menu-toggle .icon:after {
    bottom: -8px;
  }
  .main-header .menu-toggle .label {
    font-size: 10px;
    color: #333;
    font-weight: bold;
    padding-top: 12px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
  .main-header .menu-toggle.toggle-on .icon {
    background: transparent;
  }
  .main-header .menu-toggle.toggle-on .icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .main-header .menu-toggle.toggle-on .icon:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .main-footer {
    background: #fff;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .main-footer .footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-footer .c-footer-site-explanation {
    width: 100%;
    padding: 48px 16px 32px;
  }
  .main-footer .c-footer-site-explanation .footer-sitename {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 4px;
    text-align: center;
  }
  .main-footer .c-footer-site-explanation .footer-sitename a {
    color: #333;
    text-decoration: none;
  }
  .main-footer .c-footer-site-explanation .footer-logo {
    height: 32px;
    width: auto;
    margin-bottom: 12px;
  }
  .main-footer .c-footer-site-explanation .footer-logo img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .main-footer .c-footer-site-explanation .footer-site-explanation {
    font-size: 12px;
    line-height: 1.75;
    color: rgba(51, 51, 51, 0.75);
  }
  .main-footer .c-footer-menu .footer-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .main-footer .c-footer-menu .footer-menu ul li {
    width: 50%;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .main-footer .c-footer-menu .footer-menu ul li:nth-child(2n+1) {
    border-right: 1px solid rgba(51, 51, 51, 0.1);
  }
  .main-footer .c-footer-menu .footer-menu ul li a {
    text-decoration: none;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.75);
    line-height: 1;
    position: relative;
    display: block;
    padding: 20px 16px 20px 40px;
  }
  .main-footer .c-footer-menu .footer-menu ul li a:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #243748;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: calc(50% - 6px);
  }
  .main-footer .c-footer-menu .footer-menu ul li a:after {
    content: "";
    width: 4px;
    height: 6px;
    border-left: 4px solid #fff;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    position: absolute;
    left: 25px;
    top: calc(50% - 2px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main-footer .footer-copyright {
    height: 64px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #243748;
  }
  .main-footer .footer-copyright .copyright {
    font-size: 12px;
    color: #fff;
	text-align: center;
    padding-top: 30px;
	margin-bottom: 30px;
  }
  #page-top {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 40px;
    height: 40px;
  }
  #page-top a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(209, 81, 151, 0.9);
    text-decoration: none;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    padding-bottom: 2px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.075), 0 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.075), 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .container {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-column-container {
    width: 100%;
    padding: 0 6px;
  }
  .side-column-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 6px 24px;
    background: #f4f4f4;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .c-post-list-item {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 24px;
    position: relative;
  }
  .c-post-list-item .post-thumb {
    background: #ccc;
    width: 100%;
    height: 192px;
    position: relative;
  }
  .c-post-list-item .post-thumb img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .c-post-list-item .post-thumb img {
      position: static;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
  }
  .c-post-list-item .post-text {
    width: 100%;
    padding: 16px;
  }
  .c-post-list-item .c-post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 8px;
  }
  .c-post-list-item .c-post-meta .category-tag {
    font-size: 12px;
  }
  .c-post-list-item .c-post-meta .category-tag a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    background: #243748;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 10px;
    min-width: 104px;
    text-align: center;
  }
  .c-post-list-item .c-post-meta .posted-date {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.75);
    margin-left: auto;
  }
  .c-post-list-item .post-title {
    font-size: 16px;
    line-height: 1.4;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .c-post-list-item .post-title a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
  }
  .c-post-list-item .post-excerpt {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 12px;
	margin-top: 10px;
  }
  .c-post-list-item .c-post-tags {
    display: none;
  }
  .bread-crumb {
    width: 100%;
    padding: 20px 16px;
  }
  .bread-crumb.archive {
    margin-bottom: 16px;
  }
  .bread-crumb ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
  }
  .bread-crumb ol li {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.8);
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 16px;
    position: relative;
    min-width: 56px;
  }
  .bread-crumb ol li:after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1px solid rgba(51, 51, 51, 0.4);
    border-top: 1px solid rgba(51, 51, 51, 0.4);
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 4px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .bread-crumb ol li:last-child {
    padding-right: 0;
  }
  .bread-crumb ol li:last-child:after {
    display: none;
  }
  .bread-crumb ol li a {
    color: #000;
    text-decoration: none;
    white-space: nowrap;
  }
  .aside-post-list, .wpp-list {
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
  }
  .aside-article-item {
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .aside-article-item a {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    position: relative;
  }
  .aside-article-item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid rgba(51, 51, 51, 0.25);
    border-right: 2px solid rgba(51, 51, 51, 0.25);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 16px;
    top: calc(50% - 4px);
  }
  .aside-article-item a .thumb-wrapper {
    width: 80px;
    height: 80px;
    background: #ccc;
    position: relative;
    overflow: hidden;
  }
  .aside-article-item a .thumb-wrapper img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .aside-article-item a .thumb-wrapper img {
      position: static;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
  }
  .aside-article-item a .aside-article-item-text {
    padding: 4px 40px 4px 12px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .aside-article-item a .aside-article-item-text .posted-date {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.75);
    line-height: 1;
    margin-bottom: 6px;
  }
  .aside-article-item a .aside-article-item-text .aside-article-title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
  }
  .wpp-list .aside-article-item {
    counter-increment: ranking;
  }
  .wpp-list .aside-article-item:nth-child(1) .thumb-wrapper:before {
    background: #C1A779;
  }
  .wpp-list .aside-article-item:nth-child(2) .thumb-wrapper:before {
    background: #A2A5B8;
  }
  .wpp-list .aside-article-item:nth-child(3) .thumb-wrapper:before {
    background: #C6ACA1;
  }
  .wpp-list .aside-article-item .thumb-wrapper:after {
    content: counter(ranking);
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 7px;
    top: 5px;
    z-index: 11;
  }
  .wpp-list .aside-article-item .thumb-wrapper:before {
    content: "";
    width: 48px;
    height: 48px;
    background: #243748;
    position: absolute;
    left: -24px;
    top: -24px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    z-index: 10;
  }
  .l-feature-post-slider {
    padding: 8px 0 36px;
    margin-bottom: 40px;
  }
  .l-feature-post-slider .slider-post-content {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 100vw;
    position: relative;
    margin: 0;
  }
  .l-feature-post-slider .thumb-wrapper {
    width: 100%;
    height: 240px;
    background: #243748;
    position: relative;
  }
  .l-feature-post-slider .thumb-wrapper img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .l-feature-post-slider .thumb-wrapper img {
      position: static;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
  }
  .l-feature-post-slider .c-text-content {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 16px;
    background: rgba(255, 255, 255, 0.95);
  }
  .l-feature-post-slider .c-text-content a {
    text-decoration: none;
  }
  .l-feature-post-slider .c-text-content .post-text-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 8px;
  }
  .l-feature-post-slider .c-text-content .post-text-meta .category {
    display: inline-block;
    height: 20px;
    background: #243748;
    border-radius: 12px;
  }
  .l-feature-post-slider .c-text-content .post-text-meta .category a {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    padding: 4px 12px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    text-align: center;
    font-weight: bold;
  }
  .l-feature-post-slider .c-text-content .post-text-meta .posted-date {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.75);
  }
  .l-feature-post-slider .c-text-content .post-title {
    font-size: 16px;
    line-height: 1.4;
  }
  .l-feature-post-slider .c-text-content .post-title a {
    color: #333;
    font-weight: bold;
	    padding-left: 10px;
  }
  .l-feature-post-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 12px;
  }
  .l-feature-post-slider .slick-dots li {
    margin: 0 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(51, 51, 51, 0.25);
  }
  .l-feature-post-slider .slick-dots li.slick-active {
    background: #243748;
  }
  .l-feature-post-slider .slick-dots li button {
    border: none;
    background: transparent;
    color: transparent;
  }
  .l-feature-post-slider .slick-arrow {
    position: absolute;
    top: calc( 50% - 8px);
    color: transparent;
    overflow: hidden;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    font-size: 0;
    display: block;
    border: none;
    background: transparent;
    border-left: 2px solid #243748;
    border-top: 2px solid #243748;
    z-index: 100;
    outline: none;
  }
  .l-feature-post-slider .slick-arrow.slick-prev {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 12px;
  }
  .l-feature-post-slider .slick-arrow.slick-next {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    right: 12px;
  }
  .c-search-form {
    min-height: 40px;
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 20px;
    width: 100%;
    position: relative;
    display: inline-block;
  }
  .c-search-form .hidden {
    margin: 0;
    display: inline;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .c-search-form .search-form-input {
    border: none;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    padding: 8px 48px 8px 16px;
    font-size: 14px;
    letter-spacing: 0;
  }
  .c-search-form .search-form-input:placeholder-shown {
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-input::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-input:-moz-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-input::-moz-placeholder {
    opacity: 1;
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-input:-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.4);
  }
  .c-search-form .search-form-submit {
    background: transparent;
    border: none;
    padding: 10px 14px;
    margin: 0;
    font-size: 20px;
    color: #333;
    width: 48px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .c-side-widget {
    margin-bottom: 48px;
  }
  .c-side-widget.popular-posts .side-widget-title:before {
    content: "\f521";
  }
  .c-side-widget.popular-posts .side-widget-title:after {
    content: "RANKING";
  }
  .c-side-widget.widget_categories .side-widget-title:before {
    content: "\f07b";
  }
  .c-side-widget.widget_categories .side-widget-title:after {
    content: "CATEGORY";
  }
  .c-side-widget.widget_newly_post .side-widget-title:before {
    content: "\f024";
  }
  .c-side-widget.widget_newly_post .side-widget-title:after {
    content: "NEW";
  }
  .side-widget-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 28px;
    font-weight: bold;
    font-size: 20px;
    color: #333;
  }
  .side-widget-title:before {
    font-family: "Font Awesome 5 Free";
    margin-right: 8px;
  }
  .side-widget-title:after {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #243748;
    margin-left: auto;
    text-transform: uppercase;
  }
  .c-side-widget.widget_categories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .c-side-widget.widget_categories ul li {
    width: 100%;
  }
  .c-side-widget.widget_categories ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    background: #fff;
    padding: 20px 40px 20px 16px;
    text-decoration: none;
    color: #243748;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .c-side-widget.widget_categories ul li a:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: #243748;
    position: absolute;
    left: -8px;
    top: -8px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .c-side-widget.widget_categories ul li a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid rgba(51, 51, 51, 0.25);
    border-right: 2px solid rgba(51, 51, 51, 0.25);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 16px;
    top: calc(50% - 4px);
  }
  .c-side-widget.widget_categories ul li a .count {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 4px 12px;
    background: #D15197;
    border-radius: 10px;
    margin-top: auto;
    line-height: 1;
  }
  .sns-share-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sns-share-list li {
    margin: 0 2px;
    width: calc((100%/6) - 4px);
  }
  .sns-share-list li.twitter a {
    background: #1A95E0;
  }
  .sns-share-list li.facebook a {
    background: #4167B2;
  }
  .sns-share-list li.googleplus a {
    background: #DB4437;
  }
  .sns-share-list li.pocket a {
    background: #ef4056;
  }
  .sns-share-list li.hatebu a {
    background: #02A4DE;
  }
  .sns-share-list li.line a {
    background: #00c300;
  }
  .sns-share-list li a {
    display: inline-block;
    border-radius: 4px;
    height: 32px;
    width: 100%;
    padding: 8px 12px;
    font-size: 16px;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
  }
  .sns-share-list li a .snstext {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    color: transparent;
  }
  .sns-share-list li a i {
    margin-right: 4px;
  }
  .l-related-posts {
    width: 100%;
    overflow: hidden;
    padding: 0 16px;
  }
  .l-related-posts .related-posts-title {
    padding: 40px 4px 0;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #333;
    margin-bottom: 32px;
  }
  .l-related-posts .related-posts-title i {
    font-size: 24px;
    margin-right: 4px;
  }
  .l-related-posts .related-post-list {
    margin: 0 -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-related-posts .related-post-item {
    width: 100%;
    max-width: 360px;
    margin: 0 6px 32px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .l-related-posts .related-post-item a {
    text-decoration: none;
  }
  .l-related-posts .related-post-item .related-thumb-wrapper {
    width: 100%;
    height: 192px;
    background: #ccc;
    position: relative;
    margin: 0;
  }
  .l-related-posts .related-post-item .related-thumb-wrapper img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .l-related-posts .related-post-item .related-thumb-wrapper img {
      position: static;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
  }
  .l-related-posts .related-post-category {
    font-size: 12px;
    background: #243748;
    height: 20px;
    border-radius: 10px;
    padding: 4px 12px;
    display: inline-block;
    margin: 16px 12px 0 12px;
  }
  .l-related-posts .related-post-category a {
    color: #fff;
    font-weight: bold;
  }
  .l-related-posts .related-post-item-text {
    padding: 8px 12px 20px;
  }
  .l-related-posts .related-post-item-text .related-post-item-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
  }
  .post-article-footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    margin-bottom: 28px;
  }
  .post-article-footer-nav .footer-nav-block {
    width: 50%;
    position: relative;
  }
  .post-article-footer-nav .footer-nav-block a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    position: relative;
    text-decoration: none;
    height: 48px;
  }
  .post-article-footer-nav .footer-nav-block.prev-nav {
    margin-right: auto;
    border-right: 1px solid rgba(51, 51, 51, 0.1);
  }
  .post-article-footer-nav .footer-nav-block.prev-nav a {
    padding: 0 32px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .post-article-footer-nav .footer-nav-block.prev-nav a:before {
    content: "";
    width: 12px;
    height: 12px;
    border-left: 3px solid #243748;
    border-top: 3px solid #243748;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 8px;
    top: calc(50% - 6px);
  }
  .post-article-footer-nav .footer-nav-block.next-nav {
    margin-left: auto;
    border-left: 1px solid rgba(51, 51, 51, 0.05);
  }
  .post-article-footer-nav .footer-nav-block.next-nav a {
    padding: 0 32px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .post-article-footer-nav .footer-nav-block.next-nav a:after {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 3px solid #243748;
    border-top: 3px solid #243748;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 8px;
    top: calc(50% - 6px);
  }
  .post-article-footer-nav .footer-nav-block-label {
    display: inline-block;
    color: #243748;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  .post-article-footer-nav .post-title {
    display: none;
  }
  .main-column-container .post-content #toc_container {
    border: none;
    background: #F8F8F8;
    border-radius: 4px;
    padding: 24px;
    width: 100% !important;
    display: block !important;
    margin-bottom: 2rem;
  }
  .main-column-container .post-content #toc_container .toc_title {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    color: #333;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 0;
    position: relative;
  }
  .main-column-container .post-content #toc_container .toc_title:before {
    content: "";
    width: 4px;
    height: 28px;
    background: #243748;
    position: absolute;
    left: -24px;
    top: 0;
  }
  .main-column-container .post-content #toc_container .toc_title .toc_toggle {
    margin-left: auto;
    padding-left: 12px;
    color: #243748;
  }
  .main-column-container .post-content #toc_container .toc_title .toc_toggle a {
    color: #243748;
  }
  .main-column-container .post-content #toc_container .toc_list {
    padding-top: 8px;
  }
  .main-column-container .post-content #toc_container .toc_list li {
    padding: 4px 0;
  }
  .main-column-container .post-content #toc_container .toc_list li a {
    color: #243748;
    text-decoration: none;
  }
  .main-column-container .post-content #toc_container .toc_list li a:hover {
    text-decoration: underline;
  }
  .index-page-header {
    padding: 20px 0 12px;
  }
  .index-page-header h1 {
    padding: 0 16px 8px;
    font-weight: bold;
    font-size: 20px;
    color: #243748;
    margin: 0 auto 15px;
  }
  .index-page-header h1 span {
    display: block;
    font-weight: bold;
  }
  .index-page-header h1 .archive-title-label {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .c-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    border-radius: 24px;
    height: 48px;
    background: #fff;
    margin: 40px 0 56px;
  }
  .c-pagination .page-numbers {
    font-size: 16px;
    font-weight: bold;
    min-width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 8px;
    line-height: 1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .c-pagination .page-numbers:last-child {
    border-right: none;
  }
  .c-pagination .page-numbers.current, .c-pagination .page-numbers:hover {
    color: #fff;
    background: #243748;
  }
  .c-pagination .page-numbers.prev, .c-pagination .page-numbers.next {
    color: transparent;
    width: 48px;
    min-width: 48px;
    height: 48px;
    overflow: hidden;
    font-size: 0;
    position: relative;
  }
  .c-pagination .page-numbers.prev:hover, .c-pagination .page-numbers.next:hover {
    background: transparent !important;
  }
  .c-pagination .page-numbers.prev:before, .c-pagination .page-numbers.next:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #243748;
    border-top: 2px solid #243748;
  }
  .c-pagination .page-numbers.prev:before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .c-pagination .page-numbers.next:before {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .c-pagination a {
    text-decoration: none;
  }
  .wpcf7-form label {
    font-weight: bold;
    line-height: 1;
    font-size: 12px;
    color: #243748;
    display: block;
  }
  .suisen_form {
    font-weight: bold;
    line-height: 1;
    font-size: 12px;
    color: #243748;
  }
  .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    padding-top: 8px;
  }
  .wpcf7-form .wpcf7-form-control-wrap input[type="text"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="email"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="number"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="url"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="tel"],
  .wpcf7-form .wpcf7-form-control-wrap input[type="date"],
  .wpcf7-form .wpcf7-form-control-wrap textarea {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid rgba(51, 51, 51, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    background: #fff;
    font-weight: normal;
    font-size: 16px;
    max-width: 100%;
    color: #333 !important;
  }
  .wpcf7-form .wpcf7-form-control-wrap textarea {
    width: 100%;
    line-height: 1.6;
  }
  .wpcf7-form .wpcf7-submit {
    width: 240px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #243748;
    background: rgb(61, 135, 0);
    border-radius: 28px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    margin: 24px auto 0;
    cursor: pointer;
    outline: none;
  }
  .wpcf7-form .wpcf7-not-valid-tip {
    color: #D15197;
    padding-top: 4px;
    font-weight: bold;
  }
  .wpcf7-form .wpcf7-response-output,
  .wpcf7-form .wpcf7-validation-errors {
    border: 1px solid #D15197;
    background: rgba(209, 81, 151, 0.1);
    color: #D15197;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 4px;
  }
  .c-not-found-content p {
    font-weight: bold;
    color: rgba(51, 51, 51, 0.6);
    font-size: 18px;
    padding: 24px 0;
  }
  .c-return-to-top {
    padding: 0 20px 24px;
  }
  .c-return-to-top .return-to-top-btn {
    max-width: 320px;
    width: 100%;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #243748;
    background: #fff;
    border-radius: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #243748;
    text-decoration: none !important;
    margin: 0 auto;
  }
  .c-return-to-top .return-to-top-btn .right-chevron {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #243748;
    position: relative;
    margin-left: 16px;
  }
  .c-return-to-top .return-to-top-btn .right-chevron:after {
    content: "";
    width: 6px;
    height: 8px;
    border-left: 6px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    left: 8px;
    top: calc(50% - 4px);
  }
  .newly-arrived-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding: 0 4px;
    margin-bottom: 24px;
	margin-top: 70px;
  }
  .newly-arrived-title i {
    margin-right: 8px;
  }
  .newly-arrived-title .title-ornament {
    margin-left: auto;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #243748;
    text-transform: uppercase;
  }
  .newly-arrived-footer {
    padding: 8px 0;
    margin-bottom: 32px;
  }
  .newly-arrived-footer .view-more-link {
    width: 100%;
    max-width: 320px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #243748;
    background: #fff;
    border-radius: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #243748;
    text-decoration: none;
    margin: 0 auto;
  }
  .newly-arrived-footer .view-more-link .right-chevron {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #243748;
    position: relative;
    margin-left: 16px;
  }
  .newly-arrived-footer .view-more-link .right-chevron:after {
    content: "";
    width: 6px;
    height: 8px;
    border-left: 6px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    left: 8px;
    top: calc(50% - 4px);
  }
  .newly-arrived-list .c-post-list-item:nth-child(-n + 5):before {
    content: "";
    width: 72px;
    height: 72px;
    background: #D15197;
    position: absolute;
    left: -36px;
    top: -36px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    z-index: 10;
  }
  .newly-arrived-list .c-post-list-item:nth-child(-n + 5):after {
    content: "NEW";
    font-size: 12px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 2px;
    top: 12px;
    z-index: 11;
    color: #fff;
    font-weight: bold;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
  }
  .c-article-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    color: #333;
    padding: 0 4px;
    margin-bottom: 16px;
  }
  .c-article-count p {
    font-size: 16px;
    font-weight: bold;
  }
  .c-article-count .count-number {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin-right: 2px;
  }
  .l-post-article {
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
  .l-post-article .post-content {
    background: #fff;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    margin-bottom: 32px;
    padding: 24px 0;
  }
  .l-post-article .post-header {
    padding: 0 16px 28px;
  }
  .l-post-article .post-header .c-post-header-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 12px;
  }
  .l-post-article .post-header .c-post-header-meta .category-tag {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    min-width: 72px;
    border-radius: 45px;
    background: #243748;
    padding: 4px 8px;
    margin-right: 8px;
    text-align: center;
  }
  .l-post-article .post-header .c-post-header-meta .category-tag span {
    font-weight: bold;
  }
  .l-post-article .post-header .c-post-header-meta .posted-date {
    margin-left: auto;
    font-size: 12px;
    color: rgba(51, 51, 51, 0.8);
  }
  .l-post-article .post-header .post-title {
    font-size: 20px;
    color: #333;
    line-height: 1.4;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    font-weight: bold;
    margin-bottom: 20px;
  }
  .l-post-article .thumb-wrapper {
    background: #ccc;
    width: 100%;
    margin-bottom: 24px;
  }
  .l-post-article .thumb-wrapper img {
    width: 100%;
    height: auto;
    display: block;
  }
  .l-post-article .post-article-detail {
	  	  word-break: break-all;
    padding: 0 20px;
  }
  .l-post-article .post-article-detail h2, .l-post-article .post-article-detail h3, .l-post-article .post-article-detail h4, .l-post-article .post-article-detail h5 {
    color: #333;
    line-height: 1.4;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .l-post-article .post-article-detail h2 span, .l-post-article .post-article-detail h3 span, .l-post-article .post-article-detail h4 span, .l-post-article .post-article-detail h5 span {
    font-weight: bold;
  }
  .l-post-article .post-article-detail h2 {
    font-size: 18px;
    padding: 2rem 0 0.75rem;
    border-bottom: 1px solid #999;
    margin-bottom: 2rem;
  }
  .l-post-article .post-article-detail h3 {
    font-size: 17px;
    padding: 2rem 0 0 24px;
    margin-bottom: 1rem;
    position: relative;
  }
  .l-post-article .post-article-detail h3:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 5px solid #243748;
    position: absolute;
    left: 0;
    top: 2.1rem;
  }
  .l-post-article .post-article-detail h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    padding-left: 12px;
    border-left: 4px solid #243748;
    margin: 3rem 0 1rem;
  }
  .l-post-article .post-article-detail h5 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    padding: 1rem 12px 1rem 12px;
    position: relative;
  }
  .l-post-article .post-article-detail h5:before {
    content: "";
    width: 4px;
    height: 1px;
    background: #243748;
    position: absolute;
    left: 0;
    top: 1.5rem;
  }
  .l-post-article .post-article-detail p {
    font-size: 15px;
    line-height: 1.75;
    color: rgba(51, 51, 51, 0.9);
    margin-bottom: 2rem;
  }
  .l-post-article .post-article-detail a {
    text-decoration: underline;
  }
  .l-post-article .post-article-detail strong, .l-post-article .post-article-detail b {
    font-weight: bold;
    color: #333;
  }
  .l-post-article .post-article-detail em {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(209, 81, 151, 0.1)));
    background: -o-linear-gradient(transparent 60%, rgba(209, 81, 151, 0.1) 60%);
    background: linear-gradient(transparent 60%, rgba(209, 81, 151, 0.1) 60%);
    font-weight: bold;
    font-style: normal;
  }
  .l-post-article .post-article-detail ul, .l-post-article .post-article-detail ol {
    padding: 0 0 2rem 2rem;
  }
  .list-group {
    padding: 0!important;
  }
  .l-post-article .post-article-detail ul li, .l-post-article .post-article-detail ol li {
    font-size: 15px;
    line-height: 1.4;
    padding: 4px 0;
    color: rgba(51, 51, 51, 0.9);
  }
  .list-group-item {
    font-size: 18px!important;
    line-height: 2.4!important;
    padding: 4px 15px!important;
  }
  .l-post-article .post-article-detail ul {
    list-style: disc;
  }
  .l-post-article .post-article-detail ol {
    list-style: decimal;
  }
  .l-post-article .post-article-detail blockquote {
    background: rgba(43, 134, 202, 0.05);
    border-radius: 0 4px 4px 0;
    padding: 32px;
    position: relative;
    border-left: 6px solid rgba(43, 134, 202, 0.2);
    margin: 0 0 2rem;
  }
  .l-post-article .post-article-detail blockquote p {
    font-size: 14px;
    color: #333;
    line-height: 2;
  }
  .l-post-article .post-article-detail blockquote p:last-child {
    margin-bottom: 0;
  }
  .l-post-article .post-article-detail .panel .panel-body p {
    font-size: 14px;
    margin-bottom: 1rem;
  }
  .l-post-article .post-article-detail .panel .panel-body p strong {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 15px;
  }
  .l-post-article .post-article-detail .panel .panel-body p:last-child {
    margin-bottom: 0;
  }
  .l-post-article .post-article-detail .scroll {
    width: 100%;
    position: relative;
    overflow-x: scroll;
    overflow-y: visible;
    white-space: nowrap;
    margin-bottom: 2rem;
    border-radius: 2px;
    border-right: 1px solid rgba(51, 51, 51, 0.1);
  }
  .l-post-article .post-article-detail .scroll:before {
    content: "表は横にスクロールできます→";
    width: 100%;
    display: block;
    margin-bottom: 8px;
    font-size: 10px;
    text-align: right;
    color: #D15197;
    font-weight: bold;
    z-index: 100;
  }
  .l-post-article .post-article-detail .scroll table.rankingtable {
    width: 100% !important;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .l-post-article .post-article-detail .scroll table.rankingtable th {
    white-space: nowrap;
  }
  .l-post-article .post-article-detail .scroll table.rankingtable td {
    text-align: center;
    vertical-align: middle;
  }
  .l-post-article .post-article-detail table {
    border: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 2px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    margin-bottom: 2rem;
  }
  .l-post-article .post-article-detail table tr th, .l-post-article .post-article-detail table tr td {
    padding: 20px 12px;
    font-size: 12px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    border-right: 1px solid rgba(51, 51, 51, 0.1);
    line-height: 1.4;
  }
  .l-post-article .post-article-detail table tr th:last-child, .l-post-article .post-article-detail table tr td:last-child {
    border-right: 1px solid rgba(51, 51, 51, 0.1);
  }
  .l-post-article .post-article-detail table tr th {
    font-weight: bold;
    background: rgba(43, 134, 202, 0.1);
    vertical-align: middle;
  }
  .l-post-article .post-article-detail table tr:last-child th, .l-post-article .post-article-detail table tr:last-child td {
    border-bottom: none;
  }
  .l-post-article img {
    max-width: 100%;
    height: auto;
	margin-bottom: 10px;
  }
	.interview_image {
		margin: 0 auto;
	}
	
  .l-post-article .style-box01 {
    padding: 2rem;
    background: rgba(43, 134, 202, 0.1);
    border-radius: 8px;
  }
  .l-post-article .post-article-footer {
    padding: 20px 16px 8px;
  }
  .l-post-article .post-article-footer .c-share-box {
    margin-bottom: 32px;
  }
  .l-post-article .post-article-footer .post-article-author {
    padding: 32px 0 0;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .l-post-article .post-article-footer .post-article-author .post-article-author-title {
    font-size: 12px;
    font-weight: bold;
    color: rgba(51, 51, 51, 0.8);
    margin-bottom: 12px;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link .author-thumbnail {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link .author-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link .author-name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 12px;
    font-size: 18px;
  }
  .l-post-article .post-article-footer .post-article-author .c-author-link .author-name a {
    text-decoration: none;
    font-weight: bold;
    color: #333;
  }
  .l-post-article .post-article-footer .post-article-author .author-description {
    font-size: 13px;
    color: #333;
    line-height: 1.6;
  }
	
		body.home #main_visual {
    background-image: url(https://careerbank-jobsearch.com/wp-content/uploads/2020/10/4022476_m.jpg);
	background-position: center;
    color: #fff;
    text-align: center;
    height: 430px!important;
    background-size: 204% auto;
	background-repeat: no-repeat;
  }

	body.home #main_visual h2 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 15px;
		margin-left: 5px;
		margin-right: 5px;
	}

	body.home #main_visual p {
		font-size: 15px;
		width: 600px;
		margin: 0 auto;
	}

	body.home #main_visual p {
		width: 84%;
		margin-right: 8%;
		margin-left: 8%;
		font-size: 85%;
	}
		.main_catch {
		padding-top:20px;
	}
		.main_bk {
	 background-color: rgba(0,0,0,0.4);
	height: 430px!important;
	}
	h2.work {
	  color: #364e96;/*文字色*/
	  padding: 1em 0!important;/*上下の余白*/
	  border-top: solid 3px #364e96;/*上線*/
	  border-bottom: solid 3px #364e96!important;/*下線*/
	  text-align: center;
		}
		img.profile {
		    border-radius: 100%;
		width: 40%;
	}
	.box-img, .box-text {
		text-align:center;
	}
	.profile_name{
	font-weight: bold;
	font-size: 20px;
	padding-top: 30px;
    padding-bottom: 15px;
	}
		.top_1st-txt {
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color: #000;
	}
	.top_1st-img {
	width: 100%;
	margin-top:30px;
	}
	.top_1st {
	background-color: #f7f3e8;
	margin-top:10px;
	padding-top:30px;
	}
	h2.top_1st-h2 {
		position: relative;
		text-align: center;
		font-size: 26px;
		margin-bottom: 20px;
	}
	h2 span {
	  position: relative;
	  z-index: 2;
	  display: inline-block;
	  padding: 0 0.5em;
	  text-align: left;
	}
	h2.top_1st-h2::before {
	  position: absolute;
	  top: 50%;
	  z-index: 1;
	  content: '';
	  display: block;
	  width: 100%;
	  background: #ccc;
	  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	}
		.top_2nd-txt {
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	}
	.top_2nd-img {
	width: 100%;
	margin-top:30px;
	}
	.top_2nd {
	padding-top:0px;
	background-color: #fff;
	}
	h2.top_2nd-h2 {
		position: relative;
		text-align: center;
		font-size: 26px;
		margin-bottom: 20px;
	}
	h2.top_2nd-h2::before {
	  position: absolute;
	  top: 50%;
	  z-index: 1;
	  content: '';
	  display: block;
	  width: 100%;
	  height: 1px;
	}
		.section {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 5%;
	    margin-right: 30px;
  }
	.interview_bottom {
	margin-top:20px;
	margin-bottom:30px;	
	}
	.cta {
		padding-bottom: 30px;
		padding-left: 16px;
		padding-right: 16px;		
		width: 100%;
		margin: 0 auto;
	}
		#top_image {
		width:100%!important;
	}
		.table_font {
		font-size:16px;
	}
		.job_detail {
		font-size: 26px;
		padding-top:45px;
		padding-bottom:25px;
	}
	.interview_dl {
	font-size: 15px;	
	}
	.header-searchform {
	display:none!important;
	}
	.jobdetail_gaiyou p {
		font-size:22px!important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.btn-success {
		margin-bottom: 20px;
	}
	.side_li {
		padding-bottom:10px;
	}
	.job_detail_h3 {
        text-decoration: underline;
		font-size: 22px;
		margin-bottom: 10px;
	}
  #job_detail_ul ul li{
	  margin-right: 1em;
  }
	#job_detail_table{
		margin-top: 10px;
	}
	.sec02__points {
		padding: 30px 10px 30px;
		background-color: #f1f1f1;
		max-width: 100%;
		margin: 30px auto 50px;
		position: relative;
	}
	.sec02__points dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-bottom: 6px;
		padding-top: 6px;
	}
	.sec02__points dl dt {
		font-weight: 700;
		font-size: 24px;
		font-style: normal;
		color: #243748;
		width: 40px;
	}
	.sec02__points dl dd {
		width: calc(100%- 65px);
		font-weight: 700;
		font-size: 16px;
		width: 80%;
	}
	.interview {
		padding-left: 10px;
		padding-right: 10px;
	}
	.c-footer-site-explanation {
		display: none;
	}
	.top_first_view {
		background:#f0f8ff;
		padding:20px 20px 10px 20px;
		margin-bottom: 30px;
		margin-top: 20px;		
	}
  h2.search_panel {
  font-size:20px;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:30px;
  }
	
  .panel-body {
    padding: 15px 5px 15px 5px;
  }
  .sidebar-content ul {
    padding-left: 10px;
  }
	#pc_only {
	display: none;
	}
	#wrapper {
		overflow: hidden;
	}
	#top_cta {
		width:200px;
		margin-top:8px;
		color:#fff;
	}
	.section1_block {
    border: solid 1px #F2F2F2;
    padding: 20px;
	margin-bottom: 10px;
	}
	.section1_img {
    padding: 5px;
	}
	.section1_block_img {
    width: 50%;
	}
	h2.top_service {
		font-size: 25px;
		padding-top: 20px;
		padding-bottom: 15px;
		text-align:center;
	}
	#top_faq h3 {
		font-size: 20px;
		padding-bottom:10px;
	}
	.form_place label, .suisen_form {
		font-size:16px;
	}
	.flow {
    border: 2px solid #ECECEC;
	margin-left: 2px;
	margin-right: 2px;
	}
	.flow > li {
		padding-left: 10%;
		padding-bottom: 20px;
		padding-top: 23px;
	}
	.flow > li:not(:last-child) {
		border-bottom: 2px solid #ECECEC;
		position: relative;
	}
	.flow > li:not(:last-child)::before,
	.flow > li:not(:last-child)::after {
		content: "";
		border: solid transparent;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.flow > li:not(:last-child)::before {
		border-width: 22px;
		border-top-color: #ECECEC;
	}
	.flow > li:not(:last-child)::after {
		border-width: 18px;
		border-top-color: #fff;
	}
	.flow > li dl {
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.flow > li dl dt {
		font-size: 18px;
		font-weight: 600;
		color: #2b3e66;
		-ms-flex-preferred-size: 20%;
		margin-right: 1vw;
		text-align: center;
	}
	.flow > li dl dt .icon {
		font-size: 15px;
		color: #fff;
		background: #5cb85c;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
		padding: 5px 10px;
		margin-bottom: 10px;
		border-radius: 20px;
		margin-right: 30px;
	}
	.section4 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#front_page_list li {
	    line-height: 30px!important;	
	}
	#dataTable table tr td, #dataTable table tr th {
	  padding: 14px 10px;
	  font-size:12px;
	border: 1px solid #CCC;
	}
	#dataTable table {
    border-collapse: collapse;
    width: 100%;
	}

	.postal-code, .birth-year {
		display: flex;
		align-items: center;       /* 縦方向中央揃え */
		gap: 8px;                  /* 「〒」と入力欄の間隔 */
		width: 100%;               /* 画面幅いっぱい */
		max-width: 100%;
		padding: 0 8px;            /* 左右余白 */
		box-sizing: border-box;
	}

	.postal-code input.wpcf7-text,
	.birth-year input.wpcf7-text {
		flex: 1 1 auto;            /* 残り幅に合わせる */
		min-width: 0;              /* flex時のはみ出し防止 */
		box-sizing: border-box;
		max-width: 100%;
		width: 100% !important;    /* size属性の影響を消す */
	}

	/* もし size="40" が幅に影響している場合は強制的にリセット */
	.postal-code input.wpcf7-text,
	.birth-year input.wpcf7-text {
		width: 100% !important;
	}
	
}

span.wpcf7-list-item {
margin-top:5px;
display: block;
}


.url {
	font-size: 12px;
	color: #ccc;
	word-wrap: break-word;
}

.url a {
	font-size: 12px;
	color: #999;
}

.panel-primary ul {
	margin-bottom: -30px!important;
}

.feas-submit input[type="submit"] {
	    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #2ba6cb;
    color: #fefefe;
    padding: 0.5rem 2rem;
    margin: 0.8rem auto;
    max-width: 100%;
    width: auto;
    border-radius: 99px;
    background: #17a1da;
    font-weight: 600;
}

  h2.recommend {
  font-size:20px;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:30px;
  }


.ticker-wrap {
  display: flex;
  width: 90%;
  margin-left: 20px;
}
.ticker-head {
  width: calc(4em + 8px);
  font-style: italic;
  color: white;
  line-height: 30px;
  padding: 0 4px;
}
.ticker {
  width: 100%;
  height: 30px;
  font-size: 15px;
  background: #fff;
  line-height: 30px;
  padding: 0 6px;
  overflow: hidden;
}
.ticker ul {
  position: relative;
  list-style: none;
  height: 100%;
  padding: 0;
  margin: 0;
}
.ticker-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 0;
  opacity: 0;
}
.ticker-item a {
  display: inline-block;
  width: auto;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  transition: transform 5s linear;
}
.ticker-date {
  font-weight: bold;
}
.ticker-title {
  margin-left: 10px;
}
.ticker-new {
  color: red;
  margin-left: 10px;
  animation: blink 1s ease-in-out infinite alternate;
}
.fadeInDown {
  opacity: 0;
}
.fadeInDown.run {
  animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
.fadeOutDown {
  opacity: 1;
}
.fadeOutDown.run {
  animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@media print{
  /*printで適用する内容*/
	#foragent, #prt, #side, .grecaptcha-logo{
		display: none!important;
	}
	
	.l-post-article .post-content {
    	padding: 10px 0;
	}
	
	.l-post-article .post-article-detail table tr th, .l-post-article .post-article-detail table tr td {
    padding: 20px 16px;
	}
	
}



/* 非チェック時 (デフォルト状態) */
.btn-secondary {
  background-color: #e0e0e0; /* 薄いグレー */
  border-color: #e0e0e0;
  color: #333;
}

/* チェックされているとき */
.btn-check:checked + .btn-secondary {
  background-color: #6c757d; /* 通常のBootstrapグレー */
  border-color: #6c757d;
  color: #fff;
}





/* ラジオボタン本体は非表示 */
.wpcf7-list-item input[type="radio"] {
  transform: scale(2);
  margin-right: 16px;
}

/* 親のラジオボタン全体 */
.wpcf7-form-control.wpcf7-radio {
  display: block !important;
  width: 100% !important;
  text-align: left !important;      /* 親の中央揃えを上書き */
  padding: 8px;
  box-sizing: border-box;
}

/* 各選択肢をブロック化 */
.wpcf7-list-item {
  display: block !important;
  width: 100% !important;
  text-align: left !important;      /* 子要素の中央揃えも上書き */
  margin: 4px 0;
}

/* label自体を横並びにしつつ幅100％に */
.wpcf7-list-item label {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;     /* 左揃え */
  width: 100% !important;
  box-sizing: border-box;
  padding: 8px;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
}



/* ラベルをボタン風に */
.wpcf7-list-item label {
  line-height: 3;
  font-size: 20px;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 8px;
  background-color: #e0e0e0; /* 非選択時（薄いグレー） */
  color: #243748;
  cursor: pointer;
  border: 1px solid #e0e0e0;
}

/* hover時 */
.wpcf7-list-item label:hover {
  background-color: #e0a800;
  color: #fff;
}

/* 選択時 → input:checked の親 label を対象にする */
.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label,
.wpcf7-list-item input[type="radio"]:checked + span,
.wpcf7-list-item input[type="radio"]:checked {
  /* この書き方だとspanだけ変わるのでNG */
}

/* 正解：checked の input を含む label を指定 */
.wpcf7-list-item input[type="radio"]:checked::before {
  content: "";
}

.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
  /* spanしか反応しない */
}

.wpcf7-list-item input[type="radio"]:checked {
  /* input 自体は非表示なので意味なし */
}

/* ▼ 本命：:has() を使う（モダンブラウザ向け） */
.wpcf7-list-item label:has(input[type="radio"]:checked) {
  background-color: #f0ad4e; /* 選択時（濃いグレー） */
  border-color: #f0ad4e;
  color: #fff;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

/* 戻るボタンデザイン */
.wpcf7-previous {
  width: 240px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #CCC;
  border-radius: 28px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  margin: 10px auto 0;
  cursor: pointer;
  outline: none;
  border: none; /* デフォルトのボタン枠を消す */
  transition: 0.2s;
}

/* 戻るボタンhover時 */
.wpcf7-previous:hover {
  background: #b8b8b8; /* 少し明るめの色に */
}