@charset "UTF-8";
/*
 * Theme Name: カルモマガジン v2
 * Author: Nyle Inc.
 * Version: 1.0
 */
/*

	viewport settings

**************************************************/
/*

	font setting

**************************************************/
/*

	clearfix settings

**************************************************/
/*

	boxsizing settings

**************************************************/
/*

	opacity settings

**************************************************/
/*

	border-radius settings

**************************************************/
/*

	drop shadow settings

**************************************************/
/*

	vertical align setting

**************************************************/
/*

	flexbox layout setting

**************************************************/
/*

	hover transition

**************************************************/
@import url("//fonts.googleapis.com/css?family=Montserrat");
/* Color palette */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

input:disabled, select:disabled {
  cursor: not-allowed;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong {
  font-weight: bold;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 959px) {
  .is--pc {
    display: none !important;
  }
}

@media (min-width: 960px) {
  .is--sp {
    display: none !important;
  }
}

.margin-top--0 {
  margin-top: 0 !important;
}

body {
  letter-spacing: 0.01em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 200;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.6470588235;
  margin: 0 auto;
  color: #333333;
  box-sizing: border-box;
  padding-top: 67px;
}
@media (max-width: 959px) {
  body {
    padding-top: 50px;
  }
}

h2, h3 {
  margin-top: 50px;
}

h4 {
  margin-top: 30px;
}

input:disabled,
select:disabled {
  cursor: not-allowed;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.scroll-popup {
  display: none;
}
.scroll-popup__section {
  height: 0px;
}
.scroll-popup__container {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: auto;
  max-width: 400px;
  z-index: 1001;
}
.scroll-popup__container.frame {
  max-width: 540px;
  background: #e0ffff;
  overflow-y: hidden;
  box-shadow: 0 4px 4px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.scroll-popup__close {
  text-align: right;
}
.scroll-popup__close.custom_html .close_btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: 2px solid #79CBF6;
  border-radius: 50%;
  background-color: transparent;
}
.scroll-popup__close.custom_html .close_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  background: #79CBF6;
  transform: translate(-50%, -50%) rotate(45deg);
}
.scroll-popup__close.custom_html .close_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  background: #79CBF6;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.scroll-popup__close.media_image .close_btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: 3px solid #000;
  border-radius: 50%;
  background-color: #FFF;
}
.scroll-popup__close.media_image .close_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 24px;
  background: #000;
  transform: translate(-50%, -50%) rotate(45deg);
}
.scroll-popup__close.media_image .close_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 24px;
  background: #000;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.scroll-popup__body .widget_custom_html {
  text-align: left;
  margin: 0 20px 15px;
}
.scroll-popup__body .widget_custom_html .left {
  float: left;
  width: 60%;
}
.scroll-popup__body .widget_custom_html .left img {
  width: 100%;
}
.scroll-popup__body .widget_custom_html .right {
  float: right;
  width: 40%;
}
.scroll-popup__body .widget_custom_html .right img {
  width: 100%;
  height: auto;
}
.scroll-popup__body .widget_custom_html .link {
  clear: both;
  text-align: center;
}
.scroll-popup__body .widget_custom_html .link a {
  display: block;
  width: 80%;
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 15px 0;
  margin: 0 auto;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-decoration: none;
}
.scroll-popup__body .widget_custom_html .link img {
  width: 100%;
}
.scroll-popup__body .widget_custom_html .size1 {
  font-size: 130%;
  font-weight: bold;
}
.scroll-popup__body .widget_custom_html .size2 {
  font-size: 110%;
}
.scroll-popup__body .widget_custom_html .size3 {
  font-size: 90%;
}
.scroll-popup__body .widget_media_image {
  margin: 0;
}
@media (max-width: 959px) {
  .scroll-popup__container {
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 90vw;
  }
}

/* ************************************* *
 * ccpub_slider
 * ************************************* */
.ccpub-slider .main_contents {
  text-align: center;
  max-width: 100%;
  height: auto;
}
.ccpub-slider .main_contents img {
  width: 100%;
}
.ccpub-slider .sub_contents img {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  background: transparent;
}
.ccpub-slider .sub_contents.active img {
  background: #FFF500;
}

.ccpub-slider-nav {
  position: relative;
}
.ccpub-slider-nav .arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: #fff;
  cursor: pointer;
}
.ccpub-slider-nav .arrow.arrow--left {
  left: 5px;
  fill: "#fff";
  background-image: url("../img/icon/arrow_left.svg");
}
.ccpub-slider-nav .arrow.arrow--right {
  left: auto;
  right: 5px;
  background-image: url("../img/icon/arrow_right.svg");
}

/* ************************************* *
 * ccpub_newcar
 * ************************************* */
.ccpub-newcar {
  font-family: "ヒラギノ角ゴシック";
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  font-size: 18px;
}
.ccpub-newcar a {
  display: inline-block;
  width: 500px;
  height: 340px;
}
.ccpub-newcar__content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFC333;
}
.ccpub-newcar__content .top-left {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/ccpub/komikomi.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 200px;
  height: 100%;
}
.ccpub-newcar__content .top-right {
  position: absolute;
  top: 20px;
  left: 210px;
  color: #000000;
  background-color: transparent;
  line-height: 1.5;
}
.ccpub-newcar__content .top-right p {
  text-align: left;
  line-height: 1;
}
.ccpub-newcar__content .top-right .maker-name {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 10px;
}
.ccpub-newcar__content .top-right .car-name {
  margin-bottom: 0;
  letter-spacing: 0;
}
.ccpub-newcar__content .top-right .car-name span.short {
  font-size: 2em;
  margin-left: 10px;
  font-weight: 800;
}
.ccpub-newcar__content .top-right .car-name span.middle {
  font-size: 1.3em;
  font-weight: 800;
}
.ccpub-newcar__content .top-right .car-name span.long {
  font-size: 1em;
  font-weight: 800;
}
.ccpub-newcar__content .top-right .car-name span.conjunction-short {
  font-size: 1.5em;
  margin-left: -3px;
  font-weight: 700;
}
.ccpub-newcar__content .top-right .car-name span.conjunction-middle {
  font-size: 1.3em;
  margin-left: -3px;
  font-weight: 700;
}
.ccpub-newcar__content .top-right .car-name span.conjunction-long {
  font-size: 1em;
  margin-left: -3px;
  font-weight: 700;
}
.ccpub-newcar__content .bottom {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: 232px;
  background-color: #FFFFFF;
}
.ccpub-newcar__content .bottom img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 52%;
  height: auto;
}
.ccpub-newcar__content .bottom p {
  position: absolute;
  right: 5px;
  color: #000;
}
.ccpub-newcar__content .bottom .price {
  top: 10px;
  font-weight: bold;
  color: #000;
}
.ccpub-newcar__content .bottom .price span {
  font-weight: 800;
}
.ccpub-newcar__content .bottom .price span.middle {
  font-size: 2em;
}
.ccpub-newcar__content .bottom .price span.long {
  font-size: 1.8em;
}
.ccpub-newcar__content .bottom .tax {
  top: 73px;
  font-size: 1em;
}
.ccpub-newcar__content .bottom .zero {
  top: 107px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #000;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ccpub-newcar__content .bottom .link {
  position: absolute;
  bottom: 7px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 25px);
  height: 60px;
  color: #000000;
  background-color: #FFC333;
  font-size: 2.2em;
  font-weight: bold;
  text-align: center;
  margin: 0;
  line-height: 60px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ccpub-newcar__content .bottom .link::after {
  display: block;
  content: "";
  position: absolute;
  top: 12px;
  right: 10px;
  width: 36px;
  height: 36px;
  background-image: url("../img/icon/link_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 500px) {
  .ccpub-newcar {
    max-width: 360px;
  }
  .ccpub-newcar a {
    width: 360px;
    height: 249px;
  }
  .ccpub-newcar__content .top-left {
    width: 140px;
  }
  .ccpub-newcar__content .top-right {
    top: 4px;
    left: 150px;
  }
  .ccpub-newcar__content .top-right .maker-name {
    font-size: 22px;
    margin-bottom: 4px;
  }
  .ccpub-newcar__content .top-right .maker-name.short {
    margin-top: 4px;
  }
  .ccpub-newcar__content .top-right .maker-name.middle {
    font-size: 16px;
    margin-top: 10px;
  }
  .ccpub-newcar__content .top-right .maker-name.long {
    font-size: 16px;
  }
  .ccpub-newcar__content .top-right .car-name {
    padding-right: 5px;
  }
  .ccpub-newcar__content .top-right .car-name span {
    font-weight: 700;
  }
  .ccpub-newcar__content .top-right .car-name span.short {
    font-size: 30px;
    margin-left: 10px;
  }
  .ccpub-newcar__content .top-right .car-name span.middle {
    font-size: 16px;
  }
  .ccpub-newcar__content .top-right .car-name span.long {
    font-size: 16px;
  }
  .ccpub-newcar__content .top-right .car-name span.conjunction-short {
    font-size: 22px;
  }
  .ccpub-newcar__content .top-right .car-name span.conjunction-middle {
    font-size: 16px;
    margin-left: -3px;
  }
  .ccpub-newcar__content .top-right .car-name span.conjunction-long {
    font-size: 16px;
    margin-left: -3px;
  }
  .ccpub-newcar__content .bottom {
    height: 170px;
    left: 6px;
    width: calc(100% - 13px);
  }
  .ccpub-newcar__content .bottom img {
    top: 0px;
    left: 0px;
    width: 180px;
  }
  .ccpub-newcar__content .bottom .price {
    top: 5px;
    font-size: 20px;
    font-weight: 700;
  }
  .ccpub-newcar__content .bottom .price span.middle {
    font-size: 26px;
  }
  .ccpub-newcar__content .bottom .price span.long {
    font-size: 24px;
  }
  .ccpub-newcar__content .bottom .tax {
    top: 50px;
    font-size: 12px;
  }
  .ccpub-newcar__content .bottom .zero {
    top: 77px;
    font-size: 12px;
  }
  .ccpub-newcar__content .bottom .link {
    width: calc(100% - 15px);
    height: 45px;
    font-size: 1.5em;
    line-height: 50px;
    bottom: 5px;
    border-radius: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .ccpub-newcar__content .bottom .link::after {
    width: 26px;
    height: 26px;
  }
}
@media (max-width: 379px) {
  .ccpub-newcar {
    max-width: 100%;
  }
  .ccpub-newcar a {
    width: 100%;
    height: 249px;
  }
  .ccpub-newcar .bottom img {
    top: 15px;
    left: 0px;
    width: 45%;
  }
  .ccpub-newcar .car-name span.short {
    font-size: 25px !important;
  }
}
@media (max-width: 319px) {
  .ccpub-newcar .top-left {
    width: 120px;
  }
  .ccpub-newcar .top-right {
    top: 4px;
    left: 125px;
  }
  .ccpub-newcar .top-right .maker-name {
    font-size: 22px;
    margin-bottom: 4px;
  }
  .ccpub-newcar .top-right .maker-name.short {
    margin-top: 0px;
  }
  .ccpub-newcar .top-right .maker-name.middle {
    margin-top: 0px;
  }
  .ccpub-newcar .top-right .car-name span.short {
    font-size: 20px !important;
    margin-left: 0px;
  }
  .ccpub-newcar .top-right .car-name span.conjunction-short {
    font-size: 16px;
  }
  .ccpub-newcar .bottom img {
    display: none;
  }
  .ccpub-newcar .bottom .price {
    top: 0px;
    font-size: 20px;
    font-weight: 700;
  }
  .ccpub-newcar .bottom .price span.middle {
    font-size: 35px;
  }
  .ccpub-newcar .bottom .price span.long {
    font-size: 32px;
  }
  .ccpub-newcar .bottom .tax {
    top: 55px;
    font-size: 12px;
  }
  .ccpub-newcar .bottom .zero {
    top: 82px;
    font-size: 12px;
  }
}

/* ************************************* *
 * ccpub_lease
 * ************************************* */
.ccpub-lease {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.ccpub-lease a {
  display: inline-block;
  width: 500px;
  height: 78px;
}
.ccpub-lease__content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFC333;
  box-shadow: 0 4px 0 #E4942A;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ccpub-lease__content .price {
  position: absolute;
  top: 8px;
  left: 0;
  height: 28px;
  color: #FFF;
  background-color: #C84130;
  font-size: 18px;
  line-height: 1.6;
  padding: 0 20px 0 6px;
}
.ccpub-lease__content .price::after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: -1px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #C84130;
}
.ccpub-lease__content .car-name {
  position: absolute;
  top: 46px;
  left: 6px;
  color: #000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
}
.ccpub-lease__content .car-name strong {
  font-size: 20px;
}
.ccpub-lease__content .car-name.long {
  top: 48px;
}
.ccpub-lease__content .car-name.long strong {
  font-size: 16px;
}
.ccpub-lease__content img {
  position: absolute;
  top: 5px;
  right: 10px;
  width: auto;
  height: calc(100% - 10px);
}
.ccpub-lease__content::after {
  display: block;
  content: "";
  position: absolute;
  top: 36px;
  right: 0;
  width: 60px;
  height: 100%;
  background-image: url("../img/ccpub/kuwashiku.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 500px) {
  .ccpub-lease {
    max-width: 300px;
    max-height: 58px;
  }
  .ccpub-lease a {
    width: 300px;
    height: 54px;
  }
  .ccpub-lease__content .price {
    top: 8px;
    height: 18px;
    font-size: 12px;
    padding: 0 10px 0 6px;
  }
  .ccpub-lease__content .price::after {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #C84130;
  }
  .ccpub-lease__content .car-name.short {
    top: 32px;
  }
  .ccpub-lease__content .car-name.short strong {
    font-size: 14px;
  }
  .ccpub-lease__content .car-name.middle {
    top: 26px;
    width: 70%;
  }
  .ccpub-lease__content .car-name.middle strong {
    font-size: 14px;
  }
  .ccpub-lease__content .car-name.long {
    top: 28px;
    width: 70%;
  }
  .ccpub-lease__content .car-name.long strong {
    font-size: 12px;
  }
  .ccpub-lease__content::after {
    top: 20px;
    width: 48px;
  }
}

.min.ccpub-lease {
  max-width: 300px;
  max-height: 58px;
}
.min.ccpub-lease a {
  width: 300px;
  height: 54px;
}
.min.ccpub-lease__content .price {
  top: 8px;
  height: 18px;
  font-size: 12px;
  padding: 0 10px 0 6px;
}
.min.ccpub-lease__content .price::after {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #C84130;
}
.min.ccpub-lease__content .car-name.short {
  top: 32px;
}
.min.ccpub-lease__content .car-name.short strong {
  font-size: 14px;
}
.min.ccpub-lease__content .car-name.middle {
  top: 26px;
  width: 70%;
}
.min.ccpub-lease__content .car-name.middle strong {
  font-size: 14px;
}
.min.ccpub-lease__content .car-name.long {
  top: 28px;
  width: 70%;
}
.min.ccpub-lease__content .car-name.long strong {
  font-size: 12px;
}
.min.ccpub-lease__content::after {
  top: 20px;
  width: 48px;
}

/* ************************************* *
 * ccpub_price
 * ************************************* */
.ccpub-price {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.ccpub-price a {
  display: inline-block;
  width: 500px;
  height: 78px;
}
.ccpub-price__content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFC333;
  box-shadow: 0 4px 0 #E4942A;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ccpub-price__content .price {
  position: absolute;
  top: 8px;
  left: 0;
  height: 28px;
  color: #FFF;
  background-color: #C84130;
  font-size: 18px;
  line-height: 1.6;
  padding: 0 20px 0 6px;
}
.ccpub-price__content .price::after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: -1px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #C84130;
}
.ccpub-price__content .car-name {
  position: absolute;
  top: 46px;
  left: 6px;
  color: #000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
}
.ccpub-price__content .car-name strong {
  font-size: 20px;
}
.ccpub-price__content .car-name.long {
  top: 48px;
}
.ccpub-price__content .car-name.long strong {
  font-size: 16px;
}
.ccpub-price__content img {
  position: absolute;
  top: 5px;
  right: 10px;
  width: auto;
  height: calc(100% - 10px);
}
.ccpub-price__content::after {
  display: block;
  content: "";
  position: absolute;
  top: 36px;
  right: 0;
  width: 60px;
  height: 100%;
  background-image: url("../img/ccpub/kuwashiku.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 500px) {
  .ccpub-price {
    max-width: 300px;
    max-height: 58px;
  }
  .ccpub-price a {
    width: 300px;
    height: 54px;
  }
  .ccpub-price__content .price {
    top: 6px;
    height: 18px;
    font-size: 12px;
    padding: 0 10px 0 6px;
  }
  .ccpub-price__content .price::after {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #C84130;
  }
  .ccpub-price__content .car-name.short {
    top: 32px;
  }
  .ccpub-price__content .car-name.short strong {
    font-size: 14px;
  }
  .ccpub-price__content .car-name.middle {
    top: 26px;
    width: 70%;
  }
  .ccpub-price__content .car-name.middle strong {
    font-size: 14px;
  }
  .ccpub-price__content .car-name.long {
    top: 28px;
    width: 70%;
  }
  .ccpub-price__content .car-name.long strong {
    font-size: 12px;
  }
  .ccpub-price__content::after {
    top: 20px;
    width: 48px;
  }
}

.min.ccpub-price {
  max-width: 300px;
  max-height: 58px;
}
.min.ccpub-price a {
  width: 300px;
  height: 54px;
}
.min.ccpub-price__content .price {
  top: 6px;
  height: 18px;
  font-size: 12px;
  padding: 0 10px 0 6px;
}
.min.ccpub-price__content .price::after {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #C84130;
}
.min.ccpub-price__content .car-name.short {
  top: 32px;
}
.min.ccpub-price__content .car-name.short strong {
  font-size: 14px;
}
.min.ccpub-price__content .car-name.middle {
  top: 26px;
  width: 70%;
}
.min.ccpub-price__content .car-name.middle strong {
  font-size: 14px;
}
.min.ccpub-price__content .car-name.long {
  top: 28px;
  width: 70%;
}
.min.ccpub-price__content .car-name.long strong {
  font-size: 12px;
}
.min.ccpub-price__content::after {
  top: 20px;
  width: 48px;
}

/* ************************************* *
 * ccpub_otameshi
 * ************************************* */
.ccpub-otameshi {
  width: 100%;
  text-align: center;
}
.ccpub-otameshi img {
  width: 100%;
  max-width: 324px;
  height: auto;
}

/* ************************************* *
 * ccpub_detail
 * ************************************* */
.ccpub-detail {
  width: 100%;
  text-align: center;
}
.ccpub-detail img {
  width: 100%;
  max-width: 324px;
  height: auto;
}

/* ************************************* *
 * ccpub_newcar_detail
 * ************************************* */
.ccpub-newcar-detail {
  font-family: "ヒラギノ角ゴシック";
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
.ccpub-newcar-detail a {
  display: inline-block;
  width: 720px;
  height: 128px;
}
.ccpub-newcar-detail__content {
  position: relative;
  width: 100%;
  height: 100%;
  color: #000;
  background-color: #FFC333;
  box-shadow: 0 5px 0 #E4942A;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-height: 1;
  letter-spacing: 0;
  transition: all 0.3s linear;
}
.ccpub-newcar-detail__content .car-name {
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(55% - 5px);
  background-color: #FFF;
  border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ccpub-newcar-detail__content .car-name p {
  position: absolute;
  left: 210px;
  font-weight: 700;
  font-size: 2.5rem;
}
.ccpub-newcar-detail__content .car-name p.short {
  top: 15px;
}
.ccpub-newcar-detail__content .car-name p.short strong {
  font-size: 36px;
  font-weight: 700 !important;
}
.ccpub-newcar-detail__content .car-name p.middle {
  top: 16px;
}
.ccpub-newcar-detail__content .car-name p.middle strong {
  font-size: 30px;
  font-weight: 700 !important;
}
.ccpub-newcar-detail__content .car-name p.long {
  top: 20px;
}
.ccpub-newcar-detail__content .car-name p.long strong {
  font-size: 24px;
  font-weight: 700 !important;
}
.ccpub-newcar-detail__content .lease-info {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(45% - 5px);
  background-color: #FFC333;
}
.ccpub-newcar-detail__content .lease-info p {
  position: absolute;
  top: 14px;
  left: 210px;
  font-size: 28px;
  font-weight: bold;
}
.ccpub-newcar-detail__content .lease-info::after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  background-image: url("../img/icon/link_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.ccpub-newcar-detail__content img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto !important;
  height: calc(100% - 20px) !important;
}
.ccpub-newcar-detail__content:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
@media (max-width: 720px) {
  .ccpub-newcar-detail {
    max-width: 500px;
  }
  .ccpub-newcar-detail a {
    width: 500px;
    height: 90px;
  }
  .ccpub-newcar-detail__content .car-name p {
    left: 132px;
  }
  .ccpub-newcar-detail__content .car-name p.short {
    top: 8px;
  }
  .ccpub-newcar-detail__content .car-name p.short strong {
    font-size: 32px;
  }
  .ccpub-newcar-detail__content .car-name p.middle {
    top: 12px;
  }
  .ccpub-newcar-detail__content .car-name p.middle strong {
    font-size: 22px;
  }
  .ccpub-newcar-detail__content .car-name p.long {
    top: 14px;
  }
  .ccpub-newcar-detail__content .car-name p.long strong {
    font-size: 18px;
  }
  .ccpub-newcar-detail__content .lease-info p {
    top: 10px;
    left: 132px;
    font-size: 18px;
  }
  .ccpub-newcar-detail__content .lease-info::after {
    top: 6px;
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 500px) {
  .ccpub-newcar-detail {
    max-width: 300px;
  }
  .ccpub-newcar-detail a {
    width: 300px;
    height: 54px;
  }
  .ccpub-newcar-detail__content .car-name p {
    left: 68px;
    font-size: 12px;
  }
  .ccpub-newcar-detail__content .car-name p.short {
    top: 4px;
  }
  .ccpub-newcar-detail__content .car-name p.short strong {
    font-size: 18px;
  }
  .ccpub-newcar-detail__content .car-name p.middle {
    top: 6px;
  }
  .ccpub-newcar-detail__content .car-name p.middle strong {
    font-size: 14px;
  }
  .ccpub-newcar-detail__content .car-name p.long {
    top: 6px;
  }
  .ccpub-newcar-detail__content .car-name p.long strong {
    font-size: 12px;
  }
  .ccpub-newcar-detail__content .lease-info p {
    top: 6px;
    left: 68px;
    font-size: 12px;
  }
  .ccpub-newcar-detail__content .lease-info::after {
    top: 4px;
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 319px) {
  .ccpub-newcar-detail {
    max-width: 100%;
  }
  .ccpub-newcar-detail a {
    width: 100%;
  }
  .ccpub-newcar-detail img {
    display: none;
  }
  .ccpub-newcar-detail__content .car-name p {
    left: 10px;
  }
  .ccpub-newcar-detail__content .lease-info p {
    left: 10px;
  }
}

/* ************************************* *
 * ccpub_zero
 * ************************************* */
.ccpub-zero {
  font-family: "ヒラギノ角ゴシック";
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.ccpub-zero a {
  display: inline-block;
  width: 500px;
  height: 146px;
}
.ccpub-zero__content {
  position: relative;
  width: 100%;
  height: 100%;
  color: #F00;
  background-color: #FFC333;
  line-height: 1;
  letter-spacing: 0;
  transition: all 0.3s linear;
}
.ccpub-zero__content .left {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30%;
  height: calc(100% - 10px);
  background-color: #F00;
}
.ccpub-zero__content .left img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.ccpub-zero__content .left::after {
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 0;
  border-top: 68px solid transparent;
  border-bottom: 68px solid transparent;
  border-left: 14px solid #F00;
  z-index: 1;
}
.ccpub-zero__content .right {
  position: absolute;
  top: 5px;
  right: 5px;
  width: calc(70% - 10px);
  height: calc(100% - 10px);
  background-color: #FFF;
}
.ccpub-zero__content .right .zero-demo {
  font-size: 2.5em;
  font-weight: 700;
  margin: 7px 0px;
  text-align: center;
}
.ccpub-zero__content .right .car-name {
  font-weight: 700;
  text-align: center;
}
.ccpub-zero__content .right .car-name p.very-short {
  font-size: 36px;
}
.ccpub-zero__content .right .car-name p.very-short strong {
  font-weight: 700 !important;
}
.ccpub-zero__content .right .car-name p.short {
  font-size: 30px;
  line-height: 37px;
  padding-left: 9px;
}
.ccpub-zero__content .right .car-name p.short strong {
  font-weight: 700 !important;
}
.ccpub-zero__content .right .car-name p.middle {
  font-size: 22px;
  line-height: 38px;
  padding-left: 10px;
}
.ccpub-zero__content .right .car-name p.middle strong {
  font-weight: 700 !important;
}
.ccpub-zero__content .right .car-name p.long {
  font-size: 18px;
  line-height: 40px;
  padding-left: 10px;
}
.ccpub-zero__content .right .car-name p.long strong {
  font-weight: 700 !important;
}
.ccpub-zero__content .right .mag-banner {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 240px;
  height: 35px;
  background-image: url("../img/common/logo_202209.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.ccpub-zero__content:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
@media (max-width: 500px) {
  .ccpub-zero {
    max-width: 300px;
  }
  .ccpub-zero a {
    width: 300px;
    height: 94px;
  }
  .ccpub-zero__content .left::after {
    left: 100%;
    top: 0;
    margin-left: 0;
    border-top: 42px solid transparent;
    border-bottom: 42px solid transparent;
    border-left: 10px solid #F00;
    z-index: 1;
  }
  .ccpub-zero__content .right .zero-demo {
    font-size: 1.75em;
  }
  .ccpub-zero__content .right .car-name p.very-short {
    font-size: 18px;
    line-height: 17px;
  }
  .ccpub-zero__content .right .car-name p.short {
    font-size: 17px;
    line-height: 14px;
  }
  .ccpub-zero__content .right .car-name p.middle {
    font-size: 13px;
    line-height: 13px;
    padding-left: 5px;
  }
  .ccpub-zero__content .right .car-name p.long {
    font-size: 10.5px;
    line-height: 13px;
    padding-left: 7px;
  }
  .ccpub-zero__content .right .mag-banner {
    width: 140px;
    height: 22px;
  }
}
@media (max-width: 319px) {
  .ccpub-zero {
    max-width: 100%;
  }
  .ccpub-zero a {
    width: 100%;
    height: 94px;
  }
  .ccpub-zero__content .left {
    display: none;
  }
  .ccpub-zero__content .right {
    width: calc(100% - 10px);
  }
  .ccpub-zero__content .right .zero-demo {
    font-size: 1.75em;
  }
  .ccpub-zero__content .right .car-name p.very-short {
    font-size: 18px;
    line-height: 17px;
  }
  .ccpub-zero__content .right .car-name p.short {
    font-size: 17px;
    line-height: 14px;
  }
  .ccpub-zero__content .right .car-name p.middle {
    font-size: 13px;
    line-height: 13px;
    padding-left: 5px;
  }
  .ccpub-zero__content .right .car-name p.long {
    font-size: 10.5px;
    line-height: 13px;
    padding-left: 7px;
  }
  .ccpub-zero__content .right .mag-banner {
    width: 140px;
    height: 22px;
  }
}

/* ************************************* *
 * ccpub_toriaezu
 * ************************************* */
.ccpub-toriaezu {
  width: 100%;
  text-align: center;
}
.ccpub-toriaezu img {
  width: 100%;
  max-width: 400px;
  height: auto;
}

/* ************************************* *
 * ccpub_model_lease
 * ************************************* */
.ccpub-model-lease {
  font-family: "ヒラギノ角ゴシック";
  width: 100%;
  max-width: 330px;
  height: 60px;
  margin: 0 auto;
  background-color: #d95341;
  border-radius: 10px;
  box-shadow: 0px 5px 5px 0px rgba(80, 80, 80, 0.8);
  padding: 10px;
}
.ccpub-model-lease a {
  text-decoration: none;
}
.ccpub-model-lease__content {
  display: flex;
  color: #fff;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 5px;
}
.ccpub-model-lease__content .car-name-container {
  background-color: #000;
  width: calc(100% + 10px);
  height: 20px;
  border-radius: 50px;
  font-size: 11pt;
  font-weight: 700;
  line-height: normal;
}
.ccpub-model-lease__content .price {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  padding-left: 5px;
}
.ccpub-model-lease__content .price span {
  font-size: 12pt;
}
.ccpub-model-lease__content .arrow-container {
  padding-left: 20px;
  padding-top: 17px;
}
.ccpub-model-lease__content .arrow-container .arrow {
  color: #000;
  background-color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 14pt;
  line-height: initial;
}
@media (max-width: 330px) {
  .ccpub-model-lease {
    max-width: calc(100% - 20px);
  }
}
@media (max-width: 319px) {
  .ccpub-model-lease__content {
    margin: auto;
  }
  .ccpub-model-lease__content .arrow-container {
    display: none;
  }
}

/* ************************************* *
 * ccpub_model_lease_price
 * ************************************* */
.ccpub-model-lease-price {
  font-family: "ヒラギノ角ゴシック";
  width: 100%;
  max-width: 330px;
  height: 60px;
  margin: 0 auto;
  background-color: #d95341;
  border-radius: 10px;
  box-shadow: 0px 5px 5px 0px rgba(80, 80, 80, 0.8);
  padding: 10px;
}
.ccpub-model-lease-price a {
  text-decoration: none;
}
.ccpub-model-lease-price__content {
  display: flex;
  color: #fff;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 5px;
}
.ccpub-model-lease-price__content .car-name-container {
  background-color: #000;
  width: calc(100% + 10px);
  height: 20px;
  border-radius: 50px;
  font-size: 11pt;
  font-weight: 700;
  line-height: normal;
}
.ccpub-model-lease-price__content .price {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  padding-left: 5px;
}
.ccpub-model-lease-price__content .price span {
  font-size: 12pt;
}
.ccpub-model-lease-price__content .arrow-container {
  padding-left: 20px;
  padding-top: 17px;
}
.ccpub-model-lease-price__content .arrow-container .arrow {
  color: #000;
  background-color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 14pt;
  line-height: initial;
}
@media (max-width: 330px) {
  .ccpub-model-lease-price {
    max-width: calc(100% - 20px);
  }
}
@media (max-width: 319px) {
  .ccpub-model-lease-price__content {
    margin: auto;
  }
  .ccpub-model-lease-price__content .arrow-container {
    display: none;
  }
}

/* ************************************* *
 * ccpub-model-image
 * ************************************* */
.ccpub-model-image {
  width: 100%;
  text-align: center;
}
.ccpub-model-image img {
  width: 100%;
  max-width: 500px;
  height: auto;
}

/* ************************************* *
 * ccpub end
 * ************************************* */
.anchorBlock {
  padding-top: 67px;
  margin-top: -67px;
  display: block;
}
@media (max-width: 959px) {
  .anchorBlock {
    padding-top: 50px;
    margin-top: -50px;
  }
}

.anchors, .anchors-vertical {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.anchors-vertical {
  flex-direction: column;
}
.anchors-vertical a {
  margin: 0 0 8px;
}
.anchors a, .anchors-vertical a {
  color: #333333;
  display: block;
  padding-left: 20px;
  margin: 0 8px 16px 0;
  position: relative;
  text-align: none;
  position: relative;
}
.anchors a:before, .anchors-vertical a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  display: block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ZmYmEwMH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IuOCsOODq+ODvOODl18yMSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMjEiIHRyYW5zZm9ybT0icm90YXRlKDkwIDExMi41IDU2LjUpIj4KICAgICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfMSIgY3g9IjIwIiBjeT0iMjAiIHI9IjIwIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2IDEyOSkiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzQiIGQ9Ik05LjQxIDguNDE4YS45OTEuOTkxIDAgMCAxLS4yOS43bC03LjQyOSA3LjQyOGEuOTkuOTkgMCAxIDEtMS40LTEuNEw3LjAyIDguNDE4LjI5IDEuNjlhLjk5Ljk5IDAgMSAxIDEuNC0xLjRsNy40MzEgNy40MjhhLjk4OS45ODkgMCAwIDEgLjI4OS43eiIgZGF0YS1uYW1lPSLjg5HjgrkgNCIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDM5LjU2MiA3OC42MzIpIi8+CiAgICA8L2c+Cjwvc3ZnPgo=") no-repeat 0 0;
  background-size: 14px 14px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  content: "";
}
@media (max-width: 959px) {
  .anchors, .anchors-vertical {
    margin: 0 15px;
  }
}

.container {
  background: #eeeeee;
  padding: 60px 70px;
  min-width: 1200px;
}
.container--page {
  padding: 0 0px 60px;
}
.container--article {
  padding-top: 40px;
}
.container__inner {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: stretch;
}
.container__wrapper {
  width: 1200px;
  margin: 0 auto;
}
.container__body {
  padding-top: 60px;
}
.container__head {
  padding: 50px 0 60px;
  background: #fff;
}
.container__title {
  font-size: 28px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 1.12px;
  text-align: left;
  color: #333333;
}
.container__main {
  width: 100%;
  max-width: calc(100% - 340px);
}
.container__sub {
  width: 300px;
  margin-left: auto;
}
.container__flex {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.container__flex-a-center {
  align-items: center;
}
@media (max-width: 959px) {
  .container {
    padding: 40px 0px;
    min-width: 100%;
  }
  .container--sp {
    padding: 0 0 40px;
  }
  .container__wrapper {
    width: 100%;
    margin: 0;
  }
  .container--page {
    padding: 0 0px 60px;
  }
  .container--404 {
    padding: 75px 0 100px;
  }
  .container__inner {
    width: 100%;
    margin: 0;
    flex-direction: column;
  }
  .container__main {
    max-width: 100%;
  }
  .container__sub {
    width: 100%;
    margin-left: 0;
  }
  .container__head {
    padding: 30px 15px 30px;
    background: #fff;
  }
  .container__body {
    padding-top: 0;
  }
  .container__body .list--horizon__item {
    border-bottom: 1px solid #eeeeee;
  }
  .container__body .list--horizon__item + .list--horizon__item {
    margin-top: 0;
  }
  .container__title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
  }
  .container__flex {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .container__flex-a-center {
    align-items: center;
  }
}

.content__head {
  margin-bottom: 30px;
}
.content__title {
  font-size: 22px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.88px;
  text-align: left;
  color: #333333;
}
.content__body {
  margin-bottom: 26px;
}
.content__foot.btn {
  text-align: right;
}
@media (max-width: 959px) {
  .content__head {
    padding: 0 15px;
    margin-bottom: 17px;
  }
  .content__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
  }
  .content__body {
    margin-bottom: 23px;
  }
  .content__foot {
    padding: 0 15px;
  }
  .content__foot.btn {
    text-align: right;
  }
}

.content + .content {
  margin-top: 45px;
}
@media (max-width: 959px) {
  .content + .content {
    margin-top: 37px;
  }
}

.sub__content + .sub__content {
  margin-top: 30px;
}

.select-box {
  background: #ffc333;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 30px 32px;
}
.select-box__head {
  padding: 0 0 15px;
  position: relative;
}
.select-box__head:after {
  z-index: 1;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -23px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OS45NDMiIGhlaWdodD0iOC4yNiIgdmlld0JveD0iMCAwIDg5Ljk0MyA4LjI2Ij4KICAgIDxwYXRoIGQ9Ik0yOS45NDIgOC4yNmE4LjY1OCA4LjY1OCAwIDAgMS02LjI2OS0yLjY3NmMtMS4xNzMtMS4wMzEtMS45NDctMS43MTItMy43MTItMS43MTJzLTIuNTQuNjgxLTMuNzEzIDEuNzEyQTguNjU4IDguNjU4IDAgMCAxIDkuOTc5IDguMjYgOC42NTUgOC42NTUgMCAwIDEgMy43MSA1LjU4M0MyLjUzOCA0LjU1MiAxLjc2MyAzLjg3MSAwIDMuODcxVjBhOC42NTYgOC42NTYgMCAwIDEgNi4yNjcgMi42NzZjMS4xNzIgMS4wMzEgMS45NDcgMS43MTIgMy43MTIgMS43MTJzMi41NC0uNjgxIDMuNzEyLTEuNzEyYTguNjgxIDguNjgxIDAgMCAxIDEyLjUzOCAwYzEuMTcyIDEuMDMxIDEuOTQ4IDEuNzEyIDMuNzEzIDEuNzEydjMuODcxeiIgZGF0YS1uYW1lPSLjg5HjgrkgMTUiLz4KICAgIDxwYXRoIGQ9Ik01OS45NDIgMGE4LjY1OCA4LjY1OCAwIDAgMC02LjI2OSAyLjY3NmMtMS4xNzMgMS4wMzEtMS45NDcgMS43MTItMy43MTIgMS43MTJzLTIuNTQtLjY4MS0zLjcxMy0xLjcxMmE4LjY4IDguNjggMCAwIDAtMTIuNTM4IDBDMzIuNTM4IDMuNzA4IDMxLjc2MyA0LjM4OSAzMCA0LjM4OVY4LjI2YTguNjU2IDguNjU2IDAgMCAwIDYuMjY4LTIuNjc2YzEuMTcyLTEuMDMxIDEuOTQ3LTEuNzEyIDMuNzEyLTEuNzEyczIuNTQuNjgxIDMuNzEyIDEuNzEyQTguNjU4IDguNjU4IDAgMCAwIDQ5Ljk2IDguMjZhOC42NiA4LjY2IDAgMCAwIDYuMjY5LTIuNjc2YzEuMTcyLTEuMDMxIDEuOTQ4LTEuNzEyIDMuNzEzLTEuNzEyeiIgZGF0YS1uYW1lPSLjg5HjgrkgMTYiLz4KICAgIDxwYXRoIGQ9Ik04OS45NDIgOC4yNmE4LjY1OCA4LjY1OCAwIDAgMS02LjI2OS0yLjY3NmMtMS4xNzMtMS4wMzEtMS45NDctMS43MTItMy43MTItMS43MTJzLTIuNTQuNjgxLTMuNzEzIDEuNzEyYTguNjU4IDguNjU4IDAgMCAxLTYuMjY5IDIuNjc2IDguNjU1IDguNjU1IDAgMCAxLTYuMjY5LTIuNjc3QzYyLjUzOCA0LjU1MiA2MS43NjMgMy44NzEgNjAgMy44NzFWMGE4LjY1NiA4LjY1NiAwIDAgMSA2LjI2OCAyLjY3NmMxLjE3MiAxLjAzMSAxLjk0NyAxLjcxMiAzLjcxMiAxLjcxMnMyLjU0LS42ODEgMy43MTItMS43MTJhOC42ODEgOC42ODEgMCAwIDEgMTIuNTM4IDBjMS4xNzIgMS4wMzEgMS45NDggMS43MTIgMy43MTMgMS43MTJ2My44NzF6IiBkYXRhLW5hbWU9IuODkeOCuSAxNyIvPgo8L3N2Zz4K") no-repeat 0 0;
  background-size: 46px 5px;
  width: 46px;
  height: 5px;
  content: "";
}
.select-box__title {
  font-size: 18px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.72px;
  text-align: left;
  color: #ffffff;
  text-align: center;
  color: #333333;
}
.select-box__body {
  padding: 30px 0 15px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}
.select-box__body .select {
  display: none;
}
.select-box__btn {
  width: 100%;
  display: block;
  width: 100%;
  text-align: center;
  background: #333333;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.5;
  border: none;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.select-box__btn:disabled {
  background: #dce0e0;
}
.select-box__btn:disabled {
  background: #dce0e0;
}
@media (max-width: 959px) {
  .select-box {
    padding: 30px 32px;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff url(../img/common/bg.png) no-repeat center top;
    background-size: cover;
    padding-bottom: 25px;
  }
}

.select,
.select-car {
  background: #fff;
  width: 100%;
  display: block;
  height: 40px;
  overflow: hidden;
  position: relative;
  border: 2px solid #333333;
  color: #333333;
  box-sizing: border-box;
}
.select:after,
.select-car:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 14px;
  height: 8px;
  margin-top: -4px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Ljc5NiIgaGVpZ2h0PSIzLjIzOSIgdmlld0JveD0iMCAwIDUuNzk2IDMuMjM5Ij4KICAgIDxwYXRoIGQ9Ik0yLjg5OSAzLjIzOWEuMzQuMzQgMCAwIDEtLjI0MS0uMUwuMTA5LjU4OWEuMzQuMzQgMCAxIDEgLjQ4LS40ODFsMi4zMDkgMi4zMUw1LjIwNy4xMDhhLjM0LjM0IDAgMSAxIC40OC40ODFsLTIuNTUgMi41NWEuMzQuMzQgMCAwIDEtLjIzOC4xeiIgZGF0YS1uYW1lPSLjg5HjgrkgMTMiLz4KPC9zdmc+Cg==") no-repeat 0 0;
  background-size: 14px 8px;
  z-index: 1;
  pointer-events: none;
  content: "";
}

.select-car {
  margin-top: 8px;
  display: none;
}

.select-select {
  width: 110%;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #333333;
}
.select + .select {
  margin-top: 8px;
}
.select__list--parent {
  width: 100%;
  background: #fff;
  height: 40px;
  display: block;
}
.select__list--parent li a {
  display: block;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.8571428571;
  color: #999;
  text-decoration: none;
}
.select-sp {
  padding: 15px;
}
@media (max-width: 959px) {
  .select-box__body {
    padding-top: 0;
  }
}

select::-ms-expand {
  display: none;
}

.cats__parent {
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  position: relative;
  padding-bottom: 3px;
  text-decoration: none;
}
.cats__parent a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  position: relative;
  padding-bottom: 3px;
  text-decoration: none;
  transition: all 0.3s linear;
}
.cats__parent a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.cats__parent:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #ffc333;
  content: "";
}
.cats__child {
  color: #999999;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
  transition: all 0.3s linear;
}
.cats__child a {
  color: #999999;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
  transition: all 0.3s linear;
}
.cats__child a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
@media (max-width: 959px) {
  .cats__parent a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
  }
  .cats__parent a:after {
    bottom: -3px;
  }
  .cats__child a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
  }
}

.nav-about {
  max-width: 1200px;
  margin: 30px auto 0;
}
.nav-about .content__head {
  pointer-events: none;
}
.nav-about__item {
  padding: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  background-color: #d6d6d6;
}
.nav-about__items {
  margin-top: 2px;
  width: calc(33.333% - 1.3px);
}
.nav-about__items a {
  position: relative;
  display: block;
  width: 100%;
  padding: 24px 45px;
  background-color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #333333;
  white-space: nowrap;
  box-sizing: border-box;
  transition: all 0.3s linear;
}
.nav-about__items a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.nav-about__items a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -9px;
  background: url("../img/common/ico_nav-arrow-right.png") no-repeat 0 0;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  content: "";
}
.nav-about__items:nth-child(-n+3) {
  margin-top: 0;
}
@media (max-width: 959px) {
  .nav-about {
    max-width: 100%;
    padding-top: 25px;
    margin: 25px 0 0;
    background-color: #fff;
  }
  .nav-about .content__head {
    pointer-events: auto;
    padding-bottom: 16px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
  }
  .nav-about .content__head::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    width: 7px;
    height: 7px;
    margin-top: -14px;
    border-top: solid 2px #222;
    border-right: solid 2px #222;
    transform: rotate(135deg);
    content: "";
  }
  .nav-about__item {
    display: none;
    flex-direction: column;
    background-color: #fff;
  }
  .nav-about__items {
    margin-top: 0;
    width: 100vw;
  }
  .nav-about__items a {
    position: relative;
    display: block;
    padding: 11px 12px;
    background-color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.0666666667;
    font-weight: 600;
    text-align: left;
    white-space: normal;
    border-bottom: solid 1px #d6d6d6;
  }
  .nav-about__items a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -9px;
    background: url("../img/common/ico_nav-arrow-right.png") no-repeat 0 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    content: "";
  }
  .nav-about__items:last-child a {
    border-bottom: none;
  }
}

.ranking {
  background: #fff;
}
.ranking__head {
  background: #ffc333;
  margin-bottom: 25px;
  padding: 30px 20px 25px;
}
.ranking__title {
  font-size: 18px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.72px;
  text-align: left;
  color: #333333;
  line-height: 1;
}
.ranking__label {
  background: #ffc333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  margin: 0 0 0 20px;
  display: inline-block;
  padding: 5px 10px;
  color: #333333;
  font-weight: bold;
}
.ranking__section + .ranking__section {
  margin-top: 17px;
  border-top: 1px solid #333333;
  padding-top: 17px;
}
.ranking__list li a {
  display: block;
  padding: 20px 20px 20px 50px;
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5714285714;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  transition: all 0.3s linear;
}
.ranking__list li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.ranking__list li a:before {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 18px;
  height: 16px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSLjgrDjg6vjg7zjg5dfNiIgd2lkdGg9IjM0LjYyMSIgaGVpZ2h0PSIyOS4zMzgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDYiIHZpZXdCb3g9IjAgMCAzNC42MjEgMjkuMzM4Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6IzI0YjM5Yn0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPHBhdGggaWQ9IuODkeOCuV83IiBkPSJNNjQzLjg3MSA2OTguNzA2YTEuMDYxIDEuMDYxIDAgMSAwLTEuNjg0Ljg1N2wtOC4xMjggOC4zLTYuNDY5LTEyLjg1M2ExLjgzNCAxLjgzNCAwIDEgMC0xLjgzMy4xMjhsLTYuNzQyIDEyLjcyNS04LjA1My04LjIyOGExLjA2IDEuMDYgMCAxIDAtLjc3MS4yMTdsLjkxNiAxOS45NyAxNS40My4xIDE1LjQzLS4xLjkyLTIwLjA2M2ExLjA2IDEuMDYgMCAwIDAgLjk4NC0xLjA1M3oiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSLjg5HjgrkgNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwOS4yNSAtNjkxLjY2NikiLz4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMiIgd2lkdGg9IjMyLjU4NCIgaGVpZ2h0PSIyLjMwMiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IumVt+aWueW9oiAyIiByeD0iMS4xNTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC45NTIgMjcuMDM2KSIvPgo8L3N2Zz4K") no-repeat 0 0;
  background-size: 18px 16px;
  content: "";
}
.ranking__list li a:after {
  display: block;
  position: absolute;
  width: 18px;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  top: 44px;
  left: 20px;
}
.ranking__list li:nth-child(1) a:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSLjgrDjg6vjg7zjg5dfMyIgd2lkdGg9IjM0LjYyMSIgaGVpZ2h0PSIyOS4zMzgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDMiIHZpZXdCb3g9IjAgMCAzNC42MjEgMjkuMzM4Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2YxZDI0Nn0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPHBhdGggaWQ9IuODkeOCuV82IiBkPSJNMTIzLjM3MSA2OTguNzA2YTEuMDYxIDEuMDYxIDAgMSAwLTEuNjg0Ljg1N2wtOC4xMjggOC4zLTYuNDY5LTEyLjg1M2ExLjgzNCAxLjgzNCAwIDEgMC0xLjgzMy4xMjhsLTYuNzQyIDEyLjcyNS04LjA1My04LjIyOGExLjA2IDEuMDYgMCAxIDAtLjc3MS4yMTdsLjkxNiAxOS45NyAxNS40My4xIDE1LjQzLS4xLjkyLTIwLjA2M2ExLjA2IDEuMDYgMCAwIDAgLjk4NC0xLjA1M3oiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSLjg5HjgrkgNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg4Ljc1IC02OTEuNjY2KSIvPgogICAgPHJlY3QgaWQ9IumVt+aWueW9ol8xIiB3aWR0aD0iMzIuNTg0IiBoZWlnaHQ9IjIuMzAyIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDEiIHJ4PSIxLjE1MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjk5NiAyNy4wMzYpIi8+Cjwvc3ZnPgo=") no-repeat 0 0;
  background-size: 18px 16px;
}
.ranking__list li:nth-child(1) a:after {
  content: "1";
}
.ranking__list li:nth-child(2) a:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSLjgrDjg6vjg7zjg5dfNCIgd2lkdGg9IjM0LjYyMSIgaGVpZ2h0PSIyOS4zMzgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQiIHZpZXdCb3g9IjAgMCAzNC42MjEgMjkuMzM4Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2NiY2JjYn0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPHBhdGggaWQ9IuODkeOCuV83IiBkPSJNNjQzLjg3MSA2OTguNzA2YTEuMDYxIDEuMDYxIDAgMSAwLTEuNjg0Ljg1N2wtOC4xMjggOC4zLTYuNDY5LTEyLjg1M2ExLjgzNCAxLjgzNCAwIDEgMC0xLjgzMy4xMjhsLTYuNzQyIDEyLjcyNS04LjA1My04LjIyOGExLjA2IDEuMDYgMCAxIDAtLjc3MS4yMTdsLjkxNiAxOS45NyAxNS40My4xIDE1LjQzLS4xLjkyLTIwLjA2M2ExLjA2IDEuMDYgMCAwIDAgLjk4NC0xLjA1M3oiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSLjg5HjgrkgNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwOS4yNSAtNjkxLjY2NikiLz4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMiIgd2lkdGg9IjMyLjU4NCIgaGVpZ2h0PSIyLjMwMiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IumVt+aWueW9oiAyIiByeD0iMS4xNTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC45NTIgMjcuMDM2KSIvPgo8L3N2Zz4K") no-repeat 0 0;
  background-size: 18px 16px;
}
.ranking__list li:nth-child(2) a:after {
  content: "2";
}
.ranking__list li:nth-child(3) a:before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSLjgrDjg6vjg7zjg5dfNSIgd2lkdGg9IjM0LjYyMSIgaGVpZ2h0PSIyOS4zMzgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDUiIHZpZXdCb3g9IjAgMCAzNC42MjEgMjkuMzM4Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ExN2E1MX0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPHBhdGggaWQ9IuODkeOCuV83IiBkPSJNNjQzLjg3MSA2OTguNzA2YTEuMDYxIDEuMDYxIDAgMSAwLTEuNjg0Ljg1N2wtOC4xMjggOC4zLTYuNDY5LTEyLjg1M2ExLjgzNCAxLjgzNCAwIDEgMC0xLjgzMy4xMjhsLTYuNzQyIDEyLjcyNS04LjA1My04LjIyOGExLjA2IDEuMDYgMCAxIDAtLjc3MS4yMTdsLjkxNiAxOS45NyAxNS40My4xIDE1LjQzLS4xLjkyLTIwLjA2M2ExLjA2IDEuMDYgMCAwIDAgLjk4NC0xLjA1M3oiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSLjg5HjgrkgNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwOS4yNSAtNjkxLjY2NikiLz4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMiIgd2lkdGg9IjMyLjU4NCIgaGVpZ2h0PSIyLjMwMiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IumVt+aWueW9oiAyIiByeD0iMS4xNTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC45NTIgMjcuMDM2KSIvPgo8L3N2Zz4K") no-repeat 0 0;
  background-size: 18px 16px;
}
.ranking__list li:nth-child(3) a:after {
  content: "3";
}
.ranking__list li:nth-child(4) a:after {
  content: "4";
}
.ranking__list li:nth-child(5) a:after {
  content: "5";
}
.ranking__list li + li {
  border-top: 1px solid #dddddd;
}
@media (max-width: 959px) {
  .ranking {
    background: #eeeeee;
  }
  .ranking__head {
    padding: 26px 15px 26px;
  }
  .ranking__label {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 0 15px;
    padding: 5px 7px;
  }
}

.keywords {
  background: url(../img/common/bg_keyword.png) no-repeat 0 0;
  background-size: cover;
}
.keywords__head {
  padding: 30px 0 12px;
  margin-bottom: 28px;
  text-align: center;
  position: relative;
}
.keywords__head:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -23px;
  width: 46px;
  height: 5px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OS45NDMiIGhlaWdodD0iOC4yNiIgdmlld0JveD0iMCAwIDg5Ljk0MyA4LjI2Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ZmZDk0OX0uY2xzLTJ7ZmlsbDojMjRiMzlifS5jbHMtM3tmaWxsOiNmZjRmMjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJsaW5lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguMDAxKSI+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8xNSIgZD0iTTI5Ljk0MiA4LjI2YTguNjU4IDguNjU4IDAgMCAxLTYuMjY5LTIuNjc2Yy0xLjE3My0xLjAzMS0xLjk0Ny0xLjcxMi0zLjcxMi0xLjcxMnMtMi41NC42ODEtMy43MTMgMS43MTJBOC42NTggOC42NTggMCAwIDEgOS45NzkgOC4yNiA4LjY1NSA4LjY1NSAwIDAgMSAzLjcxIDUuNTgzQzIuNTM4IDQuNTUyIDEuNzYzIDMuODcxIDAgMy44NzFWMGE4LjY1NiA4LjY1NiAwIDAgMSA2LjI2NyAyLjY3NmMxLjE3MiAxLjAzMSAxLjk0NyAxLjcxMiAzLjcxMiAxLjcxMnMyLjU0LS42ODEgMy43MTItMS43MTJhOC42ODEgOC42ODEgMCAwIDEgMTIuNTM4IDBjMS4xNzIgMS4wMzEgMS45NDggMS43MTIgMy43MTMgMS43MTJ2My44NzF6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDE1Ii8+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8xNiIgZD0iTTU5Ljk0MiAwYTguNjU4IDguNjU4IDAgMCAwLTYuMjY5IDIuNjc2Yy0xLjE3MyAxLjAzMS0xLjk0NyAxLjcxMi0zLjcxMiAxLjcxMnMtMi41NC0uNjgxLTMuNzEzLTEuNzEyYTguNjggOC42OCAwIDAgMC0xMi41MzggMEMzMi41MzggMy43MDggMzEuNzYzIDQuMzg5IDMwIDQuMzg5VjguMjZhOC42NTYgOC42NTYgMCAwIDAgNi4yNjgtMi42NzZjMS4xNzItMS4wMzEgMS45NDctMS43MTIgMy43MTItMS43MTJzMi41NC42ODEgMy43MTIgMS43MTJBOC42NTggOC42NTggMCAwIDAgNDkuOTYgOC4yNmE4LjY2IDguNjYgMCAwIDAgNi4yNjktMi42NzZjMS4xNzItMS4wMzEgMS45NDgtMS43MTIgMy43MTMtMS43MTJWMHoiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSLjg5HjgrkgMTYiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzE3IiBkPSJNODkuOTQyIDguMjZhOC42NTggOC42NTggMCAwIDEtNi4yNjktMi42NzZjLTEuMTczLTEuMDMxLTEuOTQ3LTEuNzEyLTMuNzEyLTEuNzEycy0yLjU0LjY4MS0zLjcxMyAxLjcxMmE4LjY1OCA4LjY1OCAwIDAgMS02LjI2OSAyLjY3NiA4LjY1NSA4LjY1NSAwIDAgMS02LjI2OS0yLjY3N0M2Mi41MzggNC41NTIgNjEuNzYzIDMuODcxIDYwIDMuODcxVjBhOC42NTYgOC42NTYgMCAwIDEgNi4yNjggMi42NzZjMS4xNzIgMS4wMzEgMS45NDcgMS43MTIgMy43MTIgMS43MTJzMi41NC0uNjgxIDMuNzEyLTEuNzEyYTguNjgxIDguNjgxIDAgMCAxIDEyLjUzOCAwYzEuMTcyIDEuMDMxIDEuOTQ4IDEuNzEyIDMuNzEzIDEuNzEydjMuODcxeiIgY2xhc3M9ImNscy0zIiBkYXRhLW5hbWU9IuODkeOCuSAxNyIvPgogICAgPC9nPgo8L3N2Zz4K") no-repeat 0 0;
  background-size: 46px 5px;
  content: "";
}
.keywords__title {
  font-size: 18px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.72px;
  text-align: left;
  color: #ffffff;
  text-align: center;
}
.keywords__body {
  padding: 0 20px 20px;
}
.keywords__list {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.keywords__list li {
  margin: 0 5px 10px 0;
}
.keywords__list li a {
  background: #fff;
  display: inline-block;
  padding: 9px 17px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  transition: all 0.3s linear;
}
.keywords__list li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
@media (max-width: 959px) {
  .keywords__head {
    padding: 40px 0 6px;
    margin-bottom: 14px;
    text-align: center;
  }
  .keywords__body {
    padding: 0 15px 43px;
  }
}

.list--horizon__item {
  background: #fff;
}
.list--horizon__item > a {
  display: block;
  text-decoration: none;
  color: #333333;
}
.list--horizon__item.is-recommend {
  background: #fdfad5;
  position: relative;
}
.list--horizon__item.is-recommend:before {
  position: absolute;
  font-weight: bold;
  left: auto;
  right: 0;
  top: -6px;
  height: 30px;
  width: 140px;
  box-sizing: border-box;
  display: block;
  padding: 0 10px 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.1428571429;
  display: block;
  color: #feff9e;
  background: #222;
  background-size: auto auto;
  z-index: 100;
  content: "おすすめ記事";
}
.list--horizon__item.is-recommend:after {
  display: block;
  position: absolute;
  right: 130px;
  top: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #fdfad5;
  z-index: 101;
  content: "";
}
.list--horizon__item + .list--horizon__item {
  margin-top: 30px;
}
.list--horizon__flex {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.list--horizon__img {
  width: 360px;
}
.list--horizon__img a {
  display: block;
  text-decoration: none;
  transition: all 0.3s linear;
}
.list--horizon__img a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.list--horizon__img img {
  height: auto;
  width: 100%;
  vertical-align: bottom;
}
.list--horizon__content {
  width: calc(100% - 360px);
  padding: 0 25px;
  box-sizing: border-box;
}
.list--horizon__content a {
  display: block;
  text-decoration: none;
  transition: all 0.3s linear;
}
.list--horizon__content a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.list--horizon__info {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.list--horizon__info li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
.list--horizon__info li + li {
  margin-left: 20px;
}
.list--horizon__title {
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-align: left;
  color: #333333;
  margin-bottom: 20px;
}
.list--horizon__relationTitle {
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-align: left;
  color: #333333;
}
.list--horizon__date {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #999999;
}
@media (max-width: 959px) {
  .list--horizon__date {
    line-height: 1.5;
  }
}
.list--horizon--pro {
  display: block;
  position: relative;
}
.list--horizon__separate {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  margin: 30px 0 15px;
  font-weight: bold;
}
@media (max-width: 959px) {
  .list--horizon {
    background: #fff;
  }
  .list--horizon__item {
    background: #fff;
    padding: 15px;
  }
  .list--horizon__item.is-recommend:before {
    position: absolute;
    left: auto;
    right: 0;
    top: -6px;
    height: 30px;
    width: 110px;
    box-sizing: border-box;
    display: block;
    padding: 0 10px 0 30px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 3;
    display: block;
    color: #feff9e;
    background: #222;
    background-size: auto auto;
    z-index: 100;
    content: "おすすめ記事";
  }
  .list--horizon__item.is-recommend:after {
    display: block;
    position: absolute;
    right: 100px;
    top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent transparent transparent #fdfad5;
    z-index: 101;
    content: "";
  }
  .list--horizon__item + .list--horizon__item {
    margin-top: 20px;
  }
  .list--horizon__img {
    width: 180px;
  }
  .list--horizon__content {
    width: calc(100% - 180px);
    padding: 0 0 0 15px;
  }
  .list--horizon__content .list--horizon__info {
    display: none;
  }
  .list--horizon__info {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
  }
  .list--horizon__info li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
  }
  .list--horizon__info li + li {
    margin-left: 8px;
  }
  .list--horizon__title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4666666667;
    margin-bottom: 10px;
  }
}

.useful {
  padding: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.useful--primary__card {
  width: 100%;
  background: #fff;
  margin-bottom: 30px;
}
.useful--primary__card a {
  display: block;
  text-decoration: none;
  color: #333333;
  transition: all 0.3s linear;
}
.useful--primary__card a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.useful--primary__card a > div {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.useful--primary__ph {
  width: 500px;
}
.useful--primary__ph img {
  width: 500px;
  height: auto;
  vertical-align: bottom;
  -o-object-fit: cover;
     object-fit: cover;
}
.useful--primary__content {
  width: calc(100% - 500px);
  padding: 0 25px;
  box-sizing: border-box;
}
.useful--primary__title {
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-align: left;
  color: #333333;
}
.useful--primary__date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #999999;
  font-family: "Poppins", sans-serif;
}
.useful--secondary__card {
  width: 48.5%;
  background: #fff;
}
.useful--secondary__card:nth-child(odd) {
  margin-left: auto;
}
.useful--secondary__card a {
  display: block;
  text-decoration: none;
  color: #333333;
  transition: all 0.3s linear;
}
.useful--secondary__card a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.useful--secondary__card + .useful--secondary__card + .useful--secondary__card {
  margin-top: 30px;
}
.useful--secondary__ph {
  width: 100%;
}
.useful--secondary__ph img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -o-object-fit: cover;
     object-fit: cover;
}
.useful--secondary__content {
  width: 100%;
  padding: 25px;
  box-sizing: border-box;
}
.useful--secondary__title {
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-align: left;
  color: #333333;
}
.useful--secondary__date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #999999;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 959px) {
  .useful--primary__card {
    background: #fff;
    margin-bottom: 15px;
  }
  .useful--primary__card a {
    display: block;
    text-decoration: none;
    color: #333333;
    transition: all 0.3s linear;
  }
  .useful--primary__card a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .useful--primary__card a > div {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .useful--primary__ph {
    width: 100%;
  }
  .useful--primary__ph img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .useful--primary__content {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
  }
  .useful--primary__title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
  }
  .useful--primary__date {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #999999;
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
  }
  .useful--secondary__card + .useful--secondary__card + .useful--secondary__card {
    margin-top: 15px;
  }
  .useful--secondary__content {
    padding: 15px 10px;
  }
  .useful--secondary__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6428571429;
  }
  .useful--secondary__date {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    line-height: 1.5;
  }
}

.page-404 {
  width: 100%;
  padding: 110px 200px 135px;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box;
}
.page-404__title {
  font-size: 50px;
  font-size: 5rem;
  line-height: 0.64;
  letter-spacing: 2.5px;
  font-weight: bold;
  color: #999999;
}
.page-404__subtitle {
  margin-top: 14px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 1px;
  font-weight: 600;
  color: #999999;
}
.page-404__text {
  width: 100%;
  margin: 50px auto 70px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.9px;
  font-weight: 300;
  color: #333333;
}
.page-404__btn {
  display: inline-block;
  padding: 20px 125px;
  margin: 0 auto 90px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  color: #333333;
  background-color: #ffc333;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
}
.page-404__search-box {
  width: 800px;
  padding: 15px 20px;
  margin: 0 auto 60px;
  background-color: #ffc333;
  box-sizing: border-box;
}
.page-404__search-input {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.page-404__search-input > div {
  height: 40px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
.page-404__search-input > div:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -10px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi42NjciIGhlaWdodD0iMjIuNjI3IiB2aWV3Qm94PSIwIDAgMjIuNjY3IDIyLjYyNyI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM5OTl9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTQiIGQ9Ik0zNzUuNzM0IDM0LjgyNGwtNy4wOTItNy4wOTFhOC40MTkgOC40MTkgMCAxIDAtMi4yODEgMi4zbDcuMDg1IDcuMDgzYS43MDYuNzA2IDAgMCAwIC45ODEtLjExNmwxLjE5MS0xLjE5YS43MDkuNzA5IDAgMCAwIC4xMTYtLjk4NnptLTE0LjEtNS42M2E2LjEzOSA2LjEzOSAwIDEgMSA2LjEzOS02LjEzOSA2LjE0NiA2LjE0NiAwIDAgMS02LjEzNSA2LjEzOXoiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSLjg5HjgrkgMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTMuMjE3IC0xNC42MzUpIi8+Cjwvc3ZnPgo=") no-repeat 0 0;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  content: "";
}
.page-404__search-input > div form {
  outline: none;
  border: none;
}
.page-404__search-input > div input {
  outline: none;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  border: none;
  width: 100%;
  display: block;
  padding: 0 0 0 45px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #999999;
}
.page-404__search {
  margin-left: 50px;
}
.page-404__search a {
  display: block;
  padding-top: 10px;
  text-align: center;
  color: #333333;
  text-decoration: none;
}
.page-404__search a .ico {
  width: 27px;
  margin: 0 auto;
}
.page-404__search a .ico img {
  width: 27px;
  height: 27px;
}
.page-404__search a .text {
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 1;
}
@media (max-width: 959px) {
  .page-404 {
    padding: 37px 0 50px;
  }
  .page-404__title {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 0.9142857143;
    letter-spacing: 1px;
  }
  .page-404__subtitle {
    margin-top: 5px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.0666666667;
    letter-spacing: 0;
  }
  .page-404__text {
    width: 100%;
    padding: 0;
    margin: 30px auto 40px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7857142857;
    letter-spacing: 0.7px;
  }
  .page-404__btn {
    display: inline-block;
    padding: 10px 50px;
    margin: 0 auto 50px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    color: #333333;
    background-color: #ffc333;
    border-radius: 30px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-sizing: border-box;
  }
  .page-404__search-box {
    width: 100%;
    padding: 15px;
    margin: 0 auto 30px;
  }
  .page-404__search-input {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
  }
  .page-404__search-input > div {
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .page-404__search-input > div:before {
    left: 11px;
    margin-top: -11px;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
  }
  .page-404__search-input > div form {
    outline: none;
    border: none;
  }
  .page-404__search-input > div input {
    outline: none;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 40px;
    padding: 0 0 0 36px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
  }
  .page-404__search-select {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

.header {
  height: 67px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 1000;
}
.header__flex {
  padding: 0 20px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.header__logo {
  margin-top: 12px;
}
.header__logo h1 {
  position: absolute;
  font-size: 1rem;
}
.header__utility {
  margin-left: auto;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.header__menu {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.header__menu > li.current-menu-item {
  font-weight: bold;
}
.header__menu > li.current-menu-item > a:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  background: #ffc333;
  bottom: 0;
  left: 0;
  content: "";
}
.header__menu > li > a {
  display: block;
  color: #333333;
  padding-top: 34px;
  padding-bottom: 18px;
  position: relative;
  text-decoration: none;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  transition: all 0.3s linear;
}
.header__menu > li > a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
@media screen and (max-width: 1100px) {
  .header__menu > li > a {
    font-size: 1.2rem;
  }
}
.header__menu > li:hover > div {
  display: block;
}
.header__menu > li:hover > a:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  background: #ffc333;
  bottom: 0;
  left: 0;
  content: "";
}
.header__menu > li + li {
  margin-left: 32px;
}
.header__otameshi__pc {
  margin-left: 50px;
  padding: 10px 0;
}
.header__otameshi__pc > a > img {
  width: 85%;
}
@media screen and (max-width: 1100px) {
  .header__otameshi__pc {
    margin-left: 10px;
    width: 19%;
  }
  .header__otameshi__pc > a > img {
    width: 100%;
  }
}
.header__otameshi__sp {
  padding-top: 10px;
  margin-left: auto;
}
.header__otameshi__sp > a > img {
  width: 90%;
}
.header__search {
  margin-left: 10px;
}
@media screen and (max-width: 1240px) {
  .header__search {
    margin-left: 10px;
  }
}
.header__search a {
  display: block;
  padding-top: 10px;
  text-align: center;
  color: #333333;
  text-decoration: none;
}
.header__search a .ico {
  width: 27px;
  margin: 0 auto;
}
.header__search a .ico img {
  width: 27px;
  height: 27px;
}
.header__search a .text {
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 1;
}
.header__sp-menu {
  display: none;
}
@media (max-width: 959px) {
  .header {
    position: static;
    height: auto;
  }
  .header__flex {
    min-width: 100%;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    flex-direction: column;
  }
  .header__flex--top {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 15px 14px;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
  }
  .header__logo {
    margin-top: 0;
    width: 226px;
    position: absolute;
    top: 6px;
  }
}
@media screen and (max-width: 959px) and (max-width: 359px) {
  .header__logo {
    width: 190px;
    top: 12px;
  }
}
@media screen and (max-width: 959px) and (max-width: 319px) {
  .header__logo {
    width: 145px;
    top: 12px;
  }
}
@media screen and (max-width: 959px) and (max-width: 279px) {
  .header__logo {
    width: 120px;
    top: 10px;
    left: 5px;
  }
}
@media (max-width: 959px) {
  .header__logo div {
    display: none;
  }
  .header__logo img {
    width: 100%;
    height: auto;
  }
  .header__utility {
    margin-left: 0;
    display: block;
    width: 100%;
  }
  .header__menu {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
  }
  .header__menu li {
    width: 20%;
  }
  .header__menu li:hover > div {
    display: none;
  }
  .header__menu li.current-menu-item a {
    font-weight: 600;
  }
  .header__menu li.current-menu-item a:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #ffc333;
    bottom: -1px;
    left: 0;
    content: "";
  }
  .header__menu li a {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2727272727;
    height: 45px;
    width: 100%;
    text-align: center;
  }
  .header__menu li a span {
    display: block;
  }
  .header__menu li + li {
    margin-left: 0;
    border-left: 1px solid #eeeeee;
  }
  .header__search {
    margin-left: 0;
    width: 21px;
    height: 21px;
  }
  .header__search a {
    padding-top: 0;
    width: 21px;
    height: 21px;
  }
  .header__search a img {
    width: 21px;
    height: 21px;
  }
  .header__sp-menu {
    display: block;
    width: 20px;
    margin-left: 30px;
  }
}
@media screen and (max-width: 959px) and (max-width: 390px) {
  .header__sp-menu {
    margin-left: 20px;
  }
}
@media screen and (max-width: 959px) and (max-width: 360px) {
  .header__sp-menu {
    margin-left: 5px;
  }
}
@media (max-width: 959px) {
  .header__sp-menu a {
    display: block;
    width: 20px;
    height: 18px;
  }
  .header__sp-menu a img {
    width: 100%;
    height: auto;
  }
  .header__sp-menu a#sp-menu-close {
    display: none;
  }
  .header__sp-menu a#sp-menu-close img {
    vertical-align: middle;
  }
}

#page-top {
  position: fixed;
  width: 60px;
  height: 60px;
  right: 30px;
  bottom: 30px;
  z-index: 1002;
}
#page-top a {
  display: block;
  transition: all 0.3s linear;
}
#page-top a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#page-top a img {
  width: 60px;
  height: 60px;
  vertical-align: bottom;
}
@media (max-width: 959px) {
  #page-top {
    bottom: 80px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
  #page-top a img {
    width: 40px;
    height: 40px;
    vertical-align: bottom;
  }
}

.footer {
  padding: 30px;
}
.footer__inner {
  width: 1200px;
  margin: 0 auto;
}
.footer__head {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 46px;
}
.footer__title {
  margin-left: 20px;
  font-size: 15px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-align: left;
  color: #ffc333;
  color: #333333;
}
.footer__flex {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer__item {
  width: 270px;
}
.footer__body {
  margin-bottom: 50px;
}
.footer__sttle {
  font-size: 15px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-align: left;
  color: #333333;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
}
.footer__sttle a {
  color: #333333;
  text-decoration: none;
}
.footer__sttle:before {
  width: 100%;
  display: block;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #dddddd;
  content: "";
}
.footer__sttle:after {
  width: 30px;
  display: block;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffc333;
  content: "";
}
.footer__menu li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  text-decoration: none;
  color: #333333;
  transition: all 0.3s linear;
}
.footer__menu li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.footer__bottom {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer__links {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer__links li {
  margin-right: 13px;
}
.footer__links li a {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  color: #999999;
  transition: all 0.3s linear;
}
.footer__links li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.footer__links li + li a {
  padding-left: 13px;
  border-left: 1px solid #999999;
}
.footer__copy {
  margin-left: auto;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #999999;
}
@media (max-width: 959px) {
  .footer {
    padding: 17px 0 80px 0px;
  }
  .footer__inner {
    width: 100%;
    margin: 0;
  }
  .footer__head {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 28px;
  }
  .footer__title {
    display: none;
  }
  .footer__flex {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .footer__item {
    width: 100%;
  }
  .footer__body {
    margin-bottom: 0;
  }
  .footer__sttle {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: normal;
    padding: 20px 15px;
    margin-bottom: 0;
    position: relative;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
    pointer-events: auto;
  }
  .footer__sttle:before {
    display: none;
  }
  .footer__sttle:after {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    bottom: auto;
    left: auto;
    width: 11px;
    height: 6px;
    margin-top: -3px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS44NjkiIGhlaWdodD0iMTQuNDU4IiB2aWV3Qm94PSIwIDAgMjUuODY5IDE0LjQ1OCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM2NjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfNSIgZD0iTTcxOS4zNTkgMTk5Ljk1M2ExLjUyMyAxLjUyMyAwIDAgMS0uNDQ1IDEuMDc3TDcwNy41IDIxMi40NDFhMS41MjIgMS41MjIgMCAwIDEtMi4xNTMtMi4xNTFsMTAuMzQtMTAuMzM4LTEwLjM0LTEwLjMzOGExLjUyMiAxLjUyMiAwIDAgMSAyLjE1My0yLjE1MWwxMS40MTUgMTEuNDEzYTEuNTIgMS41MiAwIDAgMSAuNDQ0IDEuMDc3eiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IuODkeOCuSA1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA0NTguODk0IC0yNDYuMDA3KSIvPgo8L3N2Zz4K") no-repeat 0 0;
    background-size: 11px 6px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    content: "";
  }
  .footer__sttle.active:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  .footer__link {
    border-top: 1px solid #dddddd;
  }
  .footer__link a {
    width: 100%;
    box-sizing: border-box;
    display: block;
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: normal;
    padding: 20px 15px;
    margin-bottom: 0;
    position: relative;
    border-bottom: 1px solid #dddddd;
    position: relative;
  }
  .footer__link a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 11px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi41NDQiIGhlaWdodD0iNDAuMzM1IiB2aWV3Qm94PSIwIDAgMjIuNTQ0IDQwLjMzNSI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM2NjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMSIgZD0iTTcyNy40NDQgMjA3LjE4NmEyLjM3NSAyLjM3NSAwIDAgMS0uNjk0IDEuNjc5bC0xNy44IDE3Ljc5NGEyLjM3MyAyLjM3MyAwIDAgMS0zLjM1OC0zLjM1NGwxNi4xMjMtMTYuMTE5LTE2LjEyMy0xNi4xMTlhMi4zNzMgMi4zNzMgMCAwIDEgMy4zNTgtMy4zNTRsMTcuOCAxNy44YTIuMzcxIDIuMzcxIDAgMCAxIC42OTQgMS42NzN6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDQuOTAxIC0xODcuMDE5KSIvPgo8L3N2Zz4K") no-repeat 0 0;
    margin-top: -5px;
    background-size: 6px 11px;
    content: "";
  }
  .footer__menu {
    display: none;
    background: #eeeeee;
  }
  .footer__menu li {
    border-bottom: 1px solid #dddddd;
  }
  .footer__menu li a {
    display: block;
    padding: 15px 15px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5384615385;
    position: relative;
  }
  .footer__menu li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 11px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi41NDQiIGhlaWdodD0iNDAuMzM1IiB2aWV3Qm94PSIwIDAgMjIuNTQ0IDQwLjMzNSI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM2NjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMSIgZD0iTTcyNy40NDQgMjA3LjE4NmEyLjM3NSAyLjM3NSAwIDAgMS0uNjk0IDEuNjc5bC0xNy44IDE3Ljc5NGEyLjM3MyAyLjM3MyAwIDAgMS0zLjM1OC0zLjM1NGwxNi4xMjMtMTYuMTE5LTE2LjEyMy0xNi4xMTlhMi4zNzMgMi4zNzMgMCAwIDEgMy4zNTgtMy4zNTRsMTcuOCAxNy44YTIuMzcxIDIuMzcxIDAgMCAxIC42OTQgMS42NzN6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDQuOTAxIC0xODcuMDE5KSIvPgo8L3N2Zz4K") no-repeat 0 0;
    margin-top: -5px;
    background-size: 6px 11px;
    content: "";
  }
  .footer__bottom {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .footer__bottom > div {
    width: 100%;
  }
  .footer__links {
    flex-wrap: wrap;
    flex-direction: row;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
  }
  .footer__links li {
    width: 50%;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdcdc;
    margin-right: 0;
  }
  .footer__links li a {
    display: block;
    padding: 13px 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #333333;
    text-decoration: none;
  }
  .footer__links li:nth-child(odd) {
    border-right: 1px solid #dcdcdc;
  }
  .footer__links li:nth-child(odd):nth-last-child(2) {
    border-bottom: 0;
  }
  .footer__links li:last-child {
    border-bottom: 0;
  }
  .footer__links li + li a {
    border-left: 0;
    padding: 13px 20px;
  }
  .footer__copy {
    margin-left: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
  }
}

.sp-footer {
  display: none;
}
@media (max-width: 959px) {
  .sp-footer {
    display: block;
    position: fixed;
    background: #fff;
    box-shadow: 0px -4px 3.8px 0.2px rgba(0, 0, 0, 0.2);
    border: none;
    bottom: 0;
    height: 58px;
    width: 100%;
    z-index: 1000;
    padding: 0;
    margin: 0;
  }
  .sp-footer__banner {
    height: 58px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
  }
  .sp-footer__banner img {
    max-height: 58px;
    width: auto;
    vertical-align: middle;
  }
  .sp-footer__banner .widget-shortcode {
    margin-bottom: 0;
  }
}

.bread-crumb {
  background: #eeeeee;
  padding: 10px 0;
}
.bread-crumb__inner {
  width: 1200px;
  margin: 0 auto;
}
.bread-crumb__list {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.bread-crumb__list li a {
  display: block;
  white-space: nowrap;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #333333;
  text-decoration: none;
}
.bread-crumb__list li a span {
  white-space: nowrap;
}
.bread-crumb__list li + li {
  margin-left: 24px;
  position: relative;
}
.bread-crumb__list li + li:before {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  width: 11px;
  height: 12px;
  position: absolute;
  left: -16px;
  margin-top: -7px;
  top: 50%;
  content: "/";
}
.bread-crumb__home {
  padding-left: 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJHcm91cCIgd2lkdGg9IjQyLjQwNCIgaGVpZ2h0PSI1My4zOTkiIHZpZXdCb3g9IjAgMCA0Mi40MDQgNTMuMzk5Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ZmNGYyNn0uY2xzLTEsLmNscy0yLC5jbHMtMywuY2xzLTR7ZmlsbC1ydWxlOmV2ZW5vZGR9LmNscy0yLC5jbHMtNHtmaWxsOiMyNGIzOWJ9LmNscy0ye29wYWNpdHk6Ljl9LmNscy0ze2ZpbGw6I2ZmZDk0OX0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPHBhdGggaWQ9IkZpbGwtMSIgZD0iTTE5LjcxMiAxLjYyN2EyLjQ3NiAyLjQ3NiAwIDAgMC0yLjM5NCAyLjU0NSAyLjQgMi40IDAgMSAwIDQuNzg4IDAgMi40NzUgMi40NzUgMCAwIDAtMi4zOTQtMi41NDV6bTAgNi43MTZhNC4wNTggNC4wNTggMCAwIDEtMy45MjYtNC4xNzFBNC4wNTkgNC4wNTkgMCAwIDEgMTkuNzEyIDBhNC4wNiA0LjA2IDAgMCAxIDMuOTI3IDQuMTcyIDQuMDU5IDQuMDU5IDAgMCAxLTMuOTI3IDQuMTcxeiIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjM0MykiLz4KICAgIDxwYXRoIGlkPSJGaWxsLTMiIGQ9Ik0xMS40IDMyLjI2MWE0Ljg2NiA0Ljg2NiAwIDAgMS00LjcxMiA1LjAwNiA1LjAxNiA1LjAxNiAwIDAgMSAwLTEwLjAxMyA0Ljg2NiA0Ljg2NiAwIDAgMSA0LjcxMiA1LjAwNyIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjE2OCAxNi4xMzIpIi8+CiAgICA8cGF0aCBpZD0iRmlsbC01IiBkPSJNMjMuMjM1IDMyLjI2MWE0Ljg2NiA0Ljg2NiAwIDAgMS00LjcxMiA1LjAwNiA1LjAxNiA1LjAxNiAwIDAgMSAwLTEwLjAxMyA0Ljg2NiA0Ljg2NiAwIDAgMSA0LjcxMiA1LjAwNiIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjE3NiAxNi4xMzIpIi8+CiAgICA8cGF0aCBpZD0iQ29tYmluZWQtU2hhcGUiIGQ9Ik0xMC45OTMgMzkuMDg2VjE1LjcyNGgyMS45ODl2MjMuMzYyek0wIDM5LjA4NlYyNy40MDVoMTAuOTkzdjExLjY4MXoiIGNsYXNzPSJjbHMtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA5LjMwNykiLz4KICAgIDxwYXRoIGlkPSJGaWxsLTI5IiBkPSJNMjAuNjY3IDEzLjk5MWwtMy40NTIgMTMuOTI4IDEzLjEwOS0zLjgwOHpNMTQuOCAzMC41MDdsNC45Ni0yMC4wMjQgMTMuODg2IDE0LjU1eiIgY2xhc3M9ImNscy0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ljc1OSA2LjIwNSkiLz4KICAgIDxwYXRoIGlkPSJGaWxsLTMwIiBkPSJNMjEuOTYxIDEwLjAzNGwzLjI2OCAzLjQ3MyAzLjI3LTMuNDczLTMuMjctMy40NzR6bTMuMjY4IDUuODQxbC01LjUtNS44NDEgNS41LTUuODQxIDUuNSA1Ljg0MXoiIGNsYXNzPSJjbHMtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuNjc5IDIuNDgyKSIvPgo8L3N2Zz4K") no-repeat left center;
  background-size: 13px 16px;
}
@media (max-width: 959px) {
  .bread-crumb {
    padding: 0;
    overflow: hidden;
  }
  .bread-crumb__inner {
    padding: 10px 15px;
    width: 100%;
    margin: 0;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .bread-crumb__list li a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
  }
  .bread-crumb__list li + li {
    margin-left: 15px;
    position: relative;
  }
  .bread-crumb__list li + li:before {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    left: -10px;
    margin-top: -5px;
  }
  .bread-crumb__home {
    padding: 0;
    background: no-repeat;
    position: relative;
  }
  .bread-crumb__home:before {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: -4px 5px 0 0;
    width: 12px;
    height: 15px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJHcm91cCIgd2lkdGg9IjQyLjQwNCIgaGVpZ2h0PSI1My4zOTkiIHZpZXdCb3g9IjAgMCA0Mi40MDQgNTMuMzk5Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ZmNGYyNn0uY2xzLTEsLmNscy0yLC5jbHMtMywuY2xzLTR7ZmlsbC1ydWxlOmV2ZW5vZGR9LmNscy0yLC5jbHMtNHtmaWxsOiMyNGIzOWJ9LmNscy0ye29wYWNpdHk6Ljl9LmNscy0ze2ZpbGw6I2ZmZDk0OX0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPHBhdGggaWQ9IkZpbGwtMSIgZD0iTTE5LjcxMiAxLjYyN2EyLjQ3NiAyLjQ3NiAwIDAgMC0yLjM5NCAyLjU0NSAyLjQgMi40IDAgMSAwIDQuNzg4IDAgMi40NzUgMi40NzUgMCAwIDAtMi4zOTQtMi41NDV6bTAgNi43MTZhNC4wNTggNC4wNTggMCAwIDEtMy45MjYtNC4xNzFBNC4wNTkgNC4wNTkgMCAwIDEgMTkuNzEyIDBhNC4wNiA0LjA2IDAgMCAxIDMuOTI3IDQuMTcyIDQuMDU5IDQuMDU5IDAgMCAxLTMuOTI3IDQuMTcxeiIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjM0MykiLz4KICAgIDxwYXRoIGlkPSJGaWxsLTMiIGQ9Ik0xMS40IDMyLjI2MWE0Ljg2NiA0Ljg2NiAwIDAgMS00LjcxMiA1LjAwNiA1LjAxNiA1LjAxNiAwIDAgMSAwLTEwLjAxMyA0Ljg2NiA0Ljg2NiAwIDAgMSA0LjcxMiA1LjAwNyIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjE2OCAxNi4xMzIpIi8+CiAgICA8cGF0aCBpZD0iRmlsbC01IiBkPSJNMjMuMjM1IDMyLjI2MWE0Ljg2NiA0Ljg2NiAwIDAgMS00LjcxMiA1LjAwNiA1LjAxNiA1LjAxNiAwIDAgMSAwLTEwLjAxMyA0Ljg2NiA0Ljg2NiAwIDAgMSA0LjcxMiA1LjAwNiIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjE3NiAxNi4xMzIpIi8+CiAgICA8cGF0aCBpZD0iQ29tYmluZWQtU2hhcGUiIGQ9Ik0xMC45OTMgMzkuMDg2VjE1LjcyNGgyMS45ODl2MjMuMzYyek0wIDM5LjA4NlYyNy40MDVoMTAuOTkzdjExLjY4MXoiIGNsYXNzPSJjbHMtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA5LjMwNykiLz4KICAgIDxwYXRoIGlkPSJGaWxsLTI5IiBkPSJNMjAuNjY3IDEzLjk5MWwtMy40NTIgMTMuOTI4IDEzLjEwOS0zLjgwOHpNMTQuOCAzMC41MDdsNC45Ni0yMC4wMjQgMTMuODg2IDE0LjU1eiIgY2xhc3M9ImNscy0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ljc1OSA2LjIwNSkiLz4KICAgIDxwYXRoIGlkPSJGaWxsLTMwIiBkPSJNMjEuOTYxIDEwLjAzNGwzLjI2OCAzLjQ3MyAzLjI3LTMuNDczLTMuMjctMy40NzR6bTMuMjY4IDUuODQxbC01LjUtNS44NDEgNS41LTUuODQxIDUuNSA1Ljg0MXoiIGNsYXNzPSJjbHMtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuNjc5IDIuNDgyKSIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: 12px 15px;
    content: "";
  }
  .bread-crumb__home span {
    display: none;
  }
}

.writer__card {
  display: block;
  background: #fff;
  padding: 25px;
}
.writer__card a {
  color: #333333;
  text-decoration: none;
  transition: all 0.3s linear;
}
.writer__card a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.writer__card-inner {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.writer__card .writer__inner a {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.writer__card + .writer__card {
  margin-top: 30px;
}
.writer__ph {
  width: 120px;
  height: 120px;
}
.writer__ph img {
  width: 120px;
  height: 120px;
  vertical-align: bottom;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -o-object-fit: cover;
     object-fit: cover;
}
.writer__contents {
  width: calc(100% - 150px);
  margin-left: auto;
}
.writer__detail {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.writer__status {
  border: 1px solid #ffc333;
  padding: 5px 10px;
  color: #333333;
  background: #ffc333;
  font-weight: bold;
  display: inline-block;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 12px;
}
.writer__handle {
  border: 1px solid #ffc333;
  padding: 5px 10px;
  color: #333333;
  background: #fff;
  font-weight: bold;
  display: inline-block;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  margin-left: 12px;
  margin-bottom: 12px;
}
.writer__handle-02 {
  color: #fff;
  background: #ffc333;
}
.writer__name {
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-align: left;
  color: #333333;
}
.writer__name span {
  font-weight: 600;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.52px;
  text-align: left;
  color: #333333;
  margin-left: 10px;
}
.writer__profile p {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.56px;
  text-align: left;
  color: #999999;
  font-weight: normal;
}
.writer__sns {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.writer__sns-sp {
  display: none;
}
.writer__sns-pc {
  display: block;
  border-top: 1px solid #999;
  margin-bottom: -1px;
  margin-top: 23px;
}
.writer__sns-inner {
  width: calc(100% - 150px);
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}
.writer__sns-inner p {
  margin-top: 12px;
  margin-right: 1em;
  word-break: break-all;
}
.writer__sns-inner p img {
  width: 1em;
  height: 1em;
  vertical-align: bottom;
}
.writer__sns-inner a {
  margin-left: 0.5em;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s linear;
}
.writer__sns-inner a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.writer__sns-inner-02 {
  position: relative;
  width: 100%;
}
.writer__sns-inner-02 p {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 18px;
  margin-right: 45px;
}
.writer__sns-inner-02 p img {
  width: 20px;
  height: 20px;
}
.writer__sns-inner-02 a {
  margin-left: 10px;
}
.writer__detail {
  margin-top: 18px;
  border-bottom: 1px solid #999;
}
.writer__detail ul {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.writer__detail ul li {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  padding: 15px 28px 15px 0;
  box-sizing: border-box;
  border-top: 1px solid #efefef;
}
.writer__detail ul li.writer__detail-col3 {
  width: 75%;
}
.writer__detail ul li.writer__detail-col2 {
  width: 50%;
}
.writer__detail ul li p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8461538462;
}
.writer__detail ul li p + p {
  margin-left: 10px;
}
.writer__detail ul li span {
  font-weight: bold;
  white-space: nowrap;
}
.writer__detail-sp {
  display: none;
}
@media (max-width: 959px) {
  .writer__card {
    border-bottom: 1px solid #dddddd;
    padding: 0 15px 15px;
  }
  .writer__card + .writer__card {
    margin-top: 0;
    padding-top: 15px;
  }
  .writer__ph {
    width: 75px;
    height: 75px;
    margin-right: 15px;
  }
  .writer__ph img {
    width: 75px;
    height: 75px;
  }
  .writer__contents {
    width: calc(100% - 75px);
  }
  .writer__status {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    margin-bottom: 6px;
  }
  .writer__name {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 11px;
  }
  .writer__name span {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    margin-left: 5px;
  }
  .writer__profile {
    overflow: hidden;
    width: 100%;
  }
  .writer__profile p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6153846154;
    font-weight: normal;
  }
  .writer__handle-02 {
    margin-left: 0;
    margin-bottom: 18px;
  }
  .writer__sns-pc {
    display: none;
  }
  .writer__sns-sp {
    display: block;
    padding-bottom: 23px;
    margin-bottom: -15px;
    border-bottom: 1px solid #d2d2d2;
  }
  .writer__sns-inner {
    width: calc(100% - 90px);
  }
  .writer__sns-inner p + p {
    margin-top: 7px;
  }
  .writer__sns-inner-02 {
    width: 100%;
    border-top: none;
    margin-top: 28px;
  }
  .writer__sns-inner-02 a {
    margin-left: 0;
    margin-top: 0;
  }
  .writer__sns-inner-02 p {
    margin-top: 0;
    margin-right: 10px;
  }
  .writer__sns-inner-02 p a img {
    width: 30px;
    height: 30px;
  }
  .writer__sns-inner-02 p + p {
    margin-top: 0;
  }
  .writer__detail {
    margin-top: 18px;
    border-bottom: 1px solid #999;
  }
  .writer__detail ul {
    flex-direction: column;
  }
  .writer__detail ul li {
    width: 100%;
    padding: 15px 0;
  }
  .writer__detail ul li:first-child {
    border-top: none;
  }
  .writer__detail ul li.writer__detail-col3 {
    width: 100%;
  }
  .writer__detail ul li.writer__detail-col2 {
    width: 100%;
  }
  .writer__detail ul li p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8461538462;
  }
  .writer__detail ul li p + p {
    margin-left: 10px;
  }
  .writer__detail-sp {
    display: block;
  }
  .writer__detail-pc {
    display: none;
  }
}

.article {
  background: #fff;
  padding-bottom: 40px;
  margin-bottom: 50px;
}
.article__head {
  padding: 34px 40px 0;
}
@media (max-width: 959px) {
  .article__head {
    padding: 10px 0px 0 !important;
  }
}
.article__body {
  padding: 40px 40px 0;
}
.article__categories {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.article__title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.5333333333;
  font-weight: bold;
  color: #333333;
  margin-bottom: 30px;
  word-break: break-word;
}
.article__lead p {
  text-align: right;
}
.article__img {
  margin-bottom: 16px;
}
.article__img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -o-object-fit: cover;
     object-fit: cover;
}
.article__img.sp-only {
  padding: 0 15px;
}
.article__img.sp-only img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -o-object-fit: cover;
     object-fit: cover;
}
.article__date {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 13px;
}
.article__date .publish {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  color: #999999;
  margin-right: 19px;
}
.article__date .update {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  color: #999999;
}
.article__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #dddddd;
  margin-bottom: 50px;
}
.article__table thead tr th {
  background: #cccccc;
  padding: 10px 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-weight: bold;
  text-align: center;
}
.article__table thead tr th + th {
  border-left: 1px solid #fff;
}
.article__table tbody tr th {
  background: #eeeeee;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
.article__table tbody tr td {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding: 10px;
  text-align: center;
  border: 1px solid #dddddd;
}
.article__table--02 {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.article__table--02 thead th, .article__table--02 thead td {
  background: #F3F5F4;
  border: 1px solid #C8CCCB;
  padding: 10px 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
.article__table--02 tbody tr td {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding: 10px;
  text-align: center;
  border: 1px solid #C8CCCB;
}
.article__table--02 tbody tr td.column-1 {
  font-weight: bold;
  background: #F3F5F4;
}
.article__table--03 {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.article__table--03 thead th, .article__table--03 thead td {
  background: #F3F5F4;
  border: 1px solid #C8CCCB;
  padding: 10px 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
.article__table--03 tbody tr td {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding: 10px;
  text-align: center;
  border: 1px solid #C8CCCB;
}
.article__table--04 {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.article__table--04 thead th, .article__table--04 thead td {
  background: #F3F5F4;
  border: 1px solid #C8CCCB;
  padding: 10px 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  vertical-align: middle;
}
.article__table--04 thead th img, .article__table--04 thead td img {
  height: auto;
  max-height: 80px;
  width: auto;
  max-width: 100%;
}
.article__table--04 tbody tr td {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding: 10px;
  text-align: center;
  border: 1px solid #C8CCCB;
  vertical-align: middle;
}
.article__table--04 tbody tr td img {
  height: auto;
  max-height: 80px;
  width: auto;
  max-width: 100%;
}
.article__table--04 tbody tr td.column-1 {
  font-weight: bold;
  background: #F3F5F4;
}
.article__section span.marker {
  font-weight: bold;
  background: linear-gradient(transparent 80%, #ffe799 0);
}
.article__section span.marker > div.pc-only {
  display: inline !important;
}
@media (max-width: 959px) {
  .article__section span.marker > div.pc-only {
    display: none !important;
  }
}
.article__section span.marker > div.sp-only {
  padding: 0 !important;
}
@media (max-width: 959px) {
  .article__section span.marker > div.sp-only {
    display: inline !important;
  }
}
.article__section > h2 {
  background: #ffc333;
  padding: 20px 20px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.3846153846;
  font-weight: bold;
  margin-bottom: 24px;
}
.article__section > h2 span.marker {
  font-weight: bold;
  background: linear-gradient(transparent 80%, #ffe799 0);
}
.article__section > h2 span.marker > div.pc-only {
  display: inline !important;
}
@media (max-width: 959px) {
  .article__section > h2 span.marker > div.pc-only {
    display: none !important;
  }
}
.article__section > h2 span.marker > div.sp-only {
  padding: 0 !important;
}
@media (max-width: 959px) {
  .article__section > h2 span.marker > div.sp-only {
    display: inline !important;
  }
}
.article__section > h3 {
  padding: 10px 15px;
  border-left: 4px solid #ffc333;
  border-bottom: 2px solid #ffc333;
  margin-bottom: 24px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.4545454545;
  font-weight: bold;
}
.article__section > h3 span.marker {
  font-weight: bold;
  background: linear-gradient(transparent 80%, #ffe799 0);
}
.article__section > h3 span.marker > div.pc-only {
  display: inline !important;
}
@media (max-width: 959px) {
  .article__section > h3 span.marker > div.pc-only {
    display: none !important;
  }
}
.article__section > h3 span.marker > div.sp-only {
  padding: 0 !important;
}
@media (max-width: 959px) {
  .article__section > h3 span.marker > div.sp-only {
    display: inline !important;
  }
}
.article__section > h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: bold;
  position: relative;
  padding-left: 30px;
  margin-bottom: 24px;
}
.article__section > h4 span.marker {
  font-weight: bold;
  background: linear-gradient(transparent 80%, #ffe799 0);
}
.article__section > h4 span.marker > div.pc-only {
  display: inline !important;
}
@media (max-width: 959px) {
  .article__section > h4 span.marker > div.pc-only {
    display: none !important;
  }
}
.article__section > h4 span.marker > div.sp-only {
  padding: 0 !important;
}
@media (max-width: 959px) {
  .article__section > h4 span.marker > div.sp-only {
    display: inline !important;
  }
}
.article__section > h4:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  background: #ffc333;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  content: "";
}
.article__section ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 30px;
}
.article__section ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom: 30px;
}
.article__section .wp-caption {
  margin: 0 auto 24px;
}
.article__section .wp-caption img {
  text-align: center;
  max-width: 780px;
  height: auto;
  vertical-align: bottom;
}
.article__section p {
  margin-bottom: 24px;
}
.article__section p.wp-caption-text {
  text-align: center;
  margin-bottom: 0;
  margin-top: 4px;
  color: #999999;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8461538462;
}
.article__section p.wp-caption-text span {
  display: block;
}
.article__section p img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
  margin: 0 auto;
}
.article__foot {
  padding: 40px 40px 33px;
}
.article__pagenation {
  padding: 0 40px;
  margin-bottom: 54px;
}
.article__banner {
  text-align: center;
}
.article__banner a {
  transition: all 0.3s linear;
}
.article__banner a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .category {
  margin-bottom: 24px;
}
.article .category--parent a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  color: #333333;
  position: relative;
  padding-bottom: 3px;
  text-decoration: none;
  transition: all 0.3s linear;
}
.article .category--parent a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .category--parent a:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #ffc333;
  content: "";
}
.article .category--child {
  margin-left: 20px;
}
.article .category--child a {
  color: #999999;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
  transition: all 0.3s linear;
}
.article .category--child a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .author {
  margin-bottom: 15px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.article .author__ph {
  width: 22px;
}
.article .author__ph img {
  width: 22px;
  height: 28px;
  vertical-align: bottom;
  -o-object-fit: cover;
     object-fit: cover;
}
.article .author__name {
  width: calc(100% - 35px);
  margin-left: auto;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #333333;
}
.article .tag {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.article .tag__item {
  margin: 0 4px 10px 0;
}
.article .tag__item a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
  background: #eeeeee;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #999999;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  transition: all 0.3s linear;
}
.article .tag__item a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .reading-time {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
.article .reading-time:before {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  width: calc(63% - 220px);
  height: 1px;
  background: #dddddd;
  content: "";
}
.article .reading-time:after {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  width: calc(63% - 220px);
  height: 1px;
  background: #dddddd;
  content: "";
}
.article .reading-time__text {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  color: #333333;
  position: relative;
}
.article .reading-time__text:before {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 5px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjYxMnB4IiBoZWlnaHQ9IjYxMnB4IiB2aWV3Qm94PSIwIDAgNjEyIDYxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyIDYxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik01ODcuNTcyLDE4Ni44ODFjLTMyLjI2Ni03NS4yMjUtODcuMDk2LTEyOS45MzQtMTYyLjk0OS0xNjIuMjg1QzM4Ni43MTEsOC40MjcsMzQ2Ljk5MiwwLjE2OCwzMDUuNDk3LDAuMTY4DQoJCQljLTQxLjQ4OCwwLTgwLjkxNCw4LjE4MS0xMTguNzg0LDI0LjQyOEMxMTEuNDg4LDU2Ljg2MSw1Ni40MTUsMTExLjUzNSwyNC4wOTIsMTg2Ljg4MUM3Ljg5NSwyMjQuNjI5LDAsMjY0LjE3NiwwLDMwNS42NjQNCgkJCWMwLDQxLjQ5Niw3Ljg5NSw4MS4zNzEsMjQuMDkyLDExOS4xMjdjMzIuMzIzLDc1LjM0Niw4Ny40MDMsMTMwLjM0OCwxNjIuNjIxLDE2Mi42MjFjMzcuODc3LDE2LjI0Nyw3Ny4yOTUsMjQuNDIsMTE4Ljc4NCwyNC40Mg0KCQkJYzQxLjQ4OSwwLDgxLjIxNC04LjI1OSwxMTkuMTItMjQuNDJjNzUuODUzLTMyLjM1MiwxMzAuNjgzLTg3LjQwMywxNjIuOTU2LTE2Mi42MjFDNjAzLjgxOSwzODYuOTE0LDYxMiwzNDcuMTYsNjEyLDMwNS42NjQNCgkJCUM2MTIsMjY0LjE3Niw2MDMuODI2LDIyNC43NTcsNTg3LjU3MiwxODYuODgxeiBNNTM4LjcyNCw0NDAuODUzYy0yNC4wMjEsNDEuMTk1LTU2LjkyOSw3My44NzYtOTguMzc1LDk4LjAzOQ0KCQkJYy00MS4xOTUsMjQuMDIxLTg2LjMzMiwzNi4xMzUtMTM0Ljg0NSwzNi4xMzVjLTM2LjQ3LDAtNzEuMjctNy4wMjQtMTA0LjQtMjEuNDE1Yy0zMy4xMjktMTQuMzg0LTYxLjczMy0zMy4yOTQtODUuNjYxLTU3LjIxNQ0KCQkJYy0yMy45MjgtMjMuOTI4LTQyLjk3My01Mi44MTEtNTcuMjE0LTg1Ljk5N2MtMTQuMTk5LTMzLjA2NS0yMS4wOC02OC4yNTgtMjEuMDgtMTA0LjczNWMwLTQ4LjUyLDExLjkyMS05My40MjgsMzUuODA3LTEzNC41MDkNCgkJCWMyMy45NzEtNDEuMjMxLDU2Ljg4Ni03My45NDcsOTguMDM5LTk4LjA0YzQxLjE0Ni0yNC4wOTIsODUuOTktMzYuMTQyLDEzNC41MDItMzYuMTQyYzQ4LjUyLDAsOTMuNjQ5LDEyLjEyMSwxMzQuODQ1LDM2LjE0Mg0KCQkJYzQxLjQ0NiwyNC4xNjQsNzQuMjgzLDU2Ljg3OSw5OC4zNzUsOTguMDM5YzI0LjA5Miw0MS4xNTMsMzYuMTM1LDg1Ljk5LDM2LjEzNSwxMzQuNTA5DQoJCQlDNTc0Ljg1MiwzNTQuMTg1LDU2Mi44ODgsMzk5LjM5OSw1MzguNzI0LDQ0MC44NTN6Ii8+DQoJCTxwYXRoIGQ9Ik0zMjQuOTA2LDMwMi45ODhWMTI5LjY1OWMwLTEwLjM3Mi05LjAzNy0xOC43MzgtMTkuNDEtMTguNzM4Yy05LjcwMSwwLTE4LjQwMyw4LjM2Ni0xOC40MDMsMTguNzM4djE3Ni4wMDUNCgkJCWMwLDAuMzM2LDAuNjcxLDEuNjc4LDAuNjcxLDIuNjc4Yy0wLjY3MSw2LjAyNCwxLjAwNywxMS4wNDMsNS4wMTksMTUuMDYybDEwMC4wNTMsMTAwLjA0NmM2LjY5NSw2LjY5NSwxOS4wNzMsNi42OTUsMjUuNzYzLDANCgkJCWM3LjY5NC03LjY5NSw3LjE4OC0xOC44NiwwLTI2LjA5OUwzMjQuOTA2LDMwMi45ODh6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat 0 0;
  background-size: 18px 18px;
  content: "";
}
.article .index {
  margin-bottom: 60px;
  border: 2px solid #dddddd;
  padding: 40px 0;
  position: relative;
}
.article .index:before {
  background: #fff;
  display: block;
  position: absolute;
  top: -15px;
  left: 40px;
  width: 105px;
  height: 30px;
  content: "";
}
.article .index:after {
  display: block;
  position: absolute;
  top: -5px;
  left: 50px;
  width: 80px;
  height: 8px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OS45NDMiIGhlaWdodD0iOC4yNiIgdmlld0JveD0iMCAwIDg5Ljk0MyA4LjI2Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ZmZDk0OX0uY2xzLTJ7ZmlsbDojMjRiMzlifS5jbHMtM3tmaWxsOiNmZjRmMjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJsaW5lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguMDAxKSI+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8xNSIgZD0iTTI5Ljk0MiA4LjI2YTguNjU4IDguNjU4IDAgMCAxLTYuMjY5LTIuNjc2Yy0xLjE3My0xLjAzMS0xLjk0Ny0xLjcxMi0zLjcxMi0xLjcxMnMtMi41NC42ODEtMy43MTMgMS43MTJBOC42NTggOC42NTggMCAwIDEgOS45NzkgOC4yNiA4LjY1NSA4LjY1NSAwIDAgMSAzLjcxIDUuNTgzQzIuNTM4IDQuNTUyIDEuNzYzIDMuODcxIDAgMy44NzFWMGE4LjY1NiA4LjY1NiAwIDAgMSA2LjI2NyAyLjY3NmMxLjE3MiAxLjAzMSAxLjk0NyAxLjcxMiAzLjcxMiAxLjcxMnMyLjU0LS42ODEgMy43MTItMS43MTJhOC42ODEgOC42ODEgMCAwIDEgMTIuNTM4IDBjMS4xNzIgMS4wMzEgMS45NDggMS43MTIgMy43MTMgMS43MTJ2My44NzF6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDE1Ii8+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8xNiIgZD0iTTU5Ljk0MiAwYTguNjU4IDguNjU4IDAgMCAwLTYuMjY5IDIuNjc2Yy0xLjE3MyAxLjAzMS0xLjk0NyAxLjcxMi0zLjcxMiAxLjcxMnMtMi41NC0uNjgxLTMuNzEzLTEuNzEyYTguNjggOC42OCAwIDAgMC0xMi41MzggMEMzMi41MzggMy43MDggMzEuNzYzIDQuMzg5IDMwIDQuMzg5VjguMjZhOC42NTYgOC42NTYgMCAwIDAgNi4yNjgtMi42NzZjMS4xNzItMS4wMzEgMS45NDctMS43MTIgMy43MTItMS43MTJzMi41NC42ODEgMy43MTIgMS43MTJBOC42NTggOC42NTggMCAwIDAgNDkuOTYgOC4yNmE4LjY2IDguNjYgMCAwIDAgNi4yNjktMi42NzZjMS4xNzItMS4wMzEgMS45NDgtMS43MTIgMy43MTMtMS43MTJWMHoiIGNsYXNzPSJjbHMtMiIgZGF0YS1uYW1lPSLjg5HjgrkgMTYiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzE3IiBkPSJNODkuOTQyIDguMjZhOC42NTggOC42NTggMCAwIDEtNi4yNjktMi42NzZjLTEuMTczLTEuMDMxLTEuOTQ3LTEuNzEyLTMuNzEyLTEuNzEycy0yLjU0LjY4MS0zLjcxMyAxLjcxMmE4LjY1OCA4LjY1OCAwIDAgMS02LjI2OSAyLjY3NiA4LjY1NSA4LjY1NSAwIDAgMS02LjI2OS0yLjY3N0M2Mi41MzggNC41NTIgNjEuNzYzIDMuODcxIDYwIDMuODcxVjBhOC42NTYgOC42NTYgMCAwIDEgNi4yNjggMi42NzZjMS4xNzIgMS4wMzEgMS45NDcgMS43MTIgMy43MTIgMS43MTJzMi41NC0uNjgxIDMuNzEyLTEuNzEyYTguNjgxIDguNjgxIDAgMCAxIDEyLjUzOCAwYzEuMTcyIDEuMDMxIDEuOTQ4IDEuNzEyIDMuNzEzIDEuNzEydjMuODcxeiIgY2xhc3M9ImNscy0zIiBkYXRhLW5hbWU9IuODkeOCuSAxNyIvPgogICAgPC9nPgo8L3N2Zz4K") no-repeat 0 0;
  background-size: 80px 8px;
  content: "";
}
.article .index__flex {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.article .index__label {
  text-align: center;
  width: 185px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  padding: 5px 0;
}
.article .index__list {
  width: calc(100% - 185px);
  box-sizing: border-box;
  margin-left: auto;
  border-left: 2px solid #dddddd;
  padding: 5px 20px 5px 40px;
}
.article .index__list li {
  counter-increment: number;
  position: relative;
  padding-left: 25px;
}
.article .index__list li a {
  color: #333333;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375;
  text-decoration: none;
  display: block;
  padding-left: 10px;
  transition: all 0.3s linear;
}
.article .index__list li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .index__list li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 15px;
  text-align: right;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  color: #333333;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  content: counter(number) ".";
}
.article .index__list li + li {
  margin-top: 26px;
}
.article .also-see {
  margin-bottom: 54px;
  border: 1px solid #dddddd;
  padding: 35px 30px 0px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.article .also-see__head {
  margin-bottom: 16px;
}
.article .also-see__title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2727272727;
  font-weight: bold;
  position: relative;
  margin-bottom: 40px;
}
.article .also-see__title:before {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  position: relative;
  width: 22px;
  height: 20px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS40MjkiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzNS40MjkgMzEiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgICAgICAuY2xzLTF7ZmlsbDojMjRiMzlifQogICAgICAgIDwvc3R5bGU+CiAgICA8L2RlZnM+CiAgICA8cGF0aCBpZD0i44OR44K5XzEyIiBkPSJNMTcuNzE0IDQuMjE0QTIuMjE0IDIuMjE0IDAgMCAxIDE5LjkyOSAyaDEzLjI4NWEyLjIxNCAyLjIxNCAwIDEgMSAwIDQuNDI5SDE5LjkyOWEyLjIxNCAyLjIxNCAwIDAgMS0yLjIxNS0yLjIxNXptMTUuNSA2LjY0M0gxOS45MjlhMi4yMTQgMi4yMTQgMCAxIDAgMCA0LjQyOWgxMy4yODVhMi4yMTQgMi4yMTQgMCAxIDAgMC00LjQyOXptMCA4Ljg1N2gtMzFhMi4yMTQgMi4yMTQgMCAxIDAgMCA0LjQyOWgzMWEyLjIxNCAyLjIxNCAwIDEgMCAwLTQuNDI5em0wIDguODU3aC0zMWEyLjIxNCAyLjIxNCAwIDEgMCAwIDQuNDI5aDMxYTIuMjE0IDIuMjE0IDAgMSAwIDAtNC40Mjl6TTEzLjI4NiA0LjIxNEEyLjIxNCAyLjIxNCAwIDAgMCAxMS4wNzEgMkgyLjIxNEEyLjIxNCAyLjIxNCAwIDAgMCAwIDQuMjE0djguODU3YTIuMjE0IDIuMjE0IDAgMCAwIDIuMjE0IDIuMjE0aDguODU3YTIuMjE0IDIuMjE0IDAgMCAwIDIuMjE0LTIuMjE0eiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IuODkeOCuSAxMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMikiLz4KPC9zdmc+Cg==") no-repeat 0 0;
  background-size: 22px 20px;
  content: "";
}
.article .also-see__item {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #cccccc;
}
.article .also-see__item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.article .also-see__item a {
  display: block;
  color: #333333;
  transition: all 0.3s linear;
  text-decoration: none;
}
.article .also-see__item a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .also-see__item a > div {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.article .also-see__ph {
  width: 200px;
}
.article .also-see__ph img {
  width: 200px;
  height: auto;
  vertical-align: bottom;
}
.article .also-see__contents {
  width: calc(100% - 220px);
  margin-left: auto;
}
.article .also-see__post {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4444444444;
  margin-bottom: 20px;
  font-weight: bold;
}
.article .also-see__date {
  display: inline-block;
  color: #999999;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0;
}
.article .also-see__list {
  list-style-type: none;
}
.article .also-see__flex {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.article .also-see__flex p {
  margin-right: 10px;
}
.article .phrase {
  margin-bottom: 34px;
}
.article .phrase__right .phrase__ph {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  justify-content: right;
}
.article .phrase__right .phrase__ph img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.article .phrase__right .phrase__name {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  padding-right: 10px;
}
.article .phrase__right .phrase__content {
  margin-top: 15px;
  border: 1px solid #c0c0c0;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
.article .phrase__right .phrase__content > p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.625;
  margin-bottom: 0;
}
.article .phrase__right .phrase__content:before {
  display: block;
  position: absolute;
  right: 45px;
  top: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: transparent #c0c0c0 transparent transparent;
  content: "";
}
.article .phrase__right .phrase__content:after {
  display: block;
  position: absolute;
  right: 46px;
  top: -13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 15px;
  border-color: transparent transparent #fff transparent;
  content: "";
}
.article .phrase__left .phrase__ph {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  justify-content: left;
}
.article .phrase__left .phrase__ph img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
}
.article .phrase__left .phrase__name {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  padding-left: 10px;
}
.article .phrase__left .phrase__content {
  margin-top: 15px;
  border: 1px solid #c0c0c0;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
.article .phrase__left .phrase__content > p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.625;
  margin-bottom: 0;
}
.article .phrase__left .phrase__content:before {
  display: block;
  position: absolute;
  left: 45px;
  top: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-color: transparent transparent #c0c0c0 transparent;
  content: "";
}
.article .phrase__left .phrase__content:after {
  display: block;
  position: absolute;
  left: 46px;
  top: -13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 13px 0;
  border-color: transparent transparent #fff transparent;
  content: "";
}
.article .relate {
  background: #eeeeee;
  padding: 30px 30px 1px;
  margin-bottom: 65px;
}
.article .relate__section {
  margin-bottom: 35px;
}
.article .relate__head {
  margin-bottom: 16px;
}
.article .relate__title {
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-align: left;
  color: #333333;
}
.article .relate__box a {
  display: block;
  text-decoration: none;
  color: #333333;
  transition: all 0.3s linear;
}
.article .relate__box a img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.article .relate__box a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .relate__box a > div {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.article .relate__imgbox {
  width: 230px;
  margin-right: 27px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.article .relate__imgbox > img + img {
  margin-left: auto;
}
.article .relate__release {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.article .relate__release span {
  display: block;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 10px;
}
.article .relate__list {
  background: #fff;
  padding: 25px 30px;
}
.article .relate__list li a {
  padding-left: 37px;
  display: block;
  color: #333333;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.625;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NC4wOTMiIGhlaWdodD0iMjUuODQ4IiB2aWV3Qm94PSIwIDAgNDQuMDkzIDI1Ljg0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiNmZmJhMDB9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc0MCAtNDIyLjgyNCkiPgogICAgICAgIDxwYXRoIGlkPSLplbfmlrnlvaJfMyIgZD0iTTAgMGg0NC4wOTN2MjUuODQ4SDB6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc0MCA0MjIuODI0KSIvPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMTAiIGQ9Ik0xNzguMjc5IDU0MS4wMjNoLTI2di0xLjlIMTczLjdsLTQuNTQ2LTQuNTQ2IDEuMzQxLTEuMzQxeiIgZGF0YS1uYW1lPSLjg5HjgrkgMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5Ni44NDcgLTEwMS4yOTEpIi8+CiAgICA8L2c+Cjwvc3ZnPgo=") no-repeat 0 5px;
  background-size: 25px 15px;
  transition: all 0.3s linear;
}
.article .relate__list li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .relate__list li + li {
  margin-top: 15px;
}
.article .relate__card {
  margin-bottom: 18px;
}
.article .relate__card a {
  display: block;
  background: #fff;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s linear;
}
.article .relate__card a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .relate__card a > div {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.article .relate__ph {
  width: 240px;
}
.article .relate__ph img {
  width: 240px;
  height: 135px;
  onject-fit: cover;
  vertical-align: bottom;
}
.article .relate__contents {
  width: calc(100% - 240px);
  padding: 0 20px;
}
.article .relate__post {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
}
.article .post-author__head {
  margin-bottom: 24px;
  position: relative;
}
.article .post-author__head:after {
  position: absolute;
  display: block;
  width: 606px;
  height: 2px;
  background: #dddddd;
  top: 50%;
  right: 0;
  margin-top: -1px;
  content: "";
}
.article .post-author__title {
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-align: left;
  color: #333333;
}
.article .post-author__top {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.article .post-author__superviser-body {
  margin-bottom: 30px;
}
.article .post-author__ph {
  width: 150px;
  height: 150px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 2px;
  box-sizing: border-box;
  text-align: center;
}
.article .post-author__ph img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  vertical-align: middle;
}
.article .post-author__contents {
  width: calc(100% - 176px);
  margin-left: auto;
}
.article .post-author__status {
  margin-bottom: 14px;
  display: inline-block;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #333333;
  font-weight: bold;
  background: #ffc333;
  border: 1px solid #ffc333;
  padding: 5px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}
.article .post-author__name {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: 1.12px;
  text-align: left;
  color: #333333;
  word-break: break-word;
}
.article .post-author__name span {
  margin-left: 12px;
  font-size: 15px;
  line-height: 2.93;
  letter-spacing: 0.6px;
  text-align: left;
  color: #999999;
  color: #333333;
}
.article .post-author__name a {
  color: #333333;
  text-decoration: none;
  transition: all 0.3s linear;
}
.article .post-author__name a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .post-author__link a {
  color: #333333;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  transition: all 0.3s linear;
}
.article .post-author__link a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .post-author__link a:after {
  display: inline-block;
  width: 24px;
  height: 15px;
  vertical-align: middle;
  margin: -2px 0 0 10px;
  position: relative;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NC4wOTMiIGhlaWdodD0iMjUuODQ4IiB2aWV3Qm94PSIwIDAgNDQuMDkzIDI1Ljg0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiNmZmJhMDB9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc0MCAtNDIyLjgyNCkiPgogICAgICAgIDxwYXRoIGlkPSLplbfmlrnlvaJfMyIgZD0iTTAgMGg0NC4wOTN2MjUuODQ4SDB6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc0MCA0MjIuODI0KSIvPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMTAiIGQ9Ik0xNzguMjc5IDU0MS4wMjNoLTI2di0xLjlIMTczLjdsLTQuNTQ2LTQuNTQ2IDEuMzQxLTEuMzQxeiIgZGF0YS1uYW1lPSLjg5HjgrkgMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5Ni44NDcgLTEwMS4yOTEpIi8+CiAgICA8L2c+Cjwvc3ZnPgo=") no-repeat 0 0;
  background-size: 24px 15px;
  content: "";
}
.article .post-author__bottom {
  padding: 15px 0 0;
}
.article .post-author__bottom p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8666666667;
  color: #333333;
}
.article .post-pagenation {
  border-top: 2px solid #dddddd;
  padding-top: 45px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: stretch;
}
.article .post-pagenation__item {
  width: 50%;
  box-sizing: border-box;
}
.article .post-pagenation__item:nth-child(even) {
  border-left: 1px solid #dddddd;
}
.article .post-pagenation__item a {
  display: block;
  padding: 20px;
  color: #333333;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8666666667;
  text-decoration: none;
  transition: all 0.3s linear;
}
.article .post-pagenation__item a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.article .post-pagenation--prev a {
  padding-left: 58px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Ljk1NiIgaGVpZ2h0PSI0MS4wNDkiIHZpZXdCb3g9IjAgMCA4Ljk1NiA0MS4wNDkiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgICAgICAuY2xzLTF7ZmlsbDojZmZiYTAwfQogICAgICAgIDwvc3R5bGU+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i44Kw44Or44O844OXXzkiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDkiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA0MTYuNDc4IDEyOC41MjUpIj4KICAgICAgICA8cGF0aCBpZD0i6ZW35pa55b2iXzQiIGQ9Ik0wIDBoOC45NTZ2NDEuMDQ5SDB6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgyNCAyMTYpIi8+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8xMyIgZD0iTTcwOC4xMzEgMTg5LjkwOGEuMzQuMzQgMCAwIDEtLjEuMjQxbC0yLjU1IDIuNTQ5YS4zNC4zNCAwIDEgMS0uNDgxLS40OGwyLjMxLTIuMzA5TDcwNSAxODcuNmEuMzQuMzQgMCAxIDEgLjQ4MS0uNDhsMi41NSAyLjU1YS4zNC4zNCAwIDAgMSAuMS4yMzh6IiBkYXRhLW5hbWU9IuODkeOCuSAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIyLjA4NSA0Ni41MikiLz4KICAgIDwvZz4KPC9zdmc+Cg==") no-repeat left center;
  background-size: 24px 110px;
}
.article .post-pagenation--next a {
  padding-right: 58px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Ljk1NiIgaGVpZ2h0PSI0MS4wNDkiIHZpZXdCb3g9IjAgMCA4Ljk1NiA0MS4wNDkiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgICAgICAuY2xzLTF7ZmlsbDojZmZiYTAwfQogICAgICAgIDwvc3R5bGU+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i44Kw44Or44O844OXXzgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjQgLTIxNikiPgogICAgICAgIDxwYXRoIGlkPSLplbfmlrnlvaJfNCIgZD0iTTAgMGg4Ljk1NnY0MS4wNDlIMHoiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODI0IDIxNikiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzEzIiBkPSJNNzA4LjEzMSAxODkuOTA4YS4zNC4zNCAwIDAgMS0uMS4yNDFsLTIuNTUgMi41NDlhLjM0LjM0IDAgMSAxLS40ODEtLjQ4bDIuMzEtMi4zMDlMNzA1IDE4Ny42YS4zNC4zNCAwIDEgMSAuNDgxLS40OGwyLjU1IDIuNTVhLjM0LjM0IDAgMCAxIC4xLjIzOHoiIGRhdGEtbmFtZT0i44OR44K5IDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjIuMDg1IDQ2LjUyKSIvPgogICAgPC9nPgo8L3N2Zz4K") no-repeat right center;
  background-size: 24px 110px;
}
.article .special-contents {
  padding: 40px 40px 30px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.article .special-contents__ph {
  width: 120px;
}
.article .special-contents__ph img {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.article .special-contents__text {
  width: calc(100% - 140px);
  margin-left: auto;
}
.article .special-contents__label {
  background: #ffc333;
  padding: 5px 10px;
  display: inline-block;
  color: #333333;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 10px;
}
.article .special-contents__status {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  margin-bottom: 10px;
}
.article .special-contents__author {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
}
.article .special-contents__author span {
  margin-left: 10px;
  color: #999999;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}
.article__scroller {
  overflow-x: scroll;
  margin: 0 0 15px;
}
.article__scroller table tr td {
  white-space: nowrap;
}
.article__box, .article__box--03, .article__box--02, .article__box--01 {
  margin-bottom: 30px;
  padding: 35px 30px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
  border-radius: 5px;
}
.article__box--01 {
  border: 1px solid #FFC32D;
}
.article__box--02 {
  border: 1px solid #EB4637;
}
.article__box--03 {
  border: 1px solid #33b9a1;
}
@media (max-width: 959px) {
  .article__head {
    padding: 20px 0px 0;
  }
  .article__body {
    padding: 20px 0 0;
  }
  .article__title {
    padding: 0 15px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2916666667;
    margin-bottom: 20px;
  }
  .article__img {
    margin-bottom: 14px;
  }
  .article__date {
    padding: 0 15px;
    margin-bottom: 14px;
  }
  .article__date .publish {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    margin-right: 15px;
  }
  .article__date .update {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
  }
  .article__section > h2 {
    padding: 15px;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.5714285714;
    margin-bottom: 20px;
  }
  .article__section > h3 {
    margin: 50px 20px 17px;
    padding: 6px 10px 6px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8333333333;
    font-weight: bold;
  }
  .article__section > h4 {
    margin: 30px 20px 0px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.0625;
    padding-left: 20px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 16px;
  }
  .article__section > h4:before {
    top: 8px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .article__section .wp-caption {
    width: 100% !important;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .article__section .wp-caption img {
    width: 100%;
    height: auto;
  }
  .article__section .wp-caption .wp-caption-text {
    margin-top: 8px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8461538462;
  }
  .article__section ul {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 20px 24px;
  }
  .article__section ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 0 20px 24px;
  }
  .article__section .wp-caption-text {
    text-align: center;
  }
  .article__section .wp-caption-text span {
    display: block;
  }
  .article__section > p {
    margin: 0 20px 24px;
  }
  .article__section > p img {
    display: block;
    margin: 0 auto;
    vertical-align: bottom;
  }
  .article__scroller {
    overflow-x: scroll;
    margin: 0;
  }
  .article__table {
    margin-bottom: 40px;
  }
  .article__table thead tr th {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .article__table tbody tr th {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .article__table tbody tr td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .article__table--02 thead tr th {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .article__table--02 tbody tr th {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .article__table--02 tbody tr td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .article__foot {
    padding: 35px 0px 30px;
  }
  .article__pagenation {
    padding: 0;
    margin-bottom: 44px;
  }
  .article .category {
    padding: 0 15px;
    margin-bottom: 15px;
  }
  .article .category--parent a {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
  }
  .article .category--child {
    margin-left: 10px;
  }
  .article .category--child a {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
  }
  .article .author {
    padding: 0 15px;
  }
  .article .author__ph {
    width: 18px;
  }
  .article .author__ph img {
    width: 18px;
    height: auto;
    vertical-align: middle;
  }
  .article .author__name {
    width: calc(100% - 30px);
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
  }
  .article .tag {
    padding: 0 15px;
    flex-wrap: wrap;
  }
  .article .tag__item {
    margin: 0 3px 6px 0;
  }
  .article .reading-time {
    padding: 0 15px;
    margin-bottom: 25px;
  }
  .article .reading-time:before {
    right: 15px;
    width: 18%;
  }
  .article .reading-time:after {
    left: 15px;
    width: 18%;
  }
  .article .reading-time__text {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    color: #333333;
    position: relative;
  }
  .article .reading-time__text:before {
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 5px;
    background-size: 16px 16px;
    content: "";
  }
  .article .index {
    margin: 0 15px;
    margin-bottom: 30px;
    padding: 0 20px;
    position: relative;
  }
  .article .index:before {
    top: -15px;
    left: 50%;
    width: 82px;
    margin-left: -41px;
    height: 15px;
    content: "";
  }
  .article .index:after {
    display: block;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -32px;
    width: 65px;
    height: 6px;
    background-size: 65px 6px;
    content: "";
  }
  .article .index__flex {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .article .index__label {
    width: 100%;
    padding: 35px 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
  }
  .article .index__list {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    border-left: none;
    border-top: 2px solid #dddddd;
    padding: 30px 0;
  }
  .article .index__list li {
    counter-increment: number;
    position: relative;
    padding-left: 25px;
  }
  .article .index__list li a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4666666667;
  }
  .article .index__list li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 15px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4666666667;
    color: #eb4637;
    font-family: "Lato", sans-serif;
    font-weight: normal;
    content: counter(number) ".";
  }
  .article .index__list li + li {
    margin-top: 12px;
  }
  .article .also-see {
    margin: 0 15px 45px;
    padding: 20px 15px;
  }
  .article .also-see__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
  }
  .article .also-see__title:before {
    margin: -3px 5px 0 0;
  }
  .article .also-see__item {
    margin-bottom: 15px;
  }
  .article .also-see__item a {
    display: block;
    color: #333333;
    transition: all 0.3s linear;
    text-decoration: none;
  }
  .article .also-see__item a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .article .also-see__item a > div {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .article .also-see__ph {
    width: 40%;
  }
  .article .also-see__ph img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .article .also-see__contents {
    width: 55%;
    margin-left: auto;
  }
  .article .also-see__post {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  .article .also-see__date {
    color: #999999;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    font-family: "Poppins", sans-serif;
  }
  .article .also-see__list {
    margin: 0;
  }
  .article .phrase {
    margin: 0 15px 17px;
  }
  .article .phrase__ph {
    width: 100%;
    height: 50px;
  }
  .article .phrase__ph img {
    width: 50px;
    height: 50px;
  }
  .article .phrase__content {
    padding: 20px 15px;
  }
  .article .relate {
    padding: 15px 15px 1px;
    margin-bottom: 35px;
  }
  .article .relate__section {
    margin-bottom: 30px;
  }
  .article .relate__head {
    margin-bottom: 14px;
  }
  .article .relate__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2222222222;
  }
  .article .relate__box a {
    display: block;
    padding: 0 0 0;
    text-decoration: none;
    color: #333333;
  }
  .article .relate__box a img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .article .relate__box a > div {
    flex-direction: column;
  }
  .article .relate__imgbox {
    width: 100%;
    margin-right: 0;
    display: block;
    position: relative;
    padding: 10px 0;
    margin-bottom: 10px;
  }
  .article .relate__imgbox > img:nth-of-type(1) {
    position: absolute;
    top: 15px;
    left: 15px;
  }
  .article .relate__imgbox > img:nth-of-type(2) {
    width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .article .relate__imgbox > img + img {
    margin-left: 0;
  }
  .article .relate__release {
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
  }
  .article .relate__release span {
    display: block;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 10px;
  }
  .article .relate__list {
    background: #fff;
    padding: 15px 20px;
  }
  .article .relate__list li a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    background-size: 20px 12px;
  }
  .article .relate__card {
    margin-bottom: 10px;
  }
  .article .relate__card a {
    display: block;
    background: #fff;
    color: #333333;
    text-decoration: none;
  }
  .article .relate__card a > div {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
  }
  .article .relate__ph {
    width: 43%;
  }
  .article .relate__ph img {
    width: 100%;
    height: auto;
  }
  .article .relate__contents {
    width: 67%;
    box-sizing: border-box;
    padding: 0 13px;
    overflow: hidden;
  }
  .article .relate__post {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .article .post-author {
    margin: 0 15px;
  }
  .article .post-author__head {
    margin-bottom: 15px;
    position: relative;
  }
  .article .post-author__head:after {
    width: 60%;
  }
}
@media (max-width: 959px) and (max-width: 349px) {
  .article .post-author__head:after {
    width: 55%;
  }
}
@media (max-width: 959px) and (max-width: 319px) {
  .article .post-author__head:after {
    width: 40%;
  }
}
@media (max-width: 959px) {
  .article .post-author__title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4666666667;
  }
  .article .post-author__top {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .article .post-author__ph {
    width: 100px;
    height: 100px;
  }
  .article .post-author__ph img {
    width: 100%;
    height: 100%;
  }
  .article .post-author__contents {
    width: calc(100% - 120px);
    margin-left: auto;
  }
  .article .post-author__status {
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
  }
  .article .post-author__name {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 17px;
  }
  .article .post-author__name span {
    margin-left: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
  }
  .article .post-author__link a {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
  }
  .article .post-author__link a:after {
    width: 20px;
    height: 12px;
    background-size: 20px 12px;
  }
  .article .post-author__bottom {
    padding: 15px 0 0;
  }
  .article .post-author__bottom p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6666666667;
  }
  .article .post-pagenation {
    border-top: none;
    padding-top: 20px;
    margin: 0;
    position: relative;
  }
  .article .post-pagenation:before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 30px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 2px;
    background: #dddddd;
    content: "";
  }
  .article .post-pagenation__item {
    width: 50%;
    box-sizing: border-box;
  }
  .article .post-pagenation__item:nth-child(even) {
    border-left: 1px solid #dddddd;
  }
  .article .post-pagenation__item > div {
    width: 100%;
    overflow: hidden;
  }
  .article .post-pagenation__item a {
    padding: 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-sizing: border-box;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6153846154;
  }
  .article .post-pagenation--prev a {
    padding-left: 29px;
    background-size: 20px 85px;
  }
  .article .post-pagenation--next a {
    padding-right: 29px;
    background-size: 20px 85px;
  }
  .article .special-contents {
    padding: 15px 15px 17px;
  }
  .article .special-contents__ph {
    width: 75px;
  }
  .article .special-contents__ph img {
    width: 75px;
    height: 75px;
  }
  .article .special-contents__text {
    width: calc(100% - 90px);
  }
  .article .special-contents__label {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 8px;
  }
  .article .special-contents__status {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    margin-bottom: 7px;
  }
  .article .special-contents__author {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    font-weight: bold;
  }
  .article .special-contents__author span {
    margin-left: 8px;
    color: #333333;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
  }
  .article__box, .article__box--01, .article__box--02, .article__box--03 {
    margin: 0 15px 45px;
    padding: 20px 15px 0;
  }
}

.remodal-overlay {
  z-index: 10003;
}

.remodal-wrapper {
  z-index: 10004;
}

.remodal {
  max-width: 500px;
  background: none;
  padding: 0;
}
@media (max-width: 959px) {
  .remodal {
    width: 90vw;
  }
  .remodal img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
}

.modal-withdrawal {
  display: none;
  position: fixed;
  top: -50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-withdrawal > .inner {
  position: relative;
  top: 50%;
  left: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
  max-height: 80%;
  border-radius: 10px;
  width: 450px;
}
.modal-withdrawal > .inner > .close {
  position: absolute;
  top: -12px;
  right: -8px;
}
.modal-withdrawal > .inner > .close > img {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.modal-withdrawal > .inner > .withdrawal-content {
  padding: 10px;
  background-color: rgb(51, 51, 51);
  border-radius: 10px;
  max-height: calc(100% - 90px);
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-header {
  text-align: center;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-header > img {
  width: 50%;
  height: auto;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner {
  max-height: 700px;
  overflow-y: auto;
  text-align: center;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-1 img {
  width: 100%;
  height: auto;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-2__flex, .modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-3__flex {
  display: flex;
  justify-content: center;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-2__flex img, .modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-3__flex img {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-2__block, .modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-3__block {
  display: block;
  text-align: center;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-2__block img, .modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .withdrawal-banner-3__block img {
  width: 100%;
  height: auto;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .widget-shortcode {
  margin-bottom: 10px !important;
}
.modal-withdrawal > .inner > .withdrawal-content > .withdrawal-banner .widget-shortcode img {
  width: 100% !important;
  margin: 0 !important;
  height: auto;
}
.modal-withdrawal > .inner::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 480px) {
  .modal-withdrawal > .inner {
    width: calc(100% - 30px);
  }
  .modal-withdrawal > .inner .widget-shortcode {
    margin: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  .modal-withdrawal > .inner {
    width: 450px;
  }
  .modal-withdrawal > .inner .widget-shortcode {
    margin: 0 !important;
  }
}
.pr-modal {
  display: none;
}
.pr-modal__bg {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100vw;
  height: 100vh;
}
.pr-modal-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10002;
}
.pr-modal-inner {
  height: 100vh;
  max-height: 800px;
  width: auto;
}
.pr-modal-close {
  text-align: right;
}
.pr-modal-close img {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.pr-modal-img img {
  max-width: 100%;
  max-height: 800px;
  vertical-align: bottom;
}
@media (max-width: 959px) {
  .pr-modal-inner {
    width: 90vw;
  }
  .pr-modal-img {
    text-align: center;
  }
  .pr-modal-img img {
    max-width: 100% !important;
    max-height: 600px !important;
    height: auto;
  }
}

.profile {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.profile__ph {
  width: 176px;
  height: 176px;
}
.profile__ph img {
  width: 176px;
  height: 176px;
  vertical-align: bottom;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile__contents {
  width: calc(100% - 210px);
  margin-left: auto;
}
.profile__status {
  border: 1px solid #ffc333;
  padding: 5px 10px;
  color: #ffc333;
  display: inline-block;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 12px;
}
.profile__name {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: 1.12px;
  text-align: left;
  color: #333333;
}
.profile__name span {
  font-size: 15px;
  line-height: 2.93;
  letter-spacing: 0.6px;
  text-align: left;
  color: #999999;
  margin-left: 10px;
}
.profile__profile p {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.87;
  letter-spacing: 0.6px;
  text-align: left;
  color: #333333;
  font-weight: normal;
}
@media (max-width: 959px) {
  .profile {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .profile__ph {
    width: 100px;
    height: 100px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 2px;
  }
  .profile__ph img {
    width: 100%;
    height: 100%;
  }
  .profile__contents {
    width: calc(100% - 120px);
  }
  .profile__status {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    margin-bottom: 11px;
  }
  .profile__name {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
  }
  .profile__name span {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    margin-left: 0;
    margin-top: 8px;
  }
  .profile__excerpt p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6666666667;
  }
}

.sitemap {
  background: #fff;
  padding: 45px 40px;
}
.sitemap__top {
  margin-bottom: 47px;
}
.sitemap__top a {
  text-decoration: none;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #333333;
  padding: 8px 0;
}
.sitemap__top a img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  vertical-align: middle;
}
.sitemap__section {
  margin-bottom: 30px;
}
.sitemap__head {
  background: #eeeeee;
  padding: 15px 10px;
}
.sitemap__head.js--trigger {
  position: relative;
  cursor: pointer;
}
.sitemap__head.js--trigger:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 7px;
  height: 7px;
  margin-top: -7px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  transform: rotate(135deg);
  content: "";
}
.sitemap__head.js--trigger.js--active:after {
  margin-top: -3px;
  transform: rotate(315deg);
}
.sitemap__title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #333333;
}
.sitemap__body.js--pannel {
  display: none;
}
.sitemap__category {
  margin-top: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  padding: 0 0 11px;
}
.sitemap__category:before {
  width: 100%;
  height: 2px;
  background: #dddddd;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
}
.sitemap__category:after {
  width: 50px;
  height: 2px;
  background: #ffc333;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
}
.sitemap__list {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.sitemap__list li {
  border-bottom: 1px solid #dddddd;
  width: 48.5%;
}
.sitemap__list li:nth-child(even) {
  margin-left: auto;
}
.sitemap__list li a {
  display: block;
  padding: 8px 20px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.9230769231;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s linear;
}
.sitemap__list li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.sitemap__list.tag-list {
  margin-top: 20px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.sitemap__list.tag-list li {
  width: auto;
  margin: 0 10px 10px 0;
  border-bottom: none;
}
.sitemap__list.tag-list li:nth-child(even) {
  margin-left: 0;
}
.sitemap__list.tag-list li a {
  padding: 5px 15px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #dddddd;
  transition: all 0.3s linear;
}
.sitemap__list.tag-list li a:hover {
  background: #ffc333;
  color: #333333;
  border: 1px solid #ffc333;
}
@media (max-width: 959px) {
  .sitemap {
    padding: 0;
  }
  .sitemap__top {
    margin: 0 15px 20px;
  }
  .sitemap__top a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    background-size: 30px 30px;
    padding: 8px 0 8px 35px;
  }
  .sitemap__section {
    margin-bottom: 0px;
  }
  .sitemap__head {
    padding: 16px 15px;
  }
  .sitemap__title {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    color: #333333;
  }
  .sitemap__body {
    padding: 0 15px;
  }
  .sitemap__bottom {
    padding-bottom: 15px;
  }
  .sitemap__category {
    margin-top: 17px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0 0 8px;
  }
  .sitemap__list {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .sitemap__list li {
    border-bottom: 1px solid #dddddd;
    width: 100%;
  }
  .sitemap__list li:last-child {
    border-bottom: none;
  }
  .sitemap__list li:nth-child(even) {
    margin-left: 0;
  }
  .sitemap__list li a {
    padding: 15px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .sitemap__list.tag-list {
    margin-top: 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
  }
  .sitemap__list.tag-list li {
    width: auto;
    margin: 0 10px 10px 0;
    border-bottom: none;
  }
  .sitemap__list.tag-list li:nth-child(even) {
    margin-left: 0;
  }
  .sitemap__list.tag-list li a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6666666667;
    padding: 5px 15px;
    border-radius: 100px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #dddddd;
  }
}

.sns {
  background: #fff;
  padding: 30px 0;
}
.sns__label {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  position: relative;
  margin-bottom: 30px;
}
.sns__label:before {
  display: inline-block;
  width: 30px;
  height: 1px;
  background: #dddddd;
  margin: -1px 8px 0 0;
  vertical-align: middle;
  content: "";
}
.sns__label:after {
  display: inline-block;
  width: 30px;
  height: 1px;
  background: #dddddd;
  margin: -1px 0 0 8px;
  vertical-align: middle;
  content: "";
}
.sns__list {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.sns__list li + li {
  margin-left: 30px;
}
@media (max-width: 959px) {
  .sns {
    background: #fff;
    box-shadow: 0px -4px 3.8px 0.2px rgba(0, 0, 0, 0.2);
    border: none;
    position: fixed;
    bottom: 0;
    height: 58px;
    width: 100%;
    z-index: 9999;
    padding: 0;
    margin: 0;
  }
  .sns__label {
    display: none;
  }
  .sns__list {
    height: 58px;
    padding: 0 35px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
  }
  .sns__list li a {
    display: block;
  }
  .sns__list li a img {
    vertical-align: bottom;
  }
  .sns__list li + li {
    margin-left: 0;
  }
}

.sns-buttons {
  display: flex;
}
.sns-buttons li {
  margin-right: 4px;
}
.sns-buttons li a {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  width: 80px;
  padding: 2px 0px;
}
.sns-buttons li a span.pc-only {
  display: inline;
}
.sns-buttons li a img {
  width: 14px;
  height: 14px;
  vertical-align: sub;
  margin-left: -4px;
  margin-right: 2px;
}
.sns-buttons li:last-child {
  margin-right: 0;
}
.sns-buttons .twitter {
  background-color: #55ACEE;
}
.sns-buttons .hatena {
  background-color: #00A4DE;
}
.sns-buttons .facebook {
  background-color: #3B5998;
}
.sns-buttons .pocket {
  background-color: #EF3E53;
}
.sns-buttons .line {
  background-color: #00C300;
}
@media (max-width: 959px) {
  .sns-buttons {
    width: 100%;
    justify-content: center;
  }
  .sns-buttons li {
    width: 15%;
  }
  .sns-buttons li a {
    width: 100%;
    padding: 4px 0px;
  }
  .sns-buttons li a span.pc-only {
    display: none;
  }
  .sns-buttons li a img {
    margin: 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
  }
}

.slider {
  position: relative;
  margin-bottom: 40px;
  min-width: 1200px;
}
.slider__item {
  outline: none;
}
.slider__item img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider__item--pro:before {
  display: block;
  width: 80px;
  height: 80px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJpY29uLXBybyIgd2lkdGg9IjgwLjAwMSIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwLjAwMSA4MCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiNmZmJhMDA7ZmlsbC1ydWxlOmV2ZW5vZGR9LmNscy0ye2ZvbnQtc2l6ZToxM3B4O2ZvbnQtZmFtaWx5OkhpcmFLYWt1UHJvTi1XNixIaXJhZ2lubyBLYWt1IEdvdGhpYyBQcm9OfQogICAgICAgIDwvc3R5bGU+CiAgICA8L2RlZnM+CiAgICA8cGF0aCBpZD0i44OR44K5XzIxMDIxIiBkPSJNMCA4MFYwaDgwIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDIxMDIxIi8+CiAgICA8dGV4dCBpZD0i5LiK57Sa6ICFX+WQkeOBkSIgY2xhc3M9ImNscy0yIiBkYXRhLW5hbWU9IuS4iue0muiAhSDlkJHjgZEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgMjApIj4KICAgICAgICA8dHNwYW4geD0iMCIgeT0iMCI+5LiK57Sa6ICFPC90c3Bhbj48dHNwYW4geD0iMCIgeT0iMTguMDEiPuWQkeOBkTwvdHNwYW4+CiAgICA8L3RleHQ+Cjwvc3ZnPgo=") no-repeat 0 0;
  background-size: 80px 80px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.slider__main {
  position: relative;
}
.slider__arrow {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 189px;
  left: 50%;
  margin-top: 22px;
  text-indent: -9999px;
  z-index: 1000;
}
.slider__prev {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ZmYmEwMH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IuOCsOODq+ODvOODl18yIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTYgLTEyOSkiPgogICAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol8xIiBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYgMTI5KSIvPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfNCIgZD0iTTkuNDEgOC40MThhLjk5MS45OTEgMCAwIDEtLjI5LjdsLTcuNDI5IDcuNDI4YS45OS45OSAwIDEgMS0xLjQtMS40TDcuMDIgOC40MTguMjkgMS42OWEuOTkuOTkgMCAxIDEgMS40LTEuNGw3LjQzMSA3LjQyOGEuOTg5Ljk4OSAwIDAgMSAuMjg5Ljd6IiBkYXRhLW5hbWU9IuODkeOCuSA0IiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgMzkuNTYyIDc4LjYzMikiLz4KICAgIDwvZz4KPC9zdmc+Cg==") no-repeat 0 0;
  margin-left: -29%;
  background-size: 44px 44px;
}
.slider__next {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ZmYmEwMH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IuOCsOODq+ODvOODl18xIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUxIC0xMjkpIj4KICAgICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfMiIgY3g9IjIwIiBjeT0iMjAiIHI9IjIwIiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1MSAxMjkpIi8+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8zIiBkPSJNNzE1LjE3NSAxOTYuMjFhMS4wODMgMS4wODMgMCAwIDEtLjMxNi43NjVsLTguMTEyIDguMTFhMS4wODEgMS4wODEgMCAwIDEtMS41My0xLjUyOGw3LjM0OC03LjM0Ni03LjM0OC03LjM0NmExLjA4MSAxLjA4MSAwIDEgMSAxLjUzLTEuNTI4bDguMTEyIDguMTExYTEuMDgxIDEuMDgxIDAgMCAxIC4zMTYuNzYyeiIgZGF0YS1uYW1lPSLjg5HjgrkgMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUzNy4yNDIgLTQ3LjM1MykiLz4KICAgIDwvZz4KPC9zdmc+Cg==") no-repeat 0 0;
  background-size: 44px 44px;
  margin-left: 26.5%;
}
.slider__head a {
  outline: none;
  display: block;
  position: relative;
  transition: all 0.3s linear;
}
.slider__head a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.slider__body {
  padding: 20px 35px;
}
.slider__cats {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 17px;
}
.slider .cats__child {
  margin-left: 17px;
}
.slider__contents a {
  outline: none;
  display: block;
  text-decoration: none;
  transition: all 0.3s linear;
}
.slider__contents a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.slider__title {
  font-size: 28px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 1.12px;
  text-align: left;
  color: #333333;
  margin-bottom: 17px;
}
.slider__time {
  color: #999999;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-family: "Lato", sans-serif;
  font-weight: normal;
}
.slider .swiper-pagination {
  margin-top: 27px;
  position: relative;
}
@media (max-width: 959px) {
  .slider {
    position: relative;
    margin-bottom: 20px;
    min-width: 100%;
  }
  .slider__item {
    width: 100%;
    outline: none;
  }
  .slider__item img {
    width: 100%;
    height: 56.26%;
  }
  .slider__arrow {
    display: none;
  }
  .slider__body {
    padding: 15px;
  }
  .slider__cats {
    margin-bottom: 11px;
  }
  .slider .cats li a {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
  }
  .slider .cats__child {
    margin-left: 12px;
  }
  .slider__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .slider__time {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    line-height: 1.5;
  }
  .slider .swiper-pagination {
    margin-top: 18px;
    position: relative;
  }
}

.swiper-pagination {
  position: relative;
  margin: 0 auto;
  width: 170px;
}
.swiper-pagination .swiper-pagination-bullet {
  outline: none;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  background: #cccccc;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  opacity: 1;
  filter: alpha(opacity=100);
}
.swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 14px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffc333;
}
.swiper-pagination__arrow {
  width: 10px;
  height: 17px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  text-indent: -9999px;
  z-index: 1000;
}
.swiper-pagination__prev {
  left: -30px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi41NDQiIGhlaWdodD0iNDAuMzM1IiB2aWV3Qm94PSIwIDAgMjIuNTQ0IDQwLjMzNSI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM2NjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMiIgZD0iTTcyNy40NDQgMjA3LjE4NmEyLjM3NSAyLjM3NSAwIDAgMS0uNjk0IDEuNjc5bC0xNy44IDE3Ljc5NGEyLjM3MyAyLjM3MyAwIDAgMS0zLjM1OC0zLjM1NGwxNi4xMjMtMTYuMTE5LTE2LjEyMy0xNi4xMTlhMi4zNzMgMi4zNzMgMCAwIDEgMy4zNTgtMy4zNTRsMTcuOCAxNy44YTIuMzcxIDIuMzcxIDAgMCAxIC42OTQgMS42NzN6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDIiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAzNjMuNzIyIDExMy42NzcpIi8+Cjwvc3ZnPgo=") no-repeat 0 0;
  background-size: 10px 17px;
}
.swiper-pagination__next {
  right: -30px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi41NDQiIGhlaWdodD0iNDAuMzM1IiB2aWV3Qm94PSIwIDAgMjIuNTQ0IDQwLjMzNSI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM2NjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMSIgZD0iTTcyNy40NDQgMjA3LjE4NmEyLjM3NSAyLjM3NSAwIDAgMS0uNjk0IDEuNjc5bC0xNy44IDE3Ljc5NGEyLjM3MyAyLjM3MyAwIDAgMS0zLjM1OC0zLjM1NGwxNi4xMjMtMTYuMTE5LTE2LjEyMy0xNi4xMTlhMi4zNzMgMi4zNzMgMCAwIDEgMy4zNTgtMy4zNTRsMTcuOCAxNy44YTIuMzcxIDIuMzcxIDAgMCAxIC42OTQgMS42NzN6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDQuOTAxIC0xODcuMDE5KSIvPgo8L3N2Zz4K") no-repeat 0 0;
  background-size: 10px 17px;
}

.pagenation {
  margin: 50px 0 70px;
}
.pagenation__list {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: flex-start;
}
.pagenation__item {
  width: 48px;
}
.pagenation__item span {
  display: block;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  position: relative;
}
.pagenation__item span:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -17px;
  width: 100%;
  height: 5px;
  background: #ffc333;
  content: "";
}
.pagenation__item a {
  display: block;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  position: relative;
}
.pagenation__item a img {
  width: 7px;
  height: 14px;
}
.pagenation__item a:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -17px;
  width: 100%;
  height: 5px;
  background: #cccccc;
  content: "";
}
.pagenation--prev img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.pagenation__item + .pagenation__item {
  margin-left: 12px;
}
@media (max-width: 959px) {
  .pagenation {
    padding: 25px 0 50px;
    margin: 0 0 50px;
    background: #fff;
  }
  .pagenation__item {
    width: 40px;
  }
  .pagenation__item span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
  }
  .pagenation__item a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
  }
  .pagenation__item a img {
    width: 6px;
    height: 11px;
  }
}

ul.cta {
  border-top: 1px solid #dddddd;
  padding: 15px 20px 0px;
}
ul.cta li {
  margin-bottom: 15px;
  border: none;
}

.menu-categories {
  margin-bottom: 20px;
}
.menu-categories ul {
  text-align: center;
  list-style-type: none;
}
.menu-categories ul li {
  display: inline;
  margin: 0 10px;
}
.menu-categories ul li a {
  color: #333;
  padding: 10px;
  text-decoration: none;
}
.menu-categories ul li a:hover {
  border-bottom: solid 4px #ffc333;
}
@media (max-width: 959px) {
  .menu-categories ul {
    text-align: left;
  }
  .menu-categories ul li {
    display: block;
  }
  .menu-categories ul li a:hover {
    border-bottom: none;
  }
}

.menu-sp {
  display: none;
}
@media (max-width: 959px) {
  .menu-sp {
    padding-top: 15px;
    border-top: 1px solid #dddddd;
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto;
    background: #fff;
    z-index: 1003;
  }
}

.sp-menu {
  display: none;
}
@media (max-width: 959px) {
  .sp-menu {
    padding-top: 15px;
    border-top: 1px solid #dddddd;
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto;
    background: #fff;
    z-index: 1003;
  }
}

.menu-pannel {
  display: none;
  border-top: 1px solid #dddddd;
  position: fixed;
  top: 67px;
  left: 0;
  background: #fff;
  padding: 40px 0 60px;
  width: 100%;
  z-index: 1000;
}
.menu-pannel__inner {
  width: 1200px;
  margin: 0 auto;
}
.menu-pannel__label {
  margin-bottom: 30px;
}
.menu-pannel__label a {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s linear;
  font-weight: bold;
}
.menu-pannel__label a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.menu-pannel__list {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.menu-pannel__list li {
  width: 380px;
  margin: 0 30px 0 0;
  border-bottom: 1px solid #dddddd;
}
.menu-pannel__list li:nth-child(3n) {
  margin: 0;
}
.menu-pannel__list li a {
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  display: block;
  padding: 10px;
  text-decoration: none;
  transition: all 0.3s linear;
  position: relative;
}
.menu-pannel__list li a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 13px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzLjIzOSIgaGVpZ2h0PSI1Ljc5NiIgdmlld0JveD0iMCAwIDMuMjM5IDUuNzk2Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4KICAgICAgICAgICAgLmNscy0xe2ZpbGw6I2ZmYmEwMH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPHBhdGggaWQ9IuODkeOCuV8xMyIgZD0iTTcwOC4xMzEgMTg5LjkwOGEuMzQuMzQgMCAwIDEtLjEuMjQxbC0yLjU1IDIuNTQ5YS4zNC4zNCAwIDEgMS0uNDgxLS40OGwyLjMxLTIuMzA5TDcwNSAxODcuNmEuMzQuMzQgMCAxIDEgLjQ4MS0uNDhsMi41NSAyLjU1YS4zNC4zNCAwIDAgMSAuMS4yMzh6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzA0Ljg5MiAtMTg3LjAxMSkiLz4KPC9zdmc+Cg==") no-repeat 0 0;
  background-size: 8px 13px;
  margin-top: -7px;
  content: "";
}
.menu-pannel__list li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.search-pannel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1004;
  background: #fff;
  height: 100%;
  overflow-y: auto;
}
.search-pannel__head {
  background: #ffc333;
  padding: 15px 0;
}
.search-pannel__inner {
  width: 800px;
  margin: 0 auto;
}
.search-pannel__input {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.search-pannel__input > div {
  height: 40px;
  width: 800px;
  background: #fff;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
.search-pannel__input > div:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -9px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi42NjciIGhlaWdodD0iMjIuNjI3IiB2aWV3Qm94PSIwIDAgMjIuNjY3IDIyLjYyNyI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM5OTl9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTQiIGQ9Ik0zNzUuNzM0IDM0LjgyNGwtNy4wOTItNy4wOTFhOC40MTkgOC40MTkgMCAxIDAtMi4yODEgMi4zbDcuMDg1IDcuMDgzYS43MDYuNzA2IDAgMCAwIC45ODEtLjExNmwxLjE5MS0xLjE5YS43MDkuNzA5IDAgMCAwIC4xMTYtLjk4NnptLTE0LjEtNS42M2E2LjEzOSA2LjEzOSAwIDEgMSA2LjEzOS02LjEzOSA2LjE0NiA2LjE0NiAwIDAgMS02LjEzNSA2LjEzOXoiIGNsYXNzPSJjbHMtMSIgZGF0YS1uYW1lPSLjg5HjgrkgMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTMuMjE3IC0xNC42MzUpIi8+Cjwvc3ZnPgo=") no-repeat 0 0;
  background-size: 19px 19px;
  width: 19px;
  height: 19px;
  content: "";
}
.search-pannel__input > div input {
  outline: none;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  border: none;
  width: 100%;
  display: block;
  padding: 0 0 0 45px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #999999;
}
.search-pannel__close {
  float: right;
  margin-top: 4px;
  margin-right: 25px;
  text-decoration: none;
}
.search-pannel__body {
  padding: 40px 0 50px;
}
.search-pannel__label {
  font-size: 20px;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 0.8px;
  text-align: left;
  color: #333333;
  margin-bottom: 19px;
}
.search-pannel__select {
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff;
  height: 40px;
  width: 100%;
  display: block;
}
.search-pannel__select select {
  background: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
}
.search-pannel__btns {
  margin-top: 22px;
  display: none;
}
.search-pannel__btns-list {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.search-pannel__btns-list li {
  width: 260px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.search-pannel__btns-list li:nth-child(3n) {
  margin-right: 0;
}
.search-pannel__btns-list li a {
  background: #dddddd;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s linear;
}
.search-pannel__btns-list li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
@media (max-width: 959px) {
  .search-pannel {
    height: 100vh;
    overflow: auto;
  }
  .search-pannel__head {
    padding: 15px;
  }
  .search-pannel__inner {
    width: 100%;
    margin: 0;
  }
  .search-pannel__input {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
  }
  .search-pannel__close {
    margin-left: 15px;
    margin-right: 0;
    text-decoration: none;
  }
  .search-pannel__body {
    padding: 20px 15px 0px;
  }
  .search-pannel__label {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 15px;
  }
  .search-pannel__btns {
    margin-top: 15px;
  }
  .search-pannel__btns-list {
    flex-direction: column;
  }
  .search-pannel__btns-list li {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.search-sp {
  padding: 15px;
  /* 虫眼鏡アイコン
  position: relative;
  &::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi42NjciIGhlaWdodD0iMjIuNjI3IiB2aWV3Qm94PSIwIDAgMjIuNjY3IDIyLjYyNyI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM2NjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfOCIgZD0iTTM3NS43MzQgMzQuODI0bC03LjA5Mi03LjA5MWE4LjQxOSA4LjQxOSAwIDEgMC0yLjI4MSAyLjNsNy4wODUgNy4wODNhLjcwNi43MDYgMCAwIDAgLjk4MS0uMTE2bDEuMTkxLTEuMTlhLjcwOS43MDkgMCAwIDAgLjExNi0uOTg2em0tMTQuMS01LjYzYTYuMTM5IDYuMTM5IDAgMSAxIDYuMTM5LTYuMTM5IDYuMTQ2IDYuMTQ2IDAgMCAxLTYuMTM1IDYuMTM5eiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IuODkeOCuSA4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzUzLjIxNyAtMTQuNjM1KSIvPgo8L3N2Zz4K") no-repeat center center / auto 100%;
    background-size: 16px 16px;
    top: 26px;
    left: 26px;
  }
  */
}
.search-sp input[type=search] {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  /* 虫眼鏡のための余白
  padding-left: 32px;
  */
  font-size: 1.4rem;
  border: 2px solid #333333;
}

.pc-only, .widget-shortcode img.pc-only {
  display: block;
}
@media (max-width: 959px) {
  .pc-only, .widget-shortcode img.pc-only {
    display: none;
  }
}

.sp-only, .widget-shortcode img.sp-only {
  display: none;
}
@media (max-width: 959px) {
  .sp-only, .widget-shortcode img.sp-only {
    display: block;
  }
}

@media (max-width: 959px) {
  div.sp-only {
    padding: 0 20px;
  }
  img.sp-only {
    max-width: 100%;
  }
}
.post-summary ul {
  padding: 30px 20px 20px;
  border: 4px solid #eee;
  list-style-type: none;
  position: relative;
}
.post-summary ul:before {
  position: absolute;
  left: 20px;
  top: -20px;
  display: inline-block;
  padding: 5px 10px;
  background: #ffc333;
  content: "POINT";
  font-weight: bold;
}
.post-summary ul li {
  background: url(../img/common/check.png) no-repeat left top;
  background-size: 20px 20px;
  padding-left: 30px;
  background-position-y: 5px;
}
.post-summary thead th {
  text-align: center;
}
@media (max-width: 959px) {
  .post-summary ul {
    padding: 30px 20px 20px;
    border: 4px solid #eee;
    list-style-type: none;
    position: relative;
  }
  .post-summary ul:before {
    position: absolute;
    left: 20px;
    top: -20px;
    display: inline-block;
    padding: 5px 10px;
    background: #ffc333;
    content: "POINT";
    font-weight: bold;
  }
  .post-summary ul li {
    background: url(../img/common/check.png) no-repeat left 6px;
    background-size: 20px 20px;
    padding-left: 30px;
  }
  .post-summary ul li .article__table--01 {
    margin: 0;
  }
  .post-summary ul li .article__table--02 {
    margin: 0;
  }
  .post-summary ul li .article__table--03 {
    margin: 0;
  }
  .post-summary ul li .article__table--04 {
    margin: 0;
  }
}

.banner {
  text-align: center;
}
.banner a {
  display: block;
  transition: all 0.3s linear;
}
.banner a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.banner__item img {
  vertical-align: bottom;
}
.banner__item + .banner__item {
  margin-top: 30px;
}

.side-banner__item a img {
  width: 100%;
  height: auto;
  transition: all 0.3s linear;
}
.side-banner__item a img:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.side-banner__item + .side-banner__item {
  margin-top: 30px;
}

.pre-index-banner {
  text-align: center;
}
.pre-index-banner img {
  max-width: 100%;
  height: auto;
}

.adsence-flex {
  margin-bottom: 50px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: flex-start;
}
.adsence-flex > div + div {
  margin-left: 20px;
}
@media (max-width: 959px) {
  .adsence-flex {
    padding-bottom: 35px;
  }
  .adsence-flex > div + div {
    margin-left: 0;
  }
}

.adsence--top {
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 959px) {
  .adsence div {
    text-align: center;
  }
  .adsence div img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }
}

.arrow-right:after, .accordion__check:checked + .accordion__label + .accordion > * :after {
  display: block;
  position: absolute;
  right: 25px;
  width: 6px;
  height: 11px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi41NDQiIGhlaWdodD0iNDAuMzM1IiB2aWV3Qm94PSIwIDAgMjIuNTQ0IDQwLjMzNSI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM2NjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMSIgZD0iTTcyNy40NDQgMjA3LjE4NmEyLjM3NSAyLjM3NSAwIDAgMS0uNjk0IDEuNjc5bC0xNy44IDE3Ljc5NGEyLjM3MyAyLjM3MyAwIDAgMS0zLjM1OC0zLjM1NGwxNi4xMjMtMTYuMTE5LTE2LjEyMy0xNi4xMTlhMi4zNzMgMi4zNzMgMCAwIDEgMy4zNTgtMy4zNTRsMTcuOCAxNy44YTIuMzcxIDIuMzcxIDAgMCAxIC42OTQgMS42NzN6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i44OR44K5IDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDQuOTAxIC0xODcuMDE5KSIvPgo8L3N2Zz4K) no-repeat 0 0;
  margin-top: -15px;
  background-size: 6px 11px;
  content: "";
}

.arrow-up:after, .accordion__label span:after, .arrow-down:after, .accordion__check:checked + .accordion__label span:after {
  display: block;
  position: absolute;
  right: 10px;
  width: 11px;
  height: 6px;
  margin-top: -15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS44NjkiIGhlaWdodD0iMTQuNDU4IiB2aWV3Qm94PSIwIDAgMjUuODY5IDE0LjQ1OCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiM2NjZ9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfNSIgZD0iTTcxOS4zNTkgMTk5Ljk1M2ExLjUyMyAxLjUyMyAwIDAgMS0uNDQ1IDEuMDc3TDcwNy41IDIxMi40NDFhMS41MjIgMS41MjIgMCAwIDEtMi4xNTMtMi4xNTFsMTAuMzQtMTAuMzM4LTEwLjM0LTEwLjMzOGExLjUyMiAxLjUyMiAwIDAgMSAyLjE1My0yLjE1MWwxMS40MTUgMTEuNDEzYTEuNTIgMS41MiAwIDAgMSAuNDQ0IDEuMDc3eiIgY2xhc3M9ImNscy0xIiBkYXRhLW5hbWU9IuODkeOCuSA1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA0NTguODk0IC0yNDYuMDA3KSIvPgo8L3N2Zz4K) no-repeat 0 0;
  background-size: 11px 6px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  content: "";
}

.arrow-down:after, .accordion__check:checked + .accordion__label span:after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.model {
  border-top: 1px solid #dddddd;
  margin-top: 20px;
  padding-top: 20px;
}
.model__ph {
  width: 250px;
}
.model__ph img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.model__excerpt {
  width: calc(100% - 280px);
  margin-left: auto;
}
.model__excerpt p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8666666667;
}
@media (max-width: 959px) {
  .model {
    border-top: none;
    margin-top: 0;
  }
  .model__ph {
    width: 75%;
  }
  .model__ph img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .model__excerpt {
    width: 100%;
    margin-left: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .model__excerpt p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
}

.accordion {
  display: none;
}
.accordion__check {
  display: none;
}
.accordion__label {
  display: block;
}
.accordion__check:checked + .accordion__label + .accordion > * {
  height: 50px;
}
.btn__more {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.3s linear;
}
.btn__more:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.btn__more:after {
  display: inline-block;
  width: 29px;
  height: 19px;
  position: relative;
  vertical-align: middle;
  margin: 0px 0 0 10px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NC4wOTMiIGhlaWdodD0iMjUuODQ4IiB2aWV3Qm94PSIwIDAgNDQuMDkzIDI1Ljg0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5jbHMtMXtmaWxsOiNmZmJhMDB9CiAgICAgICAgPC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc0MCAtNDIyLjgyNCkiPgogICAgICAgIDxwYXRoIGlkPSLplbfmlrnlvaJfMyIgZD0iTTAgMGg0NC4wOTN2MjUuODQ4SDB6IiBjbGFzcz0iY2xzLTEiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc0MCA0MjIuODI0KSIvPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMTAiIGQ9Ik0xNzguMjc5IDU0MS4wMjNoLTI2di0xLjlIMTczLjdsLTQuNTQ2LTQuNTQ2IDEuMzQxLTEuMzQxeiIgZGF0YS1uYW1lPSLjg5HjgrkgMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5Ni44NDcgLTEwMS4yOTEpIi8+CiAgICA8L2c+Cjwvc3ZnPgo=") no-repeat 0 0;
  background-size: 29px 17px;
  content: "";
}

input[type=button].primary, button.primary {
  color: #000;
  background-color: #ffc333;
  box-shadow: 0px 5px 0px 0px #ff9933;
  line-height: 40px;
  width: 100%;
  font-size: 1.5rem;
  border: none;
  border-radius: 10px;
  font-weight: bold;
}

.buttons a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
}

@keyframes shiny {
  0% {
    transform: scale(0) rotate(25deg);
    opacity: 0;
  }
  50% {
    transform: scale(1) rotate(25deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(25deg);
    opacity: 0;
  }
}
.shiny-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 30px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: auto;
  height: auto;
  padding: 20px;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  color: #222;
  overflow: hidden;
  line-height: 1.5;
}
.shiny-btn:hover:after {
  content: "";
  position: absolute;
  top: -100px;
  left: -100px;
  width: 50px;
  height: 50px;
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
.shiny-btn.orange {
  background-color: #ffc333;
  box-shadow: 0px 5px 0px 0px #FF9933;
  position: relative;
}
.shiny-btn.orange:hover {
  top: 5px;
  box-shadow: none;
}
.shiny-btn.red {
  color: #fff;
  background-color: #eb4637;
  box-shadow: 0px 5px 0px 0px #CE3D30;
}
.shiny-btn.red:hover {
  top: 5px;
  box-shadow: none;
}
@media (max-width: 959px) {
  .shiny-btn {
    width: calc(100% - 40px);
    margin: 0 auto 30px;
  }
}

.effect-button {
  width: 100%;
  text-align: center;
}

.effect-button a {
  display: inline-block;
  max-width: 468px;
  margin: 20px auto;
  padding: 8px 15px;
  text-align: center;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  background-color: #ffc333;
  border: 1px solid #333333;
  box-sizing: border-box;
}
.effect-button a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  animation: btn_anim 1.2s 1;
}

@keyframes btn_anim {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(-4px, 0);
  }
  10% {
    transform: translate(4px, 0);
  }
  15% {
    transform: translate(-4px, 0);
  }
  20% {
    transform: translate(4px, 0);
  }
  25% {
    transform: translate(-4px, 0);
  }
  30% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.categories {
  border-top: 1px solid #dddddd;
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.categories li {
  margin: 0 4px 8px 0;
}
.categories li a {
  display: block;
  border: 1px solid #ffc333;
  background: #ffc333;
  padding: 7px 10px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s linear;
}
.categories li a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
@media (max-width: 959px) {
  .categories {
    border: none;
    margin-top: 0;
    padding-top: 15px;
  }
  .categories li {
    margin: 0 4px 4px 0;
  }
  .categories li a {
    padding: 3px 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
  }
}

.inductive-links .content__body {
  overflow-x: scroll;
  display: flex;
}
.inductive-links .list--horizon__item {
  width: 360px;
}
.inductive-links .list--horizon__img {
  width: 360px;
}
.inductive-links .list--horizon__content {
  padding: 25px;
  width: auto;
}
.inductive-links .list--horizon__item + .list--horizon__item {
  margin-top: 0;
  margin-left: 20px;
}
.inductive-links__box a {
  text-decoration: none;
}
@media (max-width: 959px) {
  .inductive-links .article__scroller {
    margin: 0;
  }
  .inductive-links .list--horizon__img {
    width: 240px;
  }
  .inductive-links .list--horizon__item {
    width: 240px;
    padding: 0px;
  }
  .inductive-links .list--horizon__content {
    padding: 15px;
  }
  .inductive-links .list--horizon__item + .list--horizon__item {
    margin-top: 0;
    margin-left: 15px;
  }
}

.inductive-links .content__body {
  overflow: hidden !important;
}
.inductive-links .content__body .list--horizon__item {
  width: 270px;
  height: 152px;
}
.inductive-links .content__body .list--horizon__item a img {
  width: 270px;
  height: 152px;
}
.inductive-links .content__body .list--horizon__item + .list--horizon__item {
  margin-left: 25px;
}
@media (max-width: 959px) {
  .inductive-links .content__body {
    overflow-x: scroll !important;
  }
  .inductive-links .content__body .list--horizon__item {
    width: 298px;
    height: 168px;
  }
  .inductive-links .content__body .list--horizon__item .inductive-links__box {
    width: 298px;
    height: 168px;
  }
  .inductive-links .content__body .list--horizon__item .inductive-links__box a img {
    width: 298px;
    height: 168px;
  }
  .inductive-links .content__body .list--horizon__item + .list--horizon__item {
    margin-left: 15px;
  }
}

.inductive-links__box {
  width: 240px;
  height: 135px;
}
.inductive-links__box a img {
  width: 240px;
  height: 135px;
}

.date-icon, .slider__item img.date-icon {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  vertical-align: bottom;
}
@media (max-width: 959px) {
  .date-icon, .slider__item img.date-icon {
    vertical-align: sub;
  }
}

.relate-post .content__body {
  overflow-x: scroll;
  display: flex;
}
.relate-post .list--horizon__item {
  width: 360px;
}
.relate-post .list--horizon__img {
  width: 360px;
}
.relate-post .list--horizon__content {
  padding: 25px;
  width: auto;
}
.relate-post .list--horizon__item + .list--horizon__item {
  margin-top: 0;
  margin-left: 20px;
}
.relate-post__box a {
  text-decoration: none;
}
@media (max-width: 959px) {
  .relate-post .article__scroller {
    margin: 0;
  }
  .relate-post .list--horizon__img {
    width: 240px;
  }
  .relate-post .list--horizon__item {
    width: 240px;
    padding: 0px;
  }
  .relate-post .list--horizon__content {
    padding: 15px;
  }
  .relate-post .list--horizon__item + .list--horizon__item {
    margin-top: 0;
    margin-left: 15px;
  }
}

.widget-shortcode {
  text-align: center;
  margin-bottom: 30px;
}
.widget-shortcode img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
@media (max-width: 959px) {
  .widget-shortcode {
    margin: 0 15px 15px;
  }
  .widget-shortcode .wp-caption {
    padding: 0;
  }
}

.map-wrap, .movie-wrap {
  position: relative;
  margin-bottom: 30px;
  padding-top: 56.25%;
}
.map-wrap iframe, .movie-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 959px) {
  .map-wrap, .movie-wrap {
    margin: 0 15px 24px;
  }
}

.optimize-img {
  margin: 15px;
}
.optimize-img a {
  display: block;
  text-align: center;
}
.optimize-img a img {
  max-width: 100%;
  height: auto;
}

#scroll-start {
  margin-top: 15px;
  position: sticky;
  position: -webkit-sticky;
  top: 67px;
}
@media (max-width: 959px) {
  #scroll-start {
    position: static;
    margin: 30px 0;
  }
}

.pages {
  background: #fff;
  padding: 40px 40px 8px;
  margin-bottom: 45px;
}
.pages h2 {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 12px;
}
.pages p {
  margin-bottom: 32px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
}

.box--white {
  background: #fff;
  padding: 45px 40px;
  margin-bottom: 40px;
}
.box--white p {
  text-align: center;
}
@media (max-width: 959px) {
  .box--white {
    padding: 20px 40px 40px;
  }
}

.js-tool-tip {
  position: relative;
  color: #24b39b;
  display: inline-block;
  cursor: pointer;
}

.tippy-content {
  text-align: left !important;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3333333333;
}

/* wp-mediaelement.min.cssが読み込まれる前に動画が表示されると崩れるので先にvideoショートコードの表示を整える */
video.wp-video-shortcode {
  max-width: 100%;
  display: inline-block;
}

/* spの時にAdminBarを表示しない */
@media (max-width: 959px) {
  #wpadminbar {
    display: none;
  }
}
.simulator {
  max-width: 780px;
  margin: 0 auto;
  background: #f3f8ff;
}
.simulator_head {
  padding: 45px 0 0;
  margin-bottom: 40px;
  text-align: center;
  font-weight: bold;
}
.simulator_ttle {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 0 !important;
}
.simulator_body {
  padding: 0 30px 30px 40px;
}
.simulator_row {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.simulator_row + .simulator_row {
  margin-top: 54px;
}
.simulator_range {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.simulator_range input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  outline: none;
  width: 100%;
  height: 7px;
  background: #3f84e4;
  border-radius: 10px;
  border: none;
}
.simulator_range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  box-shadow: 0px 0px 4.15px 0.85px rgba(0, 0, 0, 0.1);
}
.simulator_range .half {
  width: 48%;
}
.simulator_range .half:nth-child(even) {
  margin-left: auto;
}
.simulator_range .half .simulator_range {
  width: 100%;
}
.simulator_wrap {
  width: 100%;
  margin-bottom: 18px;
}
.simulator_min, .simulator_max {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}
.simulator_max {
  margin-left: auto;
}
.simulator_label {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  margin-right: 34px;
  width: 16.6666666667%;
  margin-bottom: 0 !important;
}
.simulator_range {
  width: 58.3333333333%;
}
.simulator_price {
  text-align: right;
  margin-left: auto;
  font-weight: bold;
  width: 17.9487179487%;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
}
.simulator_price span {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.simulator_foot {
  background: #3167b1;
  position: relative;
}
.simulator_foot:before {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 17px 0 17px;
  border-color: #f3f8ff transparent transparent transparent;
  content: "";
}
.simulator_foot .simulator_ttle {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 45px;
  margin-bottom: 30px !important;
}
.simulator_result {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.simulator_result p:not(.price) {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  background: #fff;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 6px 12px;
  color: #3167b1;
  font-weight: bold;
  margin-right: 14px;
  margin-bottom: 0;
}
.simulator_result p.price {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0 !important;
}
.simulator_result + .simulator_row {
  margin-top: 26px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.simulator_result + .simulator_row > div + div {
  margin-left: 30px;
}
.simulator_total {
  margin-top: 25px;
  background: #2e5a98;
  padding: 36px 0;
  text-align: center;
}
.simulator_total p:not(.pay_back) {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  margin-bottom: 30px;
}
.simulator_total .pay_back {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
.simulator-box1 {
  background-color: #f3f8ff;
  box-sizing: border-box;
}
.simulator-box2 {
  background-color: #f3f8ff;
  box-sizing: border-box;
}
.simulator-box3 {
  background-color: #d7e6fc;
  box-sizing: border-box;
}
.simulator-box4 {
  background-color: #3167b1;
  box-sizing: border-box;
}
.simulator-box5 {
  background-color: #234d86;
  box-sizing: border-box;
}
.simulator-title-box {
  max-width: 736px;
  margin: 0 auto;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
.simulator-title {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-top: 0px;
  margin-bottom: 0px !important;
}
@media (max-width: 959px) {
  .simulator {
    max-width: 100%;
    margin: 0;
  }
  .simulator_head {
    padding: 40px 0 0;
  }
  .simulator_ttle {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
  }
  .simulator_body {
    padding: 0 15px 50px 15px;
  }
  .simulator_row {
    flex-wrap: wrap;
  }
  .simulator_row + .simulator_row {
    margin-top: 50px;
  }
  .simulator_wrap {
    margin-bottom: 24px;
  }
  .simulator_label {
    order: 1;
    width: 50%;
    margin-right: 0;
    flex-basis: 50%;
    text-align: left;
  }
  .simulator_label br {
    display: none;
  }
  .simulator_price {
    order: 2;
    width: 50%;
    text-align: right;
    margin-left: 0;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1;
    flex-basis: 50%;
  }
  .simulator_range {
    margin-top: 20px;
    width: 100%;
    flex-basis: 100%;
    order: 3;
  }
  .simulator_range input[type=range]::-webkit-slider-thumb {
    width: 15px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 4.15px 0.85px rgba(0, 0, 0, 0.1);
  }
  .simulator_foot .simulator_ttle {
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 38px;
    margin-bottom: 24px;
  }
  .simulator_result {
    padding: 0 35px;
    width: 100%;
    box-sizing: border-box;
    justify-content: flex-start;
  }
  .simulator_result p:not(.price) {
    width: 110px;
    text-align: center;
  }
  .simulator_result p.price {
    width: calc(100% - 110px);
    text-align: right;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    font-weight: bold;
    color: #fff;
  }
  .simulator_result + .simulator_row {
    margin-top: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .simulator_result + .simulator_row > div + div {
    margin-left: 0;
    margin-top: 18px;
  }
  .simulator_total {
    margin-top: 25px;
    background: #2e5a98;
    padding: 36px 0;
    text-align: center;
  }
  .simulator_total p:not(.pay_back) {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 15px;
  }
  .simulator_total .pay_back {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
  }
}

.range-input1-box {
  max-width: 736px;
  margin: 0 auto;
  padding-bottom: 0px;
  position: relative;
}
.range-input1-box::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f3f8ff transparent transparent transparent;
  border-width: 21px 23.5px 0 23.5px;
  z-index: 10;
}
.range-block {
  width: 100%;
  padding: 0 22px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.range-title {
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  text-align: left;
  margin-bottom: 3px !important;
  font-weight: bold;
}
.range-content {
  display: flex;
}
.range-box {
  width: calc(100% - 200px);
  padding-right: 20px;
}
.range-input2-box {
  max-width: 736px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 0px;
  position: relative;
}
.range-input2-box::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #d7e6fc transparent transparent transparent;
  border-width: 21px 23.5px 0 23.5px;
  z-index: 11;
}
.range-box-percent {
  width: 100%;
  padding-right: 20px;
}

.renge-content-min {
  display: flex;
  width: calc(100% - 210px);
}

.item-name {
  display: flex;
  justify-content: space-between;
  margin: 0px !important;
  list-style-type: none !important;
  font-size: 1.2rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  padding: 0 0 0 10px;
}

.value-unit {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-left: 10px;
  margin-top: 12px;
}
.value-unit-box {
  display: flex;
  width: 210px;
  justify-content: flex-end;
}
.value-unit-year {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-left: 10px;
  margin-top: 12px;
}
.value-margin-right {
  margin-right: 10px;
}

.amount {
  width: 130px;
  height: 47px;
  padding-right: 10px;
  box-sizing: border-box;
  text-align: right;
  font-size: 2.6rem;
  font-weight: bold;
  background-color: #FFFFFF;
  border: solid 1px #d6d6d6;
  text-align: right;
  line-height: 47px;
}
.amount-percent {
  width: 110px;
  padding-right: 5px;
  font-size: 2.6rem;
  font-weight: bold;
  background-color: #FFFFFF;
  border: solid 1px #d6d6d6;
  width: 110px;
  height: 47px;
  text-align: right;
  line-height: 47px;
  padding-right: 5px;
  box-sizing: border-box;
}
.amount-year {
  width: 60px;
  padding-right: 5px;
  font-size: 2.6rem;
  font-weight: bold;
  padding-right: 5px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: solid 1px #d6d6d6;
  width: 60px;
  height: 47px;
  text-align: right;
  line-height: 47px;
}

.simulation-result-box {
  max-width: 736px;
  margin: 0 auto;
  color: #FFFFFF;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 10px;
  padding-left: 22px;
  padding-right: 22px;
  position: relative;
}
.simulation-result-box::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #3167b1 transparent transparent transparent;
  border-width: 21px 23.5px 0 23.5px;
  z-index: 12;
}
.simulation-result-title {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-bottom: 20px;
}
.simulation-result-content {
  display: flex;
  justify-content: center;
  gap: 3%;
}
.simulation-result-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -4px;
}
.simulation-result-board {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #3167b1;
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 6px 9px 6px 10px;
  margin-right: 10px;
}
.simulation-result-value, .simulation-result-yen {
  font-size: 2.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
}

.repayments-box {
  max-width: 736px;
  margin: 0 auto;
  color: #FFFFFF;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 10px;
  padding-left: 22px;
  padding-right: 22px;
}
.repayments-title {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-bottom: 0px !important;
}
.repayments-main {
  display: flex;
  justify-content: center;
}
.repayments-main p {
  margin-bottom: 0 !important;
}
.repayments-value, .repayments-yen {
  font-size: 3.6rem;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
}

/* type rangeのスタイル設定 */
input[type=range] {
  -webkit-appearance: none; /* 🚩これ無しだとスタイルがほぼ全く反映されないので注意 */
  -moz-appearance: none;
       appearance: none;
  cursor: pointer; /* カーソルを分かりやすく */
  outline: none; /* スライダーのアウトラインは見た目がキツイので消す */
  height: 10px; /* バーの高さ */
  width: 100%; /* バーの幅 */
  background: #3167b1; /* バーの背景色 */
  border-radius: 10px; /* バーの両端の丸み */
  border: solid 3px #dff1ff; /* バー周囲の線 */
}

/* WebKit向けのつまみ */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /*  🚩デフォルトのつまみのスタイルを解除 */
  background: #FFFFFF; /* 背景色 */
  width: 20px; /* 幅 */
  height: 20px; /* 高さ */
  border-radius: 50%; /* 円形に */
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */
}

/* Firefoxで点線が周りに表示されてしまう問題の解消 */
input[type=range]::-moz-focus-outer {
  border: 0;
}

/* つまみをドラッグしているときのスタイル */
input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 768px) {
  .simulator-title-box {
    padding: 5px 0;
  }
  .simulator-title {
    font-size: 2.6rem;
  }
  .range-block {
    padding: 0 16px;
    padding-bottom: 5px;
  }
  .range-content {
    display: flex;
  }
  .range-content-min {
    display: block;
    width: 100%;
  }
  .range-box {
    width: 90%;
    padding-right: 0;
  }
  .range-box-percent {
    width: 100%;
    padding-right: 0;
  }
  .range-form-year {
    width: 69px;
  }
  .renge-content-min {
    display: block;
    width: 100%;
  }
  .value-unit-box {
    margin-bottom: 20px;
  }
  .value-unit {
    margin-bottom: 0 !important;
  }
  .value-unit-year {
    font-size: 1.6rem;
    font-weight: bold;
    width: -moz-max-content;
    width: max-content;
    margin-right: 0px !important;
    margin-top: 12px;
    margin-left: 0px;
  }
  .amount {
    width: 80px;
  }
  .amount-year {
    width: 45px;
  }
  .amount-percent {
    width: 62px;
  }
  .simulation-result-box {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .simulation-result-title {
    margin-bottom: 10px !important;
  }
  .simulation-result-content {
    display: block;
  }
  .simulation-result-item {
    justify-content: flex-start;
    margin-bottom: 3px;
  }
  .simulation-result-item:last-child {
    margin-bottom: 0;
  }
  .centering-block {
    text-align: center;
  }
  .centering-block-inner {
    text-align: left;
    display: inline-block;
  }
}/*# sourceMappingURL=style.css.map */