@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
@import url(ress.css);
.mw_wp_form .error {
  font-size: 93%;
  color: #b70000;
  display: block;
}

.mw_wp_form .akismet_error {
  display: block;
}

.mw_wp_form .vertical-item {
  display: block;
}

.mw_wp_form .vertical-item + .vertical-item {
  margin-top: 5px;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 10px;
}

.mwform-checkbox-field label,
.mwform-radio-field label {
  font-weight: 400;
  margin-bottom: 0;
}

.mwform-checkbox-field input,
.mwform-radio-field input {
  margin-right: 5px;
}

.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  width: 40%;
  margin: 0 5px;
}

.mw-wp-form-deprecated-message {
  background: #fdeeee;
  border: 1px solid #f7bdb8;
  border-radius: 5px;
  color: #af4040;
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 10px;
  padding: 1em;
}

.mw_wp_form input[type="file"] {
  display: inline-block;
}

.mwform-file-delete {
  cursor: pointer;
  visibility: hidden;
}

.mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
  display: inline-block;
  width: auto;
}

#sb_instagram {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

#sb_instagram #sbi_images,
#sb_instagram.sbi_fixed_height {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#sb_instagram:after,
.sbi_lb-commentBox:after,
.sbi_lb-data:after,
.sbi_lb-dataContainer:after,
.sbi_lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

#sb_instagram.sbi_fixed_height {
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

#sb_instagram #sbi_images {
  box-sizing: border-box;
  display: grid;
  width: 100%;
  padding: 12px 0;
}

#sb_instagram .sbi_header_link {
  box-shadow: none;
}

#sb_instagram .sbi_header_link:hover,
.sbi_lightbox a img {
  border: none;
}

#sb_instagram #sbi_images .sbi_item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  zoom: 1;
  margin: 0 !important;
  text-decoration: none;
  opacity: 1;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.5s;
}

#sb_instagram #sbi_images .sbi_item.sbi_transition {
  opacity: 0;
}

#sb_instagram.sbi_col_1 #sbi_images,
#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(1, 1fr);
}

#sb_instagram.sbi_col_2 #sbi_images,
#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(2, 1fr);
}

#sb_instagram.sbi_col_3 #sbi_images,
#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(3, 1fr);
}

#sb_instagram.sbi_col_4 #sbi_images,
#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(4, 1fr);
}

#sb_instagram.sbi_col_5 #sbi_images,
#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(5, 1fr);
}

#sb_instagram.sbi_col_6 #sbi_images,
#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(6, 1fr);
}

#sb_instagram.sbi_col_7 #sbi_images,
#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(7, 1fr);
}

#sb_instagram.sbi_col_8 #sbi_images,
#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(8, 1fr);
}

#sb_instagram.sbi_col_9 #sbi_images,
#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(9, 1fr);
}

#sb_instagram.sbi_col_10 #sbi_images,
#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images {
  grid-template-columns: repeat(10, 1fr);
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_photo_wrap {
  position: relative;
}

#sb_instagram .sbi_photo {
  display: block;
  text-decoration: none;
}

#sb_instagram .sbi_photo img {
  width: 100%;
  height: inherit;
  -o-object-fit: cover;
  object-fit: cover;
  scale: 1;
  transition: transform 0.5s ease-in-out;
  vertical-align: middle;
}

#sb_instagram .sbi_no_js img,
#sb_instagram br,
#sb_instagram p:empty,
#sb_instagram.sbi_no_js .sbi_load_btn,
#sb_instagram.sbi_no_js .sbi_photo img {
  display: none;
}

#sb_instagram a,
#sb_instagram a:active,
#sb_instagram a:focus,
#sb_instagram a:hover,
.sbi_lightbox a:active,
.sbi_lightbox a:focus,
.sbi_lightbox a:hover {
  outline: 0;
}

#sb_instagram img {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  opacity: 1 !important;
}

#sb_instagram .sbi_link {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
}

#sb_instagram .sbi_link a {
  padding: 0 6px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}

#sb_instagram .sbi_link .sbi_lightbox_link {
  padding-bottom: 5px;
}

#sb_instagram .sbi_link a:focus,
#sb_instagram .sbi_link a:hover {
  text-decoration: underline;
}

#sb_instagram .sbi_photo_wrap:focus .sbi_link,
#sb_instagram .sbi_photo_wrap:hover .sbi_link {
  display: block;
}

#sb_instagram svg:not(:root).svg-inline--fa {
  height: 1em;
  display: inline-block;
}

#sb_instagram .sbi_type_carousel .sbi_playbtn,
#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
#sb_instagram .sbi_type_video .sbi_playbtn,
#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
.sbi_type_carousel .fa-clone {
  display: block !important;
  position: absolute;
  z-index: 1;
  color: rgba(255, 255, 255, 0.9);
  font-style: normal !important;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}

#sb_instagram .sbi_type_carousel .sbi_playbtn,
#sb_instagram .sbi_type_video .sbi_playbtn {
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -19px;
  padding: 0;
  font-size: 48px;
}

#sb_instagram .sbi_type_carousel .fa-clone {
  right: 12px;
  top: 12px;
  font-size: 24px;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
.sbi_type_carousel svg.fa-clone {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4));
}

#sb_instagram .sbi_loader {
  width: 20px;
  height: 20px;
  position: relative;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  animation: 1s ease-in-out infinite sbi-sk-scaleout;
}

#sbi_load p {
  display: inline;
  padding: 0;
  margin: 0;
}

#sb_instagram #sbi_load .sbi_loader {
  position: absolute;
  margin-top: -11px;
  background-color: #fff;
  opacity: 1;
}
@keyframes sbi-sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
#sb_instagram .fa-spin,
#sbi_lightbox .fa-spin {
  animation: 2s linear infinite fa-spin;
}

#sb_instagram .fa-pulse,
#sbi_lightbox .fa-pulse {
  animation: 1s steps(8) infinite fa-spin;
}
@keyframes fa-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
.sbi-screenreader {
  text-indent: -9999px !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  text-align: left !important;
  overflow: hidden !important;
}

#sb_instagram .sb_instagram_header,
.sb_instagram_header {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding: 12px 0;
}

#sb_instagram .sb_instagram_header a,
.sb_instagram_header a {
  transition: color 0.5s;
  text-decoration: none;
}

.sb_instagram_header.sbi_header_outside {
  float: none;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex;
}

.sbi_no_avatar .sbi_header_img {
  background: #333;
  color: #fff;
  width: 50px;
  height: 50px;
  position: relative;
}

.sb_instagram_header .sbi_header_hashtag_icon {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
}

.sbi_no_avatar .sbi_header_hashtag_icon {
  display: block;
  color: #fff;
  opacity: 0.9;
  transition:
    background 0.6s linear,
    color 0.6s linear;
}

.sbi_no_avatar:hover .sbi_header_hashtag_icon {
  display: block;
  opacity: 1;
  transition:
    background 0.2s linear,
    color 0.2s linear;
}

@media all and (min-width: 480px) {
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img,
  .sb_instagram_header.sbi_medium .sbi_header_img,
  .sb_instagram_header.sbi_medium .sbi_header_img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,
  .sb_instagram_header.sbi_medium .sbi_header_text h3 {
    font-size: 20px;
  }
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
  .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,
  .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info {
    font-size: 14px;
  }
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,
  .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,
  .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
  .sb_instagram_header.sbi_medium .sbi_header_text h3 {
    line-height: 1.4;
  }
  #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img,
  #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img,
  .sb_instagram_header.sbi_large .sbi_header_img,
  .sb_instagram_header.sbi_large .sbi_header_img img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
  }
  #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,
  .sb_instagram_header.sbi_large .sbi_header_text h3 {
    font-size: 28px;
  }
  #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,
  #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,
  .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,
  .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info {
    font-size: 16px;
  }
}
#sb_instagram .sb_instagram_header .sbi_header_img,
.sb_instagram_header .sbi_header_img {
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}

#sb_instagram .sb_instagram_header .sbi_header_img_hover,
.sb_instagram_header .sbi_header_img_hover {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2;
  transition: opacity 0.4s ease-in-out;
}

#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,
#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo,
.sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,
.sb_instagram_header .sbi_header_img_hover .sbi_new_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  font-size: 24px;
}

#sb_instagram
  .sb_instagram_header.sbi_medium
  .sbi_header_hashtag_icon
  .sbi_new_logo,
.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo {
  margin-top: -18px;
  margin-left: -18px;
  width: 36px;
  height: 36px;
  font-size: 36px;
}

#sb_instagram
  .sb_instagram_header.sbi_large
  .sbi_header_hashtag_icon
  .sbi_new_logo,
.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo {
  margin-top: -24px;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  font-size: 48px;
}

#sb_instagram .sb_instagram_header .sbi_header_img_hover i {
  overflow: hidden;
}

#sb_instagram .sb_instagram_header .sbi_fade_in,
.sb_instagram_header .sbi_fade_in {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,
#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,
#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition,
.sb_instagram_header a:focus .sbi_header_img_hover,
.sb_instagram_header a:hover .sbi_header_img_hover,
.sbi_lb-nav a.sbi_lb-next:hover,
.sbi_lb-nav a.sbi_lb-prev:hover {
  opacity: 1;
}

#sb_instagram .sb_instagram_header .sbi_header_text,
.sb_instagram_header .sbi_header_text {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
}

#sb_instagram .sb_instagram_header.sbi_large .sbi_feedtheme_header_text,
.sb_instagram_header.sbi_large .sbi_feedtheme_header_text {
  gap: 8px;
}

.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text {
  gap: 4px;
}

.sbi_feedtheme_header_text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

#sb_instagram .sb_instagram_header h3,
.sb_instagram_header h3 {
  font-size: 16px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}

#sb_instagram .sb_instagram_header p,
.sb_instagram_header p {
  font-size: 13px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}

#sb_instagram .sb_instagram_header .sbi_header_text img.emoji,
.sb_instagram_header .sbi_header_text img.emoji {
  margin-right: 3px !important;
}

#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info,
.sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info {
  clear: both;
}

#sb_instagram #sbi_load {
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  opacity: 1;
  transition: 0.5s ease-in;
}

#sb_instagram #sbi_load .fa-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -7px;
  font-size: 15px;
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a,
.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  padding: 7px 14px;
  margin: 5px auto 0;
  background: #333;
  text-decoration: none;
  line-height: 1.5;
}

#sb_instagram .sbi_load_btn .sbi_btn_text,
#sb_instagram .sbi_load_btn .sbi_loader {
  opacity: 1;
  transition: 0.1s ease-in;
}

#sb_instagram .sbi_hidden {
  opacity: 0 !important;
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
  border: none;
  color: #fff;
  font-size: 13px;
  border-radius: 4px;
  box-sizing: border-box;
  transition: 0.1s ease-in;
}

.sbi_lb-nav a.sbi_lb-next,
.sbi_lb-nav a.sbi_lb-prev {
  width: 50px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
}

#sb_instagram .sbi_follow_btn {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  text-align: center;
}

#sb_instagram .sbi_follow_btn.sbi_top {
  display: block;
  margin-bottom: 5px;
}

#sb_instagram .sbi_follow_btn a {
  background: #408bd1;
  color: #fff;
}

#sb_instagram #sbi_load .sbi_load_btn:focus,
#sb_instagram #sbi_load .sbi_load_btn:hover {
  outline: 0;
  box-shadow: inset 0 0 20px 20px rgba(255, 255, 255, 0.25);
}

#sb_instagram .sbi_follow_btn a:focus,
#sb_instagram .sbi_follow_btn a:hover {
  outline: 0;
  box-shadow: inset 0 0 10px 20px #359dff;
}

#sb_instagram #sbi_load .sbi_load_btn:active,
#sb_instagram .sbi_follow_btn a:active {
  box-shadow: inset 0 0 10px 20px rgba(0, 0, 0, 0.3);
}

#sb_instagram .sbi_follow_btn .fa,
#sb_instagram .sbi_follow_btn svg {
  margin-bottom: -1px;
  margin-right: 7px;
  font-size: 15px;
}

#sb_instagram .sbi_follow_btn svg {
  vertical-align: -0.125em;
}

#sb_instagram #sbi_load .sbi_follow_btn {
  margin-left: 5px;
}

#sb_instagram .sb_instagram_error {
  width: 100%;
  text-align: center;
  line-height: 1.4;
}

#sbi_mod_error {
  display: none;
  border: 1px solid #ddd;
  background: #eee;
  color: #333;
  margin: 10px 0 0;
  padding: 10px 15px;
  font-size: 13px;
  text-align: center;
  clear: both;
  border-radius: 4px;
}

#sbi_mod_error br {
  display: initial !important;
}

#sbi_mod_error p {
  padding: 5px 0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

#sbi_mod_error ol,
#sbi_mod_error ul {
  padding: 5px 0 5px 20px !important;
  margin: 0 !important;
}

#sbi_mod_error li {
  padding: 1px 0 !important;
  margin: 0 !important;
}

#sbi_mod_error span {
  font-size: 12px;
}

#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,
#sb_instagram.sbi_medium .sbi_playbtn {
  margin-top: -12px;
  margin-left: -9px;
  font-size: 23px;
}

#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone {
  right: 8px;
  top: 8px;
  font-size: 18px;
}

#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,
#sb_instagram.sbi_small .sbi_playbtn {
  margin-top: -9px;
  margin-left: -7px;
  font-size: 18px;
}

#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone {
  right: 5px;
  top: 5px;
  font-size: 12px;
}

@media all and (max-width: 640px) {
  #sb_instagram.sbi_col_3 #sbi_images,
  #sb_instagram.sbi_col_4 #sbi_images,
  #sb_instagram.sbi_col_5 #sbi_images,
  #sb_instagram.sbi_col_6 #sbi_images {
    grid-template-columns: repeat(2, 1fr);
  }
  #sb_instagram.sbi_col_10 #sbi_images,
  #sb_instagram.sbi_col_7 #sbi_images,
  #sb_instagram.sbi_col_8 #sbi_images,
  #sb_instagram.sbi_col_9 #sbi_images {
    grid-template-columns: repeat(4, 1fr);
  }
  #sb_instagram.sbi_width_resp {
    width: 100% !important;
  }
}
#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before {
  content: "";
  display: block;
  padding-top: 100%;
  z-index: -300;
}

#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo,
#sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo {
  padding-bottom: 0 !important;
}

#sb_instagram #sbi_mod_error .sb_frontend_btn {
  display: inline-block;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  border-radius: 5px;
  margin-top: 10px;
  color: #444;
}

#sb_instagram #sbi_mod_error .sb_frontend_btn:hover {
  background: rgba(0, 0, 0, 0.15);
}

#sb_instagram #sbi_mod_error .sb_frontend_btn .fa {
  margin-right: 2px;
}

#sb_instagram.sbi_palette_dark,
#sbi_lightbox.sbi_palette_dark_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer,
#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip,
#sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close,
.sbi_header_outside.sbi_header_palette_dark {
  background-color: rgba(0, 0, 0, 0.85);
  color: rgba(255, 255, 255, 0.75);
}

#sb_instagram.sbi_palette_dark .sbi_caption,
#sb_instagram.sbi_palette_dark .sbi_meta,
#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox
  .sbi_lb-commentBox
  p,
#sbi_lightbox.sbi_palette_dark_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer
  .sbi_lb-details
  .sbi_lb-caption,
#sbi_lightbox.sbi_palette_dark_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer
  .sbi_lb-number,
.sbi_header_palette_dark,
.sbi_header_palette_dark .sbi_bio {
  color: rgba(255, 255, 255, 0.75);
}

#sb_instagram.sbi_palette_dark .sbi_expand a,
#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox
  .sbi_lb-commentBox
  .sbi_lb-commenter,
#sbi_lightbox.sbi_palette_dark_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer
  .sbi_lb-details
  a,
#sbi_lightbox.sbi_palette_dark_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer
  .sbi_lb-details
  a
  p,
.sbi_header_palette_dark a {
  color: #fff;
}

#sb_instagram.sbi_palette_light,
#sbi_lightbox.sbi_palette_light_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer,
#sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip,
#sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close,
.sbi_header_outside.sbi_header_palette_light {
  color: rgba(0, 0, 0, 0.85);
  background-color: rgba(255, 255, 255, 0.75);
}

#sb_instagram.sbi_palette_light .sbi_caption,
#sb_instagram.sbi_palette_light .sbi_meta,
#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox
  .sbi_lb-commentBox
  p,
#sbi_lightbox.sbi_palette_light_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer
  .sbi_lb-details
  .sbi_lb-caption,
#sbi_lightbox.sbi_palette_light_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer
  .sbi_lb-number,
.sbi_header_palette_light,
.sbi_header_palette_light .sbi_bio {
  color: rgba(0, 0, 0, 0.85);
}

#sb_instagram.sbi_palette_light .sbi_expand a,
#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox
  .sbi_lb-commentBox
  .sbi_lb-commenter,
#sbi_lightbox.sbi_palette_light_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer
  .sbi_lb-details
  a,
#sbi_lightbox.sbi_palette_light_lightbox
  .sbi_lb-outerContainer
  .sbi_lb-dataContainer
  .sbi_lb-details
  a
  p,
.sbi_header_palette_light a {
  color: #000;
}

@media all and (max-width: 800px) {
  #sb_instagram.sbi_tab_col_10 #sbi_images {
    grid-template-columns: repeat(10, 1fr);
  }
  #sb_instagram.sbi_tab_col_9 #sbi_images {
    grid-template-columns: repeat(9, 1fr);
  }
  #sb_instagram.sbi_tab_col_8 #sbi_images {
    grid-template-columns: repeat(8, 1fr);
  }
  #sb_instagram.sbi_tab_col_7 #sbi_images {
    grid-template-columns: repeat(7, 1fr);
  }
  #sb_instagram.sbi_tab_col_6 #sbi_images {
    grid-template-columns: repeat(6, 1fr);
  }
  #sb_instagram.sbi_tab_col_5 #sbi_images {
    grid-template-columns: repeat(5, 1fr);
  }
  #sb_instagram.sbi_tab_col_4 #sbi_images {
    grid-template-columns: repeat(4, 1fr);
  }
  #sb_instagram.sbi_tab_col_3 #sbi_images {
    grid-template-columns: repeat(3, 1fr);
  }
  #sb_instagram.sbi_tab_col_2 #sbi_images {
    grid-template-columns: repeat(2, 1fr);
  }
  #sb_instagram.sbi_tab_col_1 #sbi_images {
    grid-template-columns: 1fr;
  }
}
@media all and (max-width: 480px) {
  #sb_instagram.sbi_col_10 #sbi_images,
  #sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,
  #sb_instagram.sbi_col_3 #sbi_images,
  #sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,
  #sb_instagram.sbi_col_4 #sbi_images,
  #sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,
  #sb_instagram.sbi_col_5 #sbi_images,
  #sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,
  #sb_instagram.sbi_col_6 #sbi_images,
  #sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,
  #sb_instagram.sbi_col_7 #sbi_images,
  #sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,
  #sb_instagram.sbi_col_8 #sbi_images,
  #sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,
  #sb_instagram.sbi_col_9 #sbi_images,
  #sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,
  #sb_instagram.sbi_mob_col_1 #sbi_images {
    grid-template-columns: 1fr;
  }
  #sb_instagram.sbi_mob_col_2 #sbi_images {
    grid-template-columns: repeat(2, 1fr);
  }
  #sb_instagram.sbi_mob_col_3 #sbi_images {
    grid-template-columns: repeat(3, 1fr);
  }
  #sb_instagram.sbi_mob_col_4 #sbi_images {
    grid-template-columns: repeat(4, 1fr);
  }
  #sb_instagram.sbi_mob_col_5 #sbi_images {
    grid-template-columns: repeat(5, 1fr);
  }
  #sb_instagram.sbi_mob_col_6 #sbi_images {
    grid-template-columns: repeat(6, 1fr);
  }
  #sb_instagram.sbi_mob_col_7 #sbi_images {
    grid-template-columns: repeat(7, 1fr);
  }
  #sb_instagram.sbi_mob_col_8 #sbi_images {
    grid-template-columns: repeat(8, 1fr);
  }
  #sb_instagram.sbi_mob_col_9 #sbi_images {
    grid-template-columns: repeat(9, 1fr);
  }
  #sb_instagram.sbi_mob_col_10 #sbi_images {
    grid-template-columns: repeat(10, 1fr);
  }
}
#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide {
  display: none !important;
}

body:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAA3CAYAAAA2YdXmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5ODUyRDhDNEMxNjExRTk4NEM4RDkxQzg2RUEwRkY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5ODUyRDhENEMxNjExRTk4NEM4RDkxQzg2RUEwRkY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk4NTJEOEE0QzE2MTFFOTg0QzhEOTFDODZFQTBGRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk4NTJEOEI0QzE2MTFFOTg0QzhEOTFDODZFQTBGRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zMbLqAAAL10lEQVR42uxd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);
  display: none;
}

.sbi_lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: #000;
  opacity: 0.9;
  display: none;
}

.sbi_lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100000;
  text-align: center;
  line-height: 0;
  font-weight: 400;
}

.sbi_lightbox .sbi_lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
  -o-object-fit: contain;
  object-fit: contain;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image {
  border-radius: 3px 0 0 3px;
}

.sbi_lb-outerContainer {
  position: relative;
  background-color: #000;
  width: 250px;
  height: 250px;
  margin: 0 auto 5px;
  border-radius: 4px;
}

.sbi_lb-container-wrapper {
  height: 100%;
}

.sbi_lb-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
}

.sbi_lb-loader {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  height: 20px;
  margin-top: -10px;
  text-align: center;
  line-height: 0;
}

.sbi_lb-loader span {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAA3CAYAAAA2YdXmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5ODUyRDhDNEMxNjExRTk4NEM4RDkxQzg2RUEwRkY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5ODUyRDhENEMxNjExRTk4NEM4RDkxQzg2RUEwRkY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk4NTJEOEE0QzE2MTFFOTg0QzhEOTFDODZFQTBGRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk4NTJEOEI0QzE2MTFFOTg0QzhEOTFDODZFQTBGRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zMbLqAAAL10lEQVR42uxd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)
    no-repeat;
}

.sbi_lb-container > .nav {
  left: 0;
}

.sbi_lb-nav a {
  position: absolute;
  z-index: 100;
  top: 0;
  height: 90%;
  outline: 0;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.sbi_lb-next,
.sbi_lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.sbi_lb-nav a.sbi_lb-prev {
  left: -70px;
  float: left;
  transition: opacity 0.2s;
}

.sbi_lb-nav a.sbi_lb-next {
  right: -70px;
  float: right;
  transition: opacity 0.2s;
}

.sbi_lb-nav span {
  display: block;
  top: 55%;
  position: absolute;
  left: 20px;
  width: 34px;
  height: 45px;
  margin: -25px 0 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAA3CAYAAAA2YdXmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5ODUyRDhDNEMxNjExRTk4NEM4RDkxQzg2RUEwRkY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5ODUyRDhENEMxNjExRTk4NEM4RDkxQzg2RUEwRkY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk4NTJEOEE0QzE2MTFFOTg0QzhEOTFDODZFQTBGRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk4NTJEOEI0QzE2MTFFOTg0QzhEOTFDODZFQTBGRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zMbLqAAAL10lEQVR42uxd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)
    no-repeat;
}

.sbi_lb-nav a.sbi_lb-prev span {
  background-position: -53px 0;
}

.sbi_lb-nav a.sbi_lb-next span {
  left: auto;
  right: 20px;
  background-position: -18px 0;
}

.sbi_lb-dataContainer {
  margin: 0 auto;
  padding-top: 10px;
  width: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer {
  position: relative;
  padding-right: 300px;
  background: #fff;
  box-sizing: content-box;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper {
  position: relative;
  background: #000;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer {
  width: 300px !important;
  position: absolute;
  top: 0;
  right: -300px;
  height: 100%;
  bottom: 0;
  background: #fff;
  line-height: 1.4;
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox {
  display: block !important;
  width: 100%;
  margin-top: 20px;
  padding: 4px;
}

#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number {
  padding-bottom: 0;
}

#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text {
  display: inline-block;
  padding-top: 10px;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment {
  display: block !important;
  width: 100%;
  min-width: 100%;
  float: left;
  clear: both;
  font-size: 12px;
  padding: 3px 20px 3px 0;
  margin: 0 0 1px;
  box-sizing: border-box;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter {
  font-weight: 700;
  margin-right: 5px;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p {
  text-align: left;
}

.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer {
  box-sizing: border-box;
  padding: 15px 20px;
}

.sbi_lb-data {
  padding: 0 4px;
  color: #ccc;
}

.sbi_lb-data .sbi_lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1;
}

.sbi_lb-data .sbi_lb-caption {
  float: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  padding-bottom: 3px;
  color: #ccc;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

.sbi_lb-data .sbi_lb-caption a {
  color: #ccc;
  font-weight: 700;
  text-decoration: none;
}

.sbi_lb-commenter:hover,
.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,
.sbi_lb-data .sbi_lb-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username {
  float: left;
  width: 100%;
  color: #ccc;
  padding-bottom: 0;
  display: block;
  margin: 0 0 5px;
}

#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number,
#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a,
#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover,
.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter,
.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover,
.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data,
.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption,
.sbi_lightbox.sbi_lb-comments-enabled
  .sbi_lb-data
  .sbi_lb-caption
  .sbi_lightbox_username
  p,
.sbi_lightbox.sbi_lb-comments-enabled
  .sbi_lb-data
  .sbi_lb-caption
  .sbi_lightbox_username:hover
  p,
.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a,
.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover,
.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username {
  color: #333;
}

.sbi_lightbox .sbi_lightbox_username img {
  float: left;
  border: none;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  background: #666;
  border-radius: 40px;
}

.sbi_lightbox_username p {
  float: left;
  margin: 0;
  padding: 0;
  color: #ccc;
  line-height: 32px;
  font-weight: 700;
  font-size: 13px;
}

.sbi_lb-data .sbi_lb-number {
  display: block;
  float: left;
  clear: both;
  padding: 5px 0 15px;
  font-size: 12px;
  color: #999;
}

.sbi_lb-data .sbi_lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  font-size: 18px;
  color: #aaa;
  text-align: right;
  outline: 0;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.sbi_lb-data .sbi_lb-close:hover {
  cursor: pointer;
  opacity: 1;
  color: #fff;
}

.sbi_lb-nav {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  height: auto;
}

.sbi-feed-block-cta,
.sbi-feed-block-cta-img-ctn {
  width: 100% !important;
  position: relative !important;
}

.sbi_lightbox .sbi_owl-item:nth-child(n + 2) .sbi_video {
  position: relative !important;
}

.sbi_lb-container {
  padding: 0;
}

.sbi-feed-block-cta {
  border: 1px solid #e8e8eb !important;
  border-radius: 2px !important;
  text-align: center !important;
}

.sbi-feed-block-cta-img-ctn {
  float: left !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 50px !important;
  margin-bottom: 35px !important;
}

.sbi-feed-block-cta-img {
  width: 65px !important;
  height: 65px !important;
  position: relative !important;
  border: 2px solid #dcdde1 !important;
  border-radius: 16px !important;
  transform: rotate(-3deg) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.sbi-feed-block-cta-img span svg {
  float: left !important;
}

.sbi-feed-block-cta-img > * {
  transform: rotate(3deg) !important;
}

.sbi-feed-block-cta-logo {
  position: absolute !important;
  right: -15px !important;
  bottom: -19px !important;
  z-index: 1 !important;
}

.sbi-feed-block-cta-heading {
  font-size: 19px !important;
  padding: 0 !important;
  margin: 0 0 30px !important;
  display: inline-block !important;
  width: 100% !important;
  font-weight: 700 !important;
  line-height: 1.4em !important;
}

.sbi-feed-block-cta-btn {
  background: #0068a0 !important;
  border-radius: 2px !important;
  padding: 8px 20px 8px 38px !important;
  cursor: pointer !important;
  color: #fff !important;
  position: relative !important;
  margin-bottom: 30px !important;
}

.sbi-feed-block-cta-btn:after,
.sbi-feed-block-cta-btn:before {
  content: "" !important;
  position: absolute !important;
  width: 2px !important;
  height: 12px !important;
  background: #fff !important;
  left: 20px !important;
  top: 14px !important;
}

.sbi-feed-block-cta-btn:after {
  transform: rotate(90deg) !important;
}

.sbi-feed-block-cta-desc {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  background: #f9f9fa !important;
  border-top: 1px solid #e8e8eb !important;
  margin-top: 35px !important;
  flex-direction: column !important;
}

.sbi-feed-block-cta-desc strong {
  color: #141b38 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

.sbi-feed-block-cta-desc span {
  color: #434960 !important;
  font-size: 14px !important;
  line-height: 1.5em !important;
  padding: 0 20% !important;
}

.sbi-feed-block-cta-desc span a,
.sbi-feed-block-cta-selector span a {
  text-transform: capitalize !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.sbi-feed-block-cta-selector {
  width: 100% !important;
  padding: 0 20% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  margin-bottom: 45px !important;
}

.sbi-feed-block-cta-feedselector {
  border: 1px solid #d0d1d7 !important;
  padding: 8px 16px !important;
  margin-bottom: 15px !important;
  max-width: 100% !important;
  min-width: 400px !important;
}

.sbi-feed-block-cta-selector span {
  color: #2c324c !important;
}

.sbi-feed-block-cta-selector span a:after {
  color: #2c324c !important;
  margin-left: 2px !important;
  font-weight: 400 !important;
  text-decoration-color: #fff !important;
}

.sbi-feed-block-cta-selector span a:first-of-type:after {
  content: "," !important;
}

.sbi-feed-block-cta-selector span a:nth-of-type(2):after {
  content: "or" !important;
  margin-left: 5px !important;
  margin-right: 2px !important;
}

.et-db #et-boc .et-l .et-fb-modules-list ul > li.sb_facebook_feed::before,
.et-db #et-boc .et-l .et-fb-modules-list ul > li.sb_instagram_feed::before,
.et-db #et-boc .et-l .et-fb-modules-list ul > li.sb_twitter_feed::before,
.et-db #et-boc .et-l .et-fb-modules-list ul > li.sb_youtube_feed::before {
  content: "" !important;
  height: 16px !important;
  font-variant: normal !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.et-db #et-boc .et-l .et-fb-modules-list ul > li.sb_facebook_feed::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9056 18.109H13.4056V17.609H12.9056V18.109ZM9.79722 18.109H9.29722V18.609H9.79722V18.109ZM9.79722 14.5601V14.0601H9.29722V14.5601H9.79722ZM12.9056 14.5601V15.0601H13.4056V14.5601H12.9056ZM20.2604 7.32764H20.7604V6.90407L20.3426 6.83444L20.2604 7.32764ZM20.2604 10.3503V10.8503H20.7604V10.3503H20.2604ZM16.7237 14.5601H16.2237V15.0601H16.7237V14.5601ZM20.1258 14.5601L20.6199 14.6367L20.7094 14.0601H20.1258V14.5601ZM19.5751 18.109V18.609H20.0035L20.0692 18.1857L19.5751 18.109ZM16.7237 18.109V17.609H16.2237V18.109H16.7237ZM27.0523 14.5601H26.5523L26.5523 14.5612L27.0523 14.5601ZM17.0803 26.6136L16.9877 26.1222L17.0803 26.6136ZM12.5489 26.6139L12.6411 26.1225L12.5489 26.6139ZM14.8147 1.79797C7.80749 1.79797 2.07703 7.51685 2.07703 14.5601H3.07703C3.07703 8.06849 8.36042 2.79797 14.8147 2.79797V1.79797ZM2.07703 14.5601C2.07703 20.7981 6.54984 25.9974 12.4567 27.1053L12.6411 26.1225C7.19999 25.1019 3.07703 20.3097 3.07703 14.5601H2.07703ZM13.4056 26.3139V18.109H12.4056V26.3139H13.4056ZM12.9056 17.609H9.79722V18.609H12.9056V17.609ZM10.2972 18.109V14.5601H9.29722V18.109H10.2972ZM9.79722 15.0601H12.9056V14.0601H9.79722V15.0601ZM13.4056 14.5601V11.8556H12.4056V14.5601H13.4056ZM13.4056 11.8556C13.4056 10.4191 13.8299 9.36825 14.5211 8.67703C15.2129 7.98525 16.2305 7.59512 17.5314 7.59512V6.59512C16.0299 6.59512 14.7346 7.04939 13.814 7.96992C12.893 8.891 12.4056 10.2204 12.4056 11.8556H13.4056ZM17.5314 7.59512C18.1724 7.59512 18.8342 7.65119 19.3401 7.70823C19.592 7.73664 19.8029 7.76502 19.9504 7.78622C20.0241 7.79681 20.0818 7.8056 20.1208 7.81167C20.1402 7.81471 20.155 7.81706 20.1647 7.81863C20.1695 7.81941 20.1731 7.82 20.1754 7.82037C20.1765 7.82056 20.1773 7.82069 20.1778 7.82077C20.178 7.82081 20.1782 7.82083 20.1782 7.82084C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1782 7.82084 20.1782 7.82084 20.2604 7.32764C20.3426 6.83444 20.3426 6.83443 20.3425 6.83443C20.3425 6.83442 20.3424 6.83441 20.3424 6.83441C20.3423 6.83439 20.3422 6.83437 20.342 6.83435C20.3418 6.8343 20.3414 6.83425 20.341 6.83417C20.3401 6.83403 20.3389 6.83383 20.3373 6.83357C20.3342 6.83307 20.3298 6.83234 20.3241 6.83142C20.3127 6.82958 20.2962 6.82695 20.2749 6.82362C20.2323 6.81698 20.1707 6.8076 20.0927 6.7964C19.9369 6.774 19.7157 6.74425 19.4521 6.71453C18.927 6.65532 18.2243 6.59512 17.5314 6.59512V7.59512ZM19.7604 7.32764V10.3503H20.7604V7.32764H19.7604ZM20.2604 9.85033H18.7185V10.8503H20.2604V9.85033ZM18.7185 9.85033C17.851 9.85033 17.1997 10.1241 16.7742 10.6148C16.3604 11.0922 16.2237 11.7025 16.2237 12.2594H17.2237C17.2237 11.8495 17.3257 11.5053 17.5298 11.2699C17.7224 11.0477 18.0684 10.8503 18.7185 10.8503V9.85033ZM16.2237 12.2594V14.5601H17.2237V12.2594H16.2237ZM16.7237 15.0601H20.1258V14.0601H16.7237V15.0601ZM19.6317 14.4834L19.081 18.0323L20.0692 18.1857L20.6199 14.6367L19.6317 14.4834ZM19.5751 17.609H16.7237V18.609H19.5751V17.609ZM16.2237 18.109V26.3135H17.2237V18.109H16.2237ZM17.1728 27.105C20.0281 26.5671 22.618 25.068 24.5079 22.8512L23.7469 22.2025C22.0054 24.2452 19.6188 25.6266 16.9877 26.1222L17.1728 27.105ZM24.5079 22.8512C26.4793 20.5388 27.5591 17.5977 27.5523 14.559L26.5523 14.5612C26.5586 17.3614 25.5636 20.0715 23.7469 22.2025L24.5079 22.8512ZM27.5523 14.5601C27.5523 7.51685 21.8218 1.79797 14.8147 1.79797V2.79797C21.2689 2.79797 26.5523 8.06849 26.5523 14.5601H27.5523ZM16.2237 26.3135C16.2237 26.8064 16.6682 27.2 17.1728 27.105L16.9877 26.1222C17.119 26.0975 17.2237 26.2006 17.2237 26.3135H16.2237ZM12.4567 27.1053C12.9603 27.1998 13.4056 26.8073 13.4056 26.3139H12.4056C12.4056 26.2001 12.5107 26.098 12.6411 26.1225L12.4567 27.1053Z' fill='%232b87da' /%3E%3Cpath d='M12.9056 18.1088H13.4056V17.6088H12.9056V18.1088ZM9.79724 18.1088H9.29724V18.6088H9.79724V18.1088ZM9.79724 14.5599V14.0599H9.29724V14.5599H9.79724ZM12.9056 14.5599V15.0599H13.4056V14.5599H12.9056ZM20.2604 7.32749H20.7604V6.90392L20.3426 6.83429L20.2604 7.32749ZM20.2604 10.3502V10.8502H20.7604V10.3502H20.2604ZM16.7237 14.5599H16.2237V15.0599H16.7237V14.5599ZM20.1258 14.5599L20.6199 14.6366L20.7094 14.0599H20.1258V14.5599ZM19.5751 18.1088V18.6088H20.0035L20.0692 18.1855L19.5751 18.1088ZM16.7237 18.1088V17.6088H16.2237V18.1088H16.7237ZM13.4056 26.366V18.1088H12.4056V26.366H13.4056ZM12.9056 17.6088H9.79724V18.6088H12.9056V17.6088ZM10.2972 18.1088V14.5599H9.29724V18.1088H10.2972ZM9.79724 15.0599H12.9056V14.0599H9.79724V15.0599ZM13.4056 14.5599V11.8554H12.4056V14.5599H13.4056ZM13.4056 11.8554C13.4056 10.4189 13.8299 9.3681 14.5212 8.67688C15.2129 7.9851 16.2305 7.59497 17.5314 7.59497V6.59497C16.0299 6.59497 14.7346 7.04924 13.814 7.96977C12.893 8.89085 12.4056 10.2202 12.4056 11.8554H13.4056ZM17.5314 7.59497C18.1724 7.59497 18.8342 7.65103 19.3401 7.70808C19.592 7.73648 19.803 7.76487 19.9504 7.78607C20.0241 7.79666 20.0819 7.80545 20.1208 7.81152C20.1402 7.81455 20.155 7.81691 20.1647 7.81848C20.1695 7.81926 20.1731 7.81984 20.1754 7.82022C20.1765 7.8204 20.1773 7.82054 20.1778 7.82061C20.178 7.82065 20.1782 7.82068 20.1783 7.82069C20.1783 7.8207 20.1783 7.8207 20.1783 7.8207C20.1783 7.8207 20.1783 7.82069 20.1783 7.82069C20.1782 7.82069 20.1782 7.82068 20.2604 7.32749C20.3426 6.83429 20.3426 6.83428 20.3425 6.83427C20.3425 6.83427 20.3424 6.83426 20.3424 6.83425C20.3423 6.83424 20.3422 6.83422 20.3421 6.8342C20.3418 6.83415 20.3414 6.83409 20.341 6.83402C20.3401 6.83387 20.3389 6.83367 20.3374 6.83342C20.3343 6.83291 20.3298 6.83219 20.3241 6.83127C20.3127 6.82943 20.2962 6.82679 20.2749 6.82347C20.2324 6.81683 20.1707 6.80745 20.0927 6.79624C19.9369 6.77385 19.7158 6.7441 19.4522 6.71438C18.927 6.65516 18.2244 6.59497 17.5314 6.59497V7.59497ZM19.7604 7.32749V10.3502H20.7604V7.32749H19.7604ZM20.2604 9.85018H18.7185V10.8502H20.2604V9.85018ZM18.7185 9.85018C17.8511 9.85018 17.1997 10.1239 16.7743 10.6146C16.3604 11.092 16.2237 11.7024 16.2237 12.2592H17.2237C17.2237 11.8493 17.3257 11.5052 17.5298 11.2697C17.7224 11.0476 18.0684 10.8502 18.7185 10.8502V9.85018ZM16.2237 12.2592V14.5599H17.2237V12.2592H16.2237ZM16.7237 15.0599H20.1258V14.0599H16.7237V15.0599ZM19.6317 14.4833L19.081 18.0322L20.0692 18.1855L20.6199 14.6366L19.6317 14.4833ZM19.5751 17.6088H16.7237V18.6088H19.5751V17.6088ZM16.2237 18.1088V26.366H17.2237V18.1088H16.2237ZM16.4146 26.1752H13.2148V27.1752H16.4146V26.1752ZM16.2237 26.366C16.2237 26.2606 16.3092 26.1752 16.4146 26.1752V27.1752C16.8615 27.1752 17.2237 26.8129 17.2237 26.366H16.2237ZM12.4056 26.366C12.4056 26.8129 12.7679 27.1752 13.2148 27.1752V26.1752C13.3202 26.1752 13.4056 26.2606 13.4056 26.366H12.4056Z' fill='%232b87da'/%3E%3C/svg%3E%0A");
}

.et-db #et-boc .et-l .et-fb-modules-list ul > li.sb_instagram_feed::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E%0A");
}

.et-db #et-boc .et-l .et-fb-modules-list ul > li.sb_twitter_feed::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8762 6.78846C27.9345 6.7065 27.8465 6.60094 27.7536 6.63936C27.0263 6.93989 26.26 7.15757 25.4698 7.29241C25.3632 7.31061 25.3082 7.16347 25.3956 7.09969C26.2337 6.48801 26.8918 5.63649 27.2636 4.63802C27.2958 4.55162 27.2014 4.47574 27.1212 4.52123C26.1605 5.06618 25.1092 5.45524 24.0054 5.68842C23.971 5.69568 23.9354 5.68407 23.9113 5.65844C22.9264 4.60891 21.5545 4 19.9999 4C17.0624 4 14.6624 6.4 14.6624 9.3625C14.6624 9.74071 14.702 10.109 14.7724 10.4586C14.7855 10.5235 14.7342 10.5842 14.6681 10.5803C10.3227 10.3231 6.45216 8.2421 3.84135 5.09864C3.79681 5.04501 3.71241 5.0515 3.67879 5.11257C3.26061 5.8722 3.02493 6.75115 3.02493 7.675C3.02493 9.41548 3.84362 10.9704 5.13417 11.9317C5.2141 11.9913 5.17327 12.12 5.07385 12.1129C4.32811 12.0597 3.63173 11.835 3.00827 11.5171C2.99303 11.5094 2.97493 11.5204 2.97493 11.5375V11.5375C2.97493 13.9896 4.6205 16.0638 6.86301 16.7007C6.96452 16.7295 6.96588 16.8757 6.86218 16.8953C6.25772 17.0096 5.63724 17.0173 5.0289 16.9176C4.95384 16.9052 4.89095 16.9762 4.91633 17.0479C5.26967 18.0466 5.91213 18.9192 6.7637 19.5537C7.58576 20.1661 8.56481 20.5283 9.58351 20.6001C9.67715 20.6067 9.71634 20.7266 9.64124 20.7829C7.78574 22.1744 5.52424 22.9237 3.19993 22.9125C2.91864 22.9125 2.63736 22.9015 2.35608 22.8796C2.25034 22.8714 2.20189 23.0116 2.29272 23.0664C4.58933 24.4509 7.27959 25.25 10.1499 25.25C19.9999 25.25 25.4124 17.075 25.4124 9.9875C25.4124 9.76833 25.4124 9.5598 25.4026 9.34228C25.4011 9.30815 25.4168 9.27551 25.4445 9.2555C26.3819 8.57814 27.1984 7.74079 27.8762 6.78846Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.et-db #et-boc .et-l .et-fb-modules-list ul > li.sb_youtube_feed::before {
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3267C11 13.4037 11.0834 13.4518 11.15 13.4133L17.3377 9.83658C17.4043 9.79808 17.4043 9.70192 17.3377 9.66342L11.15 6.08673C11.0834 6.0482 11 6.0963 11 6.17331V13.3267ZM25.45 3.7125C25.6125 4.3 25.725 5.0875 25.8 6.0875C25.8875 7.0875 25.925 7.95 25.925 8.7L26 9.75C26 12.4875 25.8 14.5 25.45 15.7875C25.1375 16.9125 24.4125 17.6375 23.2875 17.95C22.7 18.1125 21.625 18.225 19.975 18.3C18.35 18.3875 16.8625 18.425 15.4875 18.425L13.5 18.5C8.2625 18.5 5 18.3 3.7125 17.95C2.5875 17.6375 1.8625 16.9125 1.55 15.7875C1.3875 15.2 1.275 14.4125 1.2 13.4125C1.1125 12.4125 1.075 11.55 1.075 10.8L1 9.75C1 7.0125 1.2 5 1.55 3.7125C1.8625 2.5875 2.5875 1.8625 3.7125 1.55C4.3 1.3875 5.375 1.275 7.025 1.2C8.65 1.1125 10.1375 1.075 11.5125 1.075L13.5 1C18.7375 1 22 1.2 23.2875 1.55C24.4125 1.8625 25.1375 2.5875 25.45 3.7125Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a {
  border: none;
  color: #fff;
  font-size: 13px;
  border-radius: 4px;
  box-sizing: border-box;
}

.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:after,
.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:before {
  top: 10px !important;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: 0 0 !important;
  padding: 0 !important;
}

:root {
  --wp-block-synced-color: #7a00df;
  --wp-block-synced-color--rgb: 122, 0, 223;
  --wp-bound-block-color: var(--wp-block-synced-color);
  --wp-editor-canvas-background: #ddd;
  --wp-admin-theme-color: #007cba;
  --wp-admin-theme-color--rgb: 0, 124, 186;
  --wp-admin-theme-color-darker-10: #006ba1;
  --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
  --wp-admin-theme-color-darker-20: #005a87;
  --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
  --wp-admin-border-width-focus: 2px;
}

@media (min-resolution: 192dpi) {
  :root {
    --wp-admin-border-width-focus: 1.5px;
  }
}
.wp-element-button {
  cursor: pointer;
}

:root .has-very-light-gray-background-color {
  background-color: #eee;
}

:root .has-very-dark-gray-background-color {
  background-color: #313131;
}

:root .has-very-light-gray-color {
  color: #eee;
}

:root .has-very-dark-gray-color {
  color: #313131;
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
  background: linear-gradient(135deg, #00d084, #0693e3);
}

:root .has-purple-crush-gradient-background {
  background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
}

:root .has-hazy-dawn-gradient-background {
  background: linear-gradient(135deg, #faaca8, #dad0ec);
}

:root .has-subdued-olive-gradient-background {
  background: linear-gradient(135deg, #fafae1, #67a671);
}

:root .has-atomic-cream-gradient-background {
  background: linear-gradient(135deg, #fdd79a, #004a59);
}

:root .has-nightshade-gradient-background {
  background: linear-gradient(135deg, #330968, #31cdcf);
}

:root .has-midnight-gradient-background {
  background: linear-gradient(135deg, #020381, #2874fc);
}

:root {
  --wp--preset--font-size--normal: 16px;
  --wp--preset--font-size--huge: 42px;
}

.has-regular-font-size {
  font-size: 1em;
}

.has-larger-font-size {
  font-size: 2.625em;
}

.has-normal-font-size {
  font-size: var(--wp--preset--font-size--normal);
}

.has-huge-font-size {
  font-size: var(--wp--preset--font-size--huge);
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-left {
  text-align: left;
}

.has-text-align-right {
  text-align: right;
}

.has-fit-text {
  white-space: nowrap !important;
}

#end-resizable-editor-section {
  display: none;
}

.aligncenter {
  clear: both;
}

.items-justified-left {
  justify-content: flex-start;
}

.items-justified-center {
  justify-content: center;
}

.items-justified-right {
  justify-content: flex-end;
}

.items-justified-space-between {
  justify-content: space-between;
}

.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #ddd;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

html :where(.has-border-color) {
  border-style: solid;
}

html :where([style*="border-top-color"]) {
  border-top-style: solid;
}

html :where([style*="border-right-color"]) {
  border-right-style: solid;
}

html :where([style*="border-bottom-color"]) {
  border-bottom-style: solid;
}

html :where([style*="border-left-color"]) {
  border-left-style: solid;
}

html :where([style*="border-width"]) {
  border-style: solid;
}

html :where([style*="border-top-width"]) {
  border-top-style: solid;
}

html :where([style*="border-right-width"]) {
  border-right-style: solid;
}

html :where([style*="border-bottom-width"]) {
  border-bottom-style: solid;
}

html :where([style*="border-left-width"]) {
  border-left-style: solid;
}

html :where(img[class*="wp-image-"]) {
  height: auto;
  max-width: 100%;
}

:where(figure) {
  margin: 0 0 1em;
}

html :where(.is-position-sticky) {
  --wp-admin--admin-bar--position-offset: var(
    --wp-admin--admin-bar--height,
    0px
  );
}

@media screen and (max-width: 600px) {
  html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: 0px;
  }
}
/*! This file is auto-generated */
.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
}

.wp-block-file__button {
  background: #32373c;
  color: #fff;
  text-decoration: none;
}

:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #fff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    #0693e3 0%,
    #9b51e0 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    #7adcb4 0%,
    #00d082 100%
  );
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
    135deg,
    #fcb900 0%,
    #ff6900 100%
  );
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
    135deg,
    #ff6900 0%,
    #cf2e2e 100%
  );
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
    135deg,
    #eee 0%,
    #a9b8c3 100%
  );
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
    135deg,
    #4aeadc 0%,
    #9778d1 20%,
    #cf2aba 40%,
    #ee2c82 60%,
    #fb6962 80%,
    #fef84c 100%
  );
  --wp--preset--gradient--blush-light-purple: linear-gradient(
    135deg,
    #ffceec 0%,
    #9896f0 100%
  );
  --wp--preset--gradient--blush-bordeaux: linear-gradient(
    135deg,
    #fecda5 0%,
    #fe2d2d 50%,
    #6b003e 100%
  );
  --wp--preset--gradient--luminous-dusk: linear-gradient(
    135deg,
    #ffcb70 0%,
    #c751c0 50%,
    #4158d0 100%
  );
  --wp--preset--gradient--pale-ocean: linear-gradient(
    135deg,
    #fff5cb 0%,
    #b6e3d4 50%,
    #33a7b5 100%
  );
  --wp--preset--gradient--electric-grass: linear-gradient(
    135deg,
    #caf880 0%,
    #71ce7e 100%
  );
  --wp--preset--gradient--midnight: linear-gradient(
    135deg,
    #020381 0%,
    #2874fc 100%
  );
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000;
  --wp--preset--shadow--crisp: 6px 6px 0px #000;
}

:where(.is-layout-flex) {
  gap: 0.5em;
}

:where(.is-layout-grid) {
  gap: 0.5em;
}

body .is-layout-flex {
  display: flex;
}

.is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}

.is-layout-flex > :is(*, div) {
  margin: 0;
}

body .is-layout-grid {
  display: grid;
}

.is-layout-grid > :is(*, div) {
  margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}

.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
  color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
  ) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
  ) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
  ) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red
  ) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
  ) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}

.ppress-hint-wrap[class*="hint--"] {
  display: inline-block;
  position: relative;
}

.ppress-hint-wrap[class*="hint--"]:after,
.ppress-hint-wrap[class*="hint--"]:before {
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: all 0.3s;
  position: absolute;
  transform: translate(0, 0);
}

.ppress-hint-wrap[class*="hint--"]:hover:after,
.ppress-hint-wrap[class*="hint--"]:hover:before {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}

.ppress-hint-wrap[class*="hint--"]:before {
  content: "";
  z-index: 1000001;
  background: 0 0;
  border: 6px solid rgba(0, 0, 0, 0);
  position: absolute;
}

.ppress-hint-wrap[class*="hint--"]:after {
  color: #fff;
  white-space: nowrap;
  text-shadow: 0 -1px #000;
  background: #383838;
  padding: 8px 10px;
  font-family:
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  line-height: 12px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3019607843);
}

.ppress-hint-wrap[class*="hint--"][aria-label]:after {
  content: attr(aria-label);
}

.ppress-hint-wrap[class*="hint--"][data-hint]:after {
  content: attr(data-hint);
}

.ppress-hint-wrap[aria-label=""]:after,
.ppress-hint-wrap[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
  display: none !important;
}

.ppress-hint-wrap.hint--top-left:before,
.ppress-hint-wrap.hint--top-right:before,
.ppress-hint-wrap.hint--top:before {
  border-top-color: #383838;
}

.ppress-hint-wrap.hint--bottom-left:before,
.ppress-hint-wrap.hint--bottom-right:before,
.ppress-hint-wrap.hint--bottom:before {
  border-bottom-color: #383838;
}

.ppress-hint-wrap.hint--top:after,
.ppress-hint-wrap.hint--top:before {
  bottom: 100%;
  left: 50%;
}

.ppress-hint-wrap.hint--top:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.ppress-hint-wrap.hint--top:after {
  transform: translate(-50%);
}

.ppress-hint-wrap.hint--top:hover:before {
  transform: translateY(-8px);
}

.ppress-hint-wrap.hint--top:hover:after {
  transform: translate(-50%) translateY(-8px);
}

.ppress-hint-wrap.hint--bottom:after,
.ppress-hint-wrap.hint--bottom:before {
  top: 100%;
  left: 50%;
}

.ppress-hint-wrap.hint--bottom:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.ppress-hint-wrap.hint--bottom:after {
  transform: translate(-50%);
}

.ppress-hint-wrap.hint--bottom:hover:before {
  transform: translateY(8px);
}

.ppress-hint-wrap.hint--bottom:hover:after {
  transform: translate(-50%) translateY(8px);
}

.ppress-hint-wrap.hint--right:before {
  border-right-color: #383838;
  margin-bottom: -6px;
  margin-left: -11px;
}

.ppress-hint-wrap.hint--right:after {
  margin-bottom: -14px;
}

.ppress-hint-wrap.hint--right:after,
.ppress-hint-wrap.hint--right:before {
  bottom: 50%;
  left: 100%;
}

.ppress-hint-wrap.hint--right:hover:after,
.ppress-hint-wrap.hint--right:hover:before {
  transform: translate(8px);
}

.ppress-hint-wrap.hint--left:before {
  border-left-color: #383838;
  margin-bottom: -6px;
  margin-right: -11px;
}

.ppress-hint-wrap.hint--left:after {
  margin-bottom: -14px;
}

.ppress-hint-wrap.hint--left:after,
.ppress-hint-wrap.hint--left:before {
  bottom: 50%;
  right: 100%;
}

.ppress-hint-wrap.hint--left:hover:after,
.ppress-hint-wrap.hint--left:hover:before {
  transform: translate(-8px);
}

.ppress-hint-wrap.hint--top-left:after,
.ppress-hint-wrap.hint--top-left:before {
  bottom: 100%;
  left: 50%;
}

.ppress-hint-wrap.hint--top-left:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.ppress-hint-wrap.hint--top-left:after {
  margin-left: 12px;
  transform: translate(-100%);
}

.ppress-hint-wrap.hint--top-left:hover:before {
  transform: translateY(-8px);
}

.ppress-hint-wrap.hint--top-left:hover:after {
  transform: translate(-100%) translateY(-8px);
}

.ppress-hint-wrap.hint--top-right:after,
.ppress-hint-wrap.hint--top-right:before {
  bottom: 100%;
  left: 50%;
}

.ppress-hint-wrap.hint--top-right:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.ppress-hint-wrap.hint--top-right:after {
  margin-left: -12px;
  transform: translate(0);
}

.ppress-hint-wrap.hint--top-right:hover:after,
.ppress-hint-wrap.hint--top-right:hover:before {
  transform: translateY(-8px);
}

.ppress-hint-wrap.hint--bottom-left:after,
.ppress-hint-wrap.hint--bottom-left:before {
  top: 100%;
  left: 50%;
}

.ppress-hint-wrap.hint--bottom-left:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.ppress-hint-wrap.hint--bottom-left:after {
  margin-left: 12px;
  transform: translate(-100%);
}

.ppress-hint-wrap.hint--bottom-left:hover:before {
  transform: translateY(8px);
}

.ppress-hint-wrap.hint--bottom-left:hover:after {
  transform: translate(-100%) translateY(8px);
}

.ppress-hint-wrap.hint--bottom-right:after,
.ppress-hint-wrap.hint--bottom-right:before {
  top: 100%;
  left: 50%;
}

.ppress-hint-wrap.hint--bottom-right:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.ppress-hint-wrap.hint--bottom-right:after {
  margin-left: -12px;
  transform: translate(0);
}

.ppress-hint-wrap.hint--bottom-right:hover:after,
.ppress-hint-wrap.hint--bottom-right:hover:before {
  transform: translateY(8px);
}

.ppress-hint-wrap.hint--large:after,
.ppress-hint-wrap.hint--medium:after,
.ppress-hint-wrap.hint--small:after {
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.4em;
}

.ppress-hint-wrap.hint--small:after {
  width: 80px;
}

.ppress-hint-wrap.hint--medium:after {
  width: 150px;
}

.ppress-hint-wrap.hint--large:after {
  width: 300px;
}

.ppress-hint-wrap.hint--error:after {
  text-shadow: 0 -1px #592726;
  background-color: #b34e4d;
}

.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--top-left:before,
.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--top-right:before,
.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--top:before {
  border-top-color: #b34e4d;
}

.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--bottom-left:before,
.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--bottom-right:before,
.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--bottom:before {
  border-bottom-color: #b34e4d;
}

.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--left:before {
  border-left-color: #b34e4d;
}

.ppress-hint-wrap.hint--error.ppress-hint-wrap.hint--right:before {
  border-right-color: #b34e4d;
}

.ppress-hint-wrap.hint--warning:after {
  text-shadow: 0 -1px #6c5328;
  background-color: #c09854;
}

.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--top-left:before,
.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--top-right:before,
.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--top:before {
  border-top-color: #c09854;
}

.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--bottom-left:before,
.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--bottom-right:before,
.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--bottom:before {
  border-bottom-color: #c09854;
}

.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--left:before {
  border-left-color: #c09854;
}

.ppress-hint-wrap.hint--warning.ppress-hint-wrap.hint--right:before {
  border-right-color: #c09854;
}

.ppress-hint-wrap.hint--info:after {
  text-shadow: 0 -1px #1a3c4d;
  background-color: #3986ac;
}

.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--top-left:before,
.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--top-right:before,
.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--top:before {
  border-top-color: #3986ac;
}

.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--bottom-left:before,
.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--bottom-right:before,
.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--bottom:before {
  border-bottom-color: #3986ac;
}

.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--left:before {
  border-left-color: #3986ac;
}

.ppress-hint-wrap.hint--info.ppress-hint-wrap.hint--right:before {
  border-right-color: #3986ac;
}

.ppress-hint-wrap.hint--success:after {
  text-shadow: 0 -1px #1a321a;
  background-color: #458746;
}

.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--top-left:before,
.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--top-right:before,
.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--top:before {
  border-top-color: #458746;
}

.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--bottom-left:before,
.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--bottom-right:before,
.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--bottom:before {
  border-bottom-color: #458746;
}

.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--left:before {
  border-left-color: #458746;
}

.ppress-hint-wrap.hint--success.ppress-hint-wrap.hint--right:before {
  border-right-color: #458746;
}

.ppress-hint-wrap.hint--always:after,
.ppress-hint-wrap.hint--always:before {
  opacity: 1;
  visibility: visible;
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top:before {
  transform: translateY(-8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top:after {
  transform: translate(-50%) translateY(-8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top-left:before {
  transform: translateY(-8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top-left:after {
  transform: translate(-100%) translateY(-8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top-right:after,
.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--top-right:before {
  transform: translateY(-8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom:before {
  transform: translateY(8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom:after {
  transform: translate(-50%) translateY(8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom-left:before {
  transform: translateY(8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom-left:after {
  transform: translate(-100%) translateY(8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom-right:after,
.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--bottom-right:before {
  transform: translateY(8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--left:after,
.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--left:before {
  transform: translate(-8px);
}

.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--right:after,
.ppress-hint-wrap.hint--always.ppress-hint-wrap.hint--right:before {
  transform: translate(8px);
}

.ppress-hint-wrap.hint--rounded:after {
  border-radius: 4px;
}

.ppress-hint-wrap.hint--no-animate:after,
.ppress-hint-wrap.hint--no-animate:before {
  transition-duration: 0s;
}

.ppress-hint-wrap.hint--bounce:after,
.ppress-hint-wrap.hint--bounce:before {
  transition:
    opacity 0.3s,
    visibility 0.3s,
    transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.ppress-hint-wrap.hint--no-shadow:after,
.ppress-hint-wrap.hint--no-shadow:before {
  text-shadow: initial;
  box-shadow: initial;
}

.ppress-checkout__form * {
  --ppress-heading-fs: 22px;
  --ppress-body-fs: 16px;
  --ppress-btn-color: #2563eb;
  box-sizing: border-box;
  font-size: var(--ppress-body-fs);
}

.ppress-checkout__form {
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 1px auto 10px;
  line-height: 20px;
  display: flex;
  position: relative;
}

.ppress-checkout__form p {
  margin: 0 0 5px;
  padding: 0;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__social_login_wrap {
  padding: 5px;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__login_form_wrap {
  flex-wrap: wrap;
  display: flex;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__logged_in_text_wrap {
  margin: 5px 0 10px;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__logged_in_text_wrap
  .ppress-main-checkout-form__block__item {
  background-color: #eff6ff;
  border-radius: 6px;
  padding: 14px 16px;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__logged_in_text_wrap
  .ppress-main-checkout-form__block__item
  p,
.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__logged_in_text_wrap
  .ppress-main-checkout-form__block__item
  a {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__login_form_wrap
  .ppress-main-checkout-form__block__item {
  margin-bottom: 5px;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__login_form_wrap
  .ppress-main-checkout-form__block__item:last-of-type {
  margin-bottom: 15px;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__login_form_wrap
  .ppress-main-checkout-form__block__item.ppress-login-submit-btn
  p {
  margin: 10px 0;
  padding: 0;
}

.ppress-checkout__form .ppress-checkout-section.ppress-checkout_side_section {
  order: 2;
  width: 35%;
}

.ppress-checkout__form .ppress-checkout-section.ppress-checkout_main {
  order: 1;
  width: 65%;
  padding: 0 30px 0 0;
}

.ppress-checkout__form .ppress-checkout_order_summary {
  border: 1px solid #e5e7eb;
  border-radius: 5px;
}

.ppress-checkout__form .ppress-checkout_order_summary__plan_name {
  font-size: var(--ppress-body-fs);
  border-bottom: 1px solid #e4e4e4;
  padding: 10px 20px;
  font-weight: 700;
}

.ppress-checkout__form .ppress-checkout_order_summary__plan_price {
  font-size: 14px;
  font-weight: 500;
}

.ppress-checkout__form .ppress-checkout_order_summary__bottom_details * {
  font-size: var(--ppress-body-fs);
}

.ppress-checkout__form
  .ppress-checkout_order_summary__bottom_details
  .checkout_order_summary__fee_structure__item
  dd
  a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-decoration: none;
  display: block;
}

.ppress-checkout__form
  .checkout_order_summary__fee_structure__item
  dt
  .checkout_order_summary__fee_structure__item__trial_term {
  background: unset;
  margin-left: 0;
  padding-left: 0;
  font-weight: 600;
  display: block;
}

.ppress-checkout__form .ppress-checkout_order_summary__bottom_details,
.ppress-checkout__form .ppress-checkout_order_summary__plan_description {
  padding: 10px 20px;
}

.ppress-checkout__form .ppress-checkout_order_summary__plan_description {
  line-height: 1.7;
  font-size: var(--ppress-body-fs);
  border-bottom: 1px solid #e5e7eb;
  padding: 20px;
}

.ppress-checkout__form .checkout_order_summary__fee_structure__item {
  font-size: var(--ppress-body-fs);
  flex-wrap: nowrap;
  padding: 5px 0;
  display: flex;
}

.ppress-checkout__form .checkout_order_summary__fee_structure__item dt {
  text-align: left;
  width: 60%;
}

.ppress-checkout__form .checkout_order_summary__fee_structure__item dd {
  text-align: right;
  width: 40%;
}

.ppress-checkout__form .checkout_order_summary__fee_structure__item dt span {
  color: #4b5563;
  letter-spacing: 0.35px;
  background-color: #e5e7eb;
  border-radius: 9999px;
  margin-left: 5px;
  padding: 2px 6px;
  font-size: 12px;
}

.ppress-checkout__form .ppress-main-checkout-form__block fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__block__fieldset {
  border: 0;
  margin: 10px 0 0;
  padding: 20px 0 0;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__block__fieldset:first-of-type {
  border: 0;
  margin-top: 10px;
  padding-top: 0;
}

.ppress-checkout__form .ppress-main-checkout-form__block legend {
  color: #000;
  font-size: var(--ppress-heading-fs);
  background: 0 0;
  border: 0;
  width: 100%;
  margin: 0 0 15px;
  padding: 0 5px;
  font-weight: 700;
  line-height: 1.7;
  position: static;
}

.ppress-checkout__form .ppress-main-checkout-form__block legend span {
  font-size: var(--ppress-heading-fs);
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  a.ppress-checkout-show-login-form {
  cursor: pointer;
  float: right;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
}

.ppress-checkout__form .ppress-checkout_order_summary__discount {
  margin: 0 0 5px;
}

.ppress-checkout__form .ppress-checkout_order_summary__discount p {
  font-size: 14px;
}

.ppress-checkout__form .ppress-checkout__link {
  cursor: pointer;
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
}

.ppress-checkout__form a.ppress-checkout-show-login-form {
  cursor: pointer;
  float: right;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__block__item {
  width: calc(100% - 5px);
  margin-bottom: 15px;
  padding: 5px;
  display: inline-block;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__login_form_wrap
  .ppress-main-checkout-form__block__item {
  margin-bottom: 10px;
}

.ppress-checkout-form__payment_method__content_wrap
  .ppress-main-checkout-form__block__item:first-of-type {
  margin-top: 15px;
}

.ppress-checkout__form
  .ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__item:last-of-type {
  margin-bottom: 0;
}

.ppress-checkout__form .ppress-required {
  color: #ef4444;
}

.ppress-checkout__form .ppress-main-checkout-form__block__item.ppress-co-half {
  width: calc(50% - 5px);
}

.ppress-checkout__form
  .ppress-main-checkout-form__block__item.ppress-two-third {
  width: calc(66.6667% - 5px);
}

.ppress-checkout__form
  .ppress-main-checkout-form__block__item.ppress-one-third {
  width: calc(33.3333% - 5px);
}

.ppress-checkout__form
  .ppress-main-checkout-form__block__item.ppress-expiry-date {
  width: calc(40% - 5px);
}

.ppress-checkout__form .ppress-main-checkout-form__block__item.ppress-cc-cvc {
  width: calc(60% - 5px);
}

.ppress-checkout__form .press-main-checkout-form__block__item__cc_expiry_date {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.ppress-checkout__form
  .press-main-checkout-form__block__item__cc_expiry_date
  select {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MjgzNGQzMC03MmY4LTRkM2MtYTU4NC1lNzMzZDE1YjU2NzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzJGMzNGODgwRkI5MTFFN0E3NzQ5QUE3QTdEMENEQjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzJGMzNGODcwRkI5MTFFN0E3NzQ5QUE3QTdEMENEQjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMzAzN2MxMy01N2VhLTRiN2UtYjg3Yi04OGZhODk2NDYzZTgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplMTI0MmMzNy1mZTljLTExNzktYWE3NC1kYzYxZWJhMDdhNDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ItaH1AAABFklEQVR42uzZuw3CMBAG4NhiAFiDAsahp0sqJOaghQ5mIkgwBmwQzlJAoLz8OCe29Z90urMb65MfjUVVVVkKIbNEAhBAAAEEEEAAoZjdyseG6olyEanhSZmL8npXzTzyDXnJRI6XVIhdApCdXK2XF2qKiBGFMojPiO5KTuUYIUI9VJn4nY0M80U0IBFh/hCtkAgwDUQnJGBMK6IXEiCmEzEICQjTi9CCBIAZRGhDJsRoIYwgE2C0EcaQETFGCCvICBhjhDXEI8YK4QTxgLFGOEMYMU4IFggDxhnBBnHAsCBYIRYYNgQ7xADDivAC0cCwI7xBejBeEF4hNWZL5VAP94Q4+1pL4FcXEEAAAQQQQAABxFu8BRgA2gaBhwO0rwAAAAAASUVORK5CYII=);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 10px;
  margin: 0 5px 0 0;
  width: calc(50% - 5px) !important;
}

.ppress-checkout__form
  .press-main-checkout-form__block__item__cc_expiry_date
  select:last-of-type {
  margin-right: 0;
}

.ppress-checkout__form label.checkout_order_summary__discount__label {
  width: 100%;
  line-height: 20px;
}

.ppress-checkout__form .checkout_order_summary__discount__field_wrap {
  margin-bottom: 20px;
}

.ppress-checkout__form
  .ppress-checkout-section
  .ppress-checkout-form__place_order_wrap {
  margin: 20px 0 10px;
}

.ppress-checkout__form .ppress-checkout-section #ppress-paypal-button-element {
  margin: 16px 0 0;
}

.ppress-checkout__form
  .ppress-checkout-section
  input:not([type="checkbox"]):not([type="radio"]),
.ppress-checkout__form .ppress-checkout-section select,
.ppress-checkout__form .ppress-checkout-section textarea,
.ppress-checkout__form .ppress-checkout-section #ppress-stripe-card-element {
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  width: 100%;
  height: auto;
  padding: 8px 12px;
  line-height: 20px;
  box-shadow:
    0 0 rgba(0, 0, 0, 0),
    0 0 rgba(0, 0, 0, 0),
    0 1px 2px rgba(0, 0, 0, 0.0509803922);
}

.ppress-checkout__form .ppress-checkout-section #ppress-stripe-card-element {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ppress-checkout__form .ppress-checkout-section textarea {
  min-height: 100px;
}

.ppress-checkout__form
  .ppress-checkout-section.ppress-checkout_main
  input[type="submit"] {
  background: var(--ppress-btn-color);
  background: var(--ppress-btn-color);
  background-color: var(--ppress-btn-color);
  color: #fff;
  box-shadow: none;
  text-align: center;
  -webkit-appearance: none;
  border-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: auto;
  padding: 12px 16px;
  font-weight: 500;
  display: block;
}

.ppress-checkout__form
  .ppress-checkout-section.ppress-checkout_main
  input[type="submit"]:disabled {
  opacity: 0.65;
}

.ppress-checkout__form .ppress-checkout-section input[type="checkbox"],
.ppress-checkout__form .ppress-checkout-section input[type="radio"] {
  vertical-align: middle;
  color: #4f46e5;
  border: 1px solid #d1d5db;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0 5px;
  display: inline-block;
}

.ppress-checkout__form .ppress-checkout-section input[type="checkbox"] {
  cursor: pointer;
  border-radius: 0;
}

.ppress-checkout__form
  .ppress-checkout-section
  input:not([type="checkbox"]):not([type="radio"]):focus,
.ppress-checkout__form .ppress-checkout-section textarea:focus,
.ppress-checkout__form
  .ppress-checkout-section
  #ppress-stripe-card-element:focus {
  outline-offset: 2px;
  box-shadow:
    0 0 0 0 #fff,
    0 0 0 1px var(--ppress-btn-color),
    0 0 rgba(0, 0, 0, 0);
  border-color: #2563eb;
  outline: 2px solid rgba(0, 0, 0, 0);
}

.ppress-checkout__form .ppress-checkout-section input[type="submit"]:hover {
  filter: brightness(85%);
}

.ppress-checkout__form .ppress-checkout-section label {
  vertical-align: baseline;
  font-weight: 500;
  line-height: 25px;
  display: block;
}

.ppress-checkout__form .ppress-checkout-section .pp-checkbox-wrap label,
.ppress-checkout__form .ppress-checkout-section .pp-radio-wrap label {
  display: inline-block;
}

.ppress-checkout__form
  .ppress-checkout-section
  .pp-checkbox-wrap
  .ppress-checkout-field__input,
.ppress-checkout__form
  .ppress-checkout-section
  .pp-radio-wrap
  .ppress-checkout-field__input {
  margin-right: 5px;
}

.ppress-checkout__form
  .checkout_order_summary__discount__field_wrap
  input[type="text"].checkout_order_summary__discount__input {
  width: 68%;
  display: inline-block;
}

.ppress-checkout__form
  .ppress-checkout-section
  input[type="submit"].ppress-apply-discount-btn {
  color: #4b5563;
  background-color: #d1d5db;
  border: 0;
  border-radius: 6px;
  width: 25%;
  margin-left: 10px;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.ppress-checkout__form .ppress-checkout_charge_details {
  padding: 10px 20px;
}

.ppress-checkout__form .ppress-checkout_charge_details span {
  font-weight: 700;
}

.ppress-checkout__form .ppress-checkout-form__payment_methods_wrap {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 5px 0 0;
  padding: 0;
  line-height: 1;
  list-style: none;
  overflow: visible;
}

.ppress-checkout__form .ppress-checkout-form__payment_method {
  border-top: 1px solid #ddd;
  padding: 0;
}

.ppress-checkout__form .ppress-checkout-form__payment_method:first-of-type {
  border-top: none;
  border-bottom: none;
}

.ppress-checkout__form .ppress-checkout-form__payment_method__title_wrap {
  background: #fff;
  margin: 0;
  padding: 16px 8px;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method__title_wrap:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method:last-of-type
  .ppress-checkout-form__payment_method__title_wrap {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.ppress-checkout__form
  .ppress-checkout-section
  .ppress-checkout-form__payment_method__title_wrap
  label {
  cursor: pointer;
  width: calc(100% - 30px);
  margin: 0;
  padding-top: 2px;
  padding-left: 5px;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.ppress-checkout__form .ppress-checkout-form__payment_method__icons {
  position: absolute;
  top: -5px;
  right: 20px;
}

.ppress-checkout__form .ppress-checkout-form__payment_method__icons img,
.ppress-checkout__form .ppress-checkout-form__payment_method__icons svg {
  max-height: 22px;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method
  .ppress-checkout-form__payment_method__content_wrap
  p {
  margin: 0 !important;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method
  .ppress-checkout-form__payment_method__content_wrap {
  background: #f4f4f4;
  border-top: 1px solid #ddd;
  padding: 20px 10px;
  display: none;
  margin: 0 !important;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method:last-of-type
  .ppress-checkout-form__payment_method__content_wrap {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method
  .ppress-checkout-form__payment_method__content_wrap
  p {
  margin: 0;
  padding: 0 5px;
  font-size: 14px;
  line-height: 1.25;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method
  .ppress-checkout-form__payment_method__title_wrap
  input[type="radio"] {
  vertical-align: bottom;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method.ppress-active
  .ppress-checkout-form__payment_method__content_wrap {
  display: block;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method__content_wrap
  label {
  line-height: 20px;
}

.ppress-checkout__form
  .ppress-checkout-form__payment_method__content_wrap
  .ppress-checkout-form__payment_method__heading {
  font-size: var(--ppress-body-fs);
  border-bottom: 1px solid #e4e4e4;
  margin: 15px 0;
  padding: 10px 5px;
  font-weight: 700;
}

.ppress-checkout__form .ppress-checkout-form__terms_condition_wrap,
.ppress-checkout__form .ppress-checkout-form__before_button_wrap {
  border: 0;
  margin: 0;
  padding: 40px 0 0;
}

.ppress-checkout__form
  .ppress-checkout-form__terms_condition_wrap
  + .ppress-checkout-form__before_button_wrap {
  padding-top: 0;
}

.ppress-checkout__form
  .ppress-checkout-form__terms_condition_wrap
  .ppress-checkout-form__terms_condition__checkbox__label
  span,
.ppress-checkout__form
  .ppress-checkout-form__before_button_wrap
  .ppress-checkout-form__before_button__checkbox__label
  span {
  vertical-align: middle;
}

.ppress-checkout__form .ppress-checkout-form__terms_condition__content {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  max-height: 200px;
  margin: 0 0 20px;
  padding: 20px;
  display: none;
  overflow: auto;
}

.ppress-checkout__form .ppress-checkout-form__terms_condition__checkbox_wrap,
.ppress-checkout__form .ppress-checkout-form__before_button__checkbox_wrap {
  margin: 0 0 20px;
}

.ppress-checkout__form .ppress-checkout__form__preloader {
  z-index: 99995;
  background: rgba(250, 250, 250, 0.9019607843);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.ppress-checkout__form .ppress-checkout__form__spinner {
  text-align: center;
  width: 85px;
  height: 85px;
  margin: auto;
  display: block;
  position: fixed;
  top: 40%;
  right: 50%;
}

.ppress-checkout__form .ppress-checkout__form__spinner:after {
  content: " ";
  border: 6px solid #212529;
  border-color: #212529 rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 8px;
  animation: 1.2s linear infinite ppress-dual-ring;
  display: block;
}

@keyframes ppress-dual-ring {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.ppress-checkout__form .ppress-checkout-alert,
.ppress-checkout__form .ppress-alert {
  border-radius: 6px;
  width: 100%;
  margin: 10px 0;
  padding: 12px 16px;
}

.ppress-checkout__form .ppress-checkout-alert ul,
.ppress-checkout__form .ppress-alert ul {
  margin: 0 0 0 16px;
  padding: 0;
  list-style-type: disc;
}

.ppress-checkout__form .ppress-checkout-alert li,
.ppress-checkout__form .ppress-alert li,
.ppress-checkout__form .ppress-checkout-alert p,
.ppress-checkout__form .ppress-alert p,
.ppress-checkout__form .ppress-checkout-alert li strong,
.ppress-checkout__form .ppress-alert li strong {
  font-size: var(--ppress-body-fs);
  font-weight: 400;
  line-height: 22px;
  margin: 0 !important;
  padding: 0 !important;
}

.ppress-checkout__form .ppress-checkout-alert li strong,
.ppress-checkout__form .ppress-alert li strong {
  font-weight: 700;
}

.ppress-checkout__form .ppress-checkout-alert.ppress-error,
.ppress-checkout__form .ppress-alert.ppress-error {
  color: #b91c1c;
  background-color: #fef2f2;
}

.ppress-checkout__form .ppress-checkout-alert.ppress-success,
.ppress-checkout__form .ppress-alert.ppress-success {
  color: #065f46;
  background-color: #ecfdf5;
}

.ppress-checkout-alert.ppress-warning,
.ppress-alert.ppress-warning {
  color: #a16207;
  background-color: #fefce8;
  border-left: 4px solid #facc15;
  border-radius: 0;
}

.ppress-checkout__form .ppress-checkout-alert p,
.ppress-checkout__form .ppress-alert p {
  font-weight: 500;
}

.ppress-checkout__form
  .ppress-checkout_order_summary
  #ppress-checkout-coupon-code-wrap {
  display: none;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector_label {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0509803922);
  display: flex !important;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector__span_wrap {
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector__span {
  flex-direction: column;
  font-size: 1rem;
  line-height: 20px;
  display: flex;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector__title {
  font-weight: 500;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector__price_wrap {
  order: 2;
  margin-top: 0;
  margin-left: auto;
  font-size: 1rem;
  line-height: 20px;
  display: flex;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector__price_amount {
  font-weight: 500;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector__price_duration {
  margin-left: 4px;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector_label:not(:first-child) {
  margin-top: 16px;
  margin-bottom: 0;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector_label
  input[type="radio"] {
  height: auto !important;
}

.ppress-main-checkout-form__block__fieldset
  .ppress-main-checkout-form__block__group_selector_label:has(
    input[type="radio"]:checked
  ) {
  border-width: 2.5px;
}

.ppress-checkout__form.ppressui340
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui500
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui768
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui800
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui960
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui340
  .ppress-checkout-section.ppress-checkout_main,
.ppress-checkout__form.ppressui500
  .ppress-checkout-section.ppress-checkout_main,
.ppress-checkout__form.ppressui768
  .ppress-checkout-section.ppress-checkout_main,
.ppress-checkout__form.ppressui800
  .ppress-checkout-section.ppress-checkout_main,
.ppress-checkout__form.ppressui960
  .ppress-checkout-section.ppress-checkout_main {
  width: 100%;
}

.ppress-checkout__form.ppressui340
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui500
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui768
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui800
  .ppress-checkout-section.ppress-checkout_side_section,
.ppress-checkout__form.ppressui960
  .ppress-checkout-section.ppress-checkout_side_section {
  order: 1;
  margin-bottom: 15px;
}

.ppress-checkout__form.ppressui340
  .ppress-checkout-section.ppress-checkout_main,
.ppress-checkout__form.ppressui500
  .ppress-checkout-section.ppress-checkout_main,
.ppress-checkout__form.ppressui768
  .ppress-checkout-section.ppress-checkout_main,
.ppress-checkout__form.ppressui800
  .ppress-checkout-section.ppress-checkout_main,
.ppress-checkout__form.ppressui960
  .ppress-checkout-section.ppress-checkout_main {
  order: 2;
  padding-right: 0;
}

.ppress-checkout__form.ppressui340
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__block__item,
.ppress-checkout__form.ppressui500
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__block__item,
.ppress-checkout__form.ppressui768
  .ppress-main-checkout-form__block
  .ppress-main-checkout-form__block__item {
  width: 100%;
}

.profilepress-myaccount-orders-subs,
.profilepress-myaccount-orders-subs * {
  font-family:
    Inter var,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}

.profilepress-myaccount-orders-subs .ppress-my-account-order-sub-wrap {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-top: 16px;
  box-shadow:
    0 0 rgba(0, 0, 0, 0),
    0 0 rgba(0, 0, 0, 0),
    0 1px 2px rgba(0, 0, 0, 0.0509803922);
}

.profilepress-myaccount-orders-subs
  .ppress-my-account-order-sub-wrap:first-child {
  margin-top: 0;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-body-content-header
  p {
  margin-bottom: 8px;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header-wrap {
  border-color: #e5e7eb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 16px;
  display: grid;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details {
  grid-column: span 2 / span 2;
  grid-template-columns: auto auto auto;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  display: grid;
}

.profilepress-myaccount-orders-subs
  .ppress-my-account-order-sub-header--actions
  a:not(a:first-child) {
  margin-left: 8px;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  dt {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  dd {
  margin: 4px 0 0;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--actions {
  grid-column: span 2 / span 2;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--actions
  a,
.profilepress-myaccount-orders-subs a.ppress-myac-action {
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  box-shadow:
    0 0 rgba(0, 0, 0, 0),
    0 0 rgba(0, 0, 0, 0),
    0 1px 2px rgba(0, 0, 0, 0.0509803922);
}

.profilepress-myaccount-orders-subs a.ppress-myac-action {
  margin-right: 5px;
  display: inline-block;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-body-content {
  flex: 1;
  align-items: flex-start;
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-body-content-header {
  justify-content: space-between;
  font-weight: 500;
  display: flex;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-product-name {
  font-size: 14px;
  font-weight: 500;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  p.ppress-my-account-order-sub-product-price {
  margin-top: 0 !important;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-body-content
  p {
  margin: 8px 0 0;
  display: block;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-body-wrap {
  align-items: flex-start;
  display: flex;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  dd
  span {
  color: #1f2937;
  background-color: #f3f4f6;
  border-radius: 6px;
  margin: 0;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  .active
  span,
.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  .trialling
  span,
.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  .completed
  span {
  color: #166534;
  background-color: #dcfce7;
}

.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  .refunded
  span,
.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  .expired
  span,
.profilepress-myaccount-orders-subs
  .profilepress-myaccount-orders-subs-wrap
  .ppress-my-account-order-sub-header--details
  .cancelled
  span {
  color: #991b1b;
  background-color: #fee2e2;
}

.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap {
  text-align: right;
  padding: 10px 0;
}

.profilepress-myaccount-orders-subs .ppress-myac-pagination-wrap .page-numbers {
  border: 1px solid #d1d5db;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
}

.profilepress-myaccount-orders-subs
  .ppress-myac-pagination-wrap
  .page-numbers.current {
  color: #6b7280;
  background-color: #eeeeec;
}

.profilepress-myaccount-orders-subs
  .ppress-myac-pagination-wrap
  .ppress-material-icons {
  vertical-align: middle;
  margin: 0;
}

table.ppress-details-table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  box-shadow:
    0 0 rgba(0, 0, 0, 0),
    0 0 rgba(0, 0, 0, 0),
    0 1px 2px rgba(0, 0, 0, 0.0509803922);
}

.ppress-details-table thead {
  background-color: #f9fafb;
}

.ppress-details-table thead tr th {
  text-align: left;
  background-color: #f9fafb;
  padding: 14px 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.ppress-details-table thead th,
.ppress-details-table tr td {
  border: 1px solid #e5e7eb;
  padding: 16px;
}

.ppress-details-table thead th {
  text-align: left;
  vertical-align: bottom;
  background: #e5e7eb;
}

.ppress-details-table-wrap .ppress-details-table tr:nth-of-type(odd) {
  background-color: #f9fafb;
}

.ppress-details-table tr td:first-child {
  font-weight: 700;
}

.ppress-details-table td:last-child {
  width: 70%;
}

.ppress-details-table p {
  margin: 5px 0 0;
}

.ppress-details-table p:first-child {
  margin-top: 0;
}

.ppress-details-table .ppress-billing-title {
  font-weight: 500;
}

.ppress-details-table .ppress-sub-info {
  color: #4b5563;
  background-color: #e5e7eb;
  border-radius: 9999px;
  margin-left: 5px;
  padding: 4px 8px;
  font-size: 14px;
}

@font-face {
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  src:
    local(Material Icons),
    local(MaterialIcons-Regular),
    url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/./material-icons/MaterialIcons-Regular.woff2)
      format("woff2"),
    url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/./material-icons/MaterialIcons-Regular.woff)
      format("woff");
}
.ppress-material-icons,
.pp-form-field-wrap .pp-form-material-icons,
#profilepress-myaccount-wrapper .ppmyac-icons {
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  direction: ltr;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  font-family: Material Icons !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  display: inline-block !important;
}

.pp-tab-widget-avatar img {
  text-align: center;
  border-radius: 50%;
  width: 190px;
  height: 190px;
  padding: 2px;
  display: block;
  float: none !important;
  margin: 0 auto 10px !important;
}

.pp-user-panel {
  text-align: center;
  border-radius: 6px;
}

.pp-user-panel-title {
  margin: 0;
  font-size: 20px;
}

.pp-user-panel p {
  margin-bottom: 23px;
  font-size: 15px;
}

.pp-tabbed-btn {
  -webkit-font-smoothing: subpixel-antialiased;
  border: none;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  transition:
    border 0.25s linear,
    color 0.25s linear,
    background-color 0.25s linear;
}

.pp-tabbed-btn-inverse {
  background-color: #34495e;
  color: #fff !important;
}

.pp-password-reset-handler-wrap .pp-reset-password-form {
  max-width: 500px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 40px;
}

.pp-password-reset-handler-wrap .pp-reset-password-form h3 {
  color: #444;
  margin: 0 auto 40px;
  font-weight: 300;
}

.pp-password-reset-handler-wrap .pp-reset-password-form label {
  color: #444;
  font-size: 15px;
}

.pp-password-reset-handler-wrap .pp-reset-password-form label .req {
  color: red;
  margin: 2px;
}

.pp-password-reset-handler-wrap .pp-reset-password-form label.active .req {
  opacity: 0;
}

.pp-password-reset-handler-wrap .pp-reset-password-form input {
  box-sizing: border-box;
  background: 0 0;
  border: 1px solid #a0b3b0;
  border-radius: 0;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  padding: 5px 10px;
  font-size: 22px;
  transition:
    border-color 0.25s,
    box-shadow 0.25s;
  display: block;
}

.pp-password-reset-handler-wrap .pp-reset-password-form input:focus {
  border-color: #1ab188;
  outline: 0;
}

.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff;
  -webkit-appearance: none;
  text-shadow: none;
  box-shadow: none;
  background: #1ab188;
  border: 0;
  border-radius: 0;
  outline: none;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.5s;
}

.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button:hover,
.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button:focus {
  background: #179b77;
}

.pp-password-reset-handler-wrap .pp-reset-password-form .pp-reset-button-block {
  width: 100%;
  display: block;
}

.pp-password-reset-handler-wrap .profilepress-reset-status {
  max-width: 420px;
  margin-left: 40px;
}

#pp-pass-strength-result {
  color: #23282d;
  text-align: center;
  box-sizing: border-box;
  background-color: #eee;
  border: 1px solid #ddd;
  width: 100%;
  padding: 3px 5px;
}

#pp-pass-strength-result.short {
  opacity: 1;
  background-color: #f1adad;
  border-color: #e35b5b;
}

#pp-pass-strength-result.bad {
  opacity: 1;
  background-color: #fbc5a9;
  border-color: #f78b53;
}

#pp-pass-strength-result.good {
  opacity: 1;
  background-color: #ffe399;
  border-color: #ffc733;
}

#pp-pass-strength-result.strong {
  opacity: 1;
  background-color: #c1e1b9;
  border-color: #83c373;
}

.pp-form-wrapper .pp-form-label-wrap .pp-form-required-label {
  color: red;
  font-weight: 400;
}

.pp-form-wrapper input[type="checkbox"],
.pp-form-wrapper input[type="radio"] {
  cursor: pointer;
}

.pp-form-wrapper p {
  margin: 0 0 5px !important;
  padding: 0 !important;
}

.pp-form-wrapper textarea,
.pp-form-wrapper select,
.pp-form-wrapper input[type="text"],
.pp-form-wrapper input[type="password"],
.pp-form-wrapper input[type="email"],
.pp-form-wrapper input[type="url"],
.pp-form-wrapper input[type="search"],
.pp-form-wrapper input[type="tel"],
.pp-form-wrapper input[type="number"],
.pp-form-wrapper input[type="datetime"] {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #dedee5;
  outline: none;
  width: 100%;
  padding: 13px 15px;
  line-height: 1;
}

.pp-form-wrapper select {
  border: 1px solid #dedee5;
  outline: none;
  width: 100%;
  padding: 13px 15px;
  line-height: 1;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAG1BMVEVHcEzT0NXS0NbS0dbS0dbR0dXS0tTQ0NXS0NX2MUcyAAAACXRSTlMAV+7/7/FhaWJRFEe5AAAAY0lEQVR42u3LKRLAMBDEwPG5/v+LAwVdQiFu3nkepfWh9JY5pJlly8q2ZSflRiVJycERgyMG5z7EYXDE4IjBEYMjBkcMjhgcMTj3gRKDIwZHDI4YHIY7jPthuFNRzpwnz/OPD2xcCh3x3gzqAAAAAElFTkSuQmCC) !important;
  background-position: right 20px center !important;
  background-repeat: no-repeat !important;
  background-size: 10px !important;
}

.pp-form-wrapper .pp-form-label-wrap {
  margin: 0 0 4px;
  padding: 0;
}

.pp-form-wrapper .pp-form-label {
  text-transform: none;
  text-align: left;
  float: none;
  cursor: pointer;
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  display: inline;
}

.pp-form-wrapper .pp-checkbox-wrap,
.pp-form-wrapper .pp-radio-wrap {
  text-align: left;
  margin: 5px 0;
  padding: 0;
  line-height: normal;
  display: block;
}

.pp-form-wrapper .pp-checkbox-wrap label,
.pp-form-wrapper .pp-radio-wrap label {
  margin-left: 5px;
}

.pp-form-wrapper input[type="checkbox"],
.pp-form-wrapper input[type="radio"] {
  vertical-align: baseline;
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  width: 14px !important;
  height: 14px !important;
}

.pp-form-wrapper .ppress-pf-profile-connect {
  padding: 5px 0 10px;
}

.pp-form-wrapper a.ppress-pf-social-icon {
  width: 100%;
  height: 100%;
  display: inline;
}

.pp-form-wrapper .ppress-pf-social-icon svg {
  vertical-align: middle;
  width: 40px;
  height: 40px;
}

.pp-form-wrapper .ppress-pf-social-icon.dpf-instagram svg,
.pp-form-wrapper .ppress-pf-social-icon.dpf-github svg,
.pp-form-wrapper .ppress-pf-social-icon.dpf-threads svg,
.pp-form-wrapper .ppress-pf-social-icon.dpf-bluesky svg,
.pp-form-wrapper .ppress-pf-social-icon.dpf-pinterest svg {
  padding: 3px;
}

a.pp-button-social-login:focus {
  outline-color: rgba(0, 0, 0, 0);
}

a.pp-button-social-login:focus .ppsc,
a.pp-button-social-login:hover .ppsc {
  background-color: rgba(255, 255, 255, 0.7490196078);
}

a.pp-button-social-login:visited {
  color: #fff;
}

a.pp-button-social-login {
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: content-box;
  cursor: pointer;
  background: #333;
  border: 1px solid #333;
  border-radius: 2px;
  height: 2.5em;
  margin: 6px 0;
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  font-weight: 700;
  line-height: 2.5em;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1019607843);
  color: #fff !important;
  text-decoration: none !important;
}

a.pp-button-social-login .ppsc {
  text-transform: none;
  vertical-align: top;
  text-align: center;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.8em 1.8em;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  width: 2.5em;
  height: 2.5em;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  left: 0;
}

a.pp-button-social-login span.ppsc-text {
  margin-left: 40px;
  padding: 0.5em;
  color: #fff !important;
}

a.pp-button-social-login {
  min-width: 220px;
}

a.pp-button-social-login .ppsc-google {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/google.svg);
}

a.pp-button-social-login.pp-button-social-login-google {
  background: #4285f4;
  border-color: #4285f4;
}

a.pp-button-social-login.pp-button-social-login-facebook {
  background: #3b5998;
  border-color: #3b5998;
}

a.pp-button-social-login.pp-button-social-login-twitter {
  background: #000;
  border-color: #000;
}

a.pp-button-social-login.pp-button-social-login-linkedin {
  background: #0077b5;
  border-color: #0077b5;
}

a.pp-button-social-login.pp-button-social-login-microsoft {
  background: #404040;
  border-color: #404040;
}

a.pp-button-social-login.pp-button-social-login-amazon {
  background: #f9991d;
  border-color: #f9991d;
}

a.pp-button-social-login.pp-button-social-login-vk {
  background: #4a76a8;
  border-color: #4a76a8;
}

a.pp-button-social-login.pp-button-social-login-wordpresscom {
  background: #0675c4;
  border-color: #0675c4;
}

a.pp-button-social-login.pp-button-social-login-yahoo {
  background: #430297;
  border-color: #430297;
}

a.pp-button-social-login.pp-button-social-login-github {
  background: #24292e;
  border-color: #24292e;
}

a.pp-button-social-login .ppsc-vk {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/vk-fa.svg);
}

a.pp-button-social-login .ppsc-microsoft {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/microsoft.svg);
}

a.pp-button-social-login .ppsc-amazon {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/amazon.svg);
}

a.pp-button-social-login .ppsc-yahoo {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/yahoo.svg);
}

a.pp-button-social-login .ppsc-wordpresscom {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/wpcom.svg);
}

a.pp-button-social-login .ppsc-facebook {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/facebook.svg);
}

a.pp-button-social-login .ppsc-twitter {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/x.svg);
}

a.pp-button-social-login .ppsc-linkedin {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/linkedin.svg);
}

a.pp-button-social-login .ppsc-github {
  background-image: url(//webmarks.co.jp/wp-content/plugins/wp-user-avatar/assets/css/../images/social-login/github-fa.svg);
}

.pp-form-container *,
.pp-form-container .pp-form-wrapper,
.pp-form-container .pp-form-wrapper * {
  box-sizing: border-box;
}

html .pp-form-container .select2 input.select2-search__field {
  border: 0 !important;
}

.pp-form-container form input[type="submit"] {
  -webkit-appearance: none !important;
}

.pp-form-container form {
  background-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0;
}

.woocommerce .woocommerce-MyAccount-content .pp-form-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pp-form-container form input,
.pp-form-container form select,
.pp-form-container form textarea {
  float: none;
  height: auto;
  box-shadow: none;
  text-shadow: none;
  text-transform: none;
  resize: vertical;
  background-image: none;
  outline: none;
  text-decoration: none;
  position: static;
}

.pp-form-container form p {
  margin: 0 0 0.5em;
}

.pp-form-container form input[type="submit"] {
  cursor: pointer;
  text-shadow: none;
}

.pp-form-container form input[type="submit"]:focus {
  outline: 0;
}

.pp-form-container .pp-user-avatar {
  text-align: center !important;
  border-radius: 50% !important;
  margin: 0 auto 10px !important;
  display: block !important;
}

.pp-form-container img.pp-user-cover-image {
  width: 100% !important;
  height: auto !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input[type="checkbox"],
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input[type="radio"],
.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type="checkbox"],
.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type="radio"] {
  color: #555 !important;
  clear: none !important;
  cursor: pointer !important;
  text-align: center !important;
  vertical-align: middle !important;
  -webkit-appearance: none !important;
  background: #fff !important;
  border: 1px solid #7e8993 !important;
  border-radius: 4px !important;
  outline: 0 !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  transition: border-color 50ms ease-in-out !important;
  display: inline-block !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1019607843) !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input[type="radio"],
.pp-form-container .pp-form-wrapper .pp-form-field-wrap input[type="radio"] {
  border-radius: 50% !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input[type="checkbox"]:checked:before,
.pp-form-container
  .pp-form-wrapper
  .pp-form-field-wrap
  input[type="checkbox"]:checked:before {
  position: static;
  content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E) !important;
  width: 20px !important;
  height: 20px !important;
  margin: -3px 0 0 -4px !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input[type="radio"]:checked:before,
.pp-form-container
  .pp-form-wrapper
  .pp-form-field-wrap
  input[type="radio"]:checked:before {
  content: "";
  background-color: #000 !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
  margin: 3px !important;
  line-height: 1.14286 !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input[type="checkbox"]:checked:before,
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input[type="radio"]:checked:before,
.pp-form-container
  .pp-form-wrapper
  .pp-form-field-wrap
  input[type="checkbox"]:checked:before,
.pp-form-container
  .pp-form-wrapper
  .pp-form-field-wrap
  input[type="radio"]:checked:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: none;
  float: left !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch,
.pp-form-container .pp-form-wrapper.ppBuildScratch * {
  font-family: Merriweather, sans-serif;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .ppbs-headline,
.pp-form-container .pp-form-wrapper.ppBuildScratch h1,
.pp-form-container .pp-form-wrapper.ppBuildScratch h2,
.pp-form-container .pp-form-wrapper.ppBuildScratch h3,
.pp-form-container .pp-form-wrapper.ppBuildScratch h4 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 20px;
  font-weight: 700;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .ppbs-headline {
  text-align: center;
  margin-top: 0;
  margin-right: 6.387%;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch input:disabled {
  opacity: 0.5;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch {
  color: #222;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 6% 0 6% 6%;
  font-size: 14px;
  position: relative;
  box-shadow:
    0 0 0 0.5px rgba(0, 20, 40, 0.1019607843),
    0 2px 8px rgba(50, 55, 90, 0.2);
}

.pp-form-container .pp-form-wrapper.ppBuildScratch.ppf-remove-frame {
  box-shadow: none;
  border-radius: 0;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap,
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap {
  vertical-align: top;
  width: 100%;
  padding: 0 6.387% 4% 0;
  display: inline-block;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-submit-button-wrap {
  padding-bottom: 0;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  .pp-form-label-wrap {
  margin: 0 0 5px;
  padding: 0;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fda-reveal
  .pp-form-field-description {
  display: none;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fda-reveal
  .pp-form-field-input-textarea-wrap
  .pp-form-field:focus
  ~ .pp-form-field-description {
  display: block;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fda-standard
  .ppress-hint-tooltip,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fda-reveal
  .ppress-hint-tooltip,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fda-tooltip
  .pp-form-field-description {
  display: none;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fda-tooltip
  .ppress-hint-tooltip {
  font-weight: 400;
  display: inline;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fda-tooltip
  .ppress-hint-tooltip
  .pp-form-material-icons {
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-size: 110%;
  display: inline;
  position: relative;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fld-inside {
  position: relative;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fld-inside
  .pp-form-label-wrap {
  z-index: 2;
  position: absolute;
  top: 5px;
  left: 15px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap.fld-inside
  .pp-form-label-wrap {
  left: 0 !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fld-inside
  .pp-form-field-input-textarea-wrap
  .pp-form-field {
  padding-top: 18px;
  padding-bottom: 2px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-medium
  .pp-form-field-wrap.fld-inside
  .pp-form-field-input-textarea-wrap
  .pp-form-field {
  padding-top: 23px;
  padding-bottom: 7px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-large
  .pp-form-field-wrap.fld-inside
  .pp-form-field-input-textarea-wrap
  .pp-form-field {
  padding-top: 30px;
  padding-bottom: 10px;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap.fw-half {
  width: 50%;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap.fw-third {
  width: 33.3333%;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  input:not([type="radio"]):not([type="checkbox"]),
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap select,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  textarea {
  color: #69717a;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.3;
  transition: all 0.35s;
  display: inline-block;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  textarea {
  height: 100px;
  overflow: auto;
}

.pp-form-field-wrap .pp-form-material-icons {
  cursor: text;
  width: 24px;
  height: 24px;
  margin: 8px 12px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfia-right
  .pp-form-field-wrap.field-has-icon
  input,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfia-right
  .pp-form-field-wrap.field-has-icon
  textarea {
  padding-right: 40px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfia-left
  .pp-form-field-wrap.field-has-icon
  input,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfia-left
  .pp-form-field-wrap.field-has-icon
  textarea {
  padding-left: 40px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left
  .pp-form-field-wrap.field-has-icon
  input,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left
  .pp-form-field-wrap.field-has-icon
  textarea {
  padding-left: 30px !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right
  .pp-form-field-wrap.field-has-icon
  input,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right
  .pp-form-field-wrap.field-has-icon
  textarea {
  padding-right: 30px !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfia-left
  .pp-form-field-wrap
  .pp-form-material-icons {
  margin-left: 12px;
  left: 0;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-left
  .pp-form-field-wrap
  .pp-form-material-icons {
  margin-left: 0 !important;
  left: 0 !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material.ppfia-right
  .pp-form-field-wrap
  .pp-form-material-icons {
  margin-right: 0 !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-medium
  .pp-form-field-wrap
  .pp-form-material-icons {
  margin-top: 10px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-large
  .pp-form-field-wrap
  .pp-form-material-icons {
  margin-top: 18px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .has-password-visibility-icon
  .pp-form-material-icons {
  cursor: pointer;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-pill
  .pp-form-field-wrap
  input:not([type="radio"]):not([type="checkbox"]),
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-pill
  .pp-form-field-wrap
  select,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-pill
  .pp-form-field-wrap
  textarea {
  border-radius: 25px !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-round
  .pp-form-field-wrap
  input:not([type="radio"]):not([type="checkbox"]),
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-round
  .pp-form-field-wrap
  select,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-round
  .pp-form-field-wrap
  textarea {
  border-radius: 6px !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap
  input:not([type="radio"]):not([type="checkbox"]),
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap
  select,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap
  .select2.select2-container,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap
  textarea {
  border: 0 !important;
  border-bottom: 1px solid #dbdbdb !important;
  padding-left: 0 !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap
  span.select2-selection.select2-selection--multiple {
  border: 0 !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap
  input[type="text"]:focus,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap
  select:focus,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-material
  .pp-form-field-wrap
  textarea:focus {
  box-shadow: none !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-flat
  .pp-form-field-wrap
  input:not([type="radio"]):not([type="checkbox"]),
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-flat
  .pp-form-field-wrap
  select,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-flat
  .pp-form-field-wrap
  .select2-selection,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfl-flat
  .pp-form-field-wrap
  textarea {
  background: #f7f7f7 !important;
  border: 0 !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-medium
  .pp-form-field-wrap
  input,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-medium
  .pp-form-field-wrap
  select {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-medium
  .pp-form-field-wrap
  textarea {
  height: 150px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-large
  .pp-form-field-wrap
  input,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-large
  .pp-form-field-wrap
  select {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-large
  .pp-form-field-wrap
  textarea {
  height: 200px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  input[type="text"]:focus,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  select:focus,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  textarea:focus {
  border: 1px solid #999;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  .pp-form-label-wrap
  .pp-form-label,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  .ppform-remember-label {
  float: none;
  color: #444;
  background-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-field-wrap
  .ppform-remember-label {
  display: inline-block;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppf-hide-asterisk
  .pp-form-required-label {
  display: none;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-submit-button-wrap
  input[type="submit"] {
  color: #fff;
  text-align: center;
  background: #000;
  border: none;
  width: auto;
  min-width: 110px;
  padding: 15px 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  transition: all 0.15s ease-in-out;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-medium
  .pp-form-submit-button-wrap
  input[type="submit"],
.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppfs-large
  .pp-form-submit-button-wrap
  input[type="submit"] {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppsbl-pill
  .pp-form-submit-button-wrap
  input[type="submit"] {
  border-radius: 25px !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppsbl-round
  .pp-form-submit-button-wrap
  input[type="submit"] {
  border-radius: 6px !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-submit-button-wrap
  input[type="submit"]:hover,
.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-form-submit-button-wrap
  input[type="submit"]:focus {
  color: #000;
  background-color: #ededed;
  text-decoration: none;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-checkbox-wrap,
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-radio-wrap {
  margin: 0 0 5px;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-checkboxes-container {
  margin: 0;
  padding: 0;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  .pp-checkbox-wrap:last-of-type,
.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-radio-wrap:last-of-type {
  margin-bottom: 0;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-description {
  color: #666;
  text-align: left;
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppsbw-wide
  .pp-form-submit-button-wrap
  input[type="submit"] {
  width: 100%;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppsbw-full-width
  .pp-form-submit-button-wrap {
  margin-top: 4%;
  margin-bottom: 4%;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppsbw-full-width
  .pp-form-submit-button-wrap
  input[type="submit"] {
  margin: 0;
  display: block;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  width: 100% !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.pp-form-container .pp-form-wrapper.ppBuildScratch.ppsbw-full-width.ppsbl-pill {
  border-bottom-right-radius: 25px !important;
  border-bottom-left-radius: 25px !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch.ppsbw-full-width.ppsbl-round {
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.pp-form-container
  .pp-form-wrapper.ppBuildScratch
  a.pp-button-social-login:last-of-type {
  margin-bottom: 1.5em !important;
}

#profilepress-myaccount-wrapper,
#profilepress-myaccount-wrapper *,
#profilepress-myaccount-wrapper :after,
#profilepress-myaccount-wrapper :before {
  box-sizing: border-box;
}

#profilepress-myaccount-wrapper {
  font-size: 16px;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-row {
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-nav {
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

#profilepress-myaccount-wrapper .ppmyac-dashboard-item {
  width: 100%;
  text-align: inherit;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  margin-bottom: -1px;
  padding: 0.75em 1.25em;
  display: block;
  position: relative;
  text-decoration: none !important;
}

#profilepress-myaccount-wrapper .ppmyac-dashboard-item.isactive {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

#profilepress-myaccount-wrapper .ppmyac-dashboard-item:first-child {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}

#profilepress-myaccount-wrapper .ppmyac-dashboard-item:last-child {
  border-bottom-right-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
  margin-bottom: 0;
}

#profilepress-myaccount-wrapper .ppmyac-icons {
  vertical-align: text-bottom;
  margin-right: 0.5em;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-col-sm-3 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 576px) {
  #profilepress-myaccount-wrapper .profilepress-myaccount-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
#profilepress-myaccount-wrapper .profilepress-myaccount-content {
  width: 100%;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 576px) {
  #profilepress-myaccount-wrapper .profilepress-myaccount-content {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
#profilepress-myaccount-wrapper .profilepress-myaccount-avatar-wrap {
  text-align: center;
  margin-bottom: 20px;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-avatar-wrap
  .profilepress-myaccount-avatar
  img.pp-user-avatar {
  border-radius: 999px;
  width: 120px;
  height: 120px;
  display: inline-block;
  float: none !important;
  margin: 0 !important;
  position: static !important;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-nav a:focus {
  text-shadow: none;
  box-shadow: none;
  outline: none;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content h2,
#profilepress-myaccount-wrapper .profilepress-myaccount-content h3 {
  margin-top: 0 !important;
  margin-bottom: 1em !important;
  font-size: 2em !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-submenus-wrap {
  margin-bottom: 2em;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-submenu-wrap {
  padding-right: 1em;
  display: inline;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-submenu-item {
  color: inherit;
  padding: 0 0 10px;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-submenu-item.ppsubmenu-active {
  border-bottom: 3px solid #6c757d;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content h3 {
  margin-bottom: 1em !important;
  font-size: 1.2em !important;
  font-weight: 500 !important;
}

.profilepress-myaccount-alert,
.profilepress-myaccount-edit-profile .profilepress-edit-profile-status {
  border-radius: 0.25em;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0) !important;
  margin-bottom: 1em !important;
  padding: 0.75em 1.25em !important;
}

.profilepress-myaccount-alert.pp-alert-danger,
.profilepress-myaccount-edit-profile .profilepress-edit-profile-status {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.profilepress-myaccount-alert.pp-alert-success,
.profilepress-myaccount-edit-profile .profilepress-edit-profile-status.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-field {
  margin-top: 0.5em;
  margin-bottom: 1em;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-cover-image-empty {
  background-color: #eee;
  min-height: 250px;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-delete-cover-image-wrap {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  border-radius: 0.25em;
  margin-bottom: 0;
  padding: 0.75em;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-delete-cover-image-wrap
  img {
  width: 100%;
  height: auto;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-email-notifications-wrap
  .profilepress-myaccount-form-field {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-email-notifications-wrap {
  margin-bottom: 2em;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-field
  label {
  margin-bottom: 0.2em;
  font-weight: 500;
  display: block;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-field
  input[type="radio"]
  + label,
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-field
  input[type="checkbox"]
  + label {
  display: inline;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  .profilepress-myaccount-form-control:not([type="radio"]):not(
    [type="checkbox"]
  ),
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  textarea,
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  select {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25em;
  width: 100%;
  height: calc(2.25em + 2px);
  padding: 0.375em 0.75em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  display: block;
  overflow: visible;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1254901961);
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  textarea {
  resize: vertical !important;
  height: auto !important;
  min-height: 100px !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input.profilepress-myaccount-form-control:focus,
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  textarea.profilepress-myaccount-form-control:focus,
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  select.profilepress-myaccount-form-control:focus {
  box-shadow: none;
  background-color: #fff;
  border-color: #bbb;
  outline: 0;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  .profilepress-myaccount-form-field
  input[type="submit"] {
  cursor: pointer;
  width: auto;
  display: inline-block;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  .profilepress-myaccount-form-field
  input[type="submit"]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  text-decoration: none;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  .ppmyac-custom-file {
  width: 100%;
  height: calc(2.25em + 2px);
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  .ppmyac-custom-file-input {
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: calc(2.25em + 2px);
  margin: 0;
  position: relative;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  .ppmyac-custom-file-label {
  z-index: 1;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25em;
  height: calc(2.25em + 2px);
  padding: 0.375em 0.75em;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  .ppmyac-custom-file-label:after {
  box-sizing: border-box;
  z-index: 3;
  color: #495057;
  content: "Browse";
  border-left: inherit;
  background-color: #e9ecef;
  border-radius: 0 0.25em 0.25em 0;
  height: 2.25em;
  padding: 0.375em 0.75em;
  line-height: 1.5;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-wrap
  .ppmyac-custom-file-input
  ~ .ppmyac-custom-file-label[data-browse]:after {
  content: attr(data-browse);
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-field
  .pp-checkbox-wrap
  label.pp-form-label,
#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-form-field
  .pp-radio-wrap
  label.pp-form-label {
  margin: 0 0 0 0.381982em;
  display: inline-block;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-delete-avatar-wrap {
  flex-direction: column;
  margin: 1em 0 0;
  padding-left: 0;
  display: flex;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-delete-avatar {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  border-radius: 0.25em;
  margin-bottom: 0;
  padding: 0.75em 1.25em;
  position: relative;
  justify-content: space-between !important;
  display: flex !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .pp-user-avatar {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  min-height: 100%;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .ppmyac-remove-avatar {
  color: #fff;
  text-align: center;
  vertical-align: middle;
  height: 35px;
  text-shadow: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #6c757d;
  border: 1px solid #6c757d;
  border-radius: 0.2em;
  padding: 0.25em 0.5em;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.5;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  display: inline-block;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .profilepress-myaccount-delete-cover-image-wrap
  .ppmyac-remove-avatar {
  margin-top: 0.75em !important;
  margin-bottom: 0 !important;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  input.profilepress-myaccount-form-control::-webkit-file-upload-button {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
}

#profilepress-myaccount-wrapper
  .profilepress-myaccount-content
  .select2-selection {
  border-radius: 0.25em;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1254901961);
}

.ppress-2fa-setup-wrap .ppmyac-2fa-recovery-codes-wrap {
  text-align: center;
  width: 250px;
}

.pp-form-container .pp-field-user-avatar-picture-wrap {
  width: 250px;
  height: auto;
  margin: auto;
  position: relative;
}

.pp-form-container .pp-field-user-cover-image-wrap {
  margin: auto;
  position: relative;
}

.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay-wrap,
.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay-wrap {
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  text-shadow: 0 1px #666;
  background: rgba(0, 0, 0, 0.5019607843);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 16px;
  line-height: 21px;
  position: absolute;
  top: 0;
  left: 0;
}

.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay-wrap {
  border-radius: 0;
}

.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay,
.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay {
  width: 100%;
  height: 100%;
  display: table;
}

.pp-field-user-avatar-picture-wrap .pp-profile-avatar-overlay ins,
.pp-field-user-cover-image-wrap .pp-cover-image-overlay ins {
  display: none;
}

.pp-field-user-avatar-picture-wrap:hover .pp-profile-avatar-overlay ins,
.pp-field-user-cover-image-wrap:hover .pp-cover-image-overlay ins {
  vertical-align: middle;
  height: 100%;
  display: table-cell;
  color: #fff !important;
  background: 0 0 !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

.pp-field-user-avatar-picture-wrap:hover
  .pp-profile-avatar-overlay-wrap
  .pp-profile-avatar-overlay
  .pp-form-material-icons,
.pp-field-user-cover-image-wrap:hover
  .pp-cover-image-overlay-wrap
  .pp-cover-image-overlay
  .pp-form-material-icons {
  cursor: pointer;
  color: #fff !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 35px !important;
  display: block !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
}

html
  .select2.select2-container
  .select2-selection.select2-selection--multiple
  input.select2-search__field {
  border: 0 !important;
  height: auto !important;
}

.select2.select2-container
  .select2-selection.select2-selection--multiple
  input.select2-search__field {
  box-shadow: none !important;
  border: 0 !important;
}

.select2.select2-container
  .select2-selection.select2-selection--multiple
  li.select2-selection__choice {
  height: auto;
  line-height: normal;
}

.pp-form-wrapper.pp-member-directory {
  opacity: 0;
}

.pp-form-wrapper.ppress-default-profile {
  box-sizing: border-box;
  color: #666;
  opacity: 0;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 30px;
  font-size: 15px;
}

.pp-form-wrapper.ppress-default-profile * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

.pp-form-wrapper.ppress-default-profile a,
.pp-form-wrapper.ppress-default-profile a:hover {
  text-decoration: none !important;
}

.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover {
  box-sizing: border-box;
  background-color: #eee;
  position: relative;
}

.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover-e {
  text-align: center;
  overflow: hidden;
}

.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover-e img {
  border-radius: 0;
  width: 100%;
  margin: 0;
  display: block;
  overflow: hidden;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-header {
  box-sizing: content-box;
  border-bottom: 2px solid #eee;
  min-height: 85px;
  padding: 0 0 25px;
  position: relative;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-headericon {
  vertical-align: middle;
  z-index: 66;
  height: 30px;
  margin-right: 10px;
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  top: 15px;
  right: 0;
}

.pp-form-wrapper.ppress-default-profile
  .ppress-dpf-headericon
  .ppress-dpf-edit-a
  .ppress-material-icons {
  font-size: 30px;
}

.pp-form-wrapper.ppress-default-profile a.ppress-dpf-edit-a {
  color: #aaa;
  border-bottom: 0;
  text-decoration: none;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-headericon a:hover,
.pp-form-wrapper.ppress-default-profile a.ppress-dpf-edit-a.active {
  color: #007bff;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-photo {
  float: left;
  box-sizing: border-box;
  width: 200px;
  height: 200px;
  margin: 0 0 0 30px;
  position: absolute;
}

.pp-form-wrapper.ppress-default-profile.ppdf-nocover .ppress-dpf-profile-photo {
  position: relative;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-photo img {
  width: 100%;
  height: auto;
  box-shadow: none;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 100%;
  margin: 0;
  display: block;
  overflow: hidden;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-meta {
  -ms-word-break: break-all;
  word-break: break-word;
  word-wrap: break-word;
  padding-right: 30px;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-main-meta {
  color: #999;
  padding: 10px 0 0;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-name {
  color: #555;
  margin-right: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.7em;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-clear {
  clear: both;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta span {
  margin: 0 5px;
  font-size: 14px;
  line-height: 0.1;
  display: inline-block;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta span:first-child {
  margin: 0 5px 0 0;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta-text {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.4em;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav {
  text-align: center;
  background: #444;
  padding: 10px;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item a {
  color: #fff;
  float: left;
  border-bottom: 0;
  border-radius: 4px;
  margin-left: 5px;
  padding: 6px 10px 6px 28px;
  font-size: 14px;
  font-weight: 600;
  display: block;
  position: relative;
  text-decoration: none !important;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-nav-item a:hover {
  background: #555;
}

.pp-form-wrapper.ppress-default-profile
  .ppress-dpf-profile-nav-item
  .ppress-material-icons {
  height: 18px;
  font-size: 18px;
  line-height: 1.5;
  display: block;
  position: absolute;
  left: 10px;
}

.pp-form-wrapper.ppress-default-profile
  .ppress-dpf-profile-nav-item
  span.ppress-dpf-nav-title {
  padding-left: 5px;
}

.pp-form-wrapper.ppress-default-profile
  .ppress-dpf-profile-nav-item.ppress-dpf-active
  a {
  background: #007bff;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body {
  max-width: 600px;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note,
.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item {
  text-align: center;
  color: #666;
  padding-top: 20px;
}

.pp-form-wrapper.ppress-default-profile
  .ppress-dpf-profile-note
  .ppress-material-icons {
  height: 70px;
  font-size: 70px;
  line-height: 70px;
  display: inline-block;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note span,
.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item span {
  color: #888;
  margin-top: 10px;
  font-size: 16px;
  display: block;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note a {
  border: none !important;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body-items {
  margin: 0 0 30px;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-body-item {
  padding: 15px 0 0;
  position: relative;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-item-label {
  border-bottom: 2px solid #eee;
  margin: 0 0 8px;
  padding-bottom: 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  display: block;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-field-label-icon {
  float: left;
  text-align: center;
  width: 24px;
  height: 22px;
  margin: 0 8px 0 0;
  line-height: 18px;
  display: inline-block;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-field-label-icon i {
  font-size: 22px;
  position: relative;
  top: 1px;
}

.pp-form-wrapper.ppress-default-profile
  .ppdf-nocover
  .ppress-dpf-profile-photo {
  float: none;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.pp-form-wrapper.ppress-default-profile .ppdf-nocover .ppress-dpf-profile-meta {
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav {
  padding: 0 !important;
}

.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item a {
  border-radius: 0 !important;
  margin-left: 0 !important;
  padding: 10px 16px !important;
}

.ppress-dpf-profile-nav-item.ppressui340 .ppress-dpf-profile-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ppress-default-profile.ppressui340.ppdf-nocover
  .ppress-dpf-header
  .ppress-dpf-profile-photo {
  position: static !important;
  top: auto !important;
  left: auto !important;
}

.ppress-default-profile.ppressui340
  .ppress-dpf-header
  .ppress-dpf-profile-meta {
  text-align: center !important;
  margin-top: -30px !important;
  padding: 0 !important;
}

.ppress-default-profile.ppressui340.ppdf-nocover
  .ppress-dpf-header
  .ppress-dpf-profile-meta {
  padding-top: 0 !important;
}

.ppress-default-profile.ppressui340 .ppress-dpf-header .ppress-dpf-name {
  float: none !important;
  margin-right: 0 !important;
  font-size: 18px !important;
}

.ppress-default-profile.ppressui340 .ppress-dpf-header .ppress-dpf-meta-text {
  padding: 0 20px !important;
}

.ppress-default-profile.ppressui340 .ppress-dpf-profile-photo {
  float: none !important;
  text-align: center !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto !important;
  position: relative !important;
  top: -40px !important;
  left: auto !important;
}

.ppress-default-profile.ppressui340.ppdf-nocover
  .ppress-dpf-header
  .ppress-dpf-profile-photo {
  width: 120px !important;
  height: 120px !important;
}

.ppress-default-profile.ppressui340 .ppress-dpf-nav-title {
  font-size: 12px !important;
}

.ppress-default-profile.ppressui340
  .ppress-dpf-profile-nav-item
  .ppress-material-icons {
  height: 20px !important;
  font-size: 20px !important;
  line-height: 20px !important;
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

.ppress-default-profile.ppressui340.ppdf-nocover
  .ppress-dpf-header
  .ppress-dpf-profile-meta {
  margin-top: 0 !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav {
  padding: 0 !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item a {
  border-radius: 0 !important;
  margin-left: 0 !important;
  padding: 10px 16px !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item i {
  height: 22px !important;
  font-size: 22px !important;
  line-height: 22px !important;
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-profile-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ppress-default-profile.ppressui500.ppdf-nocover
  .ppress-dpf-header
  .ppress-dpf-profile-photo {
  width: 120px !important;
  height: 120px !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-profile-photo {
  float: none !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto !important;
  display: block !important;
  position: relative !important;
  top: -40px !important;
  left: 0 !important;
}

.ppress-default-profile.ppressui500
  .ppress-dpf-header
  .ppress-dpf-profile-meta {
  text-align: center !important;
  margin-top: -30px !important;
  padding: 0 !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-name {
  float: none !important;
  margin-right: 0 !important;
  font-size: 21px !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-meta-text {
  padding-top: 10px !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-header .ppress-dpf-meta {
  padding: 0 20px !important;
  display: block !important;
}

.ppress-default-profile.ppressui500 .ppress-dpf-nav-title {
  font-size: 12px !important;
}

.ppress-default-profile.ppressui500
  .ppress-dpf-profile-nav-item
  .ppress-material-icons {
  height: 20px !important;
  font-size: 20px !important;
  line-height: 20px !important;
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

.ppress-default-profile.ppressui500.ppdf-nocover
  .ppress-dpf-header
  .ppress-dpf-profile-meta {
  margin-top: 0 !important;
}

.ppress-default-profile.ppressui800 .ppress-dpf-profile-nav {
  padding: 0 !important;
}

.ppress-default-profile.ppressui800 .ppress-dpf-profile-nav-item a {
  border-radius: 0 !important;
  margin-left: 0 !important;
  padding: 10px 20px !important;
}

.ppress-default-profile.ppressui800 .ppress-dpf-profile-photo {
  width: 140px !important;
  height: 140px !important;
  top: -70px !important;
}

.ppress-default-profile.ppressui800.ppdf-nocover
  .ppress-dpf-header
  .ppress-dpf-profile-photo {
  top: auto !important;
}

.ppress-default-profile.ppressui800 .ppress-dpf-header .ppress-dpf-meta-text {
  padding-top: 10px !important;
}

.ppress-default-profile.ppressui800 .ppress-dpf-nav-title {
  font-size: 12px !important;
}

.ppress-default-profile.ppressui800
  .ppress-dpf-profile-nav-item
  .ppress-material-icons {
  height: 20px !important;
  font-size: 20px !important;
  line-height: 20px !important;
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

.ppress-default-profile.ppressui960 .ppress-dpf-profile-photo {
  width: 140px !important;
  height: 140px !important;
  top: -70px !important;
}

.ppress-default-profile.ppressui960.ppdf-nocover .ppress-dpf-profile-meta {
  margin-top: -50px !important;
}

.ppress-default-profile.ppressui340 .ppress-dpf-profile-nav-item a,
.ppress-default-profile.ppressui500 .ppress-dpf-profile-nav-item a {
  padding: 5px 11px !important;
  font-size: 12px !important;
}

.ppress-default-profile.ppressui340
  .ppress-dpf-profile-nav-item
  .ppress-material-icons,
.ppress-default-profile.ppressui500
  .ppress-dpf-profile-nav-item
  .ppress-material-icons {
  font-size: 14px !important;
}

.ppress-default-profile.ppressui340 span.ppress-dpf-nav-title,
.ppress-default-profile.ppressui500 span.ppress-dpf-nav-title {
  font-size: 10px !important;
}

.pp-form-wrapper.ppress-default-profile ul.pp-user-post-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pp-form-wrapper.ppress-default-profile li.pp-user-post-item {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}

.pp-form-wrapper.ppress-default-profile .pp-user-post-item a,
.pp-form-wrapper.ppress-default-profile .pp-user-post-item h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.pp-form-wrapper.ppress-default-profile
  .pp-user-post-item
  h3.pp-post-item-head {
  line-height: 20px;
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-more-post-wrap {
  text-align: center;
  padding-top: 30px;
}

.pp-form-wrapper.ppress-default-profile a.ppress-dpf-more-post-btn {
  text-align: center;
  text-transform: none;
  color: #fff;
  background: #007bff;
  border: none;
  border-radius: 4px;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  padding: 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: all 0.25s;
  display: block;
  box-shadow:
    0 4px 6px rgba(50, 50, 93, 0.1098039216),
    0 1px 3px rgba(0, 0, 0, 0.0784313725);
}

.pp-form-wrapper.ppress-default-profile .pp-user-comment-item {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}

.pp-form-wrapper.ppress-default-profile .pp-user-comment-item-link a {
  color: inherit;
}

.pp-form-wrapper.ppress-default-profile
  .pp-user-comment-no-item
  + .ppress-dpf-more-post-wrap {
  display: none;
}

.pp-member-directory .ppressmd-member-directory-header.ppressmd-form {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row:not(
    .ppressmd-member-directory-filters-bar
  ) {
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  margin: 0 0 10px;
  display: flex;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row.ppressmd-member-directory-search-row {
  justify-content: flex-end;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-search-line {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  display: flex;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-search-line
  label {
  flex: 1;
  min-width: 90px;
  max-width: 85%;
  margin: 0 10px 0 0;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-search-line
  label
  .ppressmd-search-line {
  -webkit-appearance: textfield;
  background-color: #fff;
  border-radius: 2px;
  width: 100%;
  position: static;
  cursor: text !important;
  box-sizing: border-box !important;
  height: 40px !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  display: block !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-search-line
  .ppressmd-do-search {
  width: auto;
  min-width: 15%;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppressmd-member-directory-sorting {
  flex-flow: row;
  flex: 5;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppressmd-member-directory-sorting
  .ppressmd-member-directory-sorting-a {
  cursor: pointer;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
  position: relative;
}

.pp-member-directory .ppressmd-member-directory-header a {
  box-shadow: none;
  border-bottom: none;
  text-decoration: none;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppress-material-icons {
  vertical-align: middle;
  display: inline;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppressmd-member-directory-filters {
  text-align: right;
  flex-flow: row;
  flex: 2;
  justify-content: flex-end;
  align-items: baseline;
  display: flex;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppressmd-member-directory-filters
  .ppressmd-member-directory-filters-a {
  cursor: pointer;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppressmd-member-directory-filters
  .ppressmd-member-directory-filters-a
  a {
  margin: 0 5px 0 0;
}

.ppressmd-member-directory-header:not(.ppmd-filters-expand)
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppressmd-member-directory-filters
  .ppressmd-member-directory-filters-a
  .ppress-up,
.ppressmd-member-directory-header.ppmd-filters-expand
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppressmd-member-directory-filters
  .ppressmd-member-directory-filters-a
  .ppress-down {
  display: none;
}

.ppressmd-new-dropdown {
  z-index: 10;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: auto;
  margin: 0;
  font-size: 16px;
  display: none;
  position: absolute;
  box-shadow:
    0 7px 14px rgba(50, 50, 93, 0.1019607843),
    0 3px 6px rgba(0, 0, 0, 0.0705882353);
}

.ppressmd-new-dropdown ul {
  margin: 0;
  padding: 0;
}

.ppressmd-new-dropdown ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppressmd-member-directory-sorting
  .ppressmd-member-directory-sorting-a
  .ppressmd-new-dropdown {
  width: 200px;
  top: 24px;
  left: -12px;
}

.ppressmd-new-dropdown ul li a {
  padding: 8px 12px;
  line-height: 1;
  display: block;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row.ppressmd-member-directory-filters-bar {
  padding: 0 0 10px;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row.ppressmd-header-row-invisible {
  margin: 0;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-search.ppressmd-search-invisible {
  display: none;
}

.ppressmd-member-directory-header.ppmd-filters-expand
  .ppressmd-member-directory-header-row
  .ppressmd-search.ppressmd-search-invisible {
  display: grid;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-search {
  grid-gap: 10px;
  -ms-grid-template-rows: auto 1fr;
  -ms-grid-template-columns: repeat(3, 1fr);
  -ms-grid-gap: 10px;
  -ms-grid-auto-rows: minmax(max-content, auto);
  grid-template-rows: auto 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(max-content, auto);
  align-items: center;
  width: 100%;
  margin: 0;
  display: grid;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-search
  .ppressmd-search-filter {
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  display: flex;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-search
  .ppressmd-search-filter.ppressmd-text-filter-type
  input {
  width: 100%;
  padding: 10px 30px;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-search-line
  label
  .ppressmd-search-line,
.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-search
  .ppressmd-search-filter.ppressmd-text-filter-type
  input:not(.select2-search__field),
.pp-member-directory
  .ppressmd-member-directory-header
  .select2.select2-container
  .select2-selection {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ddd !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-search
  .ppressmd-search-filter.ppressmd-text-filter-type
  input,
.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-search-line
  label
  .ppressmd-search-line,
.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  .ppressmd-member-directory-nav-line
  .ppress-material-icons,
.pp-member-directory
  .ppressmd-member-directory-header
  .select2.select2-container
  .select2-selection__rendered {
  color: #666;
  background-color: rgba(0, 0, 0, 0);
}

.pp-member-directory
  .ppressmd-member-directory-header
  .ppressmd-member-directory-header-row
  input[type="search"]:focus {
  border: 1px solid #bbb !important;
}

.pp-member-directory .ppressmd-member-directory-header .ppressmd-button {
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  box-shadow: none;
  text-shadow: none;
  -webkit-appearance: none;
  margin: 0;
  font-family: inherit;
  transition: all 0.25s;
  display: block;
  position: relative;
  overflow: hidden;
  text-transform: none !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: none !important;
  border-radius: 4px !important;
  outline: none !important;
  height: auto !important;
  padding: 16px 20px !important;
  font-weight: 400 !important;
  line-height: 1em !important;
  text-decoration: none !important;
}

.pp-member-directory .ppressmd-members-total-wrap {
  text-align: center;
  margin: 0 0 10px;
}

.pp-member-directory .ppressmd-members-total {
  font-size: 20px;
  font-weight: 300;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2.select2-container {
  width: 100% !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-search.select2-search--inline
  .select2-search__field {
  width: auto !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2.select2-container
  .select2-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: 40px;
  white-space: nowrap !important;
  text-align: left !important;
  background: 0 0 !important;
  border-radius: 2px !important;
  padding: 0 0 0 12px !important;
  font-size: 15px !important;
  line-height: 35px !important;
  text-decoration: none !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2.select2-container
  .select2-selection
  .select2-selection__arrow {
  text-align: center !important;
  background: 0 0 !important;
  border-left: 0 !important;
  border-radius: 0 2px 2px 0 !important;
  width: 34px !important;
  height: 100% !important;
  display: inline-block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container.select2-container--open
  .select2-dropdown {
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container.select2-container--open
  .select2-dropdown
  .select2-results
  li {
  cursor: pointer;
  background-image: none;
  font-size: 15px;
  list-style: none;
  display: list-item;
  color: #666 !important;
  min-height: 1em !important;
  margin: 5px !important;
  padding: 3px 7px 4px !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2.select2-container
  .select2-selection.select2-selection--multiple {
  height: auto !important;
  line-height: 0.8 !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 37px;
  padding-left: 0 !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-right: 30px;
  font-size: 13px;
  line-height: 37px;
  list-style: none;
  padding-left: 0 !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-results
  li.select2-results__option.select2-results__option--highlighted {
  color: #666 !important;
  background: #f4f4f4 !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--single
  .select2-selection__clear,
.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  font-size: 30px;
  right: 10px;
  margin: 0 !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--single
  .select2-selection__clear,
.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__clear,
.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  color: #888 !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  position: absolute;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  padding: 3px 3px 3px 5px;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container
  .select2-search.select2-search--inline
  > input {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  text-overflow: ellipsis;
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
}

.pp-member-directory
  .ppressmd-member-directory-header
  .select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  font-size: 20px !important;
}

.pp-member-directory .ppmd-pagination-wrap {
  text-align: center;
  width: 100%;
  margin: 0 auto 10px;
  padding: 0;
  font-size: 16px;
}

.pp-member-directory .ppmd-pagination-wrap .page-numbers {
  color: #666;
  width: auto;
  height: 34px;
  padding: 0 14px;
  font-weight: 400;
  line-height: 34px;
  transition: all 0.2s linear;
  display: inline-block;
}

.pp-member-directory .ppmd-pagination-wrap .page-numbers.current {
  color: #fff;
  background: #007bff;
}

.pp-member-directory
  .ppmd-pagination-wrap
  .page-numbers
  .ppress-material-icons {
  vertical-align: middle;
}

.ppress-paywall-message-wrap {
  background: linear-gradient(
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5019607843) 0.5em,
    #fff 5.5em 100%
  );
  width: 100%;
  margin: -5em auto 2em;
  padding: 6em 0 0;
  position: relative;
}

.ppress-paywall-message {
  color: #333;
  background-color: #f4f4f4;
  border: 6px solid #fff;
  border-radius: 0.5em;
  padding: 1.375em;
  box-shadow: 0 0 0.5em 0.25em rgba(0, 0, 0, 0.1254901961);
}

.ppress-paywall-message p:last-child {
  margin-bottom: 0 !important;
}

p:has(+ .ppress-paywall-message-wrap) {
  margin-bottom: 0;
}

.ppress-main-container {
  width: 100%;
}

.ppress-container-div {
  text-align: center;
  background-color: #fff;
  width: 100%;
  margin: 3em 0;
  padding: 3em;
}

@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.flatpickr-calendar {
  opacity: 0;
  text-align: center;
  visibility: hidden;
  box-sizing: border-box;
  touch-action: manipulation;
  direction: ltr;
  background: #fff;
  border: 0;
  border-radius: 5px;
  width: 307.875px;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  animation: none;
  display: none;
  position: absolute;
  box-shadow:
    1px 0 #e6e6e6,
    -1px 0 #e6e6e6,
    0 1px #e6e6e6,
    0 -1px #e6e6e6,
    0 3px 13px rgba(0, 0, 0, 0.0784313725);
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
  opacity: 1;
  visibility: visible;
  max-height: 640px;
}

.flatpickr-calendar.open {
  z-index: 99999;
  display: inline-block;
}

.flatpickr-calendar.animate.open {
  animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) fpFadeInDown;
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  box-shadow:
    -2px 0 #e6e6e6,
    5px 0 #e6e6e6;
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
  pointer-events: none;
  content: "";
  border: solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 22px;
}

.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus,
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-wrapper {
  display: inline-block;
  position: relative;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: rgba(0, 0, 0, 0.9019607843);
  fill: rgba(0, 0, 0, 0.9019607843);
  height: 34px;
}

.flatpickr-months .flatpickr-month {
  text-align: center;
  background: 0 0;
  flex: 1;
  line-height: 1;
  position: relative;
  overflow: hidden;
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  cursor: pointer;
  z-index: 3;
  padding: 10px;
  text-decoration: none;
  position: absolute;
  top: 0;
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i,
.numInputWrapper {
  position: relative;
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0;
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  fill: inherit;
  transition: fill 0.1s;
}

.numInputWrapper {
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numInputWrapper span {
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid rgba(57, 57, 57, 0.1490196078);
  width: 14px;
  height: 50%;
  padding: 0 4px 0 2px;
  line-height: 50%;
  position: absolute;
  right: 0;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1019607843);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}

.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}

.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5019607843);
}

.flatpickr-current-month span.cur-month:hover,
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.0509803922);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  color: inherit;
  text-align: center;
  width: 75%;
  height: 34px;
  padding: 7.48px 0 0;
  font-size: 135%;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
  position: absolute;
  left: 12.5%;
  transform: translate(0);
}

.flatpickr-current-month span.cur-month {
  color: inherit;
  margin-left: 0.5ch;
  padding: 0;
  font-family: inherit;
  font-weight: 700;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9019607843);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9019607843);
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  box-sizing: border-box;
  color: inherit;
  font-size: inherit;
  height: auto;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  vertical-align: initial;
  background: 0 0;
  border: 0;
  border-radius: 0;
  padding: 0 0 0 0.5ch;
}

.flatpickr-current-month input.cur-year {
  cursor: text;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
  display: inline-block;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  color: rgba(0, 0, 0, 0.5019607843);
  pointer-events: none;
  background: 0 0;
  font-size: 100%;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  outline: 0;
  width: auto;
  margin: -1px 0 0;
  position: relative;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.0509803922);
}

.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: rgba(0, 0, 0, 0);
  outline: 0;
  padding: 0;
}

.flatpickr-weekdays {
  text-align: center;
  background: 0 0;
  align-items: center;
  width: 100%;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  flex: 1;
  display: flex;
}

span.flatpickr-weekday {
  cursor: default;
  color: rgba(0, 0, 0, 0.5411764706);
  text-align: center;
  background: 0 0;
  flex: 1;
  margin: 0;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  display: block;
}

.flatpickr-weeks {
  padding: 1px 0 0;
}

.flatpickr-days {
  align-items: flex-start;
  width: 307.875px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer,
.flatpickr-day {
  box-sizing: border-box;
  display: inline-block;
}

.dayContainer {
  text-align: left;
  opacity: 1;
  outline: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  padding: 0;
  display: flex;
  transform: translate(0);
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 #e6e6e6;
}

.flatpickr-day {
  color: #393939;
  cursor: pointer;
  text-align: center;
  background: 0 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 150px;
  flex-basis: 14.2857%;
  justify-content: center;
  width: 14.2857%;
  max-width: 39px;
  height: 39px;
  margin: 0;
  font-weight: 400;
  line-height: 39px;
  position: relative;
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
  cursor: pointer;
  background: #e6e6e6;
  border-color: #e6e6e6;
  outline: 0;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  color: #fff;
  background: #959ea9;
  border-color: #959ea9;
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  box-shadow: none;
  color: #fff;
  background: #569ff7;
  border-color: #569ff7;
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 #569ff7;
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow:
    -5px 0 #e6e6e6,
    5px 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  background: 0 0;
  border-color: rgba(0, 0, 0, 0);
}

.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
  color: rgba(57, 57, 57, 0.3019607843);
  cursor: default;
  background: 0 0;
  border-color: rgba(0, 0, 0, 0);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1019607843);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow:
    -5px 0 #569ff7,
    5px 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  color: rgba(57, 57, 57, 0.3019607843);
  cursor: default;
  background: 0 0;
  border: 0;
  width: 100%;
  max-width: none;
  display: block;
}

.flatpickr-innerContainer {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}

.flatpickr-rContainer {
  box-sizing: border-box;
  padding: 0;
  display: inline-block;
}

.flatpickr-time,
.flatpickr-time input {
  text-align: center;
  box-sizing: border-box;
}

.flatpickr-time {
  outline: 0;
  height: 0;
  max-height: 40px;
  line-height: 40px;
  display: flex;
  overflow: hidden;
}

.flatpickr-time:after {
  content: "";
  clear: both;
  display: table;
}

.flatpickr-time .numInputWrapper {
  float: left;
  flex: 1;
  width: 40%;
  height: 40px;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  box-shadow: none;
  height: inherit;
  line-height: inherit;
  color: #393939;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: 0 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  position: relative;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center;
}

.flatpickr-time .flatpickr-time-separator {
  width: 2%;
  font-weight: 700;
}

.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  text-align: center;
  outline: 0;
  width: 18%;
  font-weight: 400;
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  list-style: none;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role="group"] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
  color: grey;
}

.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
ol,
dl,
dt,
dd,
div,
span,
img,
a,
table,
tr,
th,
td,
article,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

i {
  font-style: normal !important;
}

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

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

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

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

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

a:hover {
  color: #0094c8;
}

input[type="text"],
input[type="search"],
input[type="search"]:hover,
input[type="button"],
input[type="submit"],
textarea,
text {
  -webkit-appearance: none;
}

input::-webkit-input-placeholder {
  color: #ccc;
}

input:focus {
  outline: 0;
}

@media (max-width: 767px) {
  strong {
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  strong {
    font-weight: 600;
  }
}
html,
body,
header {
  margin: 0;
  padding: 0;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  body {
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  body {
    font-weight: 300;
  }
}
.clearfix {
  clear: both;
}

.text-off {
  display: none;
}

.right {
  text-align: right;
}

.logo-left {
  text-align: left;
}

.tn_off,
.tn_search_off,
.tn_sns_off,
.header_off {
  display: none !important;
}

@media (max-width: 767px) {
  .sp-fix {
    position: fixed !important;
  }
}
#wrapper {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
}

@media (max-width: 767px) {
  #wrapper {
    position: relative;
  }
}
@media (min-width: 768px) {
  .cps-sp-menu-bar,
  .sp-sidemenu-wrapper,
  header #navtoggle,
  .sp-menu-box,
  .jin-sp-design {
    display: none;
  }
}
#contents {
  padding-top: 10px;
  margin: 0 auto;
}

#contents:after {
  clear: both;
  content: "";
  display: block;
}

@media (max-width: 767px) {
  #contents {
    padding-top: 0;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  #contents {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media (min-width: 835px) and (max-width: 1199px) {
  #contents {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  #contents {
    width: 1200px;
  }
}
@media (max-width: 767px) {
  #main-contents-one {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  #main-contents-one {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  #main-contents {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  #main-contents {
    width: calc(66.6666666667% - 16.6666666667px);
    float: left;
    margin-left: 10px;
  }
}
@media (min-width: 1024px) {
  #main-contents {
    width: calc(67.5% - 50.25px);
    float: left;
    margin-left: 30px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #sidebar {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  #sidebar {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
    max-width: 350.25px !important;
    backface-visibility: hidden;
  }
}
@media (min-width: 1024px) {
  #sidebar {
    width: calc(32.5% - 39.75px);
    float: left;
    margin-left: 30px;
    max-width: 350.25px !important;
  }
}
@media (max-width: 767px) {
  .page-top-footer {
    display: none;
  }
}
@media (min-width: 768px) {
  .page-top-footer {
    position: absolute;
    right: 15px;
    top: 11px;
  }
  .page-top-footer a.totop {
    padding: 9px 30px;
    color: #fff;
    cursor: pointer;
    font-size: 1.5rem;
  }
  .page-top-footer a.totop .jin-ifont-arrow-top:before {
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
  }
  .page-top-footer a:hover .jin-ifont-arrow-top:before {
    transform: translateY(-4px);
  }
}
@media (min-width: 1024px) {
  .page-top-footer {
    right: -2px;
  }
}
#page-top {
  position: fixed;
  display: none;
  backface-visibility: hidden;
}

@media (max-width: 767px) {
  #page-top {
    right: 20px;
    bottom: 123px;
    z-index: 1 !important;
  }
}
@media (min-width: 768px) {
  #page-top {
    right: 22px;
    bottom: 22px;
    z-index: 9999;
  }
}
#page-top a {
  color: #fff;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-align: center;
  border-radius: 30px;
}

@media (max-width: 767px) {
  #page-top a {
    width: 42px;
    height: 42px;
    padding: 5px;
    font-size: 1.15rem;
  }
}
@media (min-width: 768px) {
  #page-top a {
    width: 45px;
    height: 45px;
    padding: 8px;
    font-size: 1.2rem;
  }
}
#page-top a .jin-ifont-arrowtop:before {
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (max-width: 767px) {
  #page-top a .jin-ifont-arrowtop:before {
    padding-right: 0;
  }
}
#page-top a:hover .jin-ifont-arrow-top:before {
  transform: translateY(-3px);
}

.area-border {
  position: relative;
  height: 2px;
  border-radius: 1px;
  background: #2b2b2b;
  margin: 0 auto;
  opacity: 0.3;
}

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

@media (max-width: 767px) {
  .area-border:before,
  .area-border:after,
  .area-border2:before,
  .area-border2:after {
    top: 1px;
  }
}
@media (min-width: 768px) {
  .area-border:before,
  .area-border:after,
  .area-border2:before,
  .area-border2:after {
    display: none !important;
  }
}
.area-border:before,
.area-border2:before {
  left: -55px;
}

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

@media (max-width: 767px) {
  .area-border2 {
    position: relative;
    width: 80px;
    height: 2px;
    border-radius: 1px;
    background: #2b2b2b;
    opacity: 0.3;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
@keyframes down-fade-animation {
  0% {
    transform: translateY(-60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes up-fade-animation {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes fade-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pickup-animate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pickup-menu-animate {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes cps-info-animate {
  0% {
    transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes cps-info-icon-animate {
  0% {
    transform: translateX(0px);
    opacity: 1;
  }
  100% {
    transform: translateX(10px);
    opacity: 0;
  }
}
@keyframes sp-sidemenu-animate {
  0% {
    transform: translateY(10px);
    animation-timing-function: ease-out;
    opacity: 0;
  }
  45% {
    transform: translateY(-7px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
    animation-timing-function: ease-out;
  }
}
@keyframes sp-sidemenu-btn-animate {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.85);
  }
  60% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sp-sidemenu-search-animate {
  0% {
    transform: translateX(0px);
    opacity: 0;
  }
  80% {
    transform: translateX(-325px);
    opacity: 1;
  }
  100% {
    transform: translateX(-320px);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .header-box.animate {
    animation-name: down-fade-animation;
    animation-duration: 0.6s;
  }
  .cps-info-bar.animate {
    animation-name: cps-info-animate;
    animation-duration: 0.6s;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4;
  }
  .cps-info-bar.animate:after {
    animation-name: cps-info-icon-animate;
    animation-duration: 1.5s;
    animation-delay: 0.8s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 4;
  }
  .cps-icon-bar.animate,
  .headsearch.animate .search-box:before {
    animation-name: fade-animation;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4;
  }
  .cps-sp-menu-bar.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.5s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4;
  }
  .main-contents.animate,
  .pickup-contents-box.animate,
  .pickup-contents-box-post-type.animate,
  .main-image.animate {
    animation-name: pickup-animate;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    z-index: 4;
  }
}
@media (min-width: 768px) {
  .header-box.animate {
    animation-name: down-fade-animation;
    animation-duration: 0.6s;
  }
  .header.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4;
  }
  .header-style3-animate.animate,
  .header-style4-animate.animate,
  .header-style5-animate.animate,
  .header-style7-animate.animate {
    animation-name: fade-animation;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4;
  }
  .header-style6-animate.animate,
  .header-style8-animate.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.6s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4;
  }
  .header-style9-animate.animate {
    animation-name: pickup-animate;
    animation-duration: 0.6s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4;
  }
  .cps-info-bar.animate {
    animation-name: cps-info-animate;
    animation-duration: 0.8s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4;
  }
  .pickup-contents-box-post-type.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.8s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 2;
  }
  .main-contents.animate,
  .sideber.animate {
    animation-name: up-fade-animation;
    animation-duration: 0.8s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate {
    position: relative;
    z-index: 3;
  }
  .pickup-contents-box.animate li:nth-child(1) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 0.19s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(2) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 0.38s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(3) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 0.57s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(4) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 0.76s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(5) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 0.95s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(6) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 1.14s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(7) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 1.33s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(8) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 1.52s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(9) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 1.71s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(10) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 1.9s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(11) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 2.09s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .pickup-contents-box.animate li:nth-child(12) {
    animation-name: pickup-menu-animate;
    animation-duration: 0.8s;
    animation-delay: 2.28s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .cps-info-bar.animate a span:after {
    animation-name: cps-info-icon-animate;
    animation-duration: 1.7s;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 4;
  }
  .main-image.animate {
    animation-name: fade-animation;
    animation-duration: 0.8s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 3;
  }
}
#header-box {
  width: 100%;
  padding: 0;
}

@media (max-width: 767px) {
  #header-box {
    position: relative;
    z-index: 2;
    min-height: 46px;
    padding: 10px 0;
    padding-bottom: 0;
    transition: 0.6s;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  #header-box {
    min-height: 60px;
  }
}
#header {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  #header {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  #header {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  #header {
    width: 1200px;
  }
}
#header #site-info {
  font-feature-settings: "palt";
}

@media (max-width: 767px) {
  #header #site-info {
    max-width: 75%;
    text-align: center;
    font-weight: 700;
    margin-top: 1px;
    letter-spacing: 1px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  #header #site-info {
    letter-spacing: 3px;
    color: #fff;
    font-weight: 400;
    font-size: 0.85rem;
    margin-right: auto;
    min-width: 100px;
    max-width: 140px;
  }
}
@media (min-width: 1200px) {
  #header #site-info {
    letter-spacing: 3px;
    color: #fff;
    font-weight: 400;
    font-size: 0.85rem;
    margin-right: auto;
    min-width: 100px;
    max-width: 250px;
  }
}
@media (min-width: 768px) {
  #header #site-info .tn-logo-size {
    overflow: hidden;
  }
}
#header #site-info img {
  height: auto;
}

@media (max-width: 767px) {
  #header #site-info img {
    margin-bottom: -5px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .cps-sp-menu-bar {
    padding: 9px 5px;
    background-color: #fff;
    color: #fff;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden;
  }
  .cps-sp-menu-bar ul {
    display: table;
  }
  .cps-sp-menu-bar ul li {
    display: table-cell;
  }
  .cps-sp-menu-bar ul li a {
    display: block;
    margin: 0 3px;
    color: #000;
    font-size: 0.75rem;
    letter-spacing: 0px;
    padding: 2px 8px 3px;
    font-weight: 500;
    font-feature-settings: "palt";
  }
  .cps-sp-menu-bar ul span {
    padding-right: 3px;
  }
  .cps-sp-menu-bar ul .current-menu-item a {
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 767px) {
  .cps-info-bar,
  .cps-info-bar.animate {
    position: relative;
  }
}
@media (min-width: 768px) {
  .cps-info-bar,
  .cps-info-bar.animate {
    z-index: 2;
  }
}
.cps-info-bar a,
.cps-info-bar.animate a {
  display: block;
  width: 100%;
  background: pink;
  color: #fff !important;
  text-align: center;
  font-size: 0.85rem;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (max-width: 767px) {
  .cps-info-bar a,
  .cps-info-bar.animate a {
    font-weight: 600;
    padding: 6px 40px;
    letter-spacing: 0;
    line-height: 1.15rem;
  }
}
@media (min-width: 768px) {
  .cps-info-bar a,
  .cps-info-bar.animate a {
    font-weight: 400;
    padding: 7px 15px 8px;
    letter-spacing: 1;
  }
  .cps-info-bar a span,
  .cps-info-bar.animate a span {
    position: relative;
    display: inline-block;
  }
  .cps-info-bar a span:after,
  .cps-info-bar.animate a span:after {
    position: absolute;
    font-family: "jin-icons";
    content: "\e910";
    color: #fff !important;
    top: 6px;
    font-size: 0.65rem;
    right: -17px;
  }
}
.cps-info-bar a:hover,
.cps-info-bar.animate a:hover {
  opacity: 0.9;
}

@media (max-width: 767px) {
  .cps-info-bar:after,
  .cps-info-bar.animate:after {
    position: absolute;
    font-family: "jin-icons";
    content: "\e910";
    color: #fff !important;
    right: 32px;
    top: 3px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 0;
    height: 15px;
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  #headmenu {
    display: none;
  }
}
@media (min-width: 768px) {
  #headmenu {
    display: flex;
    margin-top: 4px;
    margin-bottom: 0;
    margin-left: 10px;
    backface-visibility: hidden;
  }
}
#headmenu .headsearch {
  width: 30px;
  margin-right: 5px;
  margin-top: 17px;
}

#headmenu .headsearch .search-box {
  display: block;
  position: relative;
}

#headmenu .headsearch .search-box:hover {
  color: #f8b500;
}

#headmenu .headsearch .search-box:before,
#headmenu .headsearch .search-text {
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  cursor: pointer;
}

#headmenu .headsearch .search-box:before {
  font-family: "jin-icons";
  content: "\e931";
  top: 0;
  font-size: 19px;
  z-index: 4;
  text-align: center;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

#headmenu .headsearch .search-text {
  top: -7px;
  right: -3px;
  opacity: 0;
  z-index: 5;
  transition: all 0.6s;
  border-radius: 20px;
  padding: 8px 12px;
  border: none;
  font-size: 14px;
}

#headmenu .headsearch .search-text:focus {
  outline: 0;
  opacity: 1;
  width: 220px;
  cursor: text;
}

#headmenu .headsearch input[type="submit"] {
  display: none;
}

#headmenu .headsearch input::-webkit-input-placeholder {
  font-size: 13px;
}

#headmenu .headsns {
  display: flex;
  margin-top: 19px;
}

#headmenu .headsns a {
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
  display: block;
  color: #fff;
  margin: 0 6px;
  font-size: 15px;
  overflow: hidden;
}

#headmenu .headsns a:hover {
  color: #f8b500 !important;
  transform: scale(1.1);
}

#headmenu .headsns .twitter a {
  margin: 0 2px;
}

#headmenu .headsns .line a {
  margin: 0 4px;
}

#headmenu .headsns .jin-contact a {
  margin: 0 5px;
}

@media (max-width: 767px) {
  .headsearch {
    position: absolute;
    z-index: 4;
  }
  .headsearch .search-box {
    position: relative;
  }
  .headsearch .search-box:before,
  .headsearch .search-text {
    position: absolute;
    left: 13px;
    width: 20px;
    cursor: pointer;
  }
  .headsearch .search-box:before {
    font-family: "jin-icons";
    content: "\e931";
    top: 12px;
    font-size: 20px;
    z-index: 4;
    text-align: center;
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
  }
  .headsearch .search-text {
    top: 7px;
    left: 8px;
    opacity: 0;
    z-index: 5;
    transition: all 0.6s;
    border-radius: 20px;
    padding: 5px 12px;
    border: none;
    font-size: 16px;
  }
  .headsearch .search-text:focus {
    outline: 0;
    opacity: 1;
    width: 260px;
    cursor: text;
  }
  .headsearch input[type="submit"] {
    display: none;
  }
  .headsearch input::-webkit-input-placeholder {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  #header.header-type2 {
    position: relative;
    display: block;
    z-index: 1;
  }
}
@media (min-width: 768px) {
  #header.header-type2 #site-info {
    display: block;
    text-align: center;
    max-width: 100%;
  }
}
#header.header-type2 #headmenu {
  position: absolute;
  right: 30px;
  top: 0;
}

@media (min-width: 768px) {
  .header-style6-box #headmenu {
    margin-top: 0 !important;
    margin-left: 20px !important;
  }
}
.header-style6-box #headmenu .search-text {
  top: -7px !important;
}

@media (min-width: 768px) {
  #header-box.header-style10 {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    z-index: 3;
  }
}
@media (max-width: 767px) {
  #header-box.header-style10 {
    filter: opacity(0.7);
  }
}
@media (min-width: 768px) {
  #header-box.header-style10 {
    width: calc(100% - 30px);
    min-height: 60px;
    border-radius: 2px;
    margin: 0 auto;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    background-color: transparent !important;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  #header-box.header-style10 {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 1200px) {
  #header-box.header-style10 {
    width: 1140px;
  }
}
#header-box.header-style10:before {
  pointer-events: none;
}

@media (min-width: 768px) {
  #header-box.header-style10:before {
    border-radius: 2px;
  }
}
@media (min-width: 768px) {
  #header-box.header-style10 .cps-info-bar a {
    filter: opacity(0.7);
    border-radius: 2px 2px 0 0;
  }
}
#header-box .header-box10-bg {
  position: relative;
}

#header-box .header-box10-bg:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  #header-box .header-box10-bg:before {
    filter: opacity(0.7);
    border-radius: 0 0 2px 2px;
    min-height: 60px;
  }
}
@media (max-width: 767px) {
  #header-box .header-box10-bg:before {
    display: none;
  }
}
.header-style10 #header {
  position: relative;
}

@media (min-width: 1200px) {
  .header-style10 #header {
    width: 1140px;
  }
}
@media (min-width: 768px) {
  #header-box.header-style11 {
    position: relative;
    z-index: 3;
    margin-top: 15px !important;
  }
}
@media (max-width: 767px) {
  #header-box.header-style11 {
    filter: opacity(0.7);
  }
}
@media (min-width: 768px) {
  #header-box.header-style11 {
    width: calc(100% - 30px);
    min-height: 60px;
    border-radius: 2px;
    margin: 0 auto;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    background-color: transparent !important;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  #header-box.header-style11 {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 1200px) {
  #header-box.header-style11 {
    width: 1140px;
  }
}
@media (min-width: 768px) {
  #header-box.header-style11 .cps-info-bar a {
    filter: opacity(0.7);
    border-radius: 2px 2px 0 0;
  }
}
#header-box .header-box11-bg {
  position: relative;
}

#header-box .header-box11-bg:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  #header-box .header-box11-bg:before {
    filter: opacity(0.7);
    border-radius: 0 0 2px 2px;
    min-height: 60px;
  }
}
@media (max-width: 767px) {
  #header-box .header-box11-bg:before {
    display: none;
  }
}
.header-style11 #header {
  position: relative;
}

@media (min-width: 1200px) {
  .header-style11 #header {
    width: 1140px;
  }
}
#main-image {
  position: relative;
}

@media (max-width: 767px) {
  #main-image {
    overflow: hidden;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
  }
}
#main-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

#main-image a:hover img {
  opacity: 0.8;
}

#main-image .top-image-meta {
  position: absolute;
  text-align: center;
}

@media (max-width: 767px) {
  #main-image .top-image-meta {
    top: 50%;
    width: 90%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
}
@media (min-width: 768px) {
  #main-image .top-image-meta {
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translateY(-50%) translateX(-50%);
  }
}
#main-image .main-image-text {
  display: block;
  text-align: center;
  font-feature-settings: "palt";
}

@media (max-width: 767px) {
  #main-image .main-image-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 2px;
  }
}
@media (min-width: 768px) {
  #main-image .main-image-text {
    font-size: 1.65rem;
    max-width: 85%;
    line-height: 2.15rem;
    letter-spacing: 3px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  #main-image .main-image-text {
    font-size: 2.4rem;
    max-width: 1000px;
    line-height: 3rem;
    letter-spacing: 4px;
  }
}
#main-image .main-image-text-sub {
  display: block;
}

@media (max-width: 767px) {
  #main-image .main-image-text-sub {
    margin-top: 20px;
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  #main-image .main-image-text-sub {
    font-size: 0.85rem;
    max-width: 85%;
    margin: 0 auto;
    margin-top: 15px;
  }
}
@media (min-width: 1024px) {
  #main-image .main-image-text-sub {
    margin-top: 30px;
    font-size: 1rem;
    max-width: 700px;
  }
}
#main-image .top-image-text-option-border {
  text-shadow:
    #fff 2px 0px,
    #fff -2px 0px,
    #fff 0px -2px,
    #fff 0px 2px,
    #fff 2px 2px,
    #fff -2px 2px,
    #fff 2px -2px,
    #fff -2px -2px,
    #fff 1px 2px,
    #fff -1px 2px,
    #fff 1px -2px,
    #fff -1px -2px,
    #fff 2px 1px,
    #fff -2px 1px,
    #fff 2px -1px,
    #fff -2px -1px;
}

#main-image .top-image-text-option-shadow {
  text-shadow: 0 3px 8px #aaa;
}

#main-image .top-image-subtext-option-border {
  text-shadow:
    #fff 2px 0px,
    #fff -2px 0px,
    #fff 0px -2px,
    #fff 0px 2px,
    #fff 2px 2px,
    #fff -2px 2px,
    #fff 2px -2px,
    #fff -2px -2px,
    #fff 1px 2px,
    #fff -1px 2px,
    #fff 1px -2px,
    #fff -1px -2px,
    #fff 2px 1px,
    #fff -2px 1px,
    #fff 2px -1px,
    #fff -2px -1px;
}

#main-image .top-image-subtext-option-shadow {
  text-shadow: 0 1px 3px #555;
}

@media (max-width: 767px) {
  #main-image .top-image-btn-color {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  #main-image .top-image-btn-color {
    margin-top: 30px;
  }
}
@media (min-width: 1024px) {
  #main-image .top-image-btn-color {
    margin-top: 50px;
  }
}
#main-image .top-image-btn-color a {
  font-weight: 300;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  #main-image .top-image-btn-color a {
    font-size: 0.8rem;
  }
}
@media (min-width: 768px) {
  #main-image .top-image-btn-color a {
    padding: 10px 30px;
  }
}
@media (min-width: 1024px) {
  #main-image .top-image-btn-color a {
    padding: 15px 60px;
  }
}
.main-image-wrapper {
  position: relative;
  z-index: 1;
}

.main-image-wrapper .top-image-meta {
  z-index: 2;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .header-style10-image {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  #widget-tracking {
    display: none;
  }
}
.sidebar_style1 .widget {
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  padding-bottom: 25px;
  padding-top: 25px;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .sidebar_style1 .widget {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 767px) {
  .sidebar_style1 .widget {
    padding: 15px !important;
    margin-bottom: 30px;
    border-radius: 2px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .sidebar_style1 .widget {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) {
  .sidebar_style1 .widget {
    padding: 15px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style1 .widget {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .sidebar_style1 .widget.widget-profile {
    padding: 0 !important;
  }
}
.sidebar_style1 .widgettitle {
  border-bottom: 2px solid #2b2b2b;
  margin-bottom: 15px;
  padding-bottom: 2px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .sidebar_style1 .widgettitle {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .sidebar_style1 .widgettitle {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .sidebar_style1 .widgettitle {
    font-size: 1.1rem;
  }
}
.sidebar_style2 .widget {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .sidebar_style2 .widget {
    padding: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 30px;
    border-radius: 2px;
  }
}
@media (min-width: 768px) {
  .sidebar_style2 .widget {
    padding-top: 0;
    padding-left: 10px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style2 .widget {
    padding-left: 20px;
  }
}
.sidebar_style2 .widgettitle {
  margin-bottom: 15px;
  padding: 10px 15px;
  background: #ccc;
  color: #fff;
  border-radius: 2px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .sidebar_style2 .widgettitle {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .sidebar_style2 .widgettitle {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .sidebar_style2 .my-profile {
    border: none;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.sidebar_style3 .widget {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .sidebar_style3 .widget {
    padding: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 30px;
    border-radius: 2px;
  }
}
@media (min-width: 768px) {
  .sidebar_style3 .widget {
    padding-top: 0;
    padding-left: 10px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style3 .widget {
    padding-left: 20px;
  }
}
.sidebar_style3 .widgettitle {
  margin-bottom: 15px;
  padding: 10px;
  position: relative;
}

@media (max-width: 767px) {
  .sidebar_style3 .widgettitle {
    font-size: 1.1rem;
    font-weight: 500;
  }
}
@media (min-width: 768px) {
  .sidebar_style3 .widgettitle {
    font-size: 1rem;
    font-weight: 300;
  }
}
@media (min-width: 1024px) {
  .sidebar_style3 .widgettitle {
    font-size: 1.3rem;
  }
}
.sidebar_style3 .widgettitle:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background-image: linear-gradient(
    -45deg,
    transparent 25%,
    #f4e2de 25%,
    #f4e2de 50%,
    transparent 50%,
    transparent 75%,
    #f4e2de 75%,
    #f4e2de
  );
  background-size: 6px 6px;
}

@media (max-width: 767px) {
  .sidebar_style3 .my-profile {
    border: none;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.sidebar_style4 .widget {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .sidebar_style4 .widget {
    padding: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 30px;
    border-radius: 2px;
  }
}
@media (min-width: 768px) {
  .sidebar_style4 .widget {
    padding-top: 0;
    padding-left: 10px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style4 .widget {
    padding-left: 20px;
  }
}
.sidebar_style4 .widgettitle {
  margin-bottom: 15px;
  padding: 10px 15px;
  font-size: 0.95rem;
  border: 3px double #fff !important;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  font-weight: 500;
}

@media (max-width: 767px) {
  .sidebar_style4 .my-profile {
    border: none;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.sidebar_style5 .widget {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .sidebar_style5 .widget {
    padding: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 30px;
    border-radius: 2px;
  }
}
@media (min-width: 768px) {
  .sidebar_style5 .widget {
    padding-top: 0;
    padding-left: 10px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style5 .widget {
    padding-left: 20px;
  }
}
.sidebar_style5 .widgettitle {
  margin-bottom: 15px;
  padding: 10px;
  padding-bottom: 2px;
  position: relative;
  border-bottom: 3px double #ccc;
}

@media (max-width: 767px) {
  .sidebar_style5 .widgettitle {
    font-size: 1.1rem;
    font-weight: 500;
  }
}
@media (min-width: 768px) {
  .sidebar_style5 .widgettitle {
    font-size: 1rem;
    font-weight: 300;
  }
}
@media (min-width: 1024px) {
  .sidebar_style5 .widgettitle {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .sidebar_style5 .my-profile {
    border: none;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.sidebar_style6 .widget {
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  padding-bottom: 25px;
  padding-top: 25px;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .sidebar_style6 .widget {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 767px) {
  .sidebar_style6 .widget {
    padding: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 30px;
    border-radius: 2px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .sidebar_style6 .widget {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) {
  .sidebar_style6 .widget {
    padding: 0;
  }
}
.sidebar_style6 .widgettitle {
  background: #2b2b2b;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .sidebar_style6 .widgettitle {
    padding: 10px 15px;
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) {
  .sidebar_style6 .widgettitle + div,
  .sidebar_style6 .widgettitle + ul,
  .sidebar_style6 .widgettitle + form,
  .sidebar_style6 .search-box {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .sidebar_style6 .widgettitle + div,
  .sidebar_style6 .widgettitle + ul,
  .sidebar_style6 .widgettitle + form,
  .sidebar_style6 .search-box {
    padding: 15px;
    padding-top: 10px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style6 .widgettitle + div,
  .sidebar_style6 .widgettitle + ul,
  .sidebar_style6 .widgettitle + form,
  .sidebar_style6 .search-box {
    padding: 30px;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .sidebar_style6 .my-profile {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .sidebar_style6 .my-profile {
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 100px !important;
  }
}
@media (min-width: 1024px) {
  .sidebar_style6 .my-profile {
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 115px !important;
  }
}
@media (max-width: 767px) {
  .sidebar_style6 #new-entry-box {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .sidebar_style6 #new-entry-box {
    padding: 15px;
    padding-top: 10px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style6 #new-entry-box {
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style6 .widget_categories form {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .sidebar_style6 .widget_archive form:after,
  .sidebar_style6 .widget_categories form:after {
    top: 32px;
  }
}
@media (min-width: 768px) {
  .sidebar_style6 .widget_archive form:after,
  .sidebar_style6 .widget_categories form:after {
    right: 25px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style6 .widget_archive form:after,
  .sidebar_style6 .widget_categories form:after {
    right: 40px;
  }
}
@media (min-width: 768px) {
  .sidebar_style6 .widget_tag_cloud .tagcloud {
    padding-top: 15px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style6 .widget_tag_cloud .tagcloud {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .sidebar_style6 .widget_search .search-box input[type="search"] {
    width: calc(100% - 30px);
    right: auto;
    left: auto;
    top: 15px;
  }
}
@media (min-width: 768px) {
  .sidebar_style6 .widget_search .search-box input[type="search"] {
    right: auto;
    left: auto;
    width: calc(100% - 30px);
    top: 13px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style6 .widget_search .search-box input[type="search"] {
    top: 23px;
    width: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  .sidebar_style6 .widget_search .search-box input[type="submit"] {
    top: 15px;
    right: 25px;
  }
}
@media (min-width: 768px) {
  .sidebar_style6 .widget_search .search-box input[type="submit"] {
    top: 18px;
    right: 15px;
  }
}
@media (min-width: 1024px) {
  .sidebar_style6 .widget_search .search-box input[type="submit"] {
    top: 23px;
    right: 30px;
  }
}
@media (max-width: 767px) {
  .sidebar_style6 .widget_meta ul {
    padding-left: 35px;
  }
}
.widget .screen-reader-text {
  display: none;
}

.widget.widget_custom_html {
  box-shadow: none !important;
  background: 0 0 !important;
}

.sidebar_style1 .widget_custom_html,
.sidebar_style6 .widget_custom_html {
  padding: 0 !important;
}

.widget_archive select,
.widget_categories select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(192, 192, 192, 0.15);
  width: 100%;
  margin: 0;
  padding: 10px;
  border-radius: 2px;
  font-size: 0.85rem;
  color: #888;
  border: none;
}

@media (max-width: 767px) {
  .widget_archive select,
  .widget_categories select {
    font-size: 16px;
  }
}
.widget_archive form,
.widget_archive select,
.widget_categories form,
.widget_categories select {
  position: relative;
}

.widget_archive form:after,
.widget_archive select:after,
.widget_categories form:after,
.widget_categories select:after {
  font-family: "jin-icons";
  content: "\e932";
  position: absolute;
  right: 10px;
  top: calc(50% - 7px);
  pointer-events: none;
}

.widget_archive select:focus,
.widget_categories select:focus {
  outline: 0;
}

.widget_archive select::-ms-expand,
.widget_categories select::-ms-expand {
  display: none;
}

@media (max-width: 767px) {
  .textwidget {
    font-size: 0.95rem;
  }
}
@media (min-width: 768px) {
  .textwidget {
    font-size: 0.85rem;
  }
}
.textwidget img {
  max-width: 100%;
  height: auto;
  display: block;
}

.widget_search .search-box {
  position: relative;
  height: 34px;
}

.widget_search .search-box input[type="search"] {
  background-color: #fff;
  border: 1px solid #ddd;
  height: 34px;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  padding-right: 40px;
  border-radius: 17px;
  position: absolute;
  top: 0;
  right: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .widget_search .search-box input[type="search"] {
    font-size: 16px;
  }
}
.widget_search .search-box input[type="submit"] {
  font-family: "jin-icons";
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  height: 34px;
  width: 34px;
  background: 0 0;
  display: inline-block;
  font-size: 14px;
  color: #aaa !important;
}

@media (max-width: 767px) {
  .widget_search .search-box input[type="submit"] {
    font-size: 16px;
    right: 10px;
  }
}
.widget_search .search-box input[type="search"]:focus {
  outline: none;
  border: 1px solid #0094c8;
}

.widget_search .search-box input[type="submit"]:hover {
  cursor: pointer;
}

#wp-calendar {
  width: 100%;
  border-collapse: collapse;
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #aaa;
  border-right-color: #aaa;
  font-size: 0.75rem;
}

#wp-calendar thead tr th {
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #aaa;
  border-left-color: #aaa;
  padding: 2px;
  background: #eee;
  font-weight: 400;
}

#wp-calendar thead tr th:nth-child(6) {
  background-color: #c0ddf9;
}

#wp-calendar thead tr th:nth-child(7) {
  background-color: #f5d0d3;
}

#wp-calendar td {
  text-align: center;
  padding: 2px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #aaa;
  border-left-color: #aaa;
  background: #fff;
}

#wp-calendar caption {
  text-align: center;
  border: 1px solid #aaa;
  border-bottom: none;
  background: #fff;
  padding: 5px 0;
}

#wp-calendar tbody tr #today {
  background-color: #ccc;
}

.widget_meta ul {
  padding: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  margin: 0;
  list-style-type: disc;
}

.widget_meta ul li {
  padding: 3px 0;
}

.widget_meta ul li a {
  display: block;
}

.widget_archive ul li {
  position: relative;
}

.widget_archive ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  *zoom: 1;
  padding-top: 12px;
  padding-left: 28px;
  padding-bottom: 12px;
  line-height: 1.6rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
  .widget_archive ul li a {
    font-size: 0.95rem;
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .widget_archive ul li a {
    font-size: 0.85rem;
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .widget_archive ul li a {
    font-size: 0.95rem;
  }
}
.widget_archive ul li a:before {
  content: "\e902";
  font-family: "jin-icons";
  position: absolute;
  left: 6px;
  line-height: 0;
  width: 14px;
  height: 1px;
  padding-left: 2px;
  font-size: 0.85rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 24px;
}

.widget_archive ul li:last-of-type a {
  border: none;
}

.widget_media_video iframe,
.textwidget iframe {
  width: 100%;
}

.widget_recent_comments ul {
  padding-left: 0;
}

.widget_recent_comments ul li {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-left: 25px;
  padding-bottom: 12px;
  padding-top: 12px;
}

@media (max-width: 767px) {
  .widget_recent_comments ul li {
    padding-bottom: 12px;
    padding-top: 12px;
  }
}
.widget_recent_comments ul li > a:before {
  display: block;
  font-family: "jin-icons";
  content: "\e90d";
  position: absolute;
  line-height: 1.3rem;
  top: -3px;
  left: -21px;
  width: 10px;
  height: 10px;
}

.widget_recent_comments ul li {
  display: block;
  overflow: hidden;
  font-size: 0.85rem;
  line-height: 1.15rem;
  *zoom: 1;
}

@media (max-width: 767px) {
  .widget_recent_comments ul li {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .widget_recent_comments ul li {
    font-weight: 500;
  }
}
.widget_recent_comments ul li a {
  position: relative;
}

.widget_pages ul li a {
  display: block;
  overflow: hidden;
  *zoom: 1;
  padding-top: 12px;
  padding-left: 28px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  line-height: 1.6rem;
  font-size: 0.85rem;
  position: relative;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .widget_pages ul li a {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .widget_pages ul li a {
    font-weight: 500;
  }
}
.widget_pages ul li a:before {
  content: "\e902";
  font-family: "jin-icons";
  font-weight: 900;
  position: absolute;
  left: 6px;
  line-height: 0;
  width: 14px;
  height: 1px;
  padding-left: 2px;
  font-size: 0.85rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 24px;
}

.widget_pages ul li:last-of-type a {
  border: none;
  padding-bottom: 0;
}

.widget_recent_entries ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_recent_entries ul li a {
  display: block;
  overflow: hidden;
  *zoom: 1;
  padding-top: 12px;
  padding-left: 28px;
  padding-bottom: 12px;
  line-height: 1.6rem;
  font-size: 0.85rem;
  position: relative;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .widget_recent_entries ul li a {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .widget_recent_entries ul li a {
    font-weight: 500;
  }
}
.widget_recent_entries ul li a:before {
  content: "\e902";
  font-family: "jin-icons";
  font-weight: 900;
  position: absolute;
  left: 6px;
  line-height: 0;
  width: 14px;
  height: 1px;
  padding-left: 2px;
  font-size: 0.85rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 24px;
}

.widget_recent_entries ul li .post-date {
  display: block;
  text-align: right;
  font-size: 0.8rem;
  color: #bbb;
  font-weight: 300;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  .widget_recent_entries ul li .post-date {
    font-weight: 400;
  }
}
.widget_tag_cloud .tagcloud {
  padding: 0;
}

.widget_tag_cloud .tagcloud a:before {
  font-family: "jin-icons";
  content: "\e92c";
  padding-right: 3px;
  vertical-align: bottom;
  line-height: 0.9rem;
  font-size: 0.6rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .widget_tag_cloud .tagcloud a:before {
    line-height: 1rem;
  }
}
.widget_tag_cloud .tagcloud a:hover:before {
  color: #fff !important;
}

.widget_tag_cloud a {
  display: inline-table;
  max-width: 100%;
  padding: 4px 8px;
  margin-bottom: 4px;
  margin-right: 1px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.65rem !important;
  text-decoration: none;
  letter-spacing: 0;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (max-width: 767px) {
  .widget_tag_cloud a {
    margin-bottom: 5px;
  }
}
.widget_tag_cloud a:hover {
  background-color: #f8b500;
  color: #fff !important;
}

.new-entry-item:last-child {
  margin-bottom: 0;
}

.new-entry-item a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.new-entry-item a:after {
  clear: both;
  content: "";
  display: block;
}

.new-entry-item a:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  .new-entry {
    width: calc(37.5% - 0px);
    float: left;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .new-entry {
    width: calc(33.3333333333% - 0px);
    float: left;
    margin-left: 0;
  }
}
.new-entry .eyecatch {
  width: 100%;
  padding: 0;
  margin: 0;
}

.new-entry .eyecatch img {
  width: 100%;
  height: auto;
  display: block;
  background: #fff;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.new-entry-item-meta {
  padding: 0;
}

@media (max-width: 767px) {
  .new-entry-item-meta {
    width: calc(58.3333333333% - 0px);
    float: left;
    margin-left: 0;
    left: calc(4.1666666667% - 0px + 0px);
    position: relative;
  }
}
@media (min-width: 768px) {
  .new-entry-item-meta {
    width: calc(62.5% - 0px);
    float: left;
    margin-left: 0;
    left: calc(4.1666666667% - 0px + 0px);
    position: relative;
  }
}
.new-entry-item-meta .date {
  font-size: 0.8rem;
  color: #bbb;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .new-entry-item-meta .date {
    font-weight: 400;
  }
}
@media (min-width: 1200px) {
  .new-entry-item-meta .date {
    margin-bottom: 6px;
  }
}
.new-entry-item-title {
  font-size: 0.85rem;
  line-height: 1.15rem;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .new-entry-item-title {
    font-weight: 600;
    margin-top: 3px;
  }
}
@media (min-width: 768px) {
  .new-entry-item-title {
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .new-entry-item-title {
    font-weight: 500;
  }
}
.popular-meta {
  width: calc(100% - 0px);
  float: left;
  margin-left: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  border-radius: 2px;
  margin-top: 6px;
  padding: 1px 7px;
  padding-left: 4px;
}

.popular-item a:hover > .popular-meta {
  background: 0 0;
}

.popular-item {
  margin-top: 0;
  margin-bottom: 0;
}

.popular-item .new-entry {
  position: relative;
}

.pop-num {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  color: #fff;
  background: #ccc !important;
  text-align: center;
  line-height: 0;
  font-size: 0.75rem;
  padding-top: 10px;
  letter-spacing: 0;
}

.popular-count {
  display: block;
  float: right;
  text-align: right;
  color: rgba(0, 0, 0, 0.35);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.35);
}

@media (max-width: 767px) {
  .popular-count {
    font-size: 0.75rem;
    letter-spacing: 1px;
  }
}
@media (min-width: 768px) {
  .popular-count {
    font-size: 0.75rem;
  }
}
.popular-count div {
  display: inline-block;
  font-weight: 300;
}

@media (max-width: 767px) {
  .popular-count span {
    font-size: 0.95rem;
    letter-spacing: 1;
  }
}
@media (min-width: 768px) {
  .popular-count span {
    font-size: 0.85rem;
    font-weight: 400;
  }
}
.widget_categories ul {
  padding: 0;
  margin: 0;
}

.widget_categories ul li {
  position: relative;
  padding: 0;
  background: 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_categories ul li:last-of-type {
  border: none;
}

.widget_categories ul li.menu-item-has-children {
  padding-bottom: 10px;
}

.widget_categories ul li.menu-item-has-children:last-of-type {
  padding-bottom: 0;
}

.widget_categories ul li a {
  padding: 12px;
  padding-left: 28px;
  display: block;
  border-left: none;
  position: relative;
  line-height: 1.6rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .widget_categories ul li a {
    font-size: 0.95rem;
    font-weight: 600;
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  .widget_categories ul li a {
    font-size: 0.85rem;
    padding-right: 40px;
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .widget_categories ul li a {
    font-size: 0.95rem;
  }
}
.widget_categories ul li a:before {
  content: "\e902";
  font-family: "jin-icons";
  font-weight: 900;
  position: absolute;
  left: 6px;
  line-height: 0;
  width: 14px;
  height: 1px;
  padding-left: 2px;
  font-size: 0.85rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 24px;
}

.widget_categories ul li:last-child a {
  padding-bottom: 0;
}

.widget_categories ul .children {
  padding-left: 25px;
  margin-bottom: 10px;
}

.widget_categories ul .children li {
  border: none;
}

.widget_categories ul .children li a {
  border-left: none;
  padding: 3px 10px;
  padding-left: 26px;
  position: relative;
  font-size: 0.85rem;
  line-height: 1.15rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.widget_categories ul .children li a:before {
  content: "・";
  position: absolute;
  left: 2px;
  width: 5px;
  height: 1px;
  font-size: 24px;
  line-height: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 12px;
}

.widget_categories ul .children .children {
  margin-top: 5px;
  margin-bottom: 0;
}

.widget_categories ul .children .children li a {
  padding: 3px 10px;
  padding-left: 26px;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.05rem;
}

.widget_categories ul .children .children li a:before {
  content: "";
  position: absolute;
  left: 17px;
  width: 1px;
  height: 18px;
  padding: 0;
  background: #777;
  line-height: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 2px;
}

.widget_categories ul .count,
.widget_archive ul .count {
  position: absolute;
  right: 3px;
  top: 13px;
  padding: 1px 3px;
  min-width: 30px;
  font-size: 0.7rem;
  color: #aaa;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1rem;
  text-align: center;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.widget_categories ul li a:hover .count,
.widget_archive ul li a:hover .count {
  color: #fff;
  background: #aaa;
  border: 1px solid #aaa;
}

.widget_categories ul li ul li ul li .count {
  display: none;
  top: 2px;
}

@media (max-width: 767px) {
  .widget_categories ul li ul li .count {
    top: 2px;
  }
}
@media (min-width: 768px) {
  .widget_categories ul li ul li .count {
    top: 2px;
  }
}
.widget_nav_menu ul {
  padding: 0;
  margin: 0;
}

.widget_nav_menu ul li {
  padding: 0;
  background: 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_nav_menu ul li:last-of-type {
  border: none;
}

.widget_nav_menu ul li.menu-item-has-children {
  padding-bottom: 10px;
}

.widget_nav_menu ul li.menu-item-has-children:last-of-type {
  padding-bottom: 0;
}

.widget_nav_menu ul li span {
  display: inline-block;
  padding-right: 3px;
}

.widget_nav_menu ul li a {
  padding: 12px;
  padding-left: 28px;
  display: block;
  border-left: none;
  position: relative;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .widget_nav_menu ul li a {
    font-size: 0.95rem;
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .widget_nav_menu ul li a {
    font-size: 0.85rem;
    padding-right: 35px;
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .widget_nav_menu ul li a {
    font-size: 0.95rem;
  }
}
.widget_nav_menu ul li a:before {
  content: "\e902";
  font-family: "jin-icons";
  position: absolute;
  left: 6px;
  line-height: 0;
  width: 14px;
  height: 1px;
  padding-left: 2px;
  font-size: 0.85rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 23px;
}

@media (max-width: 767px) {
  .widget_nav_menu ul li a:before {
    top: 22px;
  }
}
.widget_nav_menu ul li:last-child a {
  padding-bottom: 0;
}

.widget_nav_menu ul .sub-menu {
  padding-left: 25px;
  margin-top: -2px;
}

.widget_nav_menu ul .sub-menu li {
  position: relative;
  padding: 0;
  border: none;
}

.widget_nav_menu ul .sub-menu li a {
  border-left: none;
  padding: 3px 10px;
  padding-left: 26px;
  position: relative;
  font-size: 0.85rem;
  line-height: 1.15rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.widget_nav_menu ul .sub-menu li a:before {
  content: "・";
  position: absolute;
  left: 2px;
  width: 5px;
  height: 1px;
  font-size: 24px;
  line-height: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 12px;
}

.widget_nav_menu ul .sub-menu .sub-menu {
  margin-top: 5px;
  padding-top: 0;
}

.widget_nav_menu ul .sub-menu .sub-menu li a {
  padding: 3px 10px;
  padding-left: 26px;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.05rem;
}

.widget_nav_menu ul .sub-menu .sub-menu li a:before {
  content: "";
  position: absolute;
  left: 17px;
  width: 1px;
  height: 18px;
  padding: 0;
  background: #777;
  line-height: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  top: 2px;
}

.widget_nav_menu ul > li.menu-item-has-children > a {
  padding-bottom: 10px;
}

.widget_nav_menu ul > li > ul > li.menu-item-has-children > a {
  padding-bottom: 2px;
}

.widget_nav_menu ul > li > ul > li > ul > li:last-of-type,
.widget_categories ul > li > ul > li > ul > li:last-of-type {
  padding-bottom: 5px;
}

.widget_nav_menu ul > li > a,
.widget_categories ul > li > a,
.widget_archive ul > li > a,
.widget_recent_entries ul > li > a,
.widget_pages ul > li > a,
.widget_meta ul > li > a {
  width: calc(100% - 3px);
}

.widget_nav_menu ul > li > a:hover,
.widget_categories ul > li > a:hover,
.widget_archive ul > li > a:hover,
.widget_recent_entries ul > li > a:hover,
.widget_pages ul > li > a:hover,
.widget_meta ul > li > a:hover {
  transform: translateX(3px);
}

@media (max-width: 767px) {
  .widget_nav_menu ul > li > ul.sub-menu > li,
  .widget_categories ul > li > ul.children > li {
    margin-bottom: 0;
  }
  .widget_nav_menu ul > li > ul > li.menu-item-has-children > ul {
    margin-bottom: 0;
  }
}
.sp-menu-widget-box {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.sp-menu-widget-box:after {
  clear: both;
  content: "";
  display: block;
}

.sp-menu-widget-box .sp-menu-widget {
  width: calc(100% - 30px);
  float: left;
  margin-left: 15px;
}

.sp-menu-widget-box .sp-menu-widgettitle {
  display: block;
  font-size: 1rem;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

.sp-menu-widget-box .sp-menu-widgettitle span {
  border-bottom: 1px solid #aaa;
  padding: 3px 10px;
}

.sp-menu-widget-box .textwidget {
  font-weight: 400;
  margin-bottom: 15px;
  letter-spacing: 0;
}

.sp-menu-widget-box .textwidget img {
  max-width: 100%;
  height: auto;
  display: block;
}

.sp-menu-widget-box .custom-html-widget {
  margin-top: 5px;
}

.sp-menu-widget-box .widget_nav_menu {
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  font-size: 0.8em;
  letter-spacing: 0;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .sp-menu-widget-box .widget_nav_menu {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.sp-menu-widget-box .widget_nav_menu ul {
  padding: 0;
  padding-top: 5px;
  margin: 0;
}

.sp-menu-widget-box .widget_nav_menu ul li {
  width: calc(33.3333333333% - 0px);
  float: left;
  margin-left: 0;
  background: #fff;
  margin-bottom: 5px;
  min-height: 70px;
  border: none;
}

.sp-menu-widget-box .widget_nav_menu ul li ul {
  display: none;
}

.sp-menu-widget-box .widget_nav_menu ul li:nth-child(3n + 1) {
  clear: both;
}

.sp-menu-widget-box .widget_nav_menu ul li a {
  padding: 10px 5px;
  padding-top: 5px;
  padding-left: 4px;
  display: block;
  text-align: center;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.sp-menu-widget-box .widget_nav_menu ul li a span {
  display: block;
  font-size: 1.4rem;
}

.sp-menu-widget-box .widget_nav_menu ul li:first-child a,
.sp-menu-widget-box .widget_nav_menu ul li:nth-child(3n + 1) a {
  padding-left: 10px;
  border-left: none;
}

#post-bottom-widget,
.home.page #home-bottom-widget {
  margin-top: 20px;
}

#home-bottom-widget,
#home-top-widget,
#post-bottom-widget,
#post-top-widget {
  margin-bottom: 20px;
}

#home-bottom-widget .widget,
#home-top-widget .widget,
#post-bottom-widget .widget,
#post-top-widget .widget {
  margin-bottom: 20px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
}

@media (max-width: 767px) {
  #home-bottom-widget .widget,
  #home-top-widget .widget,
  #post-bottom-widget .widget,
  #post-top-widget .widget {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 767px) {
  #home-bottom-widget .widget,
  #home-top-widget .widget,
  #post-bottom-widget .widget,
  #post-top-widget .widget {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  }
}
#home-bottom-widget .widget_recent_comments,
#home-bottom-widget .widget-popular,
#home-bottom-widget .widget_nav_menu,
#home-bottom-widget .widget_text,
#home-bottom-widget .widget_archive,
#home-bottom-widget .widget-recommend,
#home-bottom-widget .widget_categories,
#home-bottom-widget .widget_tag_cloud,
#home-bottom-widget .widget_recent_entries,
#home-bottom-widget .widget_pages,
#home-bottom-widget .widget-recent-post,
#home-bottom-widget .widget_calendar,
#home-bottom-widget .widget_media_gallery,
#home-top-widget .widget_recent_comments,
#home-top-widget .widget-popular,
#home-top-widget .widget_nav_menu,
#home-top-widget .widget_text,
#home-top-widget .widget_archive,
#home-top-widget .widget-recommend,
#home-top-widget .widget_categories,
#home-top-widget .widget_tag_cloud,
#home-top-widget .widget_recent_entries,
#home-top-widget .widget_pages,
#home-top-widget .widget-recent-post,
#home-top-widget .widget_calendar,
#home-top-widget .widget_media_gallery,
#post-bottom-widget .widget_recent_comments,
#post-bottom-widget .widget-popular,
#post-bottom-widget .widget_nav_menu,
#post-bottom-widget .widget_text,
#post-bottom-widget .widget_archive,
#post-bottom-widget .widget-recommend,
#post-bottom-widget .widget_categories,
#post-bottom-widget .widget_tag_cloud,
#post-bottom-widget .widget_recent_entries,
#post-bottom-widget .widget_pages,
#post-bottom-widget .widget-recent-post,
#post-bottom-widget .widget_calendar,
#post-bottom-widget .widget_media_gallery,
#post-top-widget .widget_recent_comments,
#post-top-widget .widget-popular,
#post-top-widget .widget_nav_menu,
#post-top-widget .widget_text,
#post-top-widget .widget_archive,
#post-top-widget .widget-recommend,
#post-top-widget .widget_categories,
#post-top-widget .widget_tag_cloud,
#post-top-widget .widget_recent_entries,
#post-top-widget .widget_pages,
#post-top-widget .widget-recent-post,
#post-top-widget .widget_calendar,
#post-top-widget .widget_media_gallery {
  border-radius: 3px;
}

@media (max-width: 767px) {
  #home-bottom-widget .widgettitle,
  #home-top-widget .widgettitle,
  #post-bottom-widget .widgettitle,
  #post-top-widget .widgettitle {
    padding: 10px 22px;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widgettitle,
  #home-top-widget .widgettitle,
  #post-bottom-widget .widgettitle,
  #post-top-widget .widgettitle {
    padding: 10px 28px;
    font-size: 1.25rem;
  }
}
#home-bottom-widget .widget_recent_comments .widgettitle,
#home-bottom-widget .widget-popular .widgettitle,
#home-bottom-widget .widget_nav_menu .widgettitle,
#home-bottom-widget .widget_text .widgettitle,
#home-bottom-widget .widget_archive .widgettitle,
#home-bottom-widget .widget-recommend .widgettitle,
#home-bottom-widget .widget_categories .widgettitle,
#home-bottom-widget .widget_tag_cloud .widgettitle,
#home-bottom-widget .widget_recent_entries .widgettitle,
#home-bottom-widget .widget-ranking .widgettitle,
#home-bottom-widget .widget_pages .widgettitle,
#home-bottom-widget .widget-recent-post .widgettitle,
#home-bottom-widget .widget_search .widgettitle,
#home-bottom-widget .widget_calendar .widgettitle,
#home-bottom-widget .widget_media_gallery .widgettitle,
#home-bottom-widget .widget_media_image .widgettitle,
#home-top-widget .widget_recent_comments .widgettitle,
#home-top-widget .widget-popular .widgettitle,
#home-top-widget .widget_nav_menu .widgettitle,
#home-top-widget .widget_text .widgettitle,
#home-top-widget .widget_archive .widgettitle,
#home-top-widget .widget-recommend .widgettitle,
#home-top-widget .widget_categories .widgettitle,
#home-top-widget .widget_tag_cloud .widgettitle,
#home-top-widget .widget_recent_entries .widgettitle,
#home-top-widget .widget-ranking .widgettitle,
#home-top-widget .widget_pages .widgettitle,
#home-top-widget .widget-recent-post .widgettitle,
#home-top-widget .widget_search .widgettitle,
#home-top-widget .widget_calendar .widgettitle,
#home-top-widget .widget_media_gallery .widgettitle,
#home-top-widget .widget_media_image .widgettitle,
#post-bottom-widget .widget_recent_comments .widgettitle,
#post-bottom-widget .widget-popular .widgettitle,
#post-bottom-widget .widget_nav_menu .widgettitle,
#post-bottom-widget .widget_text .widgettitle,
#post-bottom-widget .widget_archive .widgettitle,
#post-bottom-widget .widget-recommend .widgettitle,
#post-bottom-widget .widget_categories .widgettitle,
#post-bottom-widget .widget_tag_cloud .widgettitle,
#post-bottom-widget .widget_recent_entries .widgettitle,
#post-bottom-widget .widget-ranking .widgettitle,
#post-bottom-widget .widget_pages .widgettitle,
#post-bottom-widget .widget-recent-post .widgettitle,
#post-bottom-widget .widget_search .widgettitle,
#post-bottom-widget .widget_calendar .widgettitle,
#post-bottom-widget .widget_media_gallery .widgettitle,
#post-bottom-widget .widget_media_image .widgettitle,
#post-top-widget .widget_recent_comments .widgettitle,
#post-top-widget .widget-popular .widgettitle,
#post-top-widget .widget_nav_menu .widgettitle,
#post-top-widget .widget_text .widgettitle,
#post-top-widget .widget_archive .widgettitle,
#post-top-widget .widget-recommend .widgettitle,
#post-top-widget .widget_categories .widgettitle,
#post-top-widget .widget_tag_cloud .widgettitle,
#post-top-widget .widget_recent_entries .widgettitle,
#post-top-widget .widget-ranking .widgettitle,
#post-top-widget .widget_pages .widgettitle,
#post-top-widget .widget-recent-post .widgettitle,
#post-top-widget .widget_search .widgettitle,
#post-top-widget .widget_calendar .widgettitle,
#post-top-widget .widget_media_gallery .widgettitle,
#post-top-widget .widget_media_image .widgettitle {
  border-radius: 3px 3px 0 0;
  color: #fff;
}

@media (max-width: 767px) {
  #home-bottom-widget .widget_media_gallery,
  #home-top-widget .widget_media_gallery,
  #post-bottom-widget .widget_media_gallery,
  #post-top-widget .widget_media_gallery {
    box-shadow: none !important;
  }
}
#home-bottom-widget .widget-popular .widgettitle:before,
#home-bottom-widget .widget_nav_menu .widgettitle:before,
#home-bottom-widget .widget_archive .widgettitle:before,
#home-bottom-widget .widget_recent_entries .widgettitle:before,
#home-bottom-widget .widget_categories .widgettitle:before,
#home-top-widget .widget-popular .widgettitle:before,
#home-top-widget .widget_nav_menu .widgettitle:before,
#home-top-widget .widget_archive .widgettitle:before,
#home-top-widget .widget_recent_entries .widgettitle:before,
#home-top-widget .widget_categories .widgettitle:before,
#post-bottom-widget .widget-popular .widgettitle:before,
#post-bottom-widget .widget_nav_menu .widgettitle:before,
#post-bottom-widget .widget_archive .widgettitle:before,
#post-bottom-widget .widget_recent_entries .widgettitle:before,
#post-bottom-widget .widget_categories .widgettitle:before,
#post-top-widget .widget-popular .widgettitle:before,
#post-top-widget .widget_nav_menu .widgettitle:before,
#post-top-widget .widget_archive .widgettitle:before,
#post-top-widget .widget_recent_entries .widgettitle:before,
#post-top-widget .widget_categories .widgettitle:before {
  font-family: "jin-icons";
  padding-right: 5px;
  color: #fff;
}

#home-bottom-widget .widget_recent_entries .widgettitle:before,
#home-top-widget .widget_recent_entries .widgettitle:before,
#post-bottom-widget .widget_recent_entries .widgettitle:before,
#post-top-widget .widget_recent_entries .widgettitle:before {
  content: "\e928";
  font-size: 1.7rem;
  vertical-align: bottom;
  line-height: 1.9rem;
}

#home-bottom-widget .widget_archive .widgettitle:before,
#home-top-widget .widget_archive .widgettitle:before,
#post-bottom-widget .widget_archive .widgettitle:before,
#post-top-widget .widget_archive .widgettitle:before {
  content: "\e901";
  font-size: 1.8rem;
  vertical-align: bottom;
  line-height: 1.9rem;
}

#home-bottom-widget .widget_categories .widgettitle:before,
#home-top-widget .widget_categories .widgettitle:before,
#post-bottom-widget .widget_categories .widgettitle:before,
#post-top-widget .widget_categories .widgettitle:before {
  content: "\e914";
  font-size: 1.8rem;
  vertical-align: bottom;
  line-height: 1.8rem;
}

#home-bottom-widget .widget_nav_menu .widgettitle:before,
#home-top-widget .widget_nav_menu .widgettitle:before,
#post-bottom-widget .widget_nav_menu .widgettitle:before,
#post-top-widget .widget_nav_menu .widgettitle:before {
  content: "\e91f";
  font-size: 2.2rem;
  vertical-align: bottom;
  line-height: 1.4rem;
}

#home-bottom-widget .widget-popular .widgettitle:before,
#home-top-widget .widget-popular .widgettitle:before,
#post-bottom-widget .widget-popular .widgettitle:before,
#post-top-widget .widget-popular .widgettitle:before {
  content: "\e90f";
  font-size: 1.7rem;
  vertical-align: bottom;
  line-height: 1.8rem;
}

#home-bottom-widget .widget-ranking .widgettitle,
#home-top-widget .widget-ranking .widgettitle,
#post-bottom-widget .widget-ranking .widgettitle,
#post-top-widget .widget-ranking .widgettitle {
  text-align: center;
}

@media (max-width: 767px) {
  #home-bottom-widget .widget_archive ul,
  #home-bottom-widget .widget_recent_entries ul,
  #home-bottom-widget .widget_pages ul,
  #home-top-widget .widget_archive ul,
  #home-top-widget .widget_recent_entries ul,
  #home-top-widget .widget_pages ul,
  #post-bottom-widget .widget_archive ul,
  #post-bottom-widget .widget_recent_entries ul,
  #post-bottom-widget .widget_pages ul,
  #post-top-widget .widget_archive ul,
  #post-top-widget .widget_recent_entries ul,
  #post-top-widget .widget_pages ul {
    padding: 10px 12px !important;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget_archive ul,
  #home-bottom-widget .widget_recent_entries ul,
  #home-bottom-widget .widget_pages ul,
  #home-top-widget .widget_archive ul,
  #home-top-widget .widget_recent_entries ul,
  #home-top-widget .widget_pages ul,
  #post-bottom-widget .widget_archive ul,
  #post-bottom-widget .widget_recent_entries ul,
  #post-bottom-widget .widget_pages ul,
  #post-top-widget .widget_archive ul,
  #post-top-widget .widget_recent_entries ul,
  #post-top-widget .widget_pages ul {
    padding: 13px 20px !important;
  }
}
#home-bottom-widget .widget_recent_entries ul li:last-child,
#home-top-widget .widget_recent_entries ul li:last-child,
#post-bottom-widget .widget_recent_entries ul li:last-child,
#post-top-widget .widget_recent_entries ul li:last-child {
  border-bottom: none;
}

#home-bottom-widget .widget_archive select,
#home-bottom-widget .widget_categories select,
#home-bottom-widget .widget_pages select,
#home-top-widget .widget_archive select,
#home-top-widget .widget_categories select,
#home-top-widget .widget_pages select,
#post-bottom-widget .widget_archive select,
#post-bottom-widget .widget_categories select,
#post-bottom-widget .widget_pages select,
#post-top-widget .widget_archive select,
#post-top-widget .widget_categories select,
#post-top-widget .widget_pages select {
  padding-left: 25px;
  background: #fff;
}

@media (min-width: 768px) {
  #home-bottom-widget .widget_archive select,
  #home-bottom-widget .widget_categories select,
  #home-bottom-widget .widget_pages select,
  #home-top-widget .widget_archive select,
  #home-top-widget .widget_categories select,
  #home-top-widget .widget_pages select,
  #post-bottom-widget .widget_archive select,
  #post-bottom-widget .widget_categories select,
  #post-bottom-widget .widget_pages select,
  #post-top-widget .widget_archive select,
  #post-top-widget .widget_categories select,
  #post-top-widget .widget_pages select {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #home-bottom-widget .widget_categories ul,
  #home-top-widget .widget_categories ul,
  #post-bottom-widget .widget_categories ul,
  #post-top-widget .widget_categories ul {
    padding: 10px 15px !important;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget_categories ul,
  #home-top-widget .widget_categories ul,
  #post-bottom-widget .widget_categories ul,
  #post-top-widget .widget_categories ul {
    margin-left: 0;
    padding: 13px 20px !important;
  }
}
#home-bottom-widget .widget_categories ul li,
#home-top-widget .widget_categories ul li,
#post-bottom-widget .widget_categories ul li,
#post-top-widget .widget_categories ul li {
  padding-left: 10px;
}

@media (max-width: 767px) {
  #home-bottom-widget .widget_nav_menu .menu,
  #home-top-widget .widget_nav_menu .menu,
  #post-bottom-widget .widget_nav_menu .menu,
  #post-top-widget .widget_nav_menu .menu {
    padding: 10px 15px !important;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget_nav_menu .menu,
  #home-top-widget .widget_nav_menu .menu,
  #post-bottom-widget .widget_nav_menu .menu,
  #post-top-widget .widget_nav_menu .menu {
    padding: 13px 20px !important;
  }
}
#home-bottom-widget .widget_nav_menu .menu li,
#home-top-widget .widget_nav_menu .menu li,
#post-bottom-widget .widget_nav_menu .menu li,
#post-top-widget .widget_nav_menu .menu li {
  padding-left: 10px;
}

#home-bottom-widget .widget_nav_menu .menu li:last-child,
#home-top-widget .widget_nav_menu .menu li:last-child,
#post-bottom-widget .widget_nav_menu .menu li:last-child,
#post-top-widget .widget_nav_menu .menu li:last-child {
  padding-bottom: 14px !important;
}

#home-bottom-widget .widget_recent_comments ul,
#home-top-widget .widget_recent_comments ul,
#post-bottom-widget .widget_recent_comments ul,
#post-top-widget .widget_recent_comments ul {
  padding: 10px 30px 5px !important;
}

#home-bottom-widget .widget_recent_comments ul li:last-child,
#home-top-widget .widget_recent_comments ul li:last-child,
#post-bottom-widget .widget_recent_comments ul li:last-child,
#post-top-widget .widget_recent_comments ul li:last-child {
  border-bottom: none;
}

#home-bottom-widget .widget_tag_cloud .tagcloud,
#home-top-widget .widget_tag_cloud .tagcloud,
#post-bottom-widget .widget_tag_cloud .tagcloud,
#post-top-widget .widget_tag_cloud .tagcloud {
  padding: 15px;
}

#home-bottom-widget .widget_tag_cloud .tagcloud a,
#home-top-widget .widget_tag_cloud .tagcloud a,
#post-bottom-widget .widget_tag_cloud .tagcloud a,
#post-top-widget .widget_tag_cloud .tagcloud a {
  font-size: 0.7em !important;
}

#home-bottom-widget .widget_tag_cloud .tagcloud a:before,
#home-top-widget .widget_tag_cloud .tagcloud a:before,
#post-bottom-widget .widget_tag_cloud .tagcloud a:before,
#post-top-widget .widget_tag_cloud .tagcloud a:before {
  font-family: "jin-icons";
  content: "\e92c";
  padding-right: 3px;
  vertical-align: bottom;
  line-height: 1.05rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#home-bottom-widget .widget_tag_cloud .tagcloud a:hover:before,
#home-top-widget .widget_tag_cloud .tagcloud a:hover:before,
#post-bottom-widget .widget_tag_cloud .tagcloud a:hover:before,
#post-top-widget .widget_tag_cloud .tagcloud a:hover:before {
  color: #fff !important;
}

#home-bottom-widget .widget_text .textwidget,
#home-top-widget .widget_text .textwidget,
#post-bottom-widget .widget_text .textwidget,
#post-top-widget .widget_text .textwidget {
  padding: 10px 25px !important;
}

@media (min-width: 768px) {
  #home-bottom-widget .widget_text .textwidget,
  #home-top-widget .widget_text .textwidget,
  #post-bottom-widget .widget_text .textwidget,
  #post-top-widget .widget_text .textwidget {
    font-size: 1rem;
  }
}
#home-bottom-widget .widget_search,
#home-top-widget .widget_search,
#post-bottom-widget .widget_search,
#post-top-widget .widget_search {
  box-shadow: none !important;
  background: 0 0;
}

#home-bottom-widget .widget_search .widgettitle,
#home-top-widget .widget_search .widgettitle,
#post-bottom-widget .widget_search .widgettitle,
#post-top-widget .widget_search .widgettitle {
  margin-bottom: 15px;
}

#home-bottom-widget .widget_search .search-box,
#home-top-widget .widget_search .search-box,
#post-bottom-widget .widget_search .search-box,
#post-top-widget .widget_search .search-box {
  margin-bottom: 30px;
}

#home-bottom-widget .widget_search .search-box input[type="search"],
#home-top-widget .widget_search .search-box input[type="search"],
#post-bottom-widget .widget_search .search-box input[type="search"],
#post-top-widget .widget_search .search-box input[type="search"] {
  border-radius: 30px;
  padding-right: 60px;
  height: 45px;
  border: none;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
}

#home-bottom-widget .widget_search .search-box input[type="submit"],
#home-top-widget .widget_search .search-box input[type="submit"],
#post-bottom-widget .widget_search .search-box input[type="submit"],
#post-top-widget .widget_search .search-box input[type="submit"] {
  height: 45px;
  width: 48px;
  color: #fff !important;
  border-radius: 0 30px 30px 0;
  font-size: 20px;
}

@media (max-width: 767px) {
  #home-bottom-widget .widget_search .search-box input[type="submit"],
  #home-top-widget .widget_search .search-box input[type="submit"],
  #post-bottom-widget .widget_search .search-box input[type="submit"],
  #post-top-widget .widget_search .search-box input[type="submit"] {
    right: 0;
  }
}
@media (max-width: 767px) {
  #home-bottom-widget .widget_search input[type="submit"],
  #home-top-widget .widget_search input[type="submit"],
  #post-bottom-widget .widget_search input[type="submit"],
  #post-top-widget .widget_search input[type="submit"] {
    padding: 5px 5px 5px 0;
  }
}
#home-bottom-widget .widget-popular .pop-num,
#home-top-widget .widget-popular .pop-num,
#post-bottom-widget .widget-popular .pop-num,
#post-top-widget .widget-popular .pop-num {
  border-radius: 0 0 2px;
}

@media (min-width: 768px) {
  #home-bottom-widget .widget-popular .pop-num,
  #home-top-widget .widget-popular .pop-num,
  #post-bottom-widget .widget-popular .pop-num,
  #post-top-widget .widget-popular .pop-num {
    line-height: 6px;
    font-size: 0.85rem;
    font-weight: 700;
    width: 25px;
    height: 25px;
  }
}
#home-bottom-widget .widget-popular .popular-item a:hover,
#home-top-widget .widget-popular .popular-item a:hover,
#post-bottom-widget .widget-popular .popular-item a:hover,
#post-top-widget .widget-popular .popular-item a:hover {
  transform: scale(0.99);
  transition: 0.3s;
  will-change: transform;
}

#home-bottom-widget .widget-popular #new-entry-box,
#home-top-widget .widget-popular #new-entry-box,
#post-bottom-widget .widget-popular #new-entry-box,
#post-top-widget .widget-popular #new-entry-box {
  padding: 10px 20px;
}

@media (min-width: 768px) {
  #home-bottom-widget .widget-popular #new-entry-box,
  #home-top-widget .widget-popular #new-entry-box,
  #post-bottom-widget .widget-popular #new-entry-box,
  #post-top-widget .widget-popular #new-entry-box {
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  #home-bottom-widget .widget-popular .new-entry-item-title,
  #home-top-widget .widget-popular .new-entry-item-title,
  #post-bottom-widget .widget-popular .new-entry-item-title,
  #post-top-widget .widget-popular .new-entry-item-title {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-popular .new-entry-item-title,
  #home-top-widget .widget-popular .new-entry-item-title,
  #post-bottom-widget .widget-popular .new-entry-item-title,
  #post-top-widget .widget-popular .new-entry-item-title {
    font-size: 1.05rem;
  }
}
#home-bottom-widget .widget-profile .my-profile,
#home-top-widget .widget-profile .my-profile,
#post-bottom-widget .widget-profile .my-profile,
#post-top-widget .widget-profile .my-profile {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);
  border-radius: 3px;
  background: #fff;
  border-radius: 0 0 3px 3px;
}

@media (min-width: 768px) {
  #home-bottom-widget .widget-profile .my-profile,
  #home-top-widget .widget-profile .my-profile,
  #post-bottom-widget .widget-profile .my-profile,
  #post-top-widget .widget-profile .my-profile {
    padding: 30px 30px 65px;
  }
}
@media (max-width: 767px) {
  #home-bottom-widget .widget-profile .my-profile,
  #home-top-widget .widget-profile .my-profile,
  #post-bottom-widget .widget-profile .my-profile,
  #post-top-widget .widget-profile .my-profile {
    padding-bottom: 85px;
  }
}
#home-bottom-widget .widget-profile .my-profile .profile-sns-menu-title,
#home-top-widget .widget-profile .my-profile .profile-sns-menu-title,
#post-bottom-widget .widget-profile .my-profile .profile-sns-menu-title,
#post-top-widget .widget-profile .my-profile .profile-sns-menu-title {
  display: none;
}

@media (min-width: 768px) {
  #home-bottom-widget .widget-profile .my-profile .myjob,
  #home-bottom-widget .widget-profile .my-profile .myname,
  #home-top-widget .widget-profile .my-profile .myjob,
  #home-top-widget .widget-profile .my-profile .myname,
  #post-bottom-widget .widget-profile .my-profile .myjob,
  #post-bottom-widget .widget-profile .my-profile .myname,
  #post-top-widget .widget-profile .my-profile .myjob,
  #post-top-widget .widget-profile .my-profile .myname {
    position: static;
    display: inline;
    width: auto;
    text-align: left;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-profile .my-profile .myname,
  #home-top-widget .widget-profile .my-profile .myname,
  #post-bottom-widget .widget-profile .my-profile .myname,
  #post-top-widget .widget-profile .my-profile .myname {
    margin-left: 130px;
    margin-right: 10px;
    float: left;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-profile .my-profile .my-profile-thumb,
  #home-top-widget .widget-profile .my-profile .my-profile-thumb,
  #post-bottom-widget .widget-profile .my-profile .my-profile-thumb,
  #post-top-widget .widget-profile .my-profile .my-profile-thumb {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #c2c2c2;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-profile .my-profile .myintro,
  #home-top-widget .widget-profile .my-profile .myintro,
  #post-bottom-widget .widget-profile .my-profile .myintro,
  #post-top-widget .widget-profile .my-profile .myintro {
    float: left;
    margin-top: 10px !important;
    margin-left: 130px;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu,
  #home-top-widget .widget-profile .my-profile .profile-sns-menu,
  #post-bottom-widget .widget-profile .my-profile .profile-sns-menu,
  #post-top-widget .widget-profile .my-profile .profile-sns-menu {
    display: flex;
    justify-content: flex-end;
    padding: 8px 20px 8px 0;
  }
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li,
  #home-top-widget .widget-profile .my-profile .profile-sns-menu li,
  #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li,
  #post-top-widget .widget-profile .my-profile .profile-sns-menu li {
    margin-left: 0;
    margin-right: 0;
  }
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a,
  #home-top-widget .widget-profile .my-profile .profile-sns-menu li a,
  #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a,
  #post-top-widget .widget-profile .my-profile .profile-sns-menu li a {
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
    display: block;
    width: 34px;
    height: 32px;
    color: #fff;
    margin: 0 4px;
    padding: 8px;
    overflow: hidden;
    text-decoration: none !important;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.18);
  }
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a svg,
  #home-top-widget .widget-profile .my-profile .profile-sns-menu li a svg,
  #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a svg,
  #post-top-widget .widget-profile .my-profile .profile-sns-menu li a svg {
    fill: #fff !important;
  }
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a:hover,
  #home-top-widget .widget-profile .my-profile .profile-sns-menu li a:hover,
  #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a:hover,
  #post-top-widget .widget-profile .my-profile .profile-sns-menu li a:hover {
    transform: scale(1.1);
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-profile .my-profile:after,
  #home-top-widget .widget-profile .my-profile:after,
  #post-bottom-widget .widget-profile .my-profile:after,
  #post-top-widget .widget-profile .my-profile:after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (max-width: 767px) {
  #home-bottom-widget .widget-ranking,
  #home-top-widget .widget-ranking,
  #post-bottom-widget .widget-ranking,
  #post-top-widget .widget-ranking {
    box-shadow: none !important;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking,
  #home-top-widget .widget-ranking,
  #post-bottom-widget .widget-ranking,
  #post-top-widget .widget-ranking {
    border-radius: 3px;
    background: #fff;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .widgettitle,
  #home-top-widget .widget-ranking .widgettitle,
  #post-bottom-widget .widget-ranking .widgettitle,
  #post-top-widget .widget-ranking .widgettitle {
    padding: 10px 30px;
    color: #fff;
    text-align: center;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .wide-layout,
  #home-top-widget .widget-ranking .wide-layout,
  #post-bottom-widget .widget-ranking .wide-layout,
  #post-top-widget .widget-ranking .wide-layout {
    padding: 15px 20px 20px;
  }
}
@media (min-width: 1200px) {
  #home-bottom-widget .widget-ranking .wide-layout,
  #home-top-widget .widget-ranking .wide-layout,
  #post-bottom-widget .widget-ranking .wide-layout,
  #post-top-widget .widget-ranking .wide-layout {
    padding: 15px 40px 40px;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .side-ranking-title,
  #home-top-widget .widget-ranking .side-ranking-title,
  #post-bottom-widget .widget-ranking .side-ranking-title,
  #post-top-widget .widget-ranking .side-ranking-title {
    padding-left: 50px;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .side-ranking-img,
  #home-top-widget .widget-ranking .side-ranking-img,
  #post-bottom-widget .widget-ranking .side-ranking-img,
  #post-top-widget .widget-ranking .side-ranking-img {
    width: 40%;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .side-ranking-info,
  #home-top-widget .widget-ranking .side-ranking-info,
  #post-bottom-widget .widget-ranking .side-ranking-info,
  #post-top-widget .widget-ranking .side-ranking-info {
    width: 60%;
    margin-top: 0;
    padding: 0 15px;
    font-size: 0.95rem;
    line-height: 1.45rem;
  }
}
@media (max-width: 767px) {
  #home-bottom-widget .widget-ranking .side-ranking-meta,
  #home-top-widget .widget-ranking .side-ranking-meta,
  #post-bottom-widget .widget-ranking .side-ranking-meta,
  #post-top-widget .widget-ranking .side-ranking-meta {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .side-ranking-meta,
  #home-top-widget .widget-ranking .side-ranking-meta,
  #post-bottom-widget .widget-ranking .side-ranking-meta,
  #post-top-widget .widget-ranking .side-ranking-meta {
    display: flex;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .side-btn-box,
  #home-top-widget .widget-ranking .side-btn-box,
  #post-bottom-widget .widget-ranking .side-btn-box,
  #post-top-widget .widget-ranking .side-btn-box {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .side-ranking-btn,
  #home-top-widget .widget-ranking .side-ranking-btn,
  #post-bottom-widget .widget-ranking .side-ranking-btn,
  #post-top-widget .widget-ranking .side-ranking-btn {
    margin: 0 5px;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-ranking .color-button01 a,
  #home-bottom-widget .widget-ranking .color-button02 a,
  #home-top-widget .widget-ranking .color-button01 a,
  #home-top-widget .widget-ranking .color-button02 a,
  #post-bottom-widget .widget-ranking .color-button01 a,
  #post-bottom-widget .widget-ranking .color-button02 a,
  #post-top-widget .widget-ranking .color-button01 a,
  #post-top-widget .widget-ranking .color-button02 a {
    font-size: 1.05rem;
    padding: 8px 9px;
  }
}
@media (min-width: 1200px) {
  #home-bottom-widget .widget-ranking .color-button01 a,
  #home-bottom-widget .widget-ranking .color-button02 a,
  #home-top-widget .widget-ranking .color-button01 a,
  #home-top-widget .widget-ranking .color-button02 a,
  #post-bottom-widget .widget-ranking .color-button01 a,
  #post-bottom-widget .widget-ranking .color-button02 a,
  #post-top-widget .widget-ranking .color-button01 a,
  #post-top-widget .widget-ranking .color-button02 a {
    padding: 11px 9px;
  }
}
#home-bottom-widget .widget-recommend ul,
#home-bottom-widget .widget-recent-post ul,
#home-top-widget .widget-recommend ul,
#home-top-widget .widget-recent-post ul,
#post-bottom-widget .widget-recommend ul,
#post-bottom-widget .widget-recent-post ul,
#post-top-widget .widget-recommend ul,
#post-top-widget .widget-recent-post ul {
  padding: 13px 20px !important;
}

@media (max-width: 767px) {
  #home-bottom-widget .widget-recommend .new-entry-item-title,
  #home-bottom-widget .widget-recent-post .new-entry-item-title,
  #home-top-widget .widget-recommend .new-entry-item-title,
  #home-top-widget .widget-recent-post .new-entry-item-title,
  #post-bottom-widget .widget-recommend .new-entry-item-title,
  #post-bottom-widget .widget-recent-post .new-entry-item-title,
  #post-top-widget .widget-recommend .new-entry-item-title,
  #post-top-widget .widget-recent-post .new-entry-item-title {
    font-size: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-recommend .new-entry-item-title,
  #home-bottom-widget .widget-recent-post .new-entry-item-title,
  #home-top-widget .widget-recommend .new-entry-item-title,
  #home-top-widget .widget-recent-post .new-entry-item-title,
  #post-bottom-widget .widget-recommend .new-entry-item-title,
  #post-bottom-widget .widget-recent-post .new-entry-item-title,
  #post-top-widget .widget-recommend .new-entry-item-title,
  #post-top-widget .widget-recent-post .new-entry-item-title {
    font-size: 1.05rem;
  }
}
@media (min-width: 768px) {
  #home-bottom-widget .widget-popular .new-entry,
  #home-bottom-widget .widget-recent-post .new-entry,
  #home-top-widget .widget-popular .new-entry,
  #home-top-widget .widget-recent-post .new-entry,
  #post-bottom-widget .widget-popular .new-entry,
  #post-bottom-widget .widget-recent-post .new-entry,
  #post-top-widget .widget-popular .new-entry,
  #post-top-widget .widget-recent-post .new-entry {
    width: 23.3% !important;
  }
}
@media (min-width: 768px) {
  #main-contents-one #home-bottom-widget,
  #main-contents-one #home-top-widget,
  #main-contents-one #post-bottom-widget,
  #main-contents-one #post-top-widget {
    padding: 24px;
  }
}
#main-contents-one #home-bottom-widget .widgettitle,
#main-contents-one #home-top-widget .widgettitle,
#main-contents-one #post-bottom-widget .widgettitle,
#main-contents-one #post-top-widget .widgettitle {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  #main-contents-one #home-bottom-widget .widget-ranking .wide-layout,
  #main-contents-one #home-top-widget .widget-ranking .wide-layout,
  #main-contents-one #post-bottom-widget .widget-ranking .wide-layout,
  #main-contents-one #post-top-widget .widget-ranking .wide-layout {
    padding: 15px 5px 25px;
  }
  #main-contents-one #home-bottom-widget .widget-ranking .wide-layout ul,
  #main-contents-one #home-top-widget .widget-ranking .wide-layout ul,
  #main-contents-one #post-bottom-widget .widget-ranking .wide-layout ul,
  #main-contents-one #post-top-widget .widget-ranking .wide-layout ul {
    display: flex;
    justify-content: center;
  }
  #main-contents-one #home-bottom-widget .widget-ranking .wide-layout ul li,
  #main-contents-one #home-top-widget .widget-ranking .wide-layout ul li,
  #main-contents-one #post-bottom-widget .widget-ranking .wide-layout ul li,
  #main-contents-one #post-top-widget .widget-ranking .wide-layout ul li {
    margin: 0 10px;
    width: 30%;
  }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-img,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-img,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-img,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-img {
    width: 100%;
    margin-bottom: 15px;
  }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-info,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-info,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-info,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-info {
    width: 100%;
  }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-meta,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-meta,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-meta,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-meta {
    display: block;
  }
  #main-contents-one #home-bottom-widget .widget-ranking .side-btn-box,
  #main-contents-one #home-top-widget .widget-ranking .side-btn-box,
  #main-contents-one #post-bottom-widget .widget-ranking .side-btn-box,
  #main-contents-one #post-top-widget .widget-ranking .side-btn-box {
    padding: 0;
  }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-btn,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-btn,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-btn,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-btn {
    margin: 3px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #main-contents-one
    #home-bottom-widget
    .widget-ranking
    .wide-layout
    ul
    li
    .side-btn-box,
  #main-contents-one
    #home-top-widget
    .widget-ranking
    .wide-layout
    ul
    li
    .side-btn-box,
  #main-contents-one
    #post-bottom-widget
    .widget-ranking
    .wide-layout
    ul
    li
    .side-btn-box,
  #main-contents-one
    #post-top-widget
    .widget-ranking
    .wide-layout
    ul
    li
    .side-btn-box {
    flex-direction: column;
  }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-title,
  #main-contents-one #home-top-widget .widget-ranking .side-ranking-title,
  #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-title,
  #main-contents-one #post-top-widget .widget-ranking .side-ranking-title {
    font-size: 1.05rem;
    line-height: 1.4rem;
  }
}
#main-contents-one #home-bottom-widget .widget-profile .profile-sns-menu,
#main-contents-one #home-top-widget .widget-profile .profile-sns-menu,
#main-contents-one #post-bottom-widget .widget-profile .profile-sns-menu,
#main-contents-one #post-top-widget .widget-profile .profile-sns-menu {
  border-radius: 0 0 3px 3px;
}

#main-contents-one #home-bottom-widget .widget-profile .my-profile,
#main-contents-one #home-top-widget .widget-profile .my-profile,
#main-contents-one #post-bottom-widget .widget-profile .my-profile,
#main-contents-one #post-top-widget .widget-profile .my-profile {
  border-radius: 0 0 3px 3px;
}

@media (min-width: 768px) {
  #main-contents-one #home-bottom-widget .widget-profile .my-profile,
  #main-contents-one #home-top-widget .widget-profile .my-profile,
  #main-contents-one #post-bottom-widget .widget-profile .my-profile,
  #main-contents-one #post-top-widget .widget-profile .my-profile {
    padding: 30px 30px 65px;
  }
}
@media (min-width: 1200px) {
  #main-contents-one #home-bottom-widget .widget-profile .my-profile,
  #main-contents-one #home-top-widget .widget-profile .my-profile,
  #main-contents-one #post-bottom-widget .widget-profile .my-profile,
  #main-contents-one #post-top-widget .widget-profile .my-profile {
    padding: 30px 30px 85px;
  }
}
@media (max-width: 767px) {
  .my-profile {
    position: relative;
    padding: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    border-radius: 2px;
  }
}
@media (min-width: 768px) {
  .my-profile {
    padding: 5px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.my-profile .myjob {
  position: absolute;
  left: 0;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.35);
  width: 100%;
  text-align: center;
  font-weight: 300;
}

@media (max-width: 767px) {
  .my-profile .myjob {
    top: 180px;
  }
}
@media (min-width: 768px) {
  .my-profile .myjob {
    top: 185px;
  }
}
.my-profile .myname {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  width: 100%;
  text-align: center;
}

@media (max-width: 767px) {
  .my-profile .myname {
    font-weight: 700;
    top: 153px;
  }
}
@media (min-width: 768px) {
  .my-profile .myname {
    font-weight: 500;
    top: 158px;
  }
}
.my-profile .my-profile-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 110px;
  height: 110px;
  border-radius: 55px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  background: #fff;
}

.my-profile .my-profile-thumb img {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

.my-profile .my-profile-thumb a:hover img {
  transform: scale(1.1);
}

.my-profile .profile-sns-menu {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background: #2b2b2b;
  padding: 15px 0;
}

@media (max-width: 767px) {
  .my-profile .profile-sns-menu {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }
}
.my-profile .profile-sns-menu .profile-sns-menu-title {
  text-align: center;
  width: 100%;
  font-size: 0.85rem;
  color: #fff;
  margin-bottom: 5px;
}

.my-profile .profile-sns-menu ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0 !important;
}

.my-profile .profile-sns-menu ul li {
  margin-bottom: 0;
  background: 0 0 !important;
  margin-left: 0;
  margin-right: 0;
}

.my-profile .profile-sns-menu ul li a {
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
  display: block;
  width: 34px;
  height: 32px;
  color: #fff;
  margin: 0 4px;
  padding: 8px;
  overflow: hidden;
  text-decoration: none !important;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.18);
}

.my-profile .profile-sns-menu ul li a svg {
  fill: #fff !important;
}

.my-profile .profile-sns-menu ul li a:hover {
  transform: scale(1.1);
}

.my-profile .myintro {
  font-size: 0.85rem;
}

@media (max-width: 767px) {
  .my-profile .myintro {
    margin-top: 70px;
    font-weight: 500;
  }
}
@media (min-width: 768px) {
  .my-profile .myintro {
    margin-top: 75px;
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  #widget-tracking {
    display: none;
  }
}
@media (max-width: 767px) {
  .sp-sidemenu-wrapper {
    position: fixed;
    bottom: 60px;
    right: 13px;
    z-index: 2;
  }
  .sp-sidemenu-wrapper #sp-sidemenu-toggle {
    display: none;
    overflow: hidden;
  }
  .sp-sidemenu-wrapper .sp-sidemenu-btn {
    position: relative;
    z-index: 3;
    width: 58px;
    height: 58px;
    border-radius: 29px;
    background: #b2e086;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
    transition: ease-out 0.3s;
  }
  .sp-sidemenu-wrapper .sp-sidemenu-btn:after {
    position: absolute;
    top: 11px;
    right: 0;
    font-size: 1.3rem;
    width: 58px;
    text-align: center;
    font-family: "jin-icons";
    content: "\e922";
    font-weight: 900;
    color: #fff;
    transition: 0.3s;
  }
  .sp-sidemenu-wrapper .sp-sidemenu-title {
    position: absolute;
    width: 58px;
    text-align: center;
    right: 0;
    bottom: 8px;
    font-size: 0.65rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0px !important;
  }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-open .sp-sidemenu-btn {
    animation-name: sp-sidemenu-btn-animate;
    animation-duration: 0.4s;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-open .sp-sidemenu-btn:after {
    transform: rotate(-45deg) scale(1.1);
  }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box {
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
    pointer-events: auto;
  }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-bg {
    transform: scale(250);
    border-radius: 500px;
  }
  #sp-sidemenu-toggle:checked
    ~ .sp-sidemenu-box
    .sp-sidemenu-menu
    .menu-box
    li:nth-child(1) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  #sp-sidemenu-toggle:checked
    ~ .sp-sidemenu-box
    .sp-sidemenu-menu
    .menu-box
    li:nth-child(2) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  #sp-sidemenu-toggle:checked
    ~ .sp-sidemenu-box
    .sp-sidemenu-menu
    .menu-box
    li:nth-child(3) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.45s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  #sp-sidemenu-toggle:checked
    ~ .sp-sidemenu-box
    .sp-sidemenu-menu
    .menu-box
    li:nth-child(4) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  #sp-sidemenu-toggle:checked
    ~ .sp-sidemenu-box
    .sp-sidemenu-menu
    .menu-box
    li:nth-child(5) {
    animation-name: sp-sidemenu-animate;
    animation-duration: 0.4s;
    animation-delay: 0.15s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-search {
    animation-name: sp-sidemenu-search-animate;
    animation-timing-function: cubic-bezier(0.61, 0.75, 0.58, 1.17);
    animation-duration: 0.82s;
    animation-delay: 0.77s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .sp-sidemenu-box {
    position: relative;
    z-index: 3;
    pointer-events: none;
    bottom: 0;
    right: 0;
    max-width: 100%;
    height: 100%;
    opacity: 0;
  }
  .sp-sidemenu-bg {
    position: fixed;
    overflow: hidden;
    z-index: 2;
    bottom: 100px;
    right: 40px;
    width: 1.77%;
    height: 1%;
    border-radius: 500px;
    background: #fff;
    transition: ease-out 0.3s;
    opacity: 0.95;
  }
  .sp-sidemenu-search {
    position: absolute;
    width: 290px;
    bottom: 380px;
    right: -320px;
    opacity: 0;
  }
  .sp-sidemenu-search .search-box {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    border-radius: 40px;
    box-sizing: border-box;
    opacity: 1;
  }
  .sp-sidemenu-search .search-box input {
    display: block;
    outline: 0;
    background: rgba(0, 0, 0, 0.05);
    width: 236px;
    height: 50px;
    border: 0;
    padding: 12px 0 12px 15px;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 40px 0 0 40px;
  }
  .sp-sidemenu-search .search-box input[type="submit"] {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    line-height: 0;
    font-family: "jin-icons";
    content: "\e931";
    top: 0;
    font-size: 20px;
    padding-right: 15px;
    z-index: 4;
    text-align: center;
    border-radius: 0 40px 40px 0;
    color: #888;
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
  }
  .sp-sidemenu-menu {
    position: absolute;
    overflow: hidden;
    width: 320px;
    bottom: 100px;
    right: 5px;
  }
  .sp-sidemenu-menu ul li a:before {
    display: none;
  }
  .sp-sidemenu-menu .menu-box {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    height: 100%;
  }
  .sp-sidemenu-menu .menu-box li:nth-child(5),
  .sp-sidemenu-menu .menu-box li:nth-child(6),
  .sp-sidemenu-menu .menu-box li:nth-child(7),
  .sp-sidemenu-menu .menu-box li:nth-child(8) {
    display: none;
  }
  .sp-sidemenu-menu a {
    text-align: right;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-right: 66px !important;
    font-size: 1.05rem;
    line-height: 1.3rem;
  }
  .sp-sidemenu-menu a:hover {
    background: 0 0 !important;
  }
  .sp-sidemenu-menu a:hover span {
    animation-name: sp-sidemenu-btn-animate;
    animation-duration: 0.4s;
  }
  .sp-sidemenu-menu a span {
    position: absolute;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    padding-top: 13px;
    padding-left: 0;
    background: #555;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  }
  .sp-sidemenu-menu .jic:before {
    padding-right: 0 !important;
  }
}
#sp-footer-box {
  margin-top: 43px;
}

.footer-menu-sp {
  display: none;
}

@media (max-width: 767px) {
  .footer-menu-sp {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  }
  .footer-menu-sp:after {
    clear: both;
    content: "";
    display: block;
  }
}
.footer-menu-sp .menu-item {
  width: 25%;
  float: left;
  margin: 0 !important;
  box-sizing: border-box;
}

.footer-menu-sp .menu-item a {
  display: block;
  font-size: 0.65em;
  font-weight: 400;
  padding: 8px 5px;
  padding-top: 6px;
  text-align: center;
  background: #fff;
  letter-spacing: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.footer-menu-sp .menu-item .jic:before {
  font-size: 1.1rem;
  line-height: 1.1rem;
}

.footer-menu-sp .menu-item a:hover {
  background: #ddd;
}

.footer-menu-sp .menu-item span {
  display: block;
  font-size: 1.4em;
}

.footer-menu-sp .menu-item:nth-child(5n),
.footer-menu-sp .menu-item:nth-child(6n),
.footer-menu-sp .menu-item:nth-child(7n),
.footer-menu-sp .menu-item:nth-child(8n),
.footer-menu-sp .menu-item:nth-child(9n) {
  display: none;
}

.footer-menu-sp .menu-item:first-child {
  border-left: none;
}

.footer-menu-sp .current-menu-item a {
  position: relative;
}

.footer-menu-sp .current-menu-item a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.07;
  background: #fff;
}

.footer-menu-sp-in {
  bottom: 0;
}

@media (max-width: 767px) {
  #drawernav2 {
    display: none;
  }
}
@media (min-width: 768px) {
  #drawernav2 {
    width: 100%;
    margin: 0 auto;
  }
  #drawernav2:after {
    clear: both;
    content: "";
    display: block;
  }
}
@media (min-width: 1200px) {
  #drawernav2 {
    width: 1200px;
  }
}
@media (min-width: 768px) {
  #drawernav2 nav.fixed-content {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}
@media (min-width: 1200px) {
  #drawernav2 nav.fixed-content {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px;
  }
}
#drawernav2 ul.menu-box {
  list-style-type: none;
  margin: 0 auto;
  display: table;
}

#drawernav2 ul.menu-box li.menu-item {
  position: relative;
  line-height: 1.6rem;
  display: table-cell;
  text-align: center;
  background: 0 0;
  width: 240px;
  border-left: 1px solid #efefef;
  border-top: 2px solid transparent;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

#drawernav2 ul.menu-box li.menu-item a {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  height: 46px;
  position: relative;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (min-width: 768px) {
  #drawernav2 ul.menu-box li.menu-item a {
    padding: 12px 10px;
  }
}
@media (min-width: 1024px) {
  #drawernav2 ul.menu-box li.menu-item a {
    padding: 12px 25px;
  }
}
#drawernav2 ul.menu-box li.menu-item a span {
  display: inline-block;
  padding-right: 3px;
}

#drawernav2 ul.menu-box li.menu-item a:hover {
  border-bottom: none !important;
  transform: translateY(3px);
}

#drawernav2 ul.menu-box li.menu-item ul.sub-menu {
  z-index: 5;
  position: absolute;
  padding: 0;
  top: 70px;
  left: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item {
  position: relative;
  text-align: left;
  display: block;
  line-height: 1.2rem;
  width: 240px;
  border: none;
}

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item a {
  padding: 10px 7px 10px 18px;
  display: block;
  background-color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 8px 24px 6px 18px;
  border-radius: 2px;
  height: auto;
  border-right: none;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover {
  background: #f6f6f6;
  transform: translateY(0px);
}

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
  z-index: 6;
  position: absolute;
  padding: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (min-width: 768px) {
  #drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    top: 14px;
    left: 100%;
  }
}
@media (min-width: 1200px) {
  #drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    width: 240px;
  }
}
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-14px);
}

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a {
  padding-right: 24px;
}

#drawernav2
  ul.menu-box
  li.menu-item
  ul.sub-menu
  li.menu-item-has-children:after {
  content: "\e904";
  font-family: "jin-icons";
  font-size: 0.65rem;
  position: absolute;
  right: 10px;
  top: 8px;
}

#drawernav2 ul.menu-box li.menu-item:hover {
  border-top-color: #000;
}

#drawernav2 ul.menu-box li.menu-item:last-of-type {
  border-right: 1px solid #efefef;
}

#drawernav2
  ul.menu-box
  li.menu-item:last-of-type
  > ul.sub-menu
  > li.menu-item
  > ul.sub-menu {
  left: -241px;
}

#drawernav2 ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav2 ul.menu-box li.menu-item.hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-24px);
}

#drawernav2 ul.menu-box li:last-child {
  border-right: none;
}

@media (max-width: 767px) {
  #drawernav {
    display: none;
  }
}
@media (min-width: 768px) {
  #drawernav {
    width: 100%;
    margin: 0 auto;
  }
  #drawernav:after {
    clear: both;
    content: "";
    display: block;
  }
}
@media (min-width: 1200px) {
  #drawernav {
    width: 1200px;
  }
}
@media (min-width: 768px) {
  #drawernav nav.fixed-content {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
  }
}
@media (min-width: 1200px) {
  #drawernav nav.fixed-content {
    width: calc(100% - 60px);
    float: left;
    margin-left: 30px;
  }
}
#drawernav ul.menu-box {
  list-style-type: none;
  margin: 0 auto;
  display: table;
}

#drawernav ul.menu-box li.menu-item {
  position: relative;
  line-height: 1.6rem;
  display: inline-block;
  text-align: center;
  background: 0 0;
}

#drawernav ul.menu-box li.menu-item a {
  border-bottom: 2px solid transparent;
  padding: 12px 25px;
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  height: 46px;
  position: relative;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

#drawernav ul.menu-box li.menu-item a span {
  display: inline-block;
  padding-right: 3px;
}

#drawernav ul.menu-box li.menu-item a:after {
  content: "";
  width: 80%;
  height: 2px;
  border-radius: 1px;
  background: #2b2b2b;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav ul.menu-box li.menu-item a:hover:after,
#drawernav ul.menu-box li.menu-item a:focus:after {
  opacity: 1;
  transform: translate3d(0, -5px, 0);
}

#drawernav ul.menu-box li.menu-item ul.sub-menu {
  z-index: 5;
  position: absolute;
  padding: 0;
  top: 70px;
  left: 0;
  display: block;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item {
  position: relative;
  text-align: left;
  display: block;
  line-height: 1.2rem;
  width: 240px;
}

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a {
  padding: 10px 7px 10px 18px;
  display: block;
  background-color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 8px 24px 6px 18px;
  border-radius: 2px;
  height: auto;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after {
  display: none;
}

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover {
  background: #f6f6f6;
}

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
  z-index: 6;
  position: absolute;
  padding: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (min-width: 768px) {
  #drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    top: 14px;
    left: 100%;
  }
}
@media (min-width: 1200px) {
  #drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    width: 240px;
  }
}
#drawernav ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-14px);
}

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a {
  padding-right: 24px;
}

#drawernav
  ul.menu-box
  li.menu-item
  ul.sub-menu
  li.menu-item-has-children:after {
  content: "\e904";
  font-family: "jin-icons";
  font-size: 0.65rem;
  position: absolute;
  right: 10px;
  top: 10px;
}

#drawernav ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav ul.menu-box li.menu-item.hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-24px);
}

#drawernav ul.menu-box li:last-child {
  border-right: none;
}

@media (max-width: 767px) {
  #drawernav3 {
    display: none;
  }
}
@media (min-width: 768px) {
  #drawernav3 {
    width: 100%;
  }
}
#drawernav3 nav.fixed-content {
  width: 100%;
}

#drawernav3 ul.menu-box {
  list-style-type: none;
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
}

#drawernav3 ul.menu-box li.menu-item {
  position: relative;
  display: table;
  text-align: center;
  background: 0 0;
  line-height: 1.6rem;
  vertical-align: middle;
}

#drawernav3 ul.menu-box li.menu-item a {
  border-bottom: 2px solid transparent;
  display: block;
  height: 40px;
  font-size: 0.9rem;
  font-weight: 400;
  position: relative;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (min-width: 768px) {
  #drawernav3 ul.menu-box li.menu-item a {
    padding: 3px 15px;
  }
}
@media (min-width: 1200px) {
  #drawernav3 ul.menu-box li.menu-item a {
    padding: 3px 25px;
  }
}
#drawernav3 ul.menu-box li.menu-item a span {
  display: inline-block;
  padding-right: 3px;
}

#drawernav3 ul.menu-box li.menu-item a:after {
  content: "";
  width: 80%;
  height: 2px;
  border-radius: 1px;
  background: #2b2b2b;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav3 ul.menu-box li.menu-item a:hover:after,
#drawernav3 ul.menu-box li.menu-item a:focus:after {
  opacity: 1;
  transform: translate3d(0, -7px, 0);
}

#drawernav3 ul.menu-box li.menu-item ul.sub-menu {
  z-index: 5;
  position: absolute;
  padding: 0;
  top: 70px;
  display: block;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  left: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
}

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item {
  position: relative;
  text-align: left;
  display: block;
  line-height: 1.2rem;
  width: 240px;
}

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a {
  padding: 10px 7px 10px 18px;
  display: block;
  background-color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 10px 24px 6px 18px;
  border-radius: 2px;
  height: auto;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after {
  display: none;
}

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover {
  background: #f6f6f6;
}

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
  z-index: 6;
  position: absolute;
  padding: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (min-width: 768px) {
  #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    top: 14px;
    left: 100%;
  }
}
@media (min-width: 1200px) {
  #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    width: 240px;
  }
}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-14px);
}

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a {
  padding-right: 24px;
}

#drawernav3
  ul.menu-box
  li.menu-item
  ul.sub-menu
  li.menu-item-has-children:after {
  content: "\e904";
  font-family: "jin-icons";
  font-size: 0.65rem;
  position: absolute;
  right: 10px;
  top: 10px;
}

#drawernav3
  ul.menu-box
  li.menu-item:last-of-type
  > ul.sub-menu
  > li.menu-item
  > ul.sub-menu {
  left: -240px;
}

#drawernav3 ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav3 ul.menu-box li.menu-item.hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-35px);
}

#drawernav3 ul.menu-box li:last-child {
  border-right: none;
}

@media (min-width: 768px) {
  .header-style6-box {
    width: 100%;
    display: flex;
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .header-style6-box {
    width: 1200px;
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  #drawernav4 {
    display: none;
  }
}
@media (min-width: 768px) {
  #drawernav4 {
    width: 100%;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  #drawernav4 {
    width: auto;
  }
}
#drawernav4 nav.fixed-content {
  width: 100%;
}

#drawernav4 ul.menu-box {
  list-style-type: none;
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
}

#drawernav4 ul.menu-box li.menu-item {
  position: relative;
  display: table;
  text-align: center;
  background: 0 0;
  line-height: 1.6rem;
  vertical-align: middle;
}

#drawernav4 ul.menu-box li.menu-item a {
  border: none;
  padding: 3px 25px;
  display: block;
  height: 40px;
  font-size: 0.9rem;
  font-weight: 400;
  position: relative;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

#drawernav4 ul.menu-box li.menu-item a span {
  display: inline-block;
  padding-right: 3px;
}

#drawernav4 ul.menu-box li.menu-item a:after {
  content: "";
  width: 80%;
  height: 2px;
  border-radius: 1px;
  background: #2b2b2b;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav4 ul.menu-box li.menu-item a:hover:after,
#drawernav4 ul.menu-box li.menu-item a:focus:after {
  opacity: 1;
  transform: translate3d(0, -7px, 0);
}

#drawernav4 ul.menu-box li.menu-item ul.sub-menu {
  z-index: 5;
  position: absolute;
  padding: 0;
  top: 70px;
  display: block;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  left: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
}

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item {
  position: relative;
  text-align: left;
  display: block;
  line-height: 1.2rem;
  width: 240px;
}

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a {
  padding: 10px 7px 10px 18px;
  display: block;
  background-color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 10px 24px 6px 18px;
  border-radius: 2px;
  height: auto;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after {
  display: none;
}

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover {
  background: #f6f6f6;
}

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
  z-index: 6;
  position: absolute;
  padding: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (min-width: 768px) {
  #drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    top: 14px;
    left: 100%;
  }
}
@media (min-width: 1200px) {
  #drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    width: 240px;
  }
}
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-14px);
}

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a {
  padding-right: 24px;
}

#drawernav4
  ul.menu-box
  li.menu-item
  ul.sub-menu
  li.menu-item-has-children:after {
  content: "\e904";
  font-family: "jin-icons";
  font-size: 0.65rem;
  position: absolute;
  right: 10px;
  top: 10px;
}

#drawernav4
  ul.menu-box
  li.menu-item:last-of-type
  > ul.sub-menu
  > li.menu-item
  > ul.sub-menu {
  left: -240px;
}

#drawernav4 ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav4 ul.menu-box li.menu-item.hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-35px);
}

#drawernav4 ul.menu-box li:last-child {
  border-right: none;
}

@media (max-width: 767px) {
  #drawernav5 {
    display: none;
  }
}
@media (min-width: 768px) {
  #drawernav5 {
    width: 100%;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  #drawernav5 {
    width: auto;
  }
}
@media (min-width: 768px) {
  #drawernav5 nav.fixed-content {
    width: calc(100% - 0px);
    float: left;
    margin-left: 0;
  }
}
#drawernav5 ul.menu-box {
  list-style-type: none;
  margin: 0 auto;
  display: table;
}

#drawernav5 ul.menu-box li.menu-item {
  position: relative;
  line-height: 1.6rem;
  display: table-cell;
  text-align: center;
  background: 0 0;
  width: 240px;
  border-left: 1px solid #efefef;
  border-top: 2px solid transparent;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

#drawernav5 ul.menu-box li.menu-item a {
  box-sizing: border-box;
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  height: 46px;
  position: relative;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (min-width: 768px) {
  #drawernav5 ul.menu-box li.menu-item a {
    width: 100%;
    margin-right: auto;
    padding: 14px 10px;
    padding-top: 10px;
  }
}
@media (min-width: 1024px) {
  #drawernav5 ul.menu-box li.menu-item a {
    padding: 14px 25px;
    padding-top: 10px;
  }
}
#drawernav5 ul.menu-box li.menu-item a span {
  display: inline-block;
  padding-right: 3px;
}

#drawernav5 ul.menu-box li.menu-item a:hover {
  border-bottom: none !important;
  transform: translateY(3px);
}

#drawernav5 ul.menu-box li.menu-item ul.sub-menu {
  z-index: 5;
  position: absolute;
  padding: 0;
  top: 70px;
  left: 0;
  display: block;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item {
  position: relative;
  text-align: left;
  display: block;
  line-height: 1.2rem;
  width: 240px;
  border: none;
}

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item a {
  padding: 10px 7px 10px 18px;
  display: block;
  background-color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 8px 24px 6px 18px;
  border-radius: 2px;
  height: auto;
  border-right: none;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover {
  background: #f6f6f6;
  transform: translateY(0px);
}

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
  z-index: 6;
  position: absolute;
  padding: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (min-width: 768px) {
  #drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    top: 14px;
    left: 100%;
  }
}
@media (min-width: 1200px) {
  #drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    width: 240px;
  }
}
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-14px);
}

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a {
  padding-right: 24px;
}

#drawernav5
  ul.menu-box
  li.menu-item
  ul.sub-menu
  li.menu-item-has-children:after {
  content: "\e904";
  font-family: "jin-icons";
  font-size: 0.65rem;
  position: absolute;
  right: 10px;
  top: 10px;
}

#drawernav5 ul.menu-box li.menu-item:hover {
  border-top-color: red;
}

#drawernav5 ul.menu-box li.menu-item:last-of-type {
  border-right: 1px solid #efefef;
}

#drawernav5
  ul.menu-box
  li.menu-item:last-of-type
  > ul.sub-menu
  > li.menu-item
  > ul.sub-menu {
  left: -241px;
}

#drawernav5 ul.menu-box li.menu-item:hover > ul.sub-menu,
#drawernav5 ul.menu-box li.menu-item.hover > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(-24px);
}

#drawernav5 ul.menu-box li:last-child {
  border-right: none;
}

@media (min-width: 768px) {
  .menu-box > .menu-item > a:hover {
    border-bottom: 2px solid #2b2b2b;
  }
}
@media (max-width: 767px) {
  #navtoggle {
    display: none;
    overflow: hidden;
  }
  .sp-menu-open,
  .sp-menu-close {
    cursor: pointer;
    position: absolute;
    z-index: 4;
    top: 4px;
    right: 3px;
  }
  .sp-menu-close {
    pointer-events: none;
    width: 100%;
    height: 100%;
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
  }
  #navtoggle:checked ~ .sp-menu-close {
    pointer-events: auto;
  }
  .sp-menu-open {
    width: 28px;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 8px;
    transition: transform 0.4s ease-in-out;
    transform: translate3d(0, 0, 0);
  }
  .cps-icon-bar {
    height: 2px;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    border-radius: 1px;
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
    opacity: 1;
  }
  .sp-menu-box {
    z-index: 3;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    transform: translate3d(0, -100%, 0);
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
  }
  .sp-menu-box .sp-menu-title {
    margin-top: 50px;
    text-align: center;
    font-size: 1.6rem;
  }
  .fixed-content {
    width: 100%;
    height: 100%;
    margin-top: 30px;
  }
  #navtoggle:checked + .sp-menu-open {
    position: fixed;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar {
    filter: opacity(1);
    background: #fff;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(1) {
    transform: translate(0, 7px) rotate(45deg);
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(2) {
    transform: translate(-20px, 0);
    filter: opacity(0);
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(3) {
    transform: translate(0, -7px) rotate(-45deg);
  }
  #navtoggle:checked ~ .sp-menu-box {
    transform: translate3d(0, 0, 0);
  }
  #scroll-content {
    transition: 0.6s;
    position: relative;
    z-index: 0;
  }
  #navtoggle:checked ~ .sp-menu-box ~ #scroll-content,
  #navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content {
    position: fixed;
    overflow: hidden;
    transform: translateY(15px);
    width: 100%;
    height: 100%;
    filter: blur(10px);
  }
  #navtoggle:checked
    ~ .sp-menu-box
    ~ #scroll-content
    + .sp-sidemenu-wrapper
    .sp-sidemenu-btn,
  #navtoggle:checked
    ~ .sp-menu-box
    ~ #header-box
    ~ #scroll-content
    + .sp-sidemenu-wrapper
    .sp-sidemenu-btn,
  #navtoggle:checked
    ~ .sp-menu-box
    ~ #scroll-content
    + .sp-sidemenu-wrapper
    .sp-sidemenu-bg,
  #navtoggle:checked
    ~ .sp-menu-box
    ~ #header-box
    ~ #scroll-content
    + .sp-sidemenu-wrapper
    .sp-sidemenu-bg {
    transform: translateX(100px);
  }
  #navtoggle:checked ~ .sp-menu-box ~ .headsearch ~ #header-box {
    position: fixed;
    overflow: hidden;
  }
  ul.menu-box {
    width: 86%;
    height: 60%;
    padding: 0 7%;
    overflow: hidden;
    overflow-y: scroll;
    overflow-wrap: break-word;
    -webkit-overflow-scrolling: touch;
  }
  ul.menu-box li a {
    display: block;
    padding: 8px;
    padding-left: 28px;
    position: relative;
    font-weight: 600;
    border-radius: 2px;
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
  }
  ul.menu-box li a:active {
    background: rgba(50, 50, 50, 0.1);
  }
  ul.menu-box li a:before {
    content: "・";
    position: absolute;
    line-height: 10%;
    top: 19px;
    left: 8px;
    font-size: 1.8rem;
    color: #2b2b2b;
  }
  ul.menu-box li ul.sub-menu {
    margin-top: 0;
    margin-left: 20px;
  }
  ul.menu-box li ul.sub-menu li {
    margin-left: 22px;
  }
  ul.menu-box li ul.sub-menu li a {
    font-size: 0.9rem;
    line-height: 1.25rem;
    padding: 6px;
    padding-left: 16px;
    font-weight: 500;
  }
  ul.menu-box li ul.sub-menu li a:before {
    content: "";
    width: 1px;
    height: 24px;
    background: #aaa;
    top: 4px;
    left: 6px;
  }
  ul.menu-box li ul.sub-menu li ul.sub-menu li a {
    padding: 7px;
    padding-left: 16px;
    font-size: 0.75rem;
    line-height: 1.15rem;
    font-weight: 300;
  }
  .sp-sns-menu {
    position: absolute;
    z-index: 0;
    bottom: 0;
    display: block;
    text-align: center;
    padding: 30px;
    width: 100%;
    background: 0 0 !important;
  }
  .sp-sns-menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    background: 0 0 !important;
    align-items: center;
  }
  .sp-sns-menu ul li {
    margin-bottom: 0;
    background: 0 0 !important;
  }
  .sp-sns-menu ul li a {
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
    display: block;
    color: #fff;
    margin: 0 5px;
    overflow: hidden;
    width: 40px;
    background: rgba(255, 255, 255, 0.18);
    height: 40px;
    border-radius: 2px;
    padding: 10px;
    font-size: 18px;
    box-shadow: 0 1px 7px 3px rgba(0, 0, 0, 0.05);
  }
  .sp-sns-menu ul li a:hover {
    color: #f8b500 !important;
    transform: scale(1.1);
  }
}
svg {
  fill: #2b2b2b;
  will-change: transform;
}

.toppost-list-box {
  overflow: hidden;
  text-align: center;
}

@media (max-width: 767px) {
  .toppost-list-box {
    margin-top: 10px;
  }
}
.toppost-list-box .toppost-list-box-inner {
  width: 400%;
  transition: 0.6s;
  text-align: left;
  overflow: hidden;
}

input[name="switch"] {
  display: none;
}

.tabBtn-mag {
  display: inline-flex;
  width: 100%;
  padding: 0;
  list-style-type: none;
}

@media (max-width: 767px) {
  .tabBtn-mag {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .tabBtn-mag {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .tabBtn-mag li:not(:first-child) {
    margin-left: 4px;
  }
}
@media (max-width: 767px) {
  .tabBtn-mag li:nth-child(2n-1) {
    margin-right: 4px;
  }
}
.tabBtn-mag li {
  position: relative;
  will-change: transform;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (max-width: 767px) {
  .tabBtn-mag li {
    width: calc(50% - 2px);
    margin-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .tabBtn-mag li {
    width: 25%;
  }
}
.tabBtn-mag li:hover {
  transform: scale(0.95);
}

.tabBtn-mag label {
  display: block;
  padding: 10px;
  text-align: center;
  background-color: rgba(189, 189, 189, 0.17);
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .tabBtn-mag label {
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 2px;
    min-height: 18px;
  }
}
@media (min-width: 768px) {
  .tabBtn-mag label {
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    min-height: 18px;
  }
}
@media (min-width: 1200px) {
  .tabBtn-mag label {
    font-size: 0.85rem;
  }
}
@media (min-width: 768px) {
  .tabBtn-mag label:after {
    position: absolute;
    content: "";
    bottom: 5px;
    margin-left: -8px;
    width: 0;
    height: 0;
    opacity: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    transition:
      color 0.3s ease,
      background 0.3s ease,
      transform 0.3s ease,
      opacity 0.3s ease,
      border 0.3s ease,
      padding 0.3s ease,
      left 0.3s ease,
      bottom 0.3s ease,
      box-shadow 0.3s ease;
  }
}
#tab-1:checked ~ .tabBtn-mag li [for="tab-1"],
#tab-2:checked ~ .tabBtn-mag li [for="tab-2"],
#tab-3:checked ~ .tabBtn-mag li [for="tab-3"],
#tab-4:checked ~ .tabBtn-mag li [for="tab-4"] {
  position: relative;
  background-color: #2b2b2b;
  color: #fff;
}

.tabBtn-mag li:nth-child(5),
.tabBtn-mag li:nth-child(6),
.tabBtn-mag li:nth-child(7),
.tabBtn-mag li:nth-child(8) {
  display: none;
}

@media (min-width: 768px) {
  #tab-1:checked ~ .tabBtn-mag li [for="tab-1"]:after,
  #tab-2:checked ~ .tabBtn-mag li [for="tab-2"]:after,
  #tab-3:checked ~ .tabBtn-mag li [for="tab-3"]:after,
  #tab-4:checked ~ .tabBtn-mag li [for="tab-4"]:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    opacity: 1;
    width: 0;
    height: 0;
    border-top: 8px solid #2b2b2b;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
}
#tab-1:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(1),
#tab-2:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(2),
#tab-3:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(3),
#tab-4:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(4),
#tab-1:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(1),
#tab-2:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(2),
#tab-3:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(3),
#tab-4:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(4),
#tab-1:checked ~ .toppost-list-box-inner .post-list:nth-child(1),
#tab-2:checked ~ .toppost-list-box-inner .post-list:nth-child(2),
#tab-3:checked ~ .toppost-list-box-inner .post-list:nth-child(3),
#tab-4:checked ~ .toppost-list-box-inner .post-list:nth-child(4) {
  opacity: 1;
}

#tab-1:checked ~ .toppost-list-box-inner {
  transform: translateX(0);
}

#tab-2:checked ~ .toppost-list-box-inner {
  transform: translateX(-25%);
}

#tab-3:checked ~ .toppost-list-box-inner {
  transform: translateX(-50%);
}

#tab-4:checked ~ .toppost-list-box-inner {
  transform: translateX(-75%);
}

.more-cat {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  text-align: center;
}

@media (max-width: 767px) {
  .more-cat {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .more-cat {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.more-cat .more-cat-button {
  font-size: 1.1rem;
}

.more-cat .more-cat-button a {
  position: relative;
}

@media (max-width: 767px) {
  .more-cat .more-cat-button a {
    color: #888 !important;
  }
}
@media (min-width: 768px) {
  .more-cat .more-cat-button a {
    color: #aaa !important;
  }
}
.more-cat .more-cat-button a:hover span:after {
  color: #fff;
  transform: translateX(3px);
}

.more-cat .more-cat-button a:hover span:before {
  transform: translateX(3px);
}

.more-cat .more-cat-button span:before {
  content: "";
  position: absolute;
  border-radius: 20px;
  background: #fff;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (max-width: 767px) {
  .more-cat .more-cat-button span:before {
    left: 48px;
    top: -5px;
    width: 34px;
    height: 34px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 768px) {
  .more-cat .more-cat-button span:before {
    left: 50px;
    top: -7px;
    width: 38px;
    height: 38px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  }
}
.more-cat .more-cat-button span:after {
  content: "\e904";
  position: absolute;
  text-align: center;
  line-height: 0;
  font-family: "jin-icons";
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (max-width: 767px) {
  .more-cat .more-cat-button span:after {
    left: 58px;
    top: 12px;
    font-size: 0.85rem;
  }
}
@media (min-width: 768px) {
  .more-cat .more-cat-button span:after {
    left: 61px;
    top: 12px;
    font-size: 1.1rem;
  }
}
a.post-list-link {
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
  background-color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  a.post-list-link {
    padding: 15px 10px;
    margin-bottom: 10px;
    margin-top: 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  a.post-list-link {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) {
  a.post-list-link {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    padding: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  a.post-list-link {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.post-list-publisher,
.writer {
  display: none;
}

.sp-post-list-meta {
  text-align: right;
}

.toppost-list-box-simple .post-list-mag,
.toppost-list-box-simple .post-list-mag-sp1col,
.toppost-list-box-simple .post-list {
  width: 100% !important;
  float: none !important;
  opacity: 1 !important;
  padding: 0 !important;
}

.toppost-list-box-simple .post-list-mag,
.toppost-list-box-simple .post-list-mag-sp1col {
  justify-content: space-between;
}

.post-list,
.post-list-mag,
.post-list-mag-sp1col {
  opacity: 0.2;
  transition: opacity 1.2s;
  width: 25%;
  float: left;
}

@media (max-width: 767px) {
  .post-list,
  .post-list-mag,
  .post-list-mag-sp1col {
    padding: 2px 1px;
  }
}
@media (min-width: 768px) {
  .post-list,
  .post-list-mag,
  .post-list-mag-sp1col {
    padding: 2px 24px;
  }
}
@media (min-width: 768px) {
  .post-list,
  .post-list-mag,
  .post-list-mag3col,
  .post-list-mag-sp1col {
    padding-top: 12px;
  }
}
.post-list-mag .post-list-inner-infeed,
.post-list-mag-sp1col .post-list-inner-infeed {
  overflow: hidden;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .post-list-mag .post-list-inner-infeed,
  .post-list-mag-sp1col .post-list-inner-infeed {
    padding: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .post-list-mag .post-list-inner-infeed,
  .post-list-mag-sp1col .post-list-inner-infeed {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) {
  .post-list-mag .post-list-inner-infeed,
  .post-list-mag-sp1col .post-list-inner-infeed {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    padding: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .post-list-mag .post-list-inner-infeed,
  .post-list-mag-sp1col .post-list-inner-infeed {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.post-list-mag .post-list-inner-infeed:hover,
.post-list-mag-sp1col .post-list-inner-infeed:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}

.post-list-mag a.post-list-link,
.post-list-mag-sp1col a.post-list-link,
.post-list-mag3col a.post-list-link,
.post-list-mag3col-slide a.post-list-link {
  position: relative;
  padding: 0;
  height: 100%;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.post-list-mag .post-list-link:hover,
.post-list-mag-sp1col .post-list-link:hover,
.post-list-mag3col .post-list-link:hover,
.post-list-mag3col-slide .post-list-link:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}

.post-list-mag,
.post-list-mag3col,
.post-list-mag-sp1col {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .post-list-mag .post-list-item:nth-child(2n-1),
  .post-list-mag3col .post-list-item:nth-child(2n-1),
  .post-list-mag-sp1col .post-list-item:nth-child(2n-1) {
    margin-right: 3%;
  }
}
@media (max-width: 767px) {
  .post-list-mag .post-list-item,
  .post-list-mag3col .post-list-item,
  .post-list-mag-sp1col .post-list-item {
    width: 48.4%;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .post-list-mag .post-list-item,
  .post-list-mag3col .post-list-item,
  .post-list-mag-sp1col .post-list-item {
    width: 48.5%;
    margin-bottom: 20px;
  }
}
.post-list-mag .post-list-item .post-list-inner,
.post-list-mag3col .post-list-item .post-list-inner,
.post-list-mag-sp1col .post-list-item .post-list-inner {
  display: block;
}

.post-list-mag .post-list-item .post-list-inner .post-list-thumb,
.post-list-mag3col .post-list-item .post-list-inner .post-list-thumb,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-thumb {
  height: auto;
  width: 100%;
}

.post-list-mag .post-list-item .post-list-inner .post-list-thumb img,
.post-list-mag3col .post-list-item .post-list-inner .post-list-thumb img,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-thumb img {
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.post-list-mag .post-list-item .post-list-inner .post-list-meta,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
  width: 100%;
}

@media (max-width: 767px) {
  .post-list-mag .post-list-item .post-list-inner .post-list-meta,
  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
    padding: 8px 11px;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .post-list-mag .post-list-item .post-list-inner .post-list-meta,
  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
    padding: 10px 17px;
    padding-bottom: 25px;
  }
}
@media (min-width: 1024px) {
  .post-list-mag .post-list-item .post-list-inner .post-list-meta,
  .post-list-mag3col .post-list-item .post-list-inner .post-list-meta,
  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
    padding: 15px 17px;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title,
  .post-list-mag3col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 12px;
    line-height: 1.1rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title,
  .post-list-mag3col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 14px;
    line-height: 1.3rem;
    font-weight: 500;
    margin-bottom: 5px;
  }
}
@media (min-width: 1024px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title,
  .post-list-mag3col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 18px;
    line-height: 1.6rem;
  }
}
.post-list-mag
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-publisher,
.post-list-mag .post-list-item .post-list-inner .post-list-meta .writer,
.post-list-mag3col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-publisher,
.post-list-mag3col .post-list-item .post-list-inner .post-list-meta .writer,
.post-list-mag-sp1col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-publisher,
.post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .writer {
  display: none;
}

.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag3col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-cat,
.post-list-mag-sp1col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-cat {
  position: absolute;
  color: #fff !important;
  background-color: #2b2b2b;
  letter-spacing: 0;
  border-radius: 20px;
}

@media (max-width: 767px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat,
  .post-list-mag3col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat {
    top: 7px;
    left: 7px;
    padding: 2px 8px;
    padding-bottom: 3px;
    font-weight: 500;
    text-align: left;
    font-size: 0.5rem;
  }
}
@media (min-width: 768px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat,
  .post-list-mag3col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat {
    top: 11px;
    left: 11px;
    font-size: 0.55rem;
    padding: 3px 10px;
    margin-left: -1px;
    font-weight: 400;
    letter-spacing: 0;
  }
}
@media (min-width: 1024px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat,
  .post-list-mag3col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat {
    font-size: 0.65rem;
    padding: 5px 12px;
  }
}
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date,
.post-list-mag3col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-date,
.post-list-mag-sp1col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-date {
  position: absolute;
  bottom: 0;
  left: 5%;
  color: #888 !important;
  width: 90%;
  text-align: right;
}

@media (max-width: 767px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date,
  .post-list-mag3col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date {
    font-size: 0.65rem;
    padding: 7px 0;
    letter-spacing: 1px !important;
  }
}
@media (min-width: 768px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date,
  .post-list-mag3col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date {
    font-size: 0.75rem;
    font-weight: 400;
    padding: 10px 0;
    letter-spacing: 1px;
  }
}
@media (max-width: 767px) {
  .post-list-mag-sp1col .post-list-item:nth-child(2n-1) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .post-list-mag-sp1col .post-list-item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta {
    padding: 15px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 17px;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat {
    top: 9px;
    left: 9px;
    padding: 2px 8px;
    padding-bottom: 3px;
    font-weight: 400;
    text-align: left;
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date {
    font-size: 0.75rem;
    padding: 7px 0;
    letter-spacing: 1px !important;
  }
}
.post-list .post-list-inner-infeed {
  overflow: hidden;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .post-list .post-list-inner-infeed {
    padding: 0;
    margin-bottom: 10px;
    height: auto;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .post-list .post-list-inner-infeed {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) {
  .post-list .post-list-inner-infeed {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    padding: 0;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .post-list .post-list-inner-infeed {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.post-list .post-list-inner-infeed:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}

.post-list.basicstyle a.post-list-link {
  padding: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.post-list.basicstyle a.post-list-link:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}

.post-list.basicstyle .post-list-item {
  padding: 0;
  background: 0 0;
  border-radius: 4px;
}

.post-list.basicstyle .post-list-item .post-list-inner {
  display: flex;
}

.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb {
  height: auto;
  position: relative;
}

@media (max-width: 767px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb {
    width: 150px;
  }
}
@media (min-width: 768px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb {
    width: 170px;
  }
}
@media (min-width: 1024px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb {
    width: 314px;
  }
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta {
    width: calc(100% - 150px);
    padding: 8px 10px;
  }
}
@media (min-width: 768px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta {
    width: calc(100% - 170px);
    padding: 15px 18px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta {
    width: calc(100% - 314px);
    padding: 15px 18px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .post-list.basicstyle
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 11px;
    line-height: 1rem;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .post-list.basicstyle
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 15px;
    margin-bottom: 11px;
    line-height: 1.4rem;
    font-weight: 500;
  }
}
@media (min-width: 1024px) {
  .post-list.basicstyle
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 18px;
    margin-bottom: 11px;
    line-height: 1.6rem;
    font-weight: 500;
  }
}
.post-list.basicstyle
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-date {
  position: absolute;
  bottom: 3px;
  right: 12px;
  color: #aaa;
  letter-spacing: 1px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .post-list.basicstyle
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date {
    bottom: 3px;
    right: 12px;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 1px !important;
  }
}
@media (min-width: 768px) {
  .post-list.basicstyle
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date {
    bottom: 8px;
    right: 18px;
    font-size: 0.8rem;
  }
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
  display: inline;
  font-size: 0.8rem;
  margin-right: 10px;
  color: #f8b500;
  font-weight: 400;
  letter-spacing: 0;
  position: absolute;
  color: #fff !important;
  background: #f8b500;
  border-radius: 15px;
}

@media (max-width: 767px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
    top: 4px;
    left: 4px;
    font-size: 0.5rem;
    font-weight: 700;
    padding: 1px 7px;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
    top: 8px;
    left: 8px;
    font-size: 0.55rem;
    font-weight: 400;
    padding: 2px 8px;
  }
}
@media (min-width: 1024px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
    font-size: 0.65rem;
  }
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-desc {
  font-size: 0.7rem;
  margin-top: 5px;
  color: #888 !important;
}

@media (max-width: 767px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc {
    display: none;
  }
}
@media (min-width: 768px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc {
    display: none;
  }
}
@media (min-width: 1024px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc {
    display: block;
  }
}
#breadcrumb {
  width: 100%;
  position: relative;
}

@media (min-width: 768px) {
  #breadcrumb.footer_type2 {
    margin: 0 20px;
    width: calc(100% - 40px);
    padding-left: 5px;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  #breadcrumb.footer_type2 {
    width: 1140px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  #breadcrumb.footer_type2 .page-top-footer {
    right: 0 !important;
  }
}
@media (min-width: 1200px) {
  #breadcrumb.footer_type2 .page-top-footer {
    right: 10px !important;
  }
}
@media (min-width: 768px) {
  #breadcrumb.footer_type2:after {
    border-radius: 2px;
  }
}
#breadcrumb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  #breadcrumb:after {
    background-color: rgba(0, 0, 0, 0.04) !important;
  }
}
@media (min-width: 768px) {
  #breadcrumb:after {
    opacity: 0.2;
  }
}
#breadcrumb ul {
  position: relative;
  z-index: 1;
  letter-spacing: 0;
  margin: 0 auto;
  display: block;
}

@media (max-width: 767px) {
  #breadcrumb ul {
    padding: 15px;
    margin-top: 0;
    font-size: 0.65rem;
  }
}
@media (min-width: 768px) {
  #breadcrumb ul {
    width: 100%;
    padding: 20px 15px;
    margin-top: 15px;
    font-size: 0.75rem;
    font-weight: 300;
  }
}
@media (min-width: 1200px) {
  #breadcrumb ul {
    width: 1136px;
    padding: 20px 0;
  }
}
#breadcrumb ul li {
  display: inline-block;
}

#breadcrumb ul li a,
#breadcrumb ul li {
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  #breadcrumb ul li a,
  #breadcrumb ul li {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
@media (min-width: 768px) {
  #breadcrumb ul li a,
  #breadcrumb ul li {
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5) !important;
  }
}
#breadcrumb ul li a:hover,
#breadcrumb ul li a.hover {
  text-decoration: none;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  #breadcrumb .space {
    margin-left: 7px;
    margin-right: 7px;
  }
}
@media (min-width: 768px) {
  #breadcrumb .space {
    margin-left: 9px;
    margin-right: 11px;
  }
}
#breadcrumb .jin-ifont-arrow:before {
  vertical-align: bottom;
}

@media (max-width: 767px) {
  #breadcrumb .jin-ifont-arrow:before {
    font-size: 0.45rem;
    line-height: 0.65rem;
  }
}
@media (min-width: 768px) {
  #breadcrumb .jin-ifont-arrow:before {
    line-height: 1rem;
    font-size: 0.4rem;
  }
}
#breadcrumb .space-i {
  margin-right: 3px;
}

@media (min-width: 768px) {
  #breadcrumb .jin-ifont-home:before {
    font-size: 0.75rem;
    margin-right: 1px;
  }
  #breadcrumb .fa-home.space-i {
    margin-left: 5px;
    margin-right: 15px;
    font-size: 0.95rem;
    line-height: 0;
    display: inline-block;
    transition:
      color 0.4s ease,
      background 0.4s ease,
      transform 0.4s ease,
      opacity 0.4s ease,
      border 0.4s ease,
      padding 0.4s ease,
      left 0.4s ease,
      box-shadow 0.4s ease;
  }
  #breadcrumb .bcHome a:hover .fa-home {
    color: #fff !important;
  }
}
.archive-box {
  margin-top: 20px;
}

.archive-post-header {
  position: relative;
  text-align: center;
}

.archive-post-header #breadcrumb {
  text-align: left;
  margin-top: -10px;
}

.archive-title-sub {
  color: #ccc;
  font-weight: 700;
  letter-spacing: 5px;
  font-size: 0.85rem;
}

.archive-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 5px;
}

.page .cps-post-title,
.error404 .cps-post-title {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  #onecolumn {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #onecolumn .post-title {
    text-align: center;
    font-size: 2.2rem !important;
    line-height: 2.7rem;
    padding-bottom: 13px;
  }
}
#onecolumn .cps-post-box {
  box-shadow: none;
}

@media (max-width: 767px) {
  #onecolumn960 {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #onecolumn960 {
    box-shadow: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  #onecolumn960 {
    width: 960px;
  }
}
@media (max-width: 767px) {
  #onecolumn760 {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #onecolumn760 {
    box-shadow: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  #onecolumn760 {
    width: 760px;
  }
}
@media (max-width: 767px) {
  #onecolumn960lp {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #onecolumn960lp {
    box-shadow: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  #onecolumn960lp {
    width: 960px;
  }
}
@media (max-width: 767px) {
  #onecolumn960lp .post-title {
    text-align: center;
    font-size: 1.8rem !important;
    line-height: 2.2rem;
    padding-bottom: 0;
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  #onecolumn960lp .post-title {
    text-align: center;
    font-size: 2.4rem !important;
    line-height: 2.75rem;
    padding-bottom: 10px;
  }
}
#onecolumn960lp .cps-post-box {
  box-shadow: none;
}

@media (min-width: 768px) {
  #onecolumn960lp .cps-post-box {
    background-color: transparent !important;
  }
}
.home.page-template #contents {
  margin-top: 15px;
}

.error404 .cps-post .search-box {
  position: relative;
  height: 70px;
  margin-right: 50%;
}

.error404 .cps-post .search-box input[type="search"] {
  background-color: #fff;
  border: 1px solid #ddd;
  height: 34px;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  padding-right: 40px;
  border-radius: 17px;
  position: absolute;
  top: 0;
  right: 0;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .error404 .cps-post .search-box input[type="search"] {
    font-size: 16px;
  }
}
.error404 .cps-post .search-box input[type="submit"] {
  font-family: "jin-icons";
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  height: 34px;
  width: 34px;
  color: #2b2b2b;
  background: 0 0;
  display: inline-block;
}

@media (max-width: 767px) {
  .error404 .cps-post .search-box input[type="submit"] {
    font-size: 16px;
    right: 10px;
  }
}
.error404 .cps-post .search-box input[type="search"]:focus {
  outline: none;
  border: 1px solid #0094c8;
}

.error404 .cps-post .search-box input[type="submit"]:hover {
  cursor: pointer;
}

.cat404 {
  list-style-type: disc;
  padding-left: 25px;
  margin-top: 10px;
}

.cat404 li a {
  color: #0094c8;
}

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

.pickup-contents-box {
  width: 100%;
}

@media (max-width: 767px) {
  .pickup-contents-box {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .pickup-contents-box {
    padding: 20px;
    margin-bottom: -10px;
  }
}
@media (min-width: 1200px) {
  .pickup-contents-box {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .pickup-contents-box .pickup-contents:before {
    position: absolute;
    content: "";
    width: calc(100% + 15px);
    height: 100%;
    background: #ccc;
    top: 0;
    left: -15px;
    opacity: 0.12;
  }
}
.pickup-contents-box .pickup-contents {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .pickup-contents-box .pickup-contents {
    width: calc(100% - 30px);
    padding: 15px;
    position: relative;
  }
}
@media (min-width: 768px) {
  .pickup-contents-box .pickup-contents {
    width: 100%;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .pickup-contents-box .pickup-contents {
    width: 1140px;
    margin: 0 auto;
    padding: 0;
  }
}
.pickup-contents-box .pickup-contents li {
  height: auto;
}

@media (max-width: 767px) {
  .pickup-contents-box .pickup-contents li {
    width: 48.5%;
    margin-right: 3%;
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .pickup-contents-box .pickup-contents li {
    width: 23.575%;
    margin-right: 1.9%;
    margin-top: 20px;
  }
}
.pickup-contents-box .pickup-contents li a {
  transition: all 0s;
}

.pickup-contents-box .pickup-contents li a .pickup-image {
  position: relative;
}

@media (max-width: 767px) {
  .pickup-contents-box .pickup-contents li a .pickup-image {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) {
  .pickup-contents-box .pickup-contents li a .pickup-image {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .pickup-contents-box .pickup-contents li a .pickup-image {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.pickup-contents-box .pickup-contents li a .pickup-image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  opacity: 0.9;
  background: #fff;
  transition: all 0.4s;
  border-radius: 2px;
}

.pickup-contents-box .pickup-contents li a .pickup-image .pickup-title {
  position: absolute;
  top: 50%;
  left: 50%;
  letter-spacing: 1px;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 30px;
  z-index: 2;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (max-width: 767px) {
  .pickup-contents-box .pickup-contents li a .pickup-image .pickup-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    width: 70%;
    padding: 5px 10px;
    border: 2px solid #ddd;
  }
}
@media (min-width: 768px) {
  .pickup-contents-box .pickup-contents li a .pickup-image .pickup-title {
    font-size: 11px;
    font-weight: 500;
    width: 65%;
    padding: 5px 10px;
    border: 3px solid #ddd;
  }
}
@media (min-width: 1024px) {
  .pickup-contents-box .pickup-contents li a .pickup-image .pickup-title {
    font-size: 14px;
    padding: 7px 15px;
  }
}
.pickup-contents-box .pickup-contents li a .pickup-image:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 88%;
  height: 80%;
  transition: all 0.4s;
}

@media (max-width: 767px) {
  .pickup-contents-box .pickup-contents li a .pickup-image:after {
    border: 1px solid rgba(255, 255, 255, 0.65);
  }
}
@media (min-width: 768px) {
  .pickup-contents-box .pickup-contents li a .pickup-image:after {
    border: 2px solid rgba(255, 255, 255, 0.65);
  }
}
.pickup-contents-box .pickup-contents li a:hover .pickup-image img {
  transform: scale(1.03);
  opacity: 0.7;
}

.pickup-contents-box .pickup-contents li a:hover .pickup-image:after {
  width: 100%;
  height: 100%;
  opacity: 0;
}

@media (max-width: 767px) {
  .pickup-contents-box .pickup-contents li:first-child,
  .pickup-contents-box .pickup-contents li:nth-child(2) {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .pickup-contents-box .pickup-contents li:nth-child(2n) {
    margin-right: 0;
  }
}
.pickup-contents-box .pickup-contents li:nth-child(4n) {
  margin-right: 0;
}

@media (max-width: 767px) {
  .swiper-container {
    width: 92%;
    padding: 0 4%;
    min-height: 175px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .swiper-container {
    width: 100%;
    height: 200px;
  }
}
@media (min-width: 1024px) {
  .swiper-container {
    height: 210px;
  }
}
@media (min-width: 1200px) {
  .swiper-container {
    width: 1140px;
    margin: 0 auto;
  }
}
.pickup-contents-box-post-type {
  width: 100%;
}

@media (max-width: 767px) {
  .pickup-contents-box-post-type {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .pickup-contents-box-post-type {
    padding: 30px;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .pickup-contents-box-post-type {
    padding: 30px 0;
    padding-bottom: 0;
  }
}
.pickup-contents-box-post-type .pickup-contents {
  padding: 0;
}

.pickup-contents-box-post-type .pickup-contents li {
  height: auto;
}

@media (max-width: 767px) {
  .pickup-contents-box-post-type .pickup-contents li {
    width: 48%;
    margin-right: 4%;
  }
}
@media (min-width: 768px) {
  .pickup-contents-box-post-type .pickup-contents li {
    width: 18.48%;
  }
}
.pickup-contents-box-post-type .pickup-contents li a .pickup-image {
  overflow: hidden;
  position: relative;
}

@media (max-width: 767px) {
  .pickup-contents-box-post-type .pickup-contents li a .pickup-image {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) {
  .pickup-contents-box-post-type .pickup-contents li a .pickup-image {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .pickup-contents-box-post-type .pickup-contents li a .pickup-image {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
.pickup-contents-box-post-type .pickup-contents li a .pickup-image img {
  width: 100%;
  height: auto;
  display: block;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

.pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat {
  position: absolute;
  top: 7px;
  left: 7px;
  color: #fff;
  background: #2b2b2b;
  border-radius: 15px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .pickup-contents-box-post-type
    .pickup-contents
    li
    a
    .pickup-image
    .pickup-cat {
    font-size: 0.5rem;
    padding: 1px 8px;
    padding-bottom: 2px;
  }
}
@media (min-width: 768px) {
  .pickup-contents-box-post-type
    .pickup-contents
    li
    a
    .pickup-image
    .pickup-cat {
    font-size: 0.5rem;
    padding: 2px 10px;
  }
}
.pickup-contents-box-post-type .pickup-contents li a .pickup-title {
  margin-top: 7px;
}

@media (max-width: 767px) {
  .pickup-contents-box-post-type .pickup-contents li a .pickup-title {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0 5px;
    line-height: 1rem;
  }
}
@media (min-width: 768px) {
  .pickup-contents-box-post-type .pickup-contents li a .pickup-title {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0 3px;
    line-height: 1.15rem;
  }
}
.pickup-contents-box-post-type .pickup-contents li a:hover .pickup-image img {
  transform: scale(1.02);
  opacity: 0.8;
}

.pickup-contents-box .pickup-contents {
  box-sizing: initial;
}

.share {
  width: 100%;
  margin-top: 50px;
}

.share-title {
  text-align: center;
  margin-bottom: 10px;
  color: #888;
}

@media (max-width: 767px) {
  .share-title {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  .share-title {
    font-size: 1.6rem;
  }
}
.share-top {
  width: 100%;
  display: block;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .share-top {
    width: 100%;
  }
}
.font-hatena:before {
  content: "B!";
  font-family: Verdana;
  font-weight: 700;
}

.sns-design-type01 .sns,
.sns-design-type02 .sns {
  margin: 0;
}

.sns-design-type01 .sns-top,
.sns-design-type02 .sns-top {
  margin: 0;
  margin-top: 0;
  padding-bottom: 15px;
}

.sns-design-type01 .sns ol,
.sns-design-type01 .sns-top ol,
.sns-design-type02 .sns ol,
.sns-design-type02 .sns-top ol {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0 !important;
}

.sns-design-type01 .sns ol li:after,
.sns-design-type01 .sns ol li:before,
.sns-design-type01 .sns-top ol li:after,
.sns-design-type01 .sns-top ol li:before,
.sns-design-type02 .sns ol li:after,
.sns-design-type02 .sns ol li:before,
.sns-design-type02 .sns-top ol li:after,
.sns-design-type02 .sns-top ol li:before {
  display: none;
}

@media (max-width: 767px) {
  .sns-design-type01 .sns li,
  .sns-design-type02 .sns li {
    margin-bottom: 0 !important;
  }
}
.sns-design-type01 .sns-top li a span,
.sns-design-type02 .sns-top li a span {
  font-size: 0.65rem;
}

.sns-design-type01 .sns-top li,
.sns-design-type01 .sns li,
.sns-design-type02 .sns-top li,
.sns-design-type02 .sns li {
  padding: 0 !important;
  width: 19.44%;
  margin-right: 0.7%;
}

@media (max-width: 767px) {
  .sns-design-type01 .sns-top li,
  .sns-design-type01 .sns li,
  .sns-design-type02 .sns-top li,
  .sns-design-type02 .sns li {
    margin-right: 1.2%;
  }
}
.sns-design-type01 .sns-top li:last-of-type,
.sns-design-type01 .sns li:last-of-type,
.sns-design-type02 .sns-top li:last-of-type,
.sns-design-type02 .sns li:last-of-type {
  margin-right: 0;
}

.sns-design-type01 .sns li a:hover,
.sns-design-type01 .sns-top li a:hover {
  opacity: 1 !important;
  transform: translateY(3px);
  filter: brightness(95%);
}

.sns-design-type01 .sns-top li a,
.sns-design-type01 .sns li a {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0;
  padding: 2px 6px;
  height: 25px;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (min-width: 768px) {
  .sns-design-type01 .sns-top li a,
  .sns-design-type01 .sns li a {
    font-size: 0.8rem;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .sns-design-type01 .sns-top li a,
  .sns-design-type01 .sns li a {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 767px) {
  .sns-design-type01 .sns-top li a,
  .sns-design-type01 .sns li a {
    font-size: 0.75rem;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  }
}
.sns-design-type01 .sns-top .hatebu a,
.sns-design-type01 .sns .hatebu a {
  line-height: 1;
  padding-top: 4px;
}

@media (min-width: 768px) {
  .sns-design-type01 .sns-top .pocket a,
  .sns-design-type01 .sns .pocket a {
    font-size: 0.75rem;
    padding-top: 3px;
  }
}
@media (max-width: 767px) {
  .sns-design-type01 .sns-top .pocket a,
  .sns-design-type01 .sns .pocket a {
    font-size: 0.7rem;
    padding-top: 3px;
  }
}
.sns-design-type01 .sns-top .twitter a,
.sns-design-type01 .sns-top .facebook a,
.sns-design-type01 .sns-top .hatebu a,
.sns-design-type01 .sns-top .pocket a,
.sns-design-type01 .sns-top .line a,
.sns-design-type01 .sns .twitter a,
.sns-design-type01 .sns .facebook a,
.sns-design-type01 .sns .hatebu a,
.sns-design-type01 .sns .pocket a,
.sns-design-type01 .sns .line a {
  border: 2px solid;
}

.sns-design-type01 .sns .twitter a,
.sns-design-type01 .sns-top .twitter a {
  border-color: #0f1419;
  background: #0f1419;
}

.sns-design-type01 .sns .facebook a,
.sns-design-type01 .sns-top .facebook a {
  border-color: #3b5998;
  background: #3b5998;
}

.sns-design-type01 .sns .hatebu a,
.sns-design-type01 .sns-top .hatebu a {
  border-color: #5d8ac1;
  background: #5d8ac1;
}

.sns-design-type01 .sns .pocket a,
.sns-design-type01 .sns-top .pocket a {
  border-color: #f03e51;
  background: #f03e51;
}

.sns-design-type01 .sns .line a,
.sns-design-type01 .sns-top .line a {
  display: block;
  border-color: #6cc655;
  text-align: center;
  background: #6cc655;
}

.sns-design-type01 .sns .line a svg,
.sns-design-type01 .sns-top .line a svg {
  width: 24px !important;
  fill: #fff !important;
}

.sns-design-type02 .sns li a:hover,
.sns-design-type02 .sns-top li a:hover {
  opacity: 1 !important;
  transform: translateY(3px);
}

.sns-design-type02 .sns-top li a,
.sns-design-type02 .sns li a {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0);
  font-size: 0.7rem;
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0;
  padding: 3px 6px;
  height: 25px;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (min-width: 768px) {
  .sns-design-type02 .sns-top li a,
  .sns-design-type02 .sns li a {
    padding: 3px 6px;
    font-size: 0.8rem;
  }
}
@media (max-width: 767px) {
  .sns-design-type02 .sns-top li a,
  .sns-design-type02 .sns li a {
    padding: 2px 6px;
    font-size: 0.75rem;
  }
}
.sns-design-type02 .sns-top .hatebu a,
.sns-design-type02 .sns .hatebu a {
  line-height: 1;
  padding-top: 4px;
}

@media (min-width: 768px) {
  .sns-design-type02 .sns-top .pocket a,
  .sns-design-type02 .sns .pocket a {
    font-size: 0.75rem;
    padding-top: 3px;
  }
}
@media (max-width: 767px) {
  .sns-design-type02 .sns-top .pocket a,
  .sns-design-type02 .sns .pocket a {
    font-size: 0.7rem;
    padding-top: 3px;
  }
}
.sns-design-type02 .sns-top .twitter a,
.sns-design-type02 .sns-top .facebook a,
.sns-design-type02 .sns-top .hatebu a,
.sns-design-type02 .sns-top .pocket a,
.sns-design-type02 .sns-top .line a,
.sns-design-type02 .sns .twitter a,
.sns-design-type02 .sns .facebook a,
.sns-design-type02 .sns .hatebu a,
.sns-design-type02 .sns .pocket a,
.sns-design-type02 .sns .line a {
  border: 1px solid;
}

.sns-design-type02 .sns .twitter a,
.sns-design-type02 .sns-top .twitter a {
  border-color: #0f1419;
  color: #0f1419;
}

.sns-design-type02 .sns .facebook a,
.sns-design-type02 .sns-top .facebook a {
  border-color: #3b5998;
  color: #3b5998;
}

.sns-design-type02 .sns .hatebu a,
.sns-design-type02 .sns-top .hatebu a {
  border-color: #5d8ac1;
  color: #5d8ac1;
}

.sns-design-type02 .sns .pocket a,
.sns-design-type02 .sns-top .pocket a {
  border-color: #f03e51;
  color: #f03e51;
}

.sns-design-type02 .sns .line a,
.sns-design-type02 .sns-top .line a {
  display: block;
  border-color: #6cc655;
  color: #6cc655;
  text-align: center;
}

.sns-design-type02 .sns .line a svg,
.sns-design-type02 .sns-top .line a svg {
  width: 24px !important;
  fill: #6cc655 !important;
}

.pager-top {
  display: block;
  width: 100%;
}

.pagination {
  padding-left: 0;
}

@media (max-width: 767px) {
  .pagination {
    margin: 20px;
  }
}
@media (min-width: 768px) {
  .pagination {
    margin: 30px 0;
  }
}
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination li {
  position: relative;
  margin: 0 4px;
}

.pagination a {
  text-decoration: none;
  background: #fff;
  font-weight: 400;
  font-size: 0.85rem;
  padding: 5px 3px;
  padding-bottom: 4px;
  padding-left: 5px;
  border-radius: 20px;
  line-height: 0;
}

@media (max-width: 767px) {
  .pagination a {
    min-width: 34px;
    min-height: 34px;
    color: #888 !important;
    padding-top: 4px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 768px) {
  .pagination a {
    min-width: 38px;
    min-height: 37px;
    color: #aaa !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  }
}
.pagination li.spancount span {
  display: block;
  padding-bottom: 10px;
  color: #aaa;
}

.pagination li:not([class*="current"]) a:hover {
  color: #fff !important;
  transform: translateY(-3px);
}

.pagination li.current a {
  background-color: #cdcdcd;
  border: 1px solid #cdcdcd;
  cursor: default;
  color: #fff !important;
  pointer-events: none;
}

.nextpage {
  padding-left: 0;
  margin: 30px 0;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.nextpage span {
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 0.85rem;
  line-height: 24px;
  text-align: center;
  padding: 6px;
  border-radius: 1px;
  margin: 0 3px;
  min-width: 37px;
  min-height: 36px;
  background-color: #cdcdcd !important;
  border: 1px solid #cdcdcd;
  cursor: default;
  color: #fff !important;
  pointer-events: none;
}

.nextpage a {
  display: block;
  text-decoration: none !important;
  opacity: 1 !important;
}

.nextpage a span {
  background: #fff !important;
  border: 1px solid #aaa;
  color: #aaa !important;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .nextpage a {
    min-width: 43px;
    min-height: 42px;
    padding: 5px 4px;
  }
}
.related-ad-unit-area {
  width: 100%;
}

.sponsor,
.sponsor-h2,
.sponsor-h2-center,
.sponsor-center,
.sponsor-top {
  color: #888;
  font-size: 0.75em;
  margin-top: 30px;
  margin-bottom: 8px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .sponsor,
  .sponsor-h2,
  .sponsor-h2-center,
  .sponsor-center,
  .sponsor-top {
    margin-top: 20px;
    text-align: center;
  }
}
.sponsor-center,
.sponsor-h2-center,
.sponsor-top {
  text-align: center;
}

.sponsor-h2-center {
  margin-top: 10px;
}

.sponsor-top {
  margin-top: 0;
}

.ad-top-sp {
  margin-bottom: 30px;
}

.ad-top {
  margin-bottom: 30px;
}

.related-ad-area {
  background-color: #f7f7f7;
  border-radius: 2px;
}

@media (max-width: 767px) {
  .related-ad-area {
    margin-top: 20px;
    padding-bottom: 20px;
    padding-top: 1px;
  }
}
@media (min-width: 768px) {
  .related-ad-area {
    margin-top: 30px;
    padding: 5px 30px;
    padding-bottom: 25px;
  }
}
@media (min-width: 1024px) {
  .related-ad-area {
    padding: 0 30px;
    padding-bottom: 25px;
  }
}
.adarea-box {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .ad-single {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .ad-single {
    display: block;
  }
  .ad-single .center-rectangle,
  .ad-single .left-rectangle,
  .ad-single .right-rectangle {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .ad-single .center-rectangle {
    text-align: center;
  }
  .ad-single .left-rectangle {
    width: 336px;
    float: left;
    margin-right: 20px;
  }
  .ad-single .right-rectangle {
    width: 336px;
    float: right;
  }
}
.ad-single-h2 {
  text-align: center;
  margin-bottom: 40px;
}

.cta-content {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  color: #fff;
}

@media (max-width: 767px) {
  .cta-content {
    padding: 20px;
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .cta-content {
    padding: 30px;
    margin-top: 0;
  }
}
.cta-content .info-title {
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
}

@media (max-width: 767px) {
  .cta-content .info-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .cta-content .info-title {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 20px;
  }
}
.cta-content .cta-text {
  position: relative;
  z-index: 1;
}

.cta-content .cta-text img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

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

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

.cta-content .sponsor-h2-center,
.cta-content .ad-single-h2 {
  display: none;
}

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

@media (max-width: 767px) {
  .article_style2 .cps-post-box {
    padding: 15px 0;
  }
}
.cps-post .cps-post-thumb {
  margin-bottom: 5px;
}

.cps-post .cps-post-thumb img {
  display: block;
  margin: 0 auto;
}

.cps-post .cps-post-thumb:not(.jin-thumb-original) img {
  width: 100%;
  height: auto;
}

.cps-post .cps-post-header {
  margin-bottom: 0;
}

.cps-post .cps-post-header .cps-post-cat {
  display: inline;
  font-size: 0.8rem;
  margin-right: 10px;
  color: #f8b500;
  font-weight: 400;
  letter-spacing: 0;
  margin-right: 5px;
  margin-bottom: 15px;
  display: inline-block;
}

.cps-post .cps-post-header .cps-post-cat a,
.cps-post .cps-post-header .cps-post-cat span {
  color: #fff !important;
  border-radius: 15px;
  line-height: 0;
}

@media (max-width: 767px) {
  .cps-post .cps-post-header .cps-post-cat a,
  .cps-post .cps-post-header .cps-post-cat span {
    padding: 3px 10px;
    font-size: 0.65rem;
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  .cps-post .cps-post-header .cps-post-cat a,
  .cps-post .cps-post-header .cps-post-cat span {
    padding: 5px 10px;
    font-size: 0.7rem;
    font-weight: 300;
  }
}
.cps-post .cps-post-header .cps-post-title {
  font-weight: 300;
}

@media (max-width: 767px) {
  .cps-post .cps-post-header .cps-post-title {
    font-size: 1.45rem;
    line-height: 1.9rem;
  }
}
@media (min-width: 768px) {
  .cps-post .cps-post-header .cps-post-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 1024px) {
  .cps-post .cps-post-header .cps-post-title {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.cps-post .cps-post-header .cps-post-meta {
  display: block;
  margin-top: 15px;
}

@media (max-width: 767px) {
  .cps-post .cps-post-header .cps-post-meta {
    margin-top: 5px;
  }
}
.cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
  display: block;
  text-align: right;
}

@media (max-width: 767px) {
  .cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
    margin-bottom: 2px;
  }
}
@media (min-width: 768px) {
  .cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
    margin-bottom: 4px;
  }
}
.cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date {
  font-size: 0.8rem;
  color: #bbb;
  font-weight: 300;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date {
    font-weight: 400;
  }
}
.cps-post
  .cps-post-header
  .cps-post-meta
  .cps-post-date-box
  .cps-post-date
  .jin-ifont-watch:before,
.cps-post
  .cps-post-header
  .cps-post-meta
  .cps-post-date-box
  .cps-post-date
  .jin-ifont-reload:before {
  font-size: 0.8rem;
  padding-bottom: 4px;
  margin-right: -4px;
  vertical-align: bottom;
}

.cps-post-meta .writer {
  display: none;
}

.timeslash {
  color: #bbb;
  font-size: 0.8rem;
}

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

.cps-post-main {
  position: relative;
  z-index: 0;
  padding-top: 20px;
}

.cps-post-main a {
  text-decoration: underline;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.cps-post-main .wp-block-social-link a {
  color: currentColor;
}

.cps-post-main a:hover {
  opacity: 0.6;
}

.cps-post-main img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.cps-post-main iframe {
  max-width: 100%;
}

.cps-post-main table {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  max-width: 100% !important;
  word-break: break-all;
}

.cps-post-main table tr td,
.cps-post-main table tr th {
  padding: 8px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.cps-post-main table tr th {
  font-size: 0.9rem;
  font-weight: 700;
}

.cps-post-main table img.star {
  display: block;
  width: 130px;
  height: auto;
  margin: 0 auto;
}

.cps-post-main .video {
  max-width: 100%;
  text-align: center;
  overflow: hidden;
}

.cps-post-main .instagram {
  position: relative;
  padding-bottom: 120%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  .cps-post-main .video iframe,
  .cps-post-main .instagram iframe {
    width: 100%;
    max-height: 200px;
  }
}
.cps-post-main p {
  padding-bottom: 2rem;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  font-size: 1em;
}

@media (max-width: 767px) {
  .cps-post-main p {
    font-size: 1em;
    font-weight: 400;
  }
}
.cps-post-main h2,
.cps-post-main h3,
.cps-post-main h4,
.cps-post-main h5 {
  font-weight: 400;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .cps-post-main h2,
  .cps-post-main h3,
  .cps-post-main h4,
  .cps-post-main h5 {
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .cps-post-main h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 4px 0;
    margin-top: 0;
    margin-bottom: 0.8rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .cps-post-main h5 {
    font-size: 1.1rem;
    line-height: 1.6rem;
    padding: 4px 0;
    margin-top: 0;
    margin-bottom: 0.8rem;
    font-weight: 700;
  }
}
.cps-post-main blockquote {
  position: relative;
  margin: 0;
  margin-bottom: 1.4em;
  margin-top: 0;
  padding: 2.4em 2.6em 0 3em;
  font-size: 0.9em;
  background: #efefef;
  border-radius: 4px;
}

.cps-post-main blockquote:after {
  position: absolute;
  bottom: 8px;
  right: 15px;
  content: "a";
  opacity: 0.08;
  content: "\e924";
  font-family: "jin-icons";
  font-size: 2.4rem;
  transform: scale(-1, -1);
  -ms-filter: fliph();
  filter: fliph();
}

.cps-post-main blockquote:before {
  position: absolute;
  top: 8px;
  left: 15px;
  content: "\e924";
  font-family: "jin-icons";
  font-size: 2.4rem;
  opacity: 0.08;
}

.cps-post-main ul:not([class]),
.cps-post-main ul.wp-block-list,
.cps-post-main ul.wp-block-latest-posts__list,
.cps-post-main ul.jinlist {
  padding-left: 20px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 1.5em;
}

.cps-post-main ul:not([class]) ul,
.cps-post-main ul.wp-block-list ul,
.cps-post-main ul.wp-block-latest-posts__list ul,
.cps-post-main ul.jinlist ul {
  margin-top: 0.5em;
  margin-left: 0;
  margin-bottom: 1.5em !important;
  padding-left: 4px;
}

.cps-post-main ul:not([class]) ol,
.cps-post-main ul.wp-block-list ol,
.cps-post-main ul.wp-block-latest-posts__list ol,
.cps-post-main ul.jinlist ol {
  margin-left: 0;
  margin-top: 0.75em;
  margin-bottom: 1.5em !important;
  padding-left: 0.65em;
}

.cps-post-main ul:not([class]) ol li:before,
.cps-post-main ul.wp-block-list ol li:before,
.cps-post-main ul.wp-block-latest-posts__list ol li:before,
.cps-post-main ul.jinlist ol li:before {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: #000;
}

.cps-post-main ul li {
  position: relative;
  display: block;
  margin-bottom: 0.35em;
  padding: 0 0 0 25px;
}

.cps-post-main ul:not([class]) li:before,
.cps-post-main ul.wp-block-list li:before,
.cps-post-main ul.jinlist li:before,
.cps-post-main ul.wp-block-latest-posts__list li:before,
.cps-post-main table ul li:before {
  display: block;
  content: "";
  position: absolute;
  top: 0.6em;
  left: 10px;
  width: 6px;
  height: 6px;
  background-color: #2b2b2b;
  border-radius: 100%;
}

.cps-post-main ul.blocks-gallery-grid {
  display: flex;
  margin-top: 1.5em;
}

.cps-post-main ul.blocks-gallery-grid li {
  padding: 0;
}

.cps-post-main ul.wp-block-social-links li {
  padding: 0;
}

.cps-post-main ol {
  counter-reset: li;
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 1.5em;
}

.cps-post-main ol ol {
  counter-reset: li2;
  margin-left: 0;
  margin-top: 0.75em;
  margin-bottom: 1.5em !important;
  padding-left: 0.65em;
}

.cps-post-main ol ol li:before {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: #000;
}

.cps-post-main ol ul {
  margin-top: 0.5em;
  margin-left: 0;
  padding-left: 4px;
}

.cps-post-main ol > li,
.cps-post-main table ol li {
  position: relative;
  display: block;
  padding: 0 0 0 25px;
  margin-bottom: 0.5em;
}

.cps-post-main ol > li:after,
.cps-post-main table ol li:after {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  padding: 0;
  line-height: 0;
  color: #fff;
  text-align: center;
  font-size: 0.65em;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .cps-post-main ol > li:after,
  .cps-post-main table ol li:after {
    top: 12px;
  }
}
@media (max-width: 767px) {
  .cps-post-main ol > li:after,
  .cps-post-main table ol li:after {
    font-weight: 400;
    top: 13px;
  }
}
.cps-post-main ol > li > ol > li:after {
  counter-increment: li2;
  content: counter(li2);
}

.cps-post-main ol > li:before,
.cps-post-main table ol li:before {
  position: absolute;
  content: "";
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #000;
}

@media (min-width: 768px) {
  .cps-post-main ol > li:before,
  .cps-post-main table ol li:before {
    top: 2px;
  }
}
@media (max-width: 767px) {
  .cps-post-main ol > li:before,
  .cps-post-main table ol li:before {
    top: 3px;
  }
}
.cps-post-main div ul:not([class]),
.cps-post-main div ul.wp-block-list,
.cps-post-main div ol {
  margin-bottom: 0;
}

.cps-post-main div.balloon-box ul:not([class]),
.cps-post-main div.balloon-box ul.wp-block-list,
.cps-post-main div.balloon-box ol {
  margin-top: 0.5em;
  margin-bottom: 0;
}

.cps-post-main div ol li:last-of-type,
.cps-post-main div ul li:last-of-type {
  margin-bottom: 0;
}

.cps-post-main .wp-caption {
  max-width: 100%;
}

@media (max-width: 767px) {
  .cps-post-main .wp-caption {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .cps-post-main .wp-caption {
    margin-bottom: 35px;
  }
}
.cps-post-main .wp-caption-text {
  display: block;
  font-size: 0.75rem;
  color: #888;
  margin-top: -18px;
  line-height: 1.2rem;
  text-align: center;
  padding-bottom: 0 !important;
}

.cps-post-main .wp-caption-text a {
  color: #888 !important;
  text-decoration: none !important;
}

.cps-post-main table.cps-table03 {
  width: 100%;
  margin-bottom: 30px;
}

.cps-post-main table.cps-table03 th,
.cps-post-main table.cps-table03 td {
  vertical-align: middle;
  font-size: 0.9rem;
  letter-spacing: 0;
  line-height: 1.2rem;
}

.cps-post-main table.cps-table03 th {
  background: #fffaf0;
}

@media (max-width: 767px) {
  .cps-post-main table.cps-table03 th {
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .cps-post-main table.cps-table03 th {
    font-weight: 500;
  }
}
.cps-post-main table.cps-table03 th.ranking-title {
  padding: 12px;
  font-size: 1.1em;
  text-align: left;
}

@media (max-width: 767px) {
  .cps-post-main table.cps-table03 td {
    padding: 10px 7px;
  }
}
@media (min-width: 768px) {
  .cps-post-main table.cps-table03 td {
    padding: 14px;
  }
}
.cps-post-main table.cps-table03 td.rankinginfo {
  vertical-align: top;
  text-align: left;
}

.cps-post-main table.cps-table03 td img {
  display: block;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

.cps-post-main table.cps-table03 img.star {
  display: block;
  width: 130px;
  height: auto;
}

.cps-post-main table.cps-table03 td.rankinginfo {
  width: 70% !important;
}

.cps-post-main .ranking01,
.cps-post-main .ranking02,
.cps-post-main .ranking03 {
  margin-top: 40px;
  display: block;
}

.cps-post-main .ranking01 .ranking-title01,
.cps-post-main .ranking01 .ranking-title02,
.cps-post-main .ranking01 .ranking-title03,
.cps-post-main .ranking01 .ranking-title04,
.cps-post-main .ranking02 .ranking-title01,
.cps-post-main .ranking02 .ranking-title02,
.cps-post-main .ranking02 .ranking-title03,
.cps-post-main .ranking02 .ranking-title04,
.cps-post-main .ranking03 .ranking-title01,
.cps-post-main .ranking03 .ranking-title02,
.cps-post-main .ranking03 .ranking-title03,
.cps-post-main .ranking03 .ranking-title04 {
  border-bottom: 1px solid;
  letter-spacing: 0;
  position: relative;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .cps-post-main .ranking01 .ranking-title01,
  .cps-post-main .ranking01 .ranking-title02,
  .cps-post-main .ranking01 .ranking-title03,
  .cps-post-main .ranking01 .ranking-title04,
  .cps-post-main .ranking02 .ranking-title01,
  .cps-post-main .ranking02 .ranking-title02,
  .cps-post-main .ranking02 .ranking-title03,
  .cps-post-main .ranking02 .ranking-title04,
  .cps-post-main .ranking03 .ranking-title01,
  .cps-post-main .ranking03 .ranking-title02,
  .cps-post-main .ranking03 .ranking-title03,
  .cps-post-main .ranking03 .ranking-title04 {
    font-size: 21px;
    font-weight: 700;
    padding-left: 60px;
  }
}
@media (min-width: 768px) {
  .cps-post-main .ranking01 .ranking-title01,
  .cps-post-main .ranking01 .ranking-title02,
  .cps-post-main .ranking01 .ranking-title03,
  .cps-post-main .ranking01 .ranking-title04,
  .cps-post-main .ranking02 .ranking-title01,
  .cps-post-main .ranking02 .ranking-title02,
  .cps-post-main .ranking02 .ranking-title03,
  .cps-post-main .ranking02 .ranking-title04,
  .cps-post-main .ranking03 .ranking-title01,
  .cps-post-main .ranking03 .ranking-title02,
  .cps-post-main .ranking03 .ranking-title03,
  .cps-post-main .ranking03 .ranking-title04 {
    font-size: 26px;
    font-weight: 400;
    padding-left: 75px;
  }
}
.cps-post-main .ranking01 .ranking-title01 img,
.cps-post-main .ranking01 .ranking-title02 img,
.cps-post-main .ranking01 .ranking-title03 img,
.cps-post-main .ranking01 .ranking-title04 img,
.cps-post-main .ranking02 .ranking-title01 img,
.cps-post-main .ranking02 .ranking-title02 img,
.cps-post-main .ranking02 .ranking-title03 img,
.cps-post-main .ranking02 .ranking-title04 img,
.cps-post-main .ranking03 .ranking-title01 img,
.cps-post-main .ranking03 .ranking-title02 img,
.cps-post-main .ranking03 .ranking-title03 img,
.cps-post-main .ranking03 .ranking-title04 img {
  position: absolute;
  height: auto;
}

@media (max-width: 767px) {
  .cps-post-main .ranking01 .ranking-title01 img.ranking-number,
  .cps-post-main .ranking01 .ranking-title02 img.ranking-number,
  .cps-post-main .ranking01 .ranking-title03 img.ranking-number,
  .cps-post-main .ranking01 .ranking-title04 img.ranking-number,
  .cps-post-main .ranking02 .ranking-title01 img.ranking-number,
  .cps-post-main .ranking02 .ranking-title02 img.ranking-number,
  .cps-post-main .ranking02 .ranking-title03 img.ranking-number,
  .cps-post-main .ranking02 .ranking-title04 img.ranking-number,
  .cps-post-main .ranking03 .ranking-title01 img.ranking-number,
  .cps-post-main .ranking03 .ranking-title02 img.ranking-number,
  .cps-post-main .ranking03 .ranking-title03 img.ranking-number,
  .cps-post-main .ranking03 .ranking-title04 img.ranking-number {
    width: 55px;
    bottom: -18px;
    left: 2px;
  }
}
@media (min-width: 768px) {
  .cps-post-main .ranking01 .ranking-title01 img.ranking-number,
  .cps-post-main .ranking01 .ranking-title02 img.ranking-number,
  .cps-post-main .ranking01 .ranking-title03 img.ranking-number,
  .cps-post-main .ranking01 .ranking-title04 img.ranking-number,
  .cps-post-main .ranking02 .ranking-title01 img.ranking-number,
  .cps-post-main .ranking02 .ranking-title02 img.ranking-number,
  .cps-post-main .ranking02 .ranking-title03 img.ranking-number,
  .cps-post-main .ranking02 .ranking-title04 img.ranking-number,
  .cps-post-main .ranking03 .ranking-title01 img.ranking-number,
  .cps-post-main .ranking03 .ranking-title02 img.ranking-number,
  .cps-post-main .ranking03 .ranking-title03 img.ranking-number,
  .cps-post-main .ranking03 .ranking-title04 img.ranking-number {
    width: 65px;
    bottom: -15px;
    left: 5px;
  }
}
@media (max-width: 767px) {
  .cps-post-main .ranking01 .ranking-title01 img.ranking-number-girly,
  .cps-post-main .ranking01 .ranking-title02 img.ranking-number-girly,
  .cps-post-main .ranking01 .ranking-title03 img.ranking-number-girly,
  .cps-post-main .ranking01 .ranking-title04 img.ranking-number-girly,
  .cps-post-main .ranking02 .ranking-title01 img.ranking-number-girly,
  .cps-post-main .ranking02 .ranking-title02 img.ranking-number-girly,
  .cps-post-main .ranking02 .ranking-title03 img.ranking-number-girly,
  .cps-post-main .ranking02 .ranking-title04 img.ranking-number-girly,
  .cps-post-main .ranking03 .ranking-title01 img.ranking-number-girly,
  .cps-post-main .ranking03 .ranking-title02 img.ranking-number-girly,
  .cps-post-main .ranking03 .ranking-title03 img.ranking-number-girly,
  .cps-post-main .ranking03 .ranking-title04 img.ranking-number-girly {
    width: 55px;
    bottom: -18px;
    left: 2px;
  }
}
@media (min-width: 768px) {
  .cps-post-main .ranking01 .ranking-title01 img.ranking-number-girly,
  .cps-post-main .ranking01 .ranking-title02 img.ranking-number-girly,
  .cps-post-main .ranking01 .ranking-title03 img.ranking-number-girly,
  .cps-post-main .ranking01 .ranking-title04 img.ranking-number-girly,
  .cps-post-main .ranking02 .ranking-title01 img.ranking-number-girly,
  .cps-post-main .ranking02 .ranking-title02 img.ranking-number-girly,
  .cps-post-main .ranking02 .ranking-title03 img.ranking-number-girly,
  .cps-post-main .ranking02 .ranking-title04 img.ranking-number-girly,
  .cps-post-main .ranking03 .ranking-title01 img.ranking-number-girly,
  .cps-post-main .ranking03 .ranking-title02 img.ranking-number-girly,
  .cps-post-main .ranking03 .ranking-title03 img.ranking-number-girly,
  .cps-post-main .ranking03 .ranking-title04 img.ranking-number-girly {
    width: 65px;
    bottom: -17px;
    left: 5px;
  }
}
@media (max-width: 767px) {
  .cps-post-main .ranking01 .ranking-title01 img.ranking-number-rich,
  .cps-post-main .ranking01 .ranking-title02 img.ranking-number-rich,
  .cps-post-main .ranking01 .ranking-title03 img.ranking-number-rich,
  .cps-post-main .ranking01 .ranking-title04 img.ranking-number-rich,
  .cps-post-main .ranking02 .ranking-title01 img.ranking-number-rich,
  .cps-post-main .ranking02 .ranking-title02 img.ranking-number-rich,
  .cps-post-main .ranking02 .ranking-title03 img.ranking-number-rich,
  .cps-post-main .ranking02 .ranking-title04 img.ranking-number-rich,
  .cps-post-main .ranking03 .ranking-title01 img.ranking-number-rich,
  .cps-post-main .ranking03 .ranking-title02 img.ranking-number-rich,
  .cps-post-main .ranking03 .ranking-title03 img.ranking-number-rich,
  .cps-post-main .ranking03 .ranking-title04 img.ranking-number-rich {
    width: 44px;
    bottom: -36px;
    left: 8px;
  }
}
@media (min-width: 768px) {
  .cps-post-main .ranking01 .ranking-title01 img.ranking-number-rich,
  .cps-post-main .ranking01 .ranking-title02 img.ranking-number-rich,
  .cps-post-main .ranking01 .ranking-title03 img.ranking-number-rich,
  .cps-post-main .ranking01 .ranking-title04 img.ranking-number-rich,
  .cps-post-main .ranking02 .ranking-title01 img.ranking-number-rich,
  .cps-post-main .ranking02 .ranking-title02 img.ranking-number-rich,
  .cps-post-main .ranking02 .ranking-title03 img.ranking-number-rich,
  .cps-post-main .ranking02 .ranking-title04 img.ranking-number-rich,
  .cps-post-main .ranking03 .ranking-title01 img.ranking-number-rich,
  .cps-post-main .ranking03 .ranking-title02 img.ranking-number-rich,
  .cps-post-main .ranking03 .ranking-title03 img.ranking-number-rich,
  .cps-post-main .ranking03 .ranking-title04 img.ranking-number-rich {
    width: 50px;
    bottom: -38px;
    left: 10px;
  }
}
.cps-post-main .ranking01 .ranking-title01,
.cps-post-main .ranking02 .ranking-title01,
.cps-post-main .ranking03 .ranking-title01 {
  border-color: #ffcf24;
}

.cps-post-main .ranking01 .ranking-title02,
.cps-post-main .ranking02 .ranking-title02,
.cps-post-main .ranking03 .ranking-title02 {
  border-color: #a0a9b1;
}

.cps-post-main .ranking01 .ranking-title03,
.cps-post-main .ranking02 .ranking-title03,
.cps-post-main .ranking03 .ranking-title03 {
  border-color: #b26a2b;
}

.cps-post-main .ranking01 .ranking-title04,
.cps-post-main .ranking02 .ranking-title04,
.cps-post-main .ranking03 .ranking-title04 {
  border-color: #acd7ea;
}

.cps-post-main .ranking01 .ranking-img01,
.cps-post-main .ranking01 .ranking-img02,
.cps-post-main .ranking01 .ranking-img03,
.cps-post-main .ranking01 .ranking-img04,
.cps-post-main .ranking02 .ranking-img01,
.cps-post-main .ranking02 .ranking-img02,
.cps-post-main .ranking02 .ranking-img03,
.cps-post-main .ranking02 .ranking-img04,
.cps-post-main .ranking03 .ranking-img01,
.cps-post-main .ranking03 .ranking-img02,
.cps-post-main .ranking03 .ranking-img03,
.cps-post-main .ranking03 .ranking-img04 {
  width: 300px;
  height: auto;
  display: block;
}

@media (max-width: 767px) {
  .cps-post-main .ranking01 .ranking-img01,
  .cps-post-main .ranking01 .ranking-img02,
  .cps-post-main .ranking01 .ranking-img03,
  .cps-post-main .ranking01 .ranking-img04,
  .cps-post-main .ranking02 .ranking-img01,
  .cps-post-main .ranking02 .ranking-img02,
  .cps-post-main .ranking02 .ranking-img03,
  .cps-post-main .ranking02 .ranking-img04,
  .cps-post-main .ranking03 .ranking-img01,
  .cps-post-main .ranking03 .ranking-img02,
  .cps-post-main .ranking03 .ranking-img03,
  .cps-post-main .ranking03 .ranking-img04 {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .cps-post-main .ranking01 .ranking-img01,
  .cps-post-main .ranking01 .ranking-img02,
  .cps-post-main .ranking01 .ranking-img03,
  .cps-post-main .ranking01 .ranking-img04,
  .cps-post-main .ranking02 .ranking-img01,
  .cps-post-main .ranking02 .ranking-img02,
  .cps-post-main .ranking02 .ranking-img03,
  .cps-post-main .ranking02 .ranking-img04,
  .cps-post-main .ranking03 .ranking-img01,
  .cps-post-main .ranking03 .ranking-img02,
  .cps-post-main .ranking03 .ranking-img03,
  .cps-post-main .ranking03 .ranking-img04 {
    float: left;
    margin-right: 20px;
  }
}
.cps-post-main .ranking01 .ranking-img01 img,
.cps-post-main .ranking01 .ranking-img02 img,
.cps-post-main .ranking01 .ranking-img03 img,
.cps-post-main .ranking01 .ranking-img04 img,
.cps-post-main .ranking02 .ranking-img01 img,
.cps-post-main .ranking02 .ranking-img02 img,
.cps-post-main .ranking02 .ranking-img03 img,
.cps-post-main .ranking02 .ranking-img04 img,
.cps-post-main .ranking03 .ranking-img01 img,
.cps-post-main .ranking03 .ranking-img02 img,
.cps-post-main .ranking03 .ranking-img03 img,
.cps-post-main .ranking03 .ranking-img04 img {
  max-width: 100%;
  height: auto;
  display: block;
}

.cps-post-main .ranking01 .ranking-img01 br,
.cps-post-main .ranking01 .ranking-img01 img[width="1"],
.cps-post-main .ranking01 .ranking-img02 br,
.cps-post-main .ranking01 .ranking-img02 img[width="1"],
.cps-post-main .ranking01 .ranking-img03 br,
.cps-post-main .ranking01 .ranking-img03 img[width="1"],
.cps-post-main .ranking01 .ranking-img04 br,
.cps-post-main .ranking01 .ranking-img04 img[width="1"],
.cps-post-main .ranking02 .ranking-img01 br,
.cps-post-main .ranking02 .ranking-img01 img[width="1"],
.cps-post-main .ranking02 .ranking-img02 br,
.cps-post-main .ranking02 .ranking-img02 img[width="1"],
.cps-post-main .ranking02 .ranking-img03 br,
.cps-post-main .ranking02 .ranking-img03 img[width="1"],
.cps-post-main .ranking02 .ranking-img04 br,
.cps-post-main .ranking02 .ranking-img04 img[width="1"],
.cps-post-main .ranking03 .ranking-img01 br,
.cps-post-main .ranking03 .ranking-img01 img[width="1"],
.cps-post-main .ranking03 .ranking-img02 br,
.cps-post-main .ranking03 .ranking-img02 img[width="1"],
.cps-post-main .ranking03 .ranking-img03 br,
.cps-post-main .ranking03 .ranking-img03 img[width="1"],
.cps-post-main .ranking03 .ranking-img04 br,
.cps-post-main .ranking03 .ranking-img04 img[width="1"] {
  display: none;
}

@media (min-width: 768px) {
  .cps-post-main .ranking01 .ranking-info01,
  .cps-post-main .ranking01 .ranking-info02,
  .cps-post-main .ranking01 .ranking-info03,
  .cps-post-main .ranking02 .ranking-info01,
  .cps-post-main .ranking02 .ranking-info02,
  .cps-post-main .ranking02 .ranking-info03,
  .cps-post-main .ranking03 .ranking-info01,
  .cps-post-main .ranking03 .ranking-info02,
  .cps-post-main .ranking03 .ranking-info03 {
    display: inline;
  }
}
@media (max-width: 767px) {
  .cps-post-main .ranking01 .ranking-info01,
  .cps-post-main .ranking01 .ranking-info02,
  .cps-post-main .ranking01 .ranking-info03,
  .cps-post-main .ranking02 .ranking-info01,
  .cps-post-main .ranking02 .ranking-info02,
  .cps-post-main .ranking02 .ranking-info03,
  .cps-post-main .ranking03 .ranking-info01,
  .cps-post-main .ranking03 .ranking-info02,
  .cps-post-main .ranking03 .ranking-info03 {
    margin-bottom: 20px;
  }
}
.cps-post-main .ranking01 .clearfix,
.cps-post-main .ranking02 .clearfix,
.cps-post-main .ranking03 .clearfix {
  height: 5px;
}

.cps-post-main .ranking02,
.cps-post-main .ranking03 {
  margin-top: 0;
}

.cps-post-main .gb-review-table-box .cps-table03 table {
  width: 100%;
  border: 1px solid #dedede;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.cps-post-main .gb-review-table-box .cps-table03 table th,
.cps-post-main .gb-review-table-box .cps-table03 table td {
  vertical-align: middle;
  font-size: 0.9rem;
  border: 1px solid #dedede;
  border-collapse: collapse;
  letter-spacing: 0;
  line-height: 1.2rem;
}

.cps-post-main .gb-review-table-box .cps-table03 table th,
.cps-post-main .gb-review-table-box .cps-table03 table tr td:first-child {
  text-align: center;
  background: #fffaf0;
}

@media (max-width: 767px) {
  .cps-post-main .gb-review-table-box .cps-table03 table th,
  .cps-post-main .gb-review-table-box .cps-table03 table tr td:first-child {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .cps-post-main .gb-review-table-box .cps-table03 table th,
  .cps-post-main .gb-review-table-box .cps-table03 table tr td:first-child {
    font-weight: 500;
  }
}
.cps-post-main .gb-review-table-box .cps-table03 table th.ranking-title {
  padding: 12px;
  font-size: 1.1em;
  text-align: left;
}

@media (max-width: 767px) {
  .cps-post-main .gb-review-table-box .cps-table03 table td {
    padding: 10px 7px;
  }
}
@media (min-width: 768px) {
  .cps-post-main .gb-review-table-box .cps-table03 table td {
    padding: 7px 10px;
  }
}
.cps-post-main .gb-review-table-box .cps-table03 table td.rankinginfo {
  vertical-align: top;
  text-align: left;
}

.cps-post-main .gb-review-table-box .cps-table03 table td img {
  display: block;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

.cps-post-main .gb-review-table-box .cps-table03 table img.star {
  width: 150px;
  height: auto;
}

.cps-post-main .gb-review-table-box .cps-table03 table td.rankinginfo {
  width: 70% !important;
}

.cps-post-main .jin-keyboard {
  margin: 0 5px;
  padding: 4px 6px;
  border: 1px solid #dedede;
  background: #f6f6f6;
  border-radius: 3px;
  font-size: 0.84em;
  box-shadow: 1px 1px 2px #eee;
}

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

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

@media (min-width: 768px) {
  img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
  }
}
@media (min-width: 768px) {
  img.alignright {
    padding: 4px;
    margin: 0 0 2px 20px;
    display: inline;
    float: right;
  }
}
@media (max-width: 767px) {
  img.alignright {
    margin-bottom: 20px;
    display: block;
  }
}
@media (min-width: 768px) {
  img.alignleft {
    padding: 4px;
    margin: 0 20px 2px 0;
    display: inline;
    float: left;
  }
}
@media (max-width: 767px) {
  img.alignleft {
    margin-bottom: 20px;
    display: block;
  }
}
@media (min-width: 768px) {
  .xs-size {
    font-size: 0.85rem;
  }
  .s-size {
    font-size: 0.95rem;
  }
  .l-size {
    font-size: 1.05rem;
  }
  .xl-size {
    font-size: 1.1rem;
  }
}
@media (max-width: 767px) {
  .xs-size-sp {
    font-size: 0.85rem;
  }
  .s-size-sp {
    font-size: 0.95rem;
  }
  .l-size-sp {
    font-size: 1.05rem;
  }
  .xl-size-sp {
    font-size: 1.1rem;
  }
}
.c-red,
.c-blue,
.c-green {
  font-weight: 700;
}

.c-red {
  color: #f16f6f;
}

.c-blue {
  color: #7695c9;
}

.c-green {
  color: #76c983;
}

.tag-box {
  margin-top: 30px;
}

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

.tag-box a:before {
  font-family: "jin-icons";
  content: "\e92c";
  vertical-align: bottom;
  line-height: 0.9rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.c--labeling-act {
  display: flex;
  justify-content: center;
  margin: 0 auto 30px;
  width: 100%;
  padding: 9px;
}

.c--labeling-act.d--labeling-act-border {
  border-width: 1px;
  border-style: solid;
}

.c--labeling-act .a--labeling-act {
  font-size: 10px;
  letter-spacing: 0.1rem;
}

@media (max-width: 767px) {
  .c--labeling-act .a--labeling-act {
    letter-spacing: 0.06rem;
  }
}
.c--labeling-act.d--labeling-act-strong {
  padding: 12px;
}

.c--labeling-act.d--labeling-act-strong .a--labeling-act {
  font-size: 13.5px;
  font-weight: 500;
}

.a--labeling-small-act {
  display: inline;
  font-size: 0.8rem;
  margin-right: 10px;
  color: #f8b500;
  font-weight: 400;
  letter-spacing: 0;
  margin-right: 5px;
  margin-left: -2px;
  margin-bottom: 15px;
}

.cps-post-main a.wp-block-button__link {
  text-decoration: none;
}

.blog-card-hl-box {
  position: absolute;
  border-radius: 2px;
  background: #ccc;
}

@media (min-width: 768px) {
  .blog-card-hl-box {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    top: -14px;
    left: 20px;
    width: 130px;
  }
}
@media (max-width: 767px) {
  .blog-card-hl-box {
    font-weight: 700;
    font-size: 11px;
    padding: 4px 8px;
    top: -12px;
    left: 12px;
    width: 120px;
  }
}
.blog-card {
  display: block;
  position: relative;
  border: 1px solid #aaa;
  border-radius: 4px;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
  background: rgba(255, 255, 255, 0);
  word-wrap: break-word;
  box-sizing: border-box;
  text-decoration: none !important;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media (max-width: 767px) {
  .blog-card {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    padding-top: 22px !important;
  }
}
@media (min-width: 768px) {
  .blog-card {
    width: 90%;
    margin: 10px auto;
    padding: 20px;
    padding-top: 30px !important;
  }
}
.blog-card .blog-card-hl {
  position: relative;
  color: #fff;
  letter-spacing: 0;
  line-height: 0;
}

.blog-card .blog-card-hl:after {
  position: absolute;
  content: "あわせて読みたい";
  color: #fff;
  width: 100px;
  top: 5px;
  left: 1px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .blog-card .blog-card-hl:after {
    left: -2px;
    top: 6px;
  }
}
.blog-card .jin-ifont-post {
  color: #fff;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .external-blog-card .blog-card-hl-box {
    width: 109px;
  }
}
@media (max-width: 767px) {
  .external-blog-card .blog-card-hl-box {
    width: 97px;
  }
}
.external-blog-card .blog-card-hl:after {
  content: "外部サイトへ";
  color: #fff;
  width: 100px;
}

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

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

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

.blog-card-content {
  flex: 2.5;
  max-width: calc(100% - 182px);
}

@media (max-width: 767px) {
  .blog-card-content {
    max-width: calc(100% - 120px);
  }
}
.blog-card-thumbnail {
  display: block;
  overflow: hidden;
}

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

.blog-card-title {
  display: block;
  letter-spacing: 1px;
  color: #524e4d;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  .blog-card-title {
    font-size: 0.85rem;
    line-height: 1.2rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .blog-card-title {
    margin-bottom: 15px;
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
}
.blog-card-excerpt {
  color: #524e4d;
  display: none;
}

@media (min-width: 768px) {
  .blog-card-excerpt {
    margin-top: 15px;
    font-size: 0.75rem;
    display: block;
  }
}
.blog-card-footer {
  display: flex;
  justify-content: flex-end;
  font-size: 70%;
  color: #777;
  margin-bottom: 0;
  text-align: right;
}

@media (max-width: 767px) {
  .blog-card-footer {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .blog-card-footer {
    margin-top: 15px;
  }
}
.blog-card-footer .blog-card-logo {
  margin-right: 5px;
}

.blog-card-footer .blog-card-logo img {
  padding: 0 !important;
  margin: 0 !important;
}

.blog-card-footer .blog-card-sitetitle {
  display: block;
  margin-top: 1px;
}

.profile-card {
  border-top: 1px solid #eee;
  padding: 0 20px;
  padding-top: 40px;
  position: relative;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .profile-card {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .profile-card {
    margin-bottom: 20px;
  }
}
.profile-card .profile-title {
  position: absolute;
  top: 0;
  background: #eee;
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

@media (max-width: 767px) {
  .profile-card .profile-title {
    left: 20px;
    padding: 5px 12px;
  }
}
@media (min-width: 768px) {
  .profile-card .profile-title {
    right: 20px;
    padding: 7px 15px;
    padding-top: 6px;
  }
}
@media (max-width: 767px) {
  .profile-card .profile-flexbox {
    display: block;
  }
}
@media (min-width: 768px) {
  .profile-card .profile-flexbox {
    display: flex;
  }
}
.profile-card .profile-thumbnail {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 767px) {
  .profile-card .profile-thumbnail {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .profile-card .profile-thumbnail {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .profile-card .profile-meta {
    margin-top: 10px;
  }
}
.profile-card .profile-meta .profile-name {
  font-family:
    "ヒラギノ角ゴ ProN W3",
    Hiragino Sans,
    "ヒラギノ角ゴ ProN W3",
    Hiragino Kaku Gothic ProN,
    "メイリオ",
    Meiryo,
    sans-seri;
}

@media (max-width: 767px) {
  .profile-card .profile-meta .profile-name {
    text-align: center;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .profile-card .profile-meta .profile-name {
    font-weight: 500;
  }
}
.profile-card .profile-meta .profile-desc {
  font-size: 0.85rem;
  line-height: 1.25rem;
  font-weight: 300;
  margin-top: 20px;
}

.profile-card .profile-link-box {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .profile-card .profile-link-box {
    display: block;
  }
}
@media (min-width: 768px) {
  .profile-card .profile-link-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.profile-card .profile-link-box .profile-link {
  flex: 2;
  font-size: 0.85rem;
  word-break: break-all;
  word-wrap: break-word;
}

@media (max-width: 767px) {
  .profile-card .profile-link-box .profile-link {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .profile-card .profile-link-box .profile-link {
    margin-left: 8px;
    margin-right: 20px;
  }
}
.profile-card .profile-link-box .profile-link span {
  font-size: 0.75rem;
}

.profile-card .profile-link-box .profile-link svg {
  margin-right: 2px;
}

.profile-card .profile-link-box .profile-follow {
  flex: 1;
}

.profile-card .profile-link-box .jic-type:before {
  vertical-align: bottom;
  padding-bottom: 0;
  padding: 2px;
}

.profile-follow {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .profile-follow {
    justify-content: center;
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .profile-follow {
    justify-content: flex-end;
  }
}
.profile-follow a {
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
  display: block;
  color: #fff;
  margin: 0 3px;
  overflow: hidden;
  text-decoration: none !important;
  font-size: 0.9rem;
}

.profile-follow a:hover {
  color: #f8b500 !important;
  transform: scale(1.1);
}

.profile-follow .facebook-sns a {
  margin: 0 4px;
}

.profile-follow .twitter-sns a {
  margin: 0 2px;
}

.profile-follow .line-sns a {
  margin: 0 4px;
}

.profile-follow .contact-sns a {
  margin: 0 3px;
}

.profile-follow a:hover {
  color: #f8b500 !important;
  transform: scale(1.1);
}

@media (min-width: 768px) {
  .profile-follow.center-pos {
    justify-content: center;
  }
}
#comment-area,
#respond {
  width: 100%;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 20px;
}

@media (max-width: 767px) {
  #comment-area {
    padding: 0;
  }
}
@media (min-width: 768px) {
  #comment-area {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #respond {
    padding: 15px 0;
  }
}
@media (min-width: 768px) {
  #respond {
    padding: 0;
  }
}
.comment-list {
  color: #524e4d;
  margin-bottom: 30px;
}

.comment-list p {
  font-size: 0.9em;
}

.commentmetadata,
.comment-awaiting-moderation {
  font-size: 0.7em;
}

.reply {
  margin-top: 15px;
  text-align: right;
}

.reply a {
  padding: 5px 30px;
  font-size: 0.8em;
  color: #fff !important;
  background: #ccc;
  border-radius: 4px;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.reply a:hover {
  background: #aaa;
}

@media (max-width: 767px) {
  #comment-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  #comment-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #reply-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  #reply-title {
    margin-bottom: 0;
  }
}
#reply-title span,
#comment-title span {
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  #reply-title span,
  #comment-title span {
    font-size: 1rem;
    padding: 17px 13px;
    padding-bottom: 0;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  #reply-title span,
  #comment-title span {
    font-size: 1.15rem;
    padding: 19px 14px;
    font-weight: 400;
  }
}
#reply-title .jin-ifont-comment,
#comment-title .jin-ifont-comment {
  line-height: 0;
  margin-right: 14px;
  position: relative;
  z-index: 1;
  color: #fff;
}

@media (max-width: 767px) {
  #reply-title .jin-ifont-comment,
  #comment-title .jin-ifont-comment {
    margin-right: 12px;
  }
}
#reply-title .jin-ifont-comment:before,
#comment-title .jin-ifont-comment:before {
  font-size: 1.25rem;
  line-height: 1.15rem;
  padding-top: 1px;
}

@media (max-width: 767px) {
  #reply-title .jin-ifont-comment:before,
  #comment-title .jin-ifont-comment:before {
    padding-left: 2px;
    padding-top: 3px;
  }
}
#reply-title span:before,
#comment-title span:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 10px;
  left: 4px;
  border: 1px solid #ccc;
  width: 38px;
  height: 38px;
  border-radius: 25px;
}

.logged-in-as {
  color: #524e4d;
}

#cancel-comment-reply-link {
  font-size: 0.7em;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .logged-in-as + .comment-flexbox .form-submit {
    margin-top: 16px !important;
    font-size: 0.85rem !important;
  }
}
@media (min-width: 768px) {
  .logged-in-as + .comment-flexbox .form-submit input {
    font-size: 0.85rem !important;
  }
}
@media (min-width: 768px) {
  .comment-flexbox {
    display: flex;
  }
}
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email #email {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
  margin-top: 0;
  -webkit-appearance: none;
}

@media (max-width: 767px) {
  .comment-form-comment textarea,
  .comment-form-author input,
  .comment-form-email #email {
    font-size: 0.95rem;
  }
}
@media (min-width: 768px) {
  .comment-form-comment textarea,
  .comment-form-author input,
  .comment-form-email #email {
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) {
  .comment-form-author input,
  .comment-form-email #email {
    line-height: 1.2rem;
  }
}
@media (max-width: 767px) {
  .comment-form-author {
    margin-top: -10px;
  }
}
@media (min-width: 768px) {
  .form-submit {
    margin-top: -5px !important;
  }
}
@media (max-width: 767px) {
  .form-submit,
  .comment-form-email {
    margin-top: -5px;
  }
}
@media (max-width: 767px) {
  .comment-child-flex {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .comment-child-flex {
    width: 35%;
  }
}
@media (min-width: 768px) {
  .comment-form-comment {
    width: 63%;
    margin-right: 20px;
  }
}
.reply a {
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.comment-reply-link {
  position: relative;
}

.comment-reply-link:after {
  position: absolute;
  content: "\e927";
  font-family: "jin-icons";
  top: 5px;
  left: 10px;
  opacity: 1;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .comment-reply-link:after {
    font-size: 1.2rem;
    left: 8px;
  }
}
.form-submit input {
  display: block;
  width: 100%;
  padding: 10px;
  margin-top: 15px;
  font-size: 1rem;
  -webkit-appearance: none;
  border: none;
  border-radius: 4px;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  cursor: pointer;
  color: #fff;
  background: #ccc;
}

@media (min-width: 768px) {
  .form-submit input {
    margin-top: 0;
  }
}
.form-submit input:hover {
  background: #aaa;
}

.comment-form-author > input,
.comment-form-email > input {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .comment-form-author > input,
  .comment-form-email > input {
    margin-bottom: 0;
  }
}
#comment-box label {
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .comment-form-comment #comment {
    height: 120px;
  }
}
@media (min-width: 768px) {
  .comment-form-comment #comment {
    height: 97px;
  }
}
.comment-notes {
  display: none;
}

#prev-next {
  display: flex;
  padding: 0;
  margin-bottom: 20px;
  margin-top: 30px;
}

@media (max-width: 767px) {
  #prev-next {
    display: block;
    margin-bottom: 0;
  }
}
#prev-next .prev,
#prev-next .next {
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  padding: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  #prev-next .prev,
  #prev-next .next {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
    display: block;
    min-height: 70px;
    background: #fff;
  }
}
@media (min-width: 768px) {
  #prev-next .prev,
  #prev-next .next {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    flex: 1;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  #prev-next .prev,
  #prev-next .next {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 1024px) {
  #prev-next .prev,
  #prev-next .next {
    min-height: 70px;
  }
}
#prev-next .prev .metabox,
#prev-next .next .metabox {
  display: flex;
}

#prev-next .prev .metabox p,
#prev-next .next .metabox p {
  margin-bottom: 5px;
  width: 70%;
}

@media (max-width: 767px) {
  #prev-next .prev .metabox p,
  #prev-next .next .metabox p {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1rem;
    margin-top: 9px;
  }
}
@media (min-width: 768px) {
  #prev-next .prev .metabox p,
  #prev-next .next .metabox p {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.05rem;
    margin-top: 5px;
  }
}
@media (min-width: 1024px) {
  #prev-next .prev .metabox p,
  #prev-next .next .metabox p {
    font-size: 13px;
    line-height: 1.3rem;
    margin-top: 14px;
  }
}
#prev-next .prev .metabox img,
#prev-next .next .metabox img {
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 767px) {
  #prev-next .prev .metabox img,
  #prev-next .next .metabox img {
    width: auto;
    height: 85px;
  }
}
@media (min-width: 768px) {
  #prev-next .prev .metabox img,
  #prev-next .next .metabox img {
    width: auto;
    height: 55px;
  }
}
@media (min-width: 1024px) {
  #prev-next .prev .metabox img,
  #prev-next .next .metabox img {
    width: auto;
    height: 85px;
  }
}
#prev-next a:hover {
  transform: translateY(-3px);
  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
}

#prev-next .prev {
  display: block;
  padding-left: 0;
}

@media (min-width: 768px) {
  #prev-next .prev {
    margin-right: 20px;
  }
}
#prev-next .prev img {
  margin-right: 15px;
}

#prev-next .next {
  display: block;
  padding-right: 0;
}

@media (max-width: 767px) {
  #prev-next .next {
    margin-top: 10px;
  }
}
#prev-next .next img {
  margin-left: 15px;
}

#prev-next a.prev:after {
  position: absolute;
  content: "PREV";
  font-size: 0.5rem;
  text-align: center;
  background: #2b2b2b;
  color: #fff !important;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  top: -1px;
  left: 10px;
  padding: 2px 6px;
}

#prev-next a.next:after {
  position: absolute;
  content: "NEXT";
  font-size: 0.5rem;
  text-align: center;
  background: #2b2b2b;
  color: #fff !important;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  top: -1px;
  right: 10px;
  padding: 2px 6px;
}

#prev-next .prevnext-none {
  background: #fff;
}

@media (max-width: 767px) {
  #prev-next .prevnext-none {
    display: none;
  }
}
#prev-next a.prev:after,
#prev-next a.next:after {
  font-family:
    "Quicksand",
    "ヒラギノ角ゴ ProN W3",
    Hiragino Sans,
    "ヒラギノ角ゴ ProN W3",
    Hiragino Kaku Gothic ProN,
    "メイリオ",
    Meiryo,
    sans-seri;
}

@media (max-width: 767px) {
  .related-entry-section {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .related-entry-section {
    margin-top: 40px;
  }
}
.related-entry-section .related-entry-headline {
  position: relative;
}

@media (max-width: 767px) {
  .related-entry-section .related-entry-headline {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .related-entry-section .related-entry-headline {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .related-entry-section .area-border {
    margin-top: 40px;
    width: 210px;
  }
}
@media (min-width: 768px) {
  .related-entry-section .area-border {
    margin-top: 50px;
    width: 350px;
  }
}
.related-entry-section .related-entry-headline-text span {
  position: relative;
  display: inline-block;
  line-height: 0;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  .related-entry-section .related-entry-headline-text span {
    font-size: 1rem;
    padding: 20px 14px;
    padding-bottom: 0;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .related-entry-section .related-entry-headline-text span {
    font-size: 1.15rem;
    padding: 17px 14px;
    font-weight: 400;
  }
}
.related-entry-section .related-entry-headline-text .jin-ifont-post {
  line-height: 0;
  position: relative;
  color: #fff;
  z-index: 1;
}

@media (max-width: 767px) {
  .related-entry-section .related-entry-headline-text .jin-ifont-post {
    margin-right: 13px;
  }
}
@media (min-width: 768px) {
  .related-entry-section .related-entry-headline-text .jin-ifont-post {
    margin-right: 14px;
  }
}
.related-entry-section .related-entry-headline-text .jin-ifont-post:before {
  vertical-align: bottom;
  font-size: 1.2rem;
  margin-left: 2px;
}

@media (max-width: 767px) {
  .related-entry-section .related-entry-headline-text .jin-ifont-post:before {
    line-height: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .related-entry-section .related-entry-headline-text .jin-ifont-post:before {
    line-height: 0.3rem;
    padding-top: 1px;
  }
}
.related-entry-section .related-entry-headline-text span:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1px;
  left: 5px;
  border: 1px solid #ccc;
  width: 38px;
  height: 38px;
  border-radius: 25px;
}

@media (max-width: 767px) {
  .related-entry-section .post-list.basicstyle .post-list-thumb {
    width: 130px !important;
  }
}
@media (min-width: 768px) {
  .related-entry-section .post-list.basicstyle .post-list-thumb {
    width: 240px !important;
  }
}
.related-entry-section .post-list.basicstyle .post-list-thumb img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .related-entry-section .post-list.basicstyle .post-list-meta {
    width: calc(100% - 130px) !important;
  }
}
@media (min-width: 768px) {
  .related-entry-section .post-list.basicstyle .post-list-meta {
    width: calc(100% - 240px) !important;
  }
}
@media (max-width: 767px) {
  .related-entry-section
    .post-list.basicstyle
    .post-list-meta
    .post-list-title {
    font-size: 12px !important;
    line-height: 1rem !important;
    font-weight: 700;
    letter-spacing: 1px;
  }
}
@media (min-width: 768px) {
  .related-entry-section
    .post-list.basicstyle
    .post-list-meta
    .post-list-title {
    font-size: 18px !important;
    line-height: 1.4rem;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .related-entry-section .post-list-mag .post-list-meta .post-list-title {
    font-size: 12px;
    line-height: 1.1rem;
    font-weight: 700;
    letter-spacing: 1px;
  }
}
@media (min-width: 768px) {
  .related-entry-section .post-list-mag .post-list-meta .post-list-title {
    font-size: 15px;
    line-height: 1.4rem;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .related-entry-section .post-list-mag .post-list-meta .post-list-cat {
    top: 5px;
    left: 5px;
    padding: 1px 6px;
  }
}
@media (min-width: 768px) {
  .related-entry-section .post-list-mag .post-list-meta .post-list-cat {
    padding: 3px 8px;
    font-size: 0.5rem;
  }
}
@media (max-width: 767px) {
  .related-entry-section .post-list-mag3col .post-list-item {
    width: 48.4%;
  }
}
@media (min-width: 768px) {
  .related-entry-section .post-list-mag3col .post-list-item {
    width: 32%;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .related-entry-section .post-list-mag3col .post-list-item:nth-child(2n-1) {
    margin-right: 3%;
  }
}
@media (min-width: 768px) {
  .related-entry-section
    .post-list-mag3col
    .post-list-item:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}
.related-entry-section .post-list-mag3col a.post-list-link {
  position: relative;
  padding: 0;
  height: 100%;
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .related-entry-section .post-list-mag3col a.post-list-link .post-list-meta {
    padding: 3px 11px;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .related-entry-section .post-list-mag3col a.post-list-link .post-list-meta {
    padding: 10px 13px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .related-entry-section
    .post-list-mag3col
    a.post-list-link
    .post-list-meta
    .post-list-title {
    font-size: 12px;
    line-height: 1.1rem;
    font-weight: 700;
    letter-spacing: 1px;
  }
}
@media (min-width: 768px) {
  .related-entry-section
    .post-list-mag3col
    a.post-list-link
    .post-list-meta
    .post-list-title {
    font-size: 13px;
    line-height: 1.3rem;
    font-weight: 500;
  }
}
@media (min-width: 768px) {
  .related-entry-section
    .post-list-mag3col
    a.post-list-link
    .post-list-meta
    .post-list-cat {
    padding: 3px 8px;
    font-size: 0.5rem;
  }
}
.sp-related-entry-meta {
  display: block;
  margin-top: 10px;
  text-align: right;
}

.related-slide {
  overflow: hidden;
}

.swiper-container2 {
  position: relative;
}

@media (max-width: 767px) {
  .swiper-container2 {
    width: 92%;
    padding: 0 4%;
    margin: 0 auto;
    min-height: 205px;
  }
}
@media (min-width: 768px) {
  .swiper-container2 {
    width: 100%;
    min-height: 285px;
  }
}
.post-list-mag3col-slide {
  padding: 2px 10px;
  padding-top: 12px;
}

@media (max-width: 767px) {
  .post-list-mag3col-slide a.post-list-link {
    min-height: 175px;
  }
}
@media (min-width: 768px) {
  .post-list-mag3col-slide a.post-list-link {
    min-height: 240px;
  }
}
.post-list-mag3col-slide .post-list-item .post-list-inner {
  display: block;
}

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-thumb {
  height: auto;
  width: 100%;
}

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-thumb img {
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta {
  width: 100%;
}

@media (max-width: 767px) {
  .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta {
    padding: 6px 8px;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta {
    padding: 10px 13px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .post-list-mag3col-slide
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 12px;
    line-height: 1.05rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .post-list-mag3col-slide
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 13px;
    line-height: 1.3rem;
    font-weight: 500;
  }
}
.post-list-mag3col-slide
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-publisher,
.post-list-mag3col-slide
  .post-list-item
  .post-list-inner
  .post-list-meta
  .writer {
  display: none;
}

.post-list-mag3col-slide
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-cat {
  position: absolute;
  color: #fff !important;
  background-color: #2b2b2b;
  letter-spacing: 0;
  border-radius: 20px;
}

@media (max-width: 767px) {
  .post-list-mag3col-slide
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat {
    top: 5px;
    left: 5px;
    padding: 1px 6px;
    font-weight: 500;
    text-align: left;
    font-size: 0.5rem;
  }
}
@media (min-width: 768px) {
  .post-list-mag3col-slide
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-cat {
    top: 11px;
    left: 11px;
    padding: 3px 8px;
    font-size: 0.5rem;
    margin-left: -1px;
    font-weight: 400;
  }
}
.post-list-mag3col-slide
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-date {
  position: absolute;
  bottom: 0;
  left: 5%;
  color: #888 !important;
  width: 90%;
  text-align: right;
}

@media (max-width: 767px) {
  .post-list-mag3col-slide
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date {
    font-size: 0.65rem;
    padding: 7px 0;
    letter-spacing: 1px !important;
  }
}
@media (min-width: 768px) {
  .post-list-mag3col-slide
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-date {
    font-size: 0.65rem;
    font-weight: 300;
    padding: 10px 0;
    letter-spacing: 1px;
  }
}
.simple-box1 {
  border: 3px solid #eee;
  border-radius: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

.simple-box9 {
  position: relative;
}

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

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

.kaisetsu-box1 {
  position: relative;
}

@media (min-width: 768px) {
  .kaisetsu-box1 {
    padding-top: 80px !important;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box1 {
    padding-top: 70px !important;
  }
}
.kaisetsu-box1:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  opacity: 0.15;
  border-radius: 4px;
  z-index: -1;
}

.kaisetsu-box1-title {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  background: #aaa;
  letter-spacing: 0px !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

@media (min-width: 768px) {
  .kaisetsu-box1-title {
    font-size: 21px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box1-title {
    font-size: 18px;
    font-weight: 700;
  }
}
.kaisetsu-box2 {
  position: relative;
  border: 1px solid #aaa;
  border-radius: 4px;
}

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

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

.kaisetsu-box2-title {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  background: #aaa;
  letter-spacing: 0px !important;
}

@media (min-width: 768px) {
  .kaisetsu-box2-title {
    font-size: 21px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box2-title {
    font-size: 18px;
    font-weight: 700;
  }
}
.kaisetsu-box3 {
  position: relative;
  border: 10px solid #e3b66a;
  background: #369377;
  border-radius: 1px;
  color: #fff !important;
}

@media (min-width: 768px) {
  .kaisetsu-box3 {
    padding-top: 80px !important;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box3 {
    padding-top: 70px !important;
  }
}
.kaisetsu-box3 ol li,
.kaisetsu-box3 ul li {
  border-bottom: 2px solid rgba(255, 255, 255, 0.21);
  padding-bottom: 9px;
}

.kaisetsu-box3:before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 57px;
  height: 23px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAAuCAYAAAD0kU3xAAAACXBIWXMAAAsSAAALEgHS3X78AAAEYklEQVR4nO2cX0hbVxzHv8421zkTnSlZhNoWnJUZZaHrg9oxZBQsdQ+jWNvBYJbmJeypXftY2r1uZe6l+JJi+1Krdmx7sFP2p6lQKygNYzdCCUJidGZh2uYaV2Mr7iF/lr/u3Jvjzc3J+UDg5pz7+51v7vece4/nmJRtb2+DBc6d2GsF8LGCUOfg+EsnZTmqU8aCkedO7K0B4AVQrSA8BODQ4PjL51RFqcxrhRZACSuUmYhYnJWiloLAipHePOOLejQCMm+tW6KtBoXrvVYANbkqvx6Y+PzpfGCf3KRNDea/L9u7bvzPaU65eSnhLW9xeElOTBi5JdqK+mHpEhdw49YD2XGX7V1oajDvgiL1KG9xlLFya0Xl67pCSygozBhZ6jBjpPHNKlXjtAYzRu6rVWaI0jitwYyRpQ43khH2yDnZHVzB+e9+waIUhl7Qobe1EV+8fwQGgd6MUYps4uqv0xgVPdALOnQcqEP/yQ+otqFE07Xf/tNke88C29EW6pr6Hz3BiOjBkhRGW70ZVz9sg8VkJIolHpFSZBM9d+5jUQoDANYim7g568aFsUllqnPQMzSGUdGTaGPC40PP0BjVNuRy/vufUzT1T7lw+i5dTRd/mkT/lAtLses77Q+g9+59SJFNonhiI0f+8GAtS9IJjw/+UJg0zY6Me3yYC65mlM8FV+EOrlBpQy7u4Aqm/YGM8rngKiY8PiptLIbCuBfrKMnEOzIJ5CNyI5KzjtZFntshj7RB1jNps9OIoPW5/dJazrrFUO66ZDQ12TEIQqElyIL0+ZUPhgqya0Js5OnWw1nLm0216DhQR5pmR3pbG9Fsqs0o1ws6tFNqQy4WkxH6LJOa/YYqapra6+tyfu6utw8S5SCetdZXV8Fx6jgcMyKm/QE0m2phMRnx5fE2arM3g6DDvU+64ZgVMbWwHGtXD9tRC5X8SjWNnj2Jbx65IEWijxeLyYiLx+jO1kfOduPmrIjH/uVE2YVjR7C/mmzBgpndDwCwXbotO8Zx/bNdUKIuTO1+lDrcSEZgxsin85l/6+1mnNZgxshShxvJCMwYufBn5tLebsZpDVm7H1rhsU+fUba8bsB6RQMir8qI8wh7trG8bsiar/0g2dKYVkg2MgSg+sG84R/X0huVJMHuQCVCG+WKGnb/VQlJYWx2DgMCoi8ZTM4AmKEoA/l1go5DZLGWt16gq+k5EPUtxchO3zPh1Kd3Gq8oVsEBkP2OQTvWULGF6x/5hrrfefYVkPYPyuYzA30ABhWr4KjN7cCwvQ/InOx0qi6Fkw+d8YN0I4v+yywlRmJrJN3Id1UWwskT85kBK5BkZLyAU3TUAKkjMuc3nTjah5mVnVKHG8kI3MgiJzBsdwLcyGLn9/hBwsi4s5yiwhk/SB+RP6qrg5MnP8QP0o38VmUhHOX4ku+iKUbGKh6qLIijjGvJb7JNdvoQ2+PiaJaHgWH7reSCDCMDw3Yvoqvq3ExtEkJ0sKXAxG/RcYB/AU+AWdMyhWjkAAAAAElFTkSuQmCC);
  background-size: contain;
}

.kaisetsu-box3-title {
  position: absolute;
  display: block;
  left: 0;
  top: 15px;
  color: #fff;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0px !important;
}

@media (min-width: 768px) {
  .kaisetsu-box3-title {
    font-size: 21px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box3-title {
    font-size: 18px;
    font-weight: 700;
  }
}
.kaisetsu-box4 {
  position: relative;
  border: 1px solid #aaa;
  border-radius: 4px;
  border-top-left-radius: 0;
}

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

@media (min-width: 768px) {
  .kaisetsu-box4-title {
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box4-title {
    font-weight: 700;
  }
}
.kaisetsu-box5 {
  position: relative;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .kaisetsu-box5 {
    padding-top: 30px !important;
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .kaisetsu-box5 {
    padding-top: 40px !important;
    margin-top: 20px !important;
  }
}
.kaisetsu-box5:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #aaa;
  opacity: 0.12;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: -1;
}

.kaisetsu-box5-title {
  position: absolute;
  line-height: 0;
  font-size: 18px;
  left: 20px;
  top: -18px;
  color: #fff;
  padding: 18px 15px;
  background: #aaa;
  border-radius: 2px;
  letter-spacing: 0px !important;
}

@media (min-width: 768px) {
  .kaisetsu-box5-title {
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .kaisetsu-box5-title {
    font-weight: 700;
  }
}
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6 {
  position: relative;
  border: 1px solid #eee;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .concept-box1,
  .concept-box2,
  .concept-box3,
  .concept-box4,
  .concept-box5,
  .concept-box6 {
    padding-top: 30px !important;
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .concept-box1,
  .concept-box2,
  .concept-box3,
  .concept-box4,
  .concept-box5,
  .concept-box6 {
    padding-top: 40px !important;
    margin-top: 40px !important;
  }
}
.concept-box1:before,
.concept-box2:before,
.concept-box3:before,
.concept-box4:before,
.concept-box5:before,
.concept-box6:before {
  position: absolute;
  font-weight: 700;
  background: #fff;
  color: #555;
  line-height: 0;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .concept-box1:before,
  .concept-box2:before,
  .concept-box3:before,
  .concept-box4:before,
  .concept-box5:before,
  .concept-box6:before {
    font-size: 20px;
    top: -21px;
    padding: 20px 8px 20px 51px;
  }
}
@media (max-width: 767px) {
  .concept-box1:before,
  .concept-box2:before,
  .concept-box3:before,
  .concept-box4:before,
  .concept-box5:before,
  .concept-box6:before {
    font-size: 18px;
    top: -21px;
    padding: 20px 8px 20px 32px;
  }
}
.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after {
  position: absolute;
  background: #aaa;
  color: #fff;
  font-family: "jin-icons";
  border: 5px solid #fff;
  text-align: center;
  width: 16px;
  height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
  .concept-box1:after,
  .concept-box2:after,
  .concept-box3:after,
  .concept-box4:after,
  .concept-box5:after,
  .concept-box6:after {
    left: 20px;
    top: -28px;
    padding-left: 12px;
    padding-right: 18px;
    padding-top: 13px;
    padding-bottom: 17px;
    border-radius: 40px;
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .concept-box1:after,
  .concept-box2:after,
  .concept-box3:after,
  .concept-box4:after,
  .concept-box5:after,
  .concept-box6:after {
    left: 12px;
    top: -23px;
    padding-left: 9px;
    padding-right: 11px;
    padding-top: 8px;
    padding-bottom: 12px;
    border-radius: 28px;
    font-size: 1.15rem;
  }
}
.concept-box1:before {
  content: "ポイント";
}

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

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

.concept-box2:after {
  content: "\e909";
  line-height: 1.1rem;
}

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

.concept-box3:after {
  content: "\e91d";
  line-height: 1.3rem;
}

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

.concept-box4:after {
  content: "\e905";
  line-height: 1.3rem;
}

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

.concept-box5:after {
  content: "\e906";
  line-height: 1.3rem;
}

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

.concept-box6:after {
  content: "\e921";
  line-height: 1.3rem;
}

.innerlink-box1 {
  position: relative;
  padding-top: 40px !important;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0);
}

@media (max-width: 767px) {
  .innerlink-box1 {
    padding-top: 35px !important;
    margin-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .innerlink-box1 {
    margin-top: 20px !important;
  }
}
.innerlink-box1:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.04;
  z-index: -1;
}

.innerlink-box1-title {
  position: absolute;
  background: red;
  border: 3px solid #aaa;
  line-height: 0;
  color: #fff;
  border-radius: 2px;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .innerlink-box1-title {
    top: -14px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .innerlink-box1-title {
    top: -14px;
    left: 15px;
    padding: 5px 5px 5px 6px;
    font-weight: 700;
    font-size: 11px;
  }
  .innerlink-box1-title .jic:before {
    padding-bottom: 0;
    padding-right: 0;
    vertical-align: inherit;
  }
}
.innerlink-box1-title .jin-ifont-post {
  color: #fff;
  font-size: 0.65rem;
  margin-right: -1px;
}

.innerlink-box1-title svg,
.innerlink-box1-title path {
  fill: #fff !important;
}

.simple-box1,
.simple-box2,
.simple-box3,
.simple-box4,
.simple-box5,
.simple-box6,
.simple-box7,
.simple-box8,
.simple-box9,
.kaisetsu-box1,
.kaisetsu-box2,
.kaisetsu-box3,
.kaisetsu-box4,
.kaisetsu-box5,
.kaisetsu-box6,
.concept-box1,
.concept-box2,
.concept-box3,
.concept-box4,
.concept-box5,
.concept-box6,
.innerlink-box1 {
  padding: 20px 25px;
  padding-bottom: 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .simple-box1,
  .simple-box2,
  .simple-box3,
  .simple-box4,
  .simple-box5,
  .simple-box6,
  .simple-box7,
  .simple-box8,
  .simple-box9,
  .kaisetsu-box1,
  .kaisetsu-box2,
  .kaisetsu-box3,
  .kaisetsu-box4,
  .kaisetsu-box5,
  .kaisetsu-box6,
  .concept-box1,
  .concept-box2,
  .concept-box3,
  .concept-box4,
  .concept-box5,
  .concept-box6,
  .innerlink-box1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .simple-box1,
  .simple-box2,
  .simple-box3,
  .simple-box4,
  .simple-box5,
  .simple-box6,
  .simple-box7,
  .simple-box8,
  .simple-box9,
  .kaisetsu-box1,
  .kaisetsu-box2,
  .kaisetsu-box3,
  .kaisetsu-box4,
  .kaisetsu-box5,
  .kaisetsu-box6,
  .concept-box1,
  .concept-box2,
  .concept-box3,
  .concept-box4,
  .concept-box5,
  .concept-box6,
  .innerlink-box1 {
    margin-bottom: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.simple-box1 P,
.simple-box2 P,
.simple-box3 P,
.simple-box4 P,
.simple-box5 P,
.simple-box6 P,
.simple-box7 P,
.simple-box8 P,
.simple-box9 P,
.kaisetsu-box1 P,
.kaisetsu-box2 P,
.kaisetsu-box3 P,
.kaisetsu-box4 P,
.kaisetsu-box5 P,
.kaisetsu-box6 P,
.concept-box1 P,
.concept-box2 P,
.concept-box3 P,
.concept-box4 P,
.concept-box5 P,
.concept-box6 P,
.innerlink-box1 P {
  padding-bottom: 20px !important;
}

.simple-box1 ol,
.simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul,
.concept-box1 ol,
.concept-box1 ul,
.concept-box2 ol,
.concept-box2 ul,
.concept-box3 ol,
.concept-box3 ul,
.concept-box4 ol,
.concept-box4 ul,
.concept-box5 ol,
.concept-box5 ul,
.concept-box6 ol,
.concept-box6 ul,
.innerlink-box1 ol,
.innerlink-box1 ul {
  padding-top: 0;
  padding-bottom: 30px !important;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .simple-box1 ol,
  .simple-box1 ul,
  .simple-box2 ol,
  .simple-box2 ul,
  .simple-box3 ol,
  .simple-box3 ul,
  .simple-box4 ol,
  .simple-box4 ul,
  .simple-box5 ol,
  .simple-box5 ul,
  .simple-box6 ol,
  .simple-box6 ul,
  .simple-box7 ol,
  .simple-box7 ul,
  .simple-box8 ol,
  .simple-box8 ul,
  .simple-box9 ol,
  .simple-box9 ul,
  .kaisetsu-box1 ol,
  .kaisetsu-box1 ul,
  .kaisetsu-box2 ol,
  .kaisetsu-box2 ul,
  .kaisetsu-box3 ol,
  .kaisetsu-box3 ul,
  .kaisetsu-box4 ol,
  .kaisetsu-box4 ul,
  .kaisetsu-box5 ol,
  .kaisetsu-box5 ul,
  .kaisetsu-box6 ol,
  .kaisetsu-box6 ul,
  .concept-box1 ol,
  .concept-box1 ul,
  .concept-box2 ol,
  .concept-box2 ul,
  .concept-box3 ol,
  .concept-box3 ul,
  .concept-box4 ol,
  .concept-box4 ul,
  .concept-box5 ol,
  .concept-box5 ul,
  .concept-box6 ol,
  .concept-box6 ul,
  .innerlink-box1 ol,
  .innerlink-box1 ul {
    padding-left: 4px !important;
    padding-right: 4px;
  }
}
.simple-box1 a,
.simple-box2 a,
.simple-box3 a,
.simple-box4 a,
.simple-box5 a,
.simple-box6 a,
.simple-box7 a,
.simple-box8 a,
.simple-box9 a,
.kaisetsu-box1 a,
.kaisetsu-box2 a,
.kaisetsu-box3 a,
.kaisetsu-box4 a,
.kaisetsu-box5 a,
.kaisetsu-box6 a,
.concept-box1 a,
.concept-box2 a,
.concept-box3 a,
.concept-box4 a,
.concept-box5 a,
.concept-box6 a,
.innerlink-box1 a {
  position: relative;
  z-index: 2;
}

.simple-box1 ol,
.simple-box1 ul,
.simple-box2 ol,
.simple-box2 ul,
.simple-box3 ol,
.simple-box3 ul,
.simple-box4 ol,
.simple-box4 ul,
.simple-box5 ol,
.simple-box5 ul,
.simple-box6 ol,
.simple-box6 ul,
.simple-box7 ol,
.simple-box7 ul,
.simple-box8 ol,
.simple-box8 ul,
.simple-box9 ol,
.simple-box9 ul,
.kaisetsu-box1 ol,
.kaisetsu-box1 ul,
.kaisetsu-box2 ol,
.kaisetsu-box2 ul,
.kaisetsu-box3 ol,
.kaisetsu-box3 ul,
.kaisetsu-box4 ol,
.kaisetsu-box4 ul,
.kaisetsu-box5 ol,
.kaisetsu-box5 ul,
.kaisetsu-box6 ol,
.kaisetsu-box6 ul {
  padding-top: 10px !important;
  padding-bottom: 30px;
  padding-right: 20px;
}

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

@media (max-width: 767px) {
  .concept-box1 ol,
  .concept-box1 ul,
  .concept-box2 ol,
  .concept-box2 ul,
  .concept-box3 ol,
  .concept-box3 ul,
  .concept-box4 ol,
  .concept-box4 ul,
  .concept-box5 ol,
  .concept-box5 ul,
  .concept-box6 ol,
  .concept-box6 ul,
  .innerlink-box1 ol,
  .innerlink-box1 ul {
    padding-left: 4px !important;
    padding-right: 4px;
  }
}
.wp-block-jin-gb-block-box-with-headline .innerlink-box1-title {
  padding: 13px;
  left: 15px;
  top: -15px;
}

.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big {
  margin-left: 5px;
  margin-right: 5px;
  letter-spacing: 0;
}

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

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

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

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

@media (max-width: 767px) {
  .color-button01-big a,
  .color-button02-big a {
    width: 100% !important;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .color-button01-big a,
  .color-button02-big a {
    font-weight: 400;
  }
}
.color-button01 img,
.color-button02 img,
.color-button01-big img,
.color-button02-big img {
  display: none;
}

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

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

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

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

@media (max-width: 767px) {
  .top-image-btn-color a {
    font-weight: 700 !important;
  }
}
@media (min-width: 768px) {
  .top-image-btn-color a {
    font-weight: 400 !important;
  }
}
.color-button02 a,
.color-button02-big a {
  background-color: #d9333f;
  color: #fff !important;
}

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

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

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

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

.color-button01:before,
.color-button01-big:before {
  background-color: #0094c8;
}

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

.twobutton {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

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

.gb-two-button-box {
  display: flex;
  justify-content: center;
}

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

@media (max-width: 767px) {
  .h2-style01 h2 {
    font-size: 1.45rem;
    line-height: 1.8rem;
    padding: 13px;
    padding-bottom: 12px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style01 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 15px;
    padding-bottom: 16px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
  }
}
.h2-style02 h2 {
  position: relative;
  border-bottom: 1px solid #ddd;
  border-left: 5px solid #2b2b2b;
}

@media (max-width: 767px) {
  .h2-style02 h2 {
    font-size: 1.45rem;
    line-height: 1.8rem;
    padding: 10px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style02 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 15px 12px;
    padding-top: 16px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
  }
}
.h2-style02 h2:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05;
}

.h2-style03 h2 {
  background-color: #2b2b2b;
  color: #fff;
  border-radius: 4px;
  position: relative;
}

@media (max-width: 767px) {
  .h2-style03 h2 {
    font-size: 1.45rem;
    line-height: 1.8rem;
    padding: 12px 13px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style03 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 13px 15px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
  }
}
.h2-style03 h2:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 98%;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.7) 60%,
    transparent 60%,
    transparent 100%
  );
  background-size: 10px 3px;
  top: 5px;
  left: 1%;
  z-index: 999;
}

@media (max-width: 767px) {
  .h2-style03 h2:before {
    width: 96%;
    left: 2%;
  }
}
.h2-style03 h2:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 98%;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.7) 60%,
    transparent 60%,
    transparent 100%
  );
  background-size: 10px 3px;
  bottom: 5px;
  left: 1%;
  z-index: 999;
}

@media (max-width: 767px) {
  .h2-style03 h2:after {
    width: 96%;
    left: 2%;
  }
}
.h2-style04 h2 {
  position: relative;
}

@media (max-width: 767px) {
  .h2-style04 h2 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 13px 0;
    padding-bottom: 14px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 500;
  }
}
@media (min-width: 768px) {
  .h2-style04 h2 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    padding: 20px 0;
    padding-bottom: 21px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
    font-weight: 300;
  }
}
.h2-style04 h2:before {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  background-color: #2b2b2b;
}

@media (max-width: 767px) {
  .h2-style04 h2:before {
    left: -15px;
    width: 5px;
  }
}
@media (min-width: 768px) {
  .h2-style04 h2:before {
    left: -30px;
    width: 3px;
  }
}
.h2-style05 h2 {
  position: relative;
  background-color: #2b2b2b;
  color: #fff;
  border-bottom: none;
  border-radius: 6px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .h2-style05 h2 {
    font-size: 1.3rem;
    line-height: 1.7rem;
    padding: 10px 14px;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style05 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 12px 14px;
  }
}
.h2-style05 h2:before {
  position: absolute;
  bottom: -12px;
  left: 45px;
  z-index: 90;
  margin-left: -15px;
  border-top: 12px solid;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 0;
  border-top-color: #2b2b2b;
  content: "";
}

.h2-style06 h2 {
  position: relative;
}

@media (max-width: 767px) {
  .h2-style06 h2 {
    font-size: 1.45rem;
    line-height: 1.8rem;
    padding: 13px;
    padding-left: 6px;
    padding-bottom: 8px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style06 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 15px;
    padding-left: 8px;
    padding-bottom: 10px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
  }
}
.h2-style06 h2:before {
  position: absolute;
  content: "";
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background-image: linear-gradient(
    -45deg,
    transparent 25%,
    #f4e2de 25%,
    #f4e2de 50%,
    transparent 50%,
    transparent 75%,
    #f4e2de 75%,
    #f4e2de
  );
  background-size: 6px 6px;
}

.h2-style07 h2 {
  position: relative;
}

@media (max-width: 767px) {
  .h2-style07 h2 {
    font-size: 1.45rem;
    line-height: 1.8rem;
    padding: 13px;
    padding-left: 6px;
    padding-bottom: 8px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style07 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 15px;
    padding-left: 8px;
    padding-bottom: 10px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
  }
}
.h2-style07 h2:before {
  position: absolute;
  content: "";
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 1px;
  background: #ccc;
  opacity: 0.5;
}

.h2-style07 h2:after {
  position: absolute;
  content: "";
  z-index: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
  background: red;
}

@media (max-width: 767px) {
  .h2-style07 h2:after {
    width: 80px;
  }
}
@media (min-width: 768px) {
  .h2-style07 h2:after {
    width: 120px;
  }
}
.h2-style08 h2 {
  position: relative;
  border-bottom: 2px solid #ccc;
}

@media (max-width: 767px) {
  .h2-style08 h2 {
    font-size: 1.45rem;
    line-height: 1.8rem;
    padding: 13px;
    padding-left: 24px;
    padding-bottom: 4px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style08 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 15px;
    padding-left: 24px;
    padding-bottom: 6px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
  }
}
.h2-style08 h2:before {
  content: "";
  position: absolute;
  background: #fff;
  border: 1px solid;
  border-color: #0094c8;
  top: 0;
  left: 0.4em;
  height: 12px;
  width: 12px;
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .h2-style08 h2:before {
    top: 0;
    left: 0.4em;
  }
}
.h2-style08 h2:after {
  content: "";
  position: absolute;
  background-color: #0094c8;
  top: 0.8em;
  left: 0.1em;
  height: 8px;
  width: 8px;
  transform: rotate(15deg);
}

@media (max-width: 767px) {
  .h2-style08 h2:after {
    top: 1em;
    left: 0;
  }
}
.h2-style09 h2 {
  position: relative;
  border-bottom: 3px double #ccc;
}

@media (max-width: 767px) {
  .h2-style09 h2 {
    font-size: 1.45rem;
    line-height: 1.8rem;
    padding: 13px;
    padding-left: 8px;
    padding-bottom: 4px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style09 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 15px;
    padding-left: 8px;
    padding-bottom: 6px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
  }
}
.h2-style10 h2 {
  position: relative;
}

@media (max-width: 767px) {
  .h2-style10 h2 {
    font-size: 1.45rem;
    line-height: 1.8rem;
    padding: 13px;
    padding-left: 6px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h2-style10 h2 {
    font-size: 1.65rem;
    line-height: 2rem;
    padding: 15px;
    padding-left: 8px;
    margin-top: 2.6rem;
    margin-bottom: 1.6rem;
  }
}
.h2-style10 h2:before {
  position: absolute;
  content: "";
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 4px;
}

.h2-style10 h2:after {
  position: absolute;
  content: "";
  z-index: 0;
  top: 0;
  left: 0;
  height: 4px;
  border-radius: 4px;
  width: 100%;
}

.h3-style01 h3 {
  border-bottom: 3px solid #2b2b2b;
}

@media (max-width: 767px) {
  .h3-style01 h3 {
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding: 5px 8px;
    padding-top: 0;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h3-style01 h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 4px 8px;
    padding-top: 0;
    margin-top: 2.3rem;
    margin-bottom: 1.6rem;
  }
}
.h3-style02 h3 {
  position: relative;
}

@media (max-width: 767px) {
  .h3-style02 h3 {
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding: 8px 12px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h3-style02 h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 10px 15px;
    margin-top: 2rem;
    margin-bottom: 1.6rem;
  }
}
.h3-style02 h3:before {
  position: absolute;
  content: "";
  left: 0;
  width: 5px;
  background: #000;
  opacity: 0.5;
  border-radius: 1px;
}

@media (max-width: 767px) {
  .h3-style02 h3:before {
    top: 3px;
    height: 34px;
  }
}
@media (min-width: 768px) {
  .h3-style02 h3:before {
    top: 5px;
    height: 40px;
  }
}
.h3-style02 h3:after {
  position: absolute;
  content: "";
  left: 0;
  width: 5px;
  background: red;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}

@media (max-width: 767px) {
  .h3-style02 h3:after {
    top: 3px;
    height: 17px;
  }
}
@media (min-width: 768px) {
  .h3-style02 h3:after {
    top: 5px;
    height: 20px;
  }
}
.h3-style03 h3 {
  position: relative;
}

@media (max-width: 767px) {
  .h3-style03 h3 {
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding: 10px 15px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h3-style03 h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 12px 20px;
    margin-top: 2.3rem;
    margin-bottom: 1.6rem;
  }
}
.h3-style03 h3:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 100%;
  left: 0;
  bottom: 0;
  background-color: #2b2b2b;
  border-radius: 3.5px;
}

@media (max-width: 767px) {
  .h3-style03 h3:before {
    width: 6px;
    border-radius: 3px;
  }
}
.h3-style04 h3 {
  position: relative;
  border-bottom: 1px dashed #ddd;
  border-left: 5px solid #2b2b2b;
}

@media (max-width: 767px) {
  .h3-style04 h3 {
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding: 4px 10px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h3-style04 h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 6px 12px;
    margin-top: 2rem;
    margin-bottom: 1.6rem;
  }
}
.h3-style05 h3 {
  position: relative;
  border-bottom: 3px double #ddd;
}

@media (max-width: 767px) {
  .h3-style05 h3 {
    font-size: 1.15rem;
    line-height: 1.55rem;
    padding: 4px 10px;
    padding-top: 7px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h3-style05 h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 6px 12px;
    padding-top: 8px;
    margin-top: 2rem;
    margin-bottom: 1.6rem;
  }
}
.h3-style05 h3:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05;
}

.h3-style06 h3 {
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

@media (max-width: 767px) {
  .h3-style06 h3 {
    font-size: 1.15rem;
    line-height: 1.55rem;
    padding: 8px 10px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h3-style06 h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 8px 12px;
    margin-top: 2rem;
    margin-bottom: 1.6rem;
  }
}
.h3-style07 h3 {
  position: relative;
}

@media (max-width: 767px) {
  .h3-style07 h3 {
    font-size: 1.15rem;
    line-height: 1.55rem;
    padding: 8px 10px;
    margin-top: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h3-style07 h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 8px 12px;
    margin-top: 2rem;
    margin-bottom: 1.6rem;
  }
}
.h3-style07 h3:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: #000;
  opacity: 0.2;
}

.h4-style01 h4 {
  border-left: 2px solid #2b2b2b;
}

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

@media (max-width: 767px) {
  .h4-style02 h4 {
    font-size: 1.1rem;
    line-height: 1.6rem;
    padding: 6px 8px;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .h4-style02 h4 {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 8px 15px;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
  }
}
.h4-style02 h4:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  border-radius: 2px;
  filter: opacity(0.1);
}

@media (max-width: 767px) {
  .h4-style03 h4 {
    font-size: 1.1rem;
    line-height: 1.6rem;
    padding: 5px 8px;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    font-weight: 700;
    border-bottom: 2px dotted #2b2b2b;
  }
}
@media (min-width: 768px) {
  .h4-style03 h4 {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 4px 8px;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    border-bottom: 4px dotted #2b2b2b;
  }
}
.h4-style04 h4 {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 0.1em;
  padding-left: 0.2em;
  margin-top: 0.7em;
  margin-bottom: 0.9em;
}

@media (max-width: 767px) {
  .h4-style04 h4 {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .h4-style04 h4 {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .jin-h2-icons h2 {
    padding-left: 10px !important;
  }
}
@media (min-width: 768px) {
  .jin-h2-icons h2 {
    padding-left: 12px !important;
  }
}
@media (max-width: 767px) {
  .jin-h2-icons h2 .jic:before {
    padding-right: 4px;
    font-size: 1.5rem;
    line-height: 1.4rem;
    vertical-align: bottom;
  }
}
@media (min-width: 768px) {
  .jin-h2-icons h2 .jic:before {
    padding-right: 2px;
    font-size: 1.5rem;
    line-height: 2rem;
    vertical-align: bottom;
  }
}
@media (max-width: 767px) {
  .jin-h2-icons h2 .jin-ifont-check:before {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) {
  .jin-h2-icons h2 .jin-ifont-check:before {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .jin-h2-icons h2 .jin-ifont-checkcircle:before {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .jin-h2-icons h2 .jin-ifont-checkcircle:before {
    padding-right: 5px;
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .jin-h2-icons h2 .jin-ifont-clover:before {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .jin-h2-icons h2 .jin-ifont-clover:before {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .jin-h2-icons h2 .jin-ifont-bookmark:before {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .jin-h2-icons h2 .jin-ifont-bookmark:before {
    font-size: 1.2rem;
  }
}
.jin-h2-icons.h2-style01 h2 .jic:before,
.jin-h2-icons.h2-style03 h2 .jic:before,
.jin-h2-icons.h2-style05 h2 .jic:before {
  color: #fff;
}

.jin-h2-icons.h2-style04 h2 {
  padding-left: 0 !important;
}

@media (max-width: 767px) {
  .jin-h2-icons.h2-style01 h2 {
    padding-left: 11px !important;
  }
}
@media (max-width: 767px) {
  .jin-h2-icons.h2-style06 h2,
  .jin-h2-icons.h2-style07 h2,
  .jin-h2-icons.h2-style09 h2 {
    padding-left: 5px !important;
  }
}
@media (min-width: 768px) {
  .jin-h2-icons.h2-style06 h2,
  .jin-h2-icons.h2-style07 h2,
  .jin-h2-icons.h2-style09 h2 {
    padding-left: 6px !important;
  }
}
.jin-h2-icons.h2-style08 h2 {
  padding-left: 22px !important;
}

.jin-h2-icons.h2-style10 h2 {
  padding-left: 6px !important;
}

@media (max-width: 767px) {
  .jin-h3-icons h3 {
    padding-left: 8px !important;
  }
}
@media (min-width: 768px) {
  .jin-h3-icons h3 {
    padding-left: 10px !important;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons h3 .jic:before {
    padding-right: 2px;
    line-height: 1.1rem;
    vertical-align: bottom;
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .jin-h3-icons h3 .jic:before {
    padding-right: 2px;
    line-height: 2rem;
    vertical-align: bottom;
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons h3 .jin-ifont-check:before {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .jin-h3-icons h3 .jin-ifont-check:before {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons h3 .jin-ifont-checkcircle:before {
    padding-right: 4px;
  }
}
@media (min-width: 768px) {
  .jin-h3-icons h3 .jin-ifont-checkcircle:before {
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons h3 .jin-ifont-clover:before {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .jin-h3-icons h3 .jin-ifont-clover:before {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons h3 .jin-ifont-bookmark:before {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .jin-h3-icons h3 .jin-ifont-bookmark:before {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons.h3-style01 h3,
  .jin-h3-icons.h3-style04 h3 {
    padding-left: 5px !important;
  }
}
@media (min-width: 768px) {
  .jin-h3-icons.h3-style01 h3,
  .jin-h3-icons.h3-style04 h3 {
    padding-left: 6px !important;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons.h3-style01 h3 .jic:before,
  .jin-h3-icons.h3-style04 h3 .jic:before {
    line-height: 1.3rem;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons.h3-style02 h3 {
    padding-left: 12px !important;
  }
}
@media (min-width: 768px) {
  .jin-h3-icons.h3-style02 h3 {
    padding-left: 14px !important;
  }
}
@media (max-width: 767px) {
  .jin-h3-icons.h3-style02 h3 .jic:before {
    line-height: 1.3rem;
  }
}
.jin-h3-icons.h3-style03 h3 {
  padding-left: 14px !important;
}

@media (max-width: 767px) {
  .jin-h3-icons.h3-style03 h3 .jic:before {
    line-height: 1.3rem;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons h4 {
    padding-left: 8px !important;
  }
}
@media (min-width: 768px) {
  .jin-h4-icons h4 {
    padding-left: 8px !important;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons h4 .jic:before {
    padding-right: 1px;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .jin-h4-icons h4 .jic:before {
    padding-right: 1px;
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons h4 .jin-ifont-check:before {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .jin-h4-icons h4 .jin-ifont-check:before {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons h4 .jin-ifont-checkcircle:before {
    padding-right: 3px;
  }
}
@media (min-width: 768px) {
  .jin-h4-icons h4 .jin-ifont-checkcircle:before {
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons h4 .jin-ifont-clover:before {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .jin-h4-icons h4 .jin-ifont-clover:before {
    font-size: 1.1rem;
    line-height: 2rem;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons h4 .jin-ifont-bookmark:before {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .jin-h4-icons h4 .jin-ifont-bookmark:before {
    font-size: 1.1rem;
    line-height: 1.9rem;
  }
}
.jin-h4-icons.h4-style01 h4 {
  padding-left: 10px !important;
}

@media (max-width: 767px) {
  .jin-h4-icons.h4-style01 h4 .jic:before {
    line-height: 1.1rem;
  }
}
.jin-h4-icons.h4-style02 h4 {
  padding-left: 10px !important;
}

@media (max-width: 767px) {
  .jin-h4-icons.h4-style02 h4 .jic:before {
    line-height: 1.1rem;
  }
}
.jin-h4-icons.h4-style03 h4,
.jin-h4-icons.h4-style04 h4 {
  padding-left: 2px !important;
}

@media (max-width: 767px) {
  .jin-h4-icons.h4-style03 h4 .jic:before {
    line-height: 1.1rem;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons.h4-style03 h4 .jin-ifont-clover:before {
    line-height: 1.4rem;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons.h4-style03 h4 .jin-ifont-bookmark:before {
    line-height: 1.2rem;
  }
}
@media (max-width: 767px) {
  .jin-h4-icons.h4-style04 h4 .jic:before {
    line-height: 1.4rem;
  }
}
.jin-code {
  position: relative;
}

.jin-code pre {
  max-width: 100%;
  border-radius: 4px;
  border-top-left-radius: 0;
  border: 1px solid #ccc;
  background-color: rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 30px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

@media (max-width: 767px) {
  .jin-code pre {
    margin-top: 35px !important;
  }
}
@media (min-width: 768px) {
  .jin-code pre {
    margin-top: 40px !important;
  }
}
.jin-code code {
  font-size: 0.9rem;
  padding: 20px !important;
  padding-left: 0 !important;
}

.jin-code p {
  padding-bottom: 0;
}

.jin-code ol li:before {
  display: none;
}

.jin-code ol li:after {
  color: #888;
  font-size: 0.75rem;
}

@media (max-width: 767px) {
  .jin-code ol li:after {
    left: -7px !important;
    top: 12px;
  }
}
@media (min-width: 768px) {
  .jin-code ol li:after {
    left: -5px !important;
    top: 11px;
  }
}
.jin-code ol li {
  background-color: transparent !important;
  margin-bottom: 2px;
}

pre[class*="language-"].line-numbers > code {
  padding-top: 1px;
}

.code-toolbar .toolbar {
  right: 0.4em !important;
}

.code-toolbar .toolbar a {
  text-decoration: none;
  font-size: 0.75rem !important;
  padding: 4px 9px 5px !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important;
  background-color: #c8c2be !important;
  color: #fff !important;
}

.jin-code-title {
  position: absolute;
  line-height: 0;
  font-size: 0.9rem;
  left: 0;
  top: -28px;
  color: #fff;
  padding: 15px;
  padding-bottom: 13px;
  background: #888;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

@media (min-width: 768px) {
  .jin-code-title {
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .jin-code-title {
    font-weight: 700;
  }
}
.jin-icons {
  font-size: 20px;
}

.jin-iconbox {
  display: flex;
  align-items: center;
  padding: 20px;
  margin: 20px;
  border-radius: 5px;
}

@media (min-width: 768px) {
  .jin-iconbox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.jin-iconbox ul:last-child,
.jin-iconbox ol:last-child {
  margin-bottom: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.jin-iconbox ul li:last-child,
.jin-iconbox ol li:last-child {
  margin-bottom: 0 !important;
}

p + .jin-iconbox {
  margin-top: 0;
}

img + .jin-iconbox {
  margin-top: 5px;
}

.jin-iconbox + p,
.jin-iconbox + img {
  padding-top: 10px;
}

.jin-iconbox-icons {
  padding-right: 14px;
  padding-left: 2px;
}

.jin-iconbox-main {
  padding-left: 15px;
  font-size: 0.95rem;
  line-height: 1.4rem;
}

.yellow-iconbox {
  background-color: #fff9df;
}

.green-iconbox {
  background-color: #e8f9e9;
}

.red-iconbox {
  background-color: #fff0f2;
}

.blue-iconbox {
  background-color: #eef0fa;
}

.yellow--border {
  border-left: 2px dashed #ffe89b;
}

.green--border {
  border-left: 2px dashed #a5edaf;
}

.red--border {
  border-left: 2px dashed #ffd1d1;
}

.blue--border {
  border-left: 2px dashed #d5d9f2;
}

.jin-icon-caution .jin-iconbox-main P,
.jin-icon-star .jin-iconbox-main P,
.jin-icon-bulb .jin-iconbox-main P,
.jin-icon-cart .jin-iconbox-main P,
.jin-icon-speaker .jin-iconbox-main P,
.jin-icon-comment .jin-iconbox-main P,
.jin-icon-checkcircle .jin-iconbox-main P,
.jin-icon-pencil .jin-iconbox-main P,
.jin-icon-like .jin-iconbox-main P,
.jin-icon-information .jin-iconbox-main P,
.jin-icon-gear .jin-iconbox-main P,
.jin-icon-clipboard .jin-iconbox-main P,
.jin-icon-heart .jin-iconbox-main P,
.jin-icon-unlike .jin-iconbox-main P,
.jin-icon-question .jin-iconbox-main P,
.jin-icon-flag .jin-iconbox-main P {
  padding-bottom: 0;
}

.jin-icon-caution .jin-iconbox-main ul,
.jin-icon-caution .jin-iconbox-main ol,
.jin-icon-star .jin-iconbox-main ul,
.jin-icon-star .jin-iconbox-main ol,
.jin-icon-bulb .jin-iconbox-main ul,
.jin-icon-bulb .jin-iconbox-main ol,
.jin-icon-cart .jin-iconbox-main ul,
.jin-icon-cart .jin-iconbox-main ol,
.jin-icon-speaker .jin-iconbox-main ul,
.jin-icon-speaker .jin-iconbox-main ol,
.jin-icon-comment .jin-iconbox-main ul,
.jin-icon-comment .jin-iconbox-main ol,
.jin-icon-checkcircle .jin-iconbox-main ul,
.jin-icon-checkcircle .jin-iconbox-main ol,
.jin-icon-pencil .jin-iconbox-main ul,
.jin-icon-pencil .jin-iconbox-main ol,
.jin-icon-like .jin-iconbox-main ul,
.jin-icon-like .jin-iconbox-main ol,
.jin-icon-information .jin-iconbox-main ul,
.jin-icon-information .jin-iconbox-main ol,
.jin-icon-gear .jin-iconbox-main ul,
.jin-icon-gear .jin-iconbox-main ol,
.jin-icon-clipboard .jin-iconbox-main ul,
.jin-icon-clipboard .jin-iconbox-main ol,
.jin-icon-heart .jin-iconbox-main ul,
.jin-icon-heart .jin-iconbox-main ol,
.jin-icon-unlike .jin-iconbox-main ul,
.jin-icon-unlike .jin-iconbox-main ol,
.jin-icon-question .jin-iconbox-main ul,
.jin-icon-question .jin-iconbox-main ol,
.jin-icon-flag .jin-iconbox-main ul,
.jin-icon-flag .jin-iconbox-main ol {
  padding: 15px 0;
}

.jin-icon-caution,
.jin-icon-star,
.jin-icon-bulb,
.jin-icon-cart {
  background-color: #fff9df;
}

.jin-icon-caution .jin-iconbox-main,
.jin-icon-star .jin-iconbox-main,
.jin-icon-bulb .jin-iconbox-main,
.jin-icon-cart .jin-iconbox-main {
  border-left: 2px dashed #ffe89b;
}

.jin-icon-speaker,
.jin-icon-comment,
.jin-icon-checkcircle,
.jin-icon-pencil {
  background-color: #e8f9e9;
}

.jin-icon-speaker .jin-iconbox-main,
.jin-icon-comment .jin-iconbox-main,
.jin-icon-checkcircle .jin-iconbox-main,
.jin-icon-pencil .jin-iconbox-main {
  border-left: 2px dashed #a5edaf;
}

.jin-icon-like,
.jin-icon-information,
.jin-icon-gear,
.jin-icon-clipboard {
  background-color: #eef0fa;
}

.jin-icon-like .jin-iconbox-main,
.jin-icon-information .jin-iconbox-main,
.jin-icon-gear .jin-iconbox-main,
.jin-icon-clipboard .jin-iconbox-main {
  border-left: 2px dashed #d5d9f2;
}

.jin-icon-heart,
.jin-icon-unlike,
.jin-icon-question,
.jin-icon-flag {
  background-color: #fff0f2;
}

.jin-icon-heart .jin-iconbox-main,
.jin-icon-unlike .jin-iconbox-main,
.jin-icon-question .jin-iconbox-main,
.jin-icon-flag .jin-iconbox-main {
  border-left: 2px dashed #ffd1d1;
}

@media (max-width: 767px) {
  .jin-iconbox {
    margin: 20px 0;
  }
}
.jin-iconbox-icons .jin-icons {
  vertical-align: middle;
}

.jin-iconbox-icons .jin-icons:before {
  padding-bottom: 3px;
}

@media (max-width: 767px) {
  .jin-iconbox-icons .jin-icons:before {
    padding-bottom: 1px;
  }
}
.jin-iconbox-icons .jin-ifont-star.jin-icons,
.jin-iconbox-icons .jin-ifont-bulb.jin-icons,
.jin-iconbox-icons .jin-ifont-cart.jin-icons,
.jin-iconbox-icons .jin-ifont-caution.jin-icons {
  color: #ffbf0e;
}

.jin-iconbox-icons .jin-ifont-checkcircle.jin-icons,
.jin-iconbox-icons .jin-ifont-comment.jin-icons,
.jin-iconbox-icons .jin-ifont-pencil.jin-icons,
.jin-iconbox-icons .jin-ifont-speaker.jin-icons {
  color: #05b483;
}

.jin-iconbox-icons .jin-ifont-information.jin-icons,
.jin-iconbox-icons .jin-ifont-gear.jin-icons,
.jin-iconbox-icons .jin-ifont-clipboard.jin-icons,
.jin-iconbox-icons .jin-ifont-like.jin-icons {
  color: #2f387c;
}

.jin-iconbox-icons .jin-ifont-question.jin-icons,
.jin-iconbox-icons .jin-ifont-flag.jin-icons,
.jin-iconbox-icons .jin-ifont-unlike.jin-icons,
.jin-iconbox-icons .jin-ifont-heart.jin-icons {
  color: #f13d54;
}

.jin-iconbox-icons .fa-twitter.jin-icons {
  color: #0f1419;
}

.jin-iconbox-icons .fa-bitcoin.jin-icons,
.jin-iconbox-icons .fa-amazon.jin-icons {
  color: #ff9902;
}

.jin-iconbox-icons .fa-facebook-square.jin-icons {
  color: #3b469c;
}

.jin-iconbox-icons .fa-instagram.jin-icons {
  color: #c92670;
}

.jin-iconbox-icons .fa-line.jin-icons {
  color: #00b901;
}

@media (max-width: 767px) {
  .jin-2column,
  .jin-3column {
    display: block;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .jin-2column,
  .jin-3column {
    display: block;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .jin-2column,
  .jin-3column {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
.jin-2column p,
.jin-3column p {
  padding-bottom: 0 !important;
}

.jin-2column .color-button01,
.jin-2column .color-button02 {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .jin-2column .color-button01 a,
  .jin-2column .color-button02 a {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
.jin-3column .color-button01,
.jin-3column .color-button02 {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .jin-3column .color-button01 a,
  .jin-3column .color-button02 a {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 767px) {
  .jin-2column-left,
  .jin-2column-right {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .jin-2column-left,
  .jin-2column-right {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .jin-2column-left,
  .jin-2column-right {
    width: 49.2%;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .jin-3column-left,
  .jin-3column-center,
  .jin-3column-right {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .jin-3column-left,
  .jin-3column-center,
  .jin-3column-right {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .jin-3column-left,
  .jin-3column-center,
  .jin-3column-right {
    width: 32.2%;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .page-template-onecolumn .jin-2column,
  .page-template-onecolumn .jin-3column,
  .page-template-lp .jin-2column,
  .page-template-lp .jin-3column {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .page-template-onecolumn .jin-2column .jin-2column-left,
  .page-template-onecolumn .jin-2column .jin-2column-right,
  .page-template-onecolumn .jin-3column .jin-2column-left,
  .page-template-onecolumn .jin-3column .jin-2column-right,
  .page-template-lp .jin-2column .jin-2column-left,
  .page-template-lp .jin-2column .jin-2column-right,
  .page-template-lp .jin-3column .jin-2column-left,
  .page-template-lp .jin-3column .jin-2column-right {
    width: 49.2%;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .page-template-onecolumn .jin-2column .jin-3column-left,
  .page-template-onecolumn .jin-2column .jin-3column-center,
  .page-template-onecolumn .jin-2column .jin-3column-right,
  .page-template-onecolumn .jin-3column .jin-3column-left,
  .page-template-onecolumn .jin-3column .jin-3column-center,
  .page-template-onecolumn .jin-3column .jin-3column-right,
  .page-template-lp .jin-2column .jin-3column-left,
  .page-template-lp .jin-2column .jin-3column-center,
  .page-template-lp .jin-2column .jin-3column-right,
  .page-template-lp .jin-3column .jin-3column-left,
  .page-template-lp .jin-3column .jin-3column-center,
  .page-template-lp .jin-3column .jin-3column-right {
    width: 32.2%;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .page-template-onecolumn .jin-2column-left,
  .page-template-onecolumn .jin-2column-right,
  .page-template-lp .jin-2column-left,
  .page-template-lp .jin-2column-right,
  .page-template-onecolumn .jin-3column-left,
  .page-template-onecolumn .jin-3column-center,
  .page-template-onecolumn .jin-3column-right,
  .page-template-lp .jin-3column-left,
  .page-template-lp .jin-3column-center,
  .page-template-lp .jin-3column-right {
    padding: 30px;
  }
}
.jin-3column-left.col-nocolor,
.jin-3column-center.col-nocolor,
.jin-3column-right.col-nocolor,
.jin-2column-left.col-nocolor,
.jin-2column-right.col-nocolor {
  background-color: transparent !important;
}

@media (max-width: 767px) {
  .jin-3column-left.col-nocolor,
  .jin-3column-center.col-nocolor,
  .jin-3column-right.col-nocolor,
  .jin-2column-left.col-nocolor,
  .jin-2column-right.col-nocolor {
    padding: 10px !important;
  }
}
@media (min-width: 768px) {
  .jin-3column-left.col-nocolor,
  .jin-3column-center.col-nocolor,
  .jin-3column-right.col-nocolor,
  .jin-2column-left.col-nocolor,
  .jin-2column-right.col-nocolor {
    padding: 10px !important;
  }
}
.jin-img-shadow-on img {
  box-shadow: 0px 0px 5px 3px #eee;
}

.jin-img-radius-on img {
  border-radius: 500px;
}

.jin-img-border-on img {
  border: 3px solid #eee;
}

.jin-img-shadow img {
  box-shadow: 0px 3px 7px 1px #bbb;
}

.jin-img-kadomaru img {
  box-shadow: 0px 3px 6px 1px #bbb;
  border-radius: 10px;
}

.jin-img-waku img {
  box-shadow: 0px 4px 6px 1px #ccc;
  padding: 10px;
  border-top: 1px solid #f3f3f3;
}

.jin-img-maruwaku img {
  box-shadow: 0px 4px 6px 1px #ccc;
  border-top: 1px solid #f3f3f3;
  border-radius: 999px;
}

.jin-lp-h2 h2:before,
.jin-lp-h2 h2:after {
  display: none;
}

.jin-lp-h2 h2 {
  border: none;
  background-color: none !important;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-size: 1rem;
}

.jin-lp-h2 h2 {
  display: block !important;
  text-align: center;
}

@media (max-width: 767px) {
  .jin-lp-h2 h2 {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding-bottom: 10px;
    padding-top: 20px;
    margin-bottom: 25px;
    text-align: center;
    font-weight: 700 !important;
  }
}
@media (min-width: 768px) {
  .jin-lp-h2 h2 {
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding-bottom: 10px;
    padding-top: 40px;
    margin-bottom: 25px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .jinlph2-style1 h2:first-letter {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .jinlph2-style1 h2:first-letter {
    font-size: 2.2rem;
  }
}
.jinlph2-style2 h2 {
  border-bottom: 2px solid #f7f7f7;
}

.jinlph2-style3 h2 {
  border: 2px solid #f7f7f7;
}

@media (max-width: 767px) {
  .jinlph2-style3 h2 {
    margin-top: 20px;
    padding: 15px !important;
    font-weight: 500 !important;
  }
}
@media (min-width: 768px) {
  .jinlph2-style3 h2 {
    margin-top: 30px;
    padding: 20px !important;
  }
}
@media (max-width: 767px) {
  .jincol-h3 {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-bottom: 5px;
    padding-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .jincol-h3 {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-bottom: 10px;
    margin-bottom: 25px;
    text-align: center;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .jincolumn-h3style1 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .jincolumn-h3style1 {
    padding-bottom: 0 !important;
  }
}
.jincolumn-h3style2 {
  border-bottom: 2px solid #ccc;
}

.jin-sen {
  padding-top: 20px;
  padding-bottom: 50px;
}

.jin-sen .jin-sen-solid,
.jin-sen .jin-sen-dashed,
.jin-sen .jin-sen-double {
  width: 100%;
}

.jin-sen .jin-sen-solid {
  border-top: 3px solid #f7f7f7;
  border-radius: 20px;
}

.jin-sen .jin-sen-dashed {
  border-top: 3px dashed #f7f7f7;
}

.jin-sen .jin-sen-double {
  border-top: 3px double #f7f7f7;
}

.jin-yohaku10,
.jin-yohaku15,
.jin-yohaku20,
.jin-yohaku25,
.jin-yohaku30,
.jin-yohaku35,
.jin-yohaku40,
.jin-yohaku45,
.jin-yohaku50 {
  width: 100%;
}

.jin-yohaku10 {
  height: 10px;
}

.jin-yohaku15 {
  height: 15px;
}

.jin-yohaku20 {
  height: 20px;
}

.jin-yohaku25 {
  height: 25px;
}

.jin-yohaku30 {
  height: 30px;
}

.jin-yohaku35 {
  height: 35px;
}

.jin-yohaku40 {
  height: 40px;
}

.jin-yohaku45 {
  height: 45px;
}

.jin-yohaku50 {
  height: 50px;
}

.jin-photo-title .jin-fusen1-down,
.jin-photo-title .jin-fusen1-even,
.jin-photo-title .jin-fusen1-up {
  display: inline-block;
  background: #fff;
  margin: 15px 0;
  padding: 10px 25px 10px 15px;
  border-left: 20px solid #3b4675;
  box-shadow: 2px 2px 5px 1px #f3f3f3;
}

.jin-photo-title .jin-fusen1-down {
  transform: rotate(2deg);
}

.jin-photo-title .jin-fusen1-up {
  transform: rotate(-2deg);
}

.jin-photo-title .jin-fusen2,
.jin-photo-title .jin-fusen3 {
  position: relative;
  display: inline-block;
  margin: 15px 0;
  color: #fff;
  background: #3b4675;
  border-radius: 50px;
  padding: 10px 20px;
  z-index: 20;
}

.jin-photo-title .jin-fusen2 {
  border-radius: 2px;
}

.jin-photo-title .jin-fusen2:before,
.jin-photo-title .jin-fusen3:before {
  position: absolute;
  content: "";
  bottom: -9px;
  margin-left: -15px;
  border-top: 10px solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
  border-top-color: #3b4675;
}

.jin-photo-title .jin-fusen2:before {
  left: 40px;
}

.jin-photo-title .jin-fusen3:before {
  left: 45px;
}

.jin-photo-title .jin-fusen1-down,
.jin-photo-title .jin-fusen1-even,
.jin-photo-title .jin-fusen1-up,
.jin-photo-title .jin-fusen2,
.jin-photo-title .jin-fusen3 {
  font-size: 0.95rem;
  line-height: 1.25rem;
  letter-spacing: 0;
}

.jic:before {
  display: inline-block !important;
}

@media (max-width: 767px) {
  .jic:before {
    vertical-align: bottom;
    padding-right: 3px;
    padding-bottom: 3px;
  }
}
.jic-sc {
  margin-left: 3px;
  margin-right: 3px;
  line-height: 1.1rem;
}

.jin-code-icon-bulb,
.jin-code-icon-account,
.jin-code-icon-star,
.jin-code-icon-star-half,
.jin-code-icon-star-blank {
  margin-left: 1px;
  margin-right: 1px;
}

@keyframes jin-shiny {
  0% {
    transform: translateX(-100px);
  }
  20% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(300px);
  }
}
@keyframes jin-float {
  50% {
    transform: scale(1.07);
  }
}
@keyframes jin-bound {
  0% {
    transform: translateY(0px);
  }
  5% {
    transform: translateY(-10px);
  }
  12% {
    transform: translateY(0px);
  }
  18% {
    transform: translateY(-10px);
  }
  24% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
.cps-post-main p + .jin-flexbox {
  margin-top: -40px;
}

.jin-flexbox {
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  .jin-flexbox a {
    font-weight: 700;
  }
}
.jin-flexbox a:hover {
  opacity: 1;
}

.jin-flexbox .jsb-visual-shiny {
  position: relative;
}

.jin-flexbox .jsb-visual-shiny:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 130px;
  opacity: 0.5;
  filter: blur(30px);
  transform: skewX(-15deg);
  animation: 3s jin-shiny ease infinite;
}

.jin-flexbox .jsb-visual-float {
  animation: 2s jin-float ease infinite;
}

.jin-flexbox .jsb-visual-bound {
  animation: 2s jin-bound ease infinite;
}

.jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-down a,
.jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-up a,
.jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-hop a {
  will-change: transform;
}

.jin-flexbox .jsb-hover-down a:hover {
  transform: scale(0.95);
}

.jin-flexbox .jsb-hover-up a:hover {
  transform: scale(1.05);
}

.jin-flexbox .jsb-hover-hop a:hover {
  transform: translateY(-7px);
  box-shadow: 0px 5px 15px -5px #ddd;
}

@media (max-width: 767px) {
  .jsb-sp-2col-off {
    display: block !important;
    text-align: center;
  }
  .jsb-sp-2col-off .jin-shortcode-button a {
    padding: 16px 80px;
    margin: 6px 0;
  }
  .jsb-sp-2col-off p {
    padding-bottom: 0;
  }
  .jsb-sp-2col-on .jin-shortcode-button a {
    padding: 12px 24px;
    font-size: 14px;
  }
}
.jin-shortcode-button {
  transition: all 0.3s ease 0s;
  will-change: transform;
  margin-left: 5px;
  margin-right: 5px;
}

.jin-shortcode-button a {
  display: inline-block;
  font-size: 17px;
  margin: 20px 0;
  background: #54dcef;
  border-radius: 50px;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0px 5px 15px -5px #ccc;
  text-align: center;
}

@media (max-width: 767px) {
  .jin-shortcode-button a {
    padding: 15px 40px;
  }
}
@media (min-width: 768px) {
  .jin-shortcode-button a {
    padding: 15px 40px;
  }
}
@media (min-width: 1024px) {
  .jin-shortcode-button a {
    padding: 19px 80px;
  }
}
.gb-two-button-box {
  margin-top: 30px;
  text-align: center;
}

.gb-two-button-box .jin-flexbox {
  display: inline-block;
}

.gb-two-button-box .jin-shortcode-button {
  display: inline;
}

@media (max-width: 767px) {
  .gb-two-button-box .jin-shortcode-button a {
    padding: 12px 30px;
  }
}
@media (min-width: 768px) {
  .gb-two-button-box .jin-shortcode-button a {
    padding: 15px 30px;
  }
}
@media (min-width: 1024px) {
  .gb-two-button-box .jin-shortcode-button a {
    padding: 15px 60px;
  }
}
.gb-two-button-box .color-button01,
.gb-two-button-box .color-button02 {
  display: inline-block;
}

@media (max-width: 767px) {
  .gb-two-button-box .color-button01 a,
  .gb-two-button-box .color-button02 a {
    padding: 15px 20px !important;
  }
}
@media (min-width: 768px) {
  .gb-two-button-box .color-button01 a,
  .gb-two-button-box .color-button02 a {
    padding: 15px 30px !important;
  }
}
@media (min-width: 1024px) {
  .gb-two-button-box .color-button01 a,
  .gb-two-button-box .color-button02 a {
    padding: 15px 60px !important;
  }
}
.balloon-box {
  position: relative;
  overflow: hidden;
  padding-bottom: 3px;
}

.balloon-icon {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .balloon-icon {
    width: 60px;
    height: 60px;
  }
}
.balloon-icon.maru {
  border: 2px solid #eee;
  border-radius: 40px;
}

.icon-name {
  position: absolute;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.7rem !important;
  color: #777;
}

@media (max-width: 767px) {
  .icon-name {
    width: 60px;
    top: 62px;
    font-size: 9px;
  }
}
@media (min-width: 768px) {
  .icon-name {
    width: 80px;
    top: 85px;
    font-size: 10px;
  }
}
.balloon-icon img {
  width: 80px;
  height: auto;
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .balloon-icon img {
    width: 60px;
  }
}
.balloon-serif .balloon-content img.star {
  width: 24%;
  padding-bottom: 1px;
  margin-bottom: -3px !important;
}

@media (max-width: 767px) {
  .balloon-serif .balloon-content img.star {
    width: 38%;
    padding-bottom: 2px;
  }
}
.balloon-content p:last-of-type {
  padding-bottom: 0 !important;
}

.balloon-left .balloon-icon {
  left: 0;
}

.balloon-left .icon-name {
  left: 0;
}

.balloon-left .balloon-serif {
  position: relative;
  float: left;
  margin: 0 105px 40px;
  padding: 0;
}

@media (max-width: 767px) {
  .balloon-left .balloon-serif {
    margin: 0 0 30px 78px;
  }
}
.balloon-left .balloon-serif:before {
  content: "";
  position: absolute;
  left: -7px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  z-index: 3;
}

@media (max-width: 767px) {
  .balloon-left .balloon-serif:before {
    top: 13px;
  }
}
@media (min-width: 768px) {
  .balloon-left .balloon-serif:before {
    top: 16px;
  }
}
.balloon-left .balloon-serif:after {
  content: "";
  position: absolute;
  left: -10px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  z-index: 2;
}

@media (max-width: 767px) {
  .balloon-left .balloon-serif:after {
    top: 12px;
  }
}
@media (min-width: 768px) {
  .balloon-left .balloon-serif:after {
    top: 15px;
  }
}
.balloon-left .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2;
}

@media (max-width: 767px) {
  .balloon-left .balloon-serif .balloon-content {
    padding: 0.8rem;
  }
}
@media (min-width: 768px) {
  .balloon-left .balloon-serif .balloon-content {
    padding: 1.15rem;
  }
}
.balloon-right .balloon-icon {
  right: 0;
}

.balloon-right .icon-name {
  right: 0;
}

.balloon-right .balloon-serif {
  position: relative;
  float: right;
  margin: 0 105px 40px;
  padding: 0;
}

@media (max-width: 767px) {
  .balloon-right .balloon-serif {
    margin: 0 78px 30px 0;
  }
}
.balloon-right .balloon-serif:before {
  content: "";
  position: absolute;
  right: -7px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  z-index: 3;
}

@media (max-width: 767px) {
  .balloon-right .balloon-serif:before {
    top: 13px;
  }
}
@media (min-width: 768px) {
  .balloon-right .balloon-serif:before {
    top: 16px;
  }
}
.balloon-right .balloon-serif:after {
  content: "";
  position: absolute;
  right: -10px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  z-index: 2;
}

@media (max-width: 767px) {
  .balloon-right .balloon-serif:after {
    top: 12px;
  }
}
@media (min-width: 768px) {
  .balloon-right .balloon-serif:after {
    top: 15px;
  }
}
.balloon-right .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2;
}

@media (max-width: 767px) {
  .balloon-right .balloon-serif .balloon-content {
    padding: 0.8rem;
  }
}
@media (min-width: 768px) {
  .balloon-right .balloon-serif .balloon-content {
    padding: 1.15rem;
  }
}
.balloon-box ol li {
  position: relative;
  display: block;
  padding: 1px 0 5px 25px;
  margin-bottom: 0.15em;
}

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

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

.balloon-right.balloon-gray .balloon-content,
.balloon-right.has-ccc-ballon .balloon-content {
  border-color: #ccc;
}

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

.balloon-left.balloon-gray .balloon-content,
.balloon-left.has-ccc-ballon .balloon-content {
  border-color: #ccc;
}

.balloon-right.balloon-bg-gray .balloon-serif:before,
.balloon-right.has-efefef-bgballon .balloon-serif:before {
  border-color: transparent transparent transparent #efefef;
}

.balloon-right.balloon-bg-gray .balloon-content,
.balloon-right.has-efefef-bgballon .balloon-content {
  background: #efefef;
}

.balloon-left.balloon-bg-gray .balloon-serif:before,
.balloon-left.has-efefef-bgballon .balloon-serif:before {
  border-color: transparent #efefef transparent transparent;
}

.balloon-left.balloon-bg-gray .balloon-content,
.balloon-left.has-efefef-bgballon .balloon-content {
  background: #efefef;
}

.balloon-right.balloon-blue .balloon-serif:after,
.balloon-right.has-93-d-2-f-0-ballon .balloon-serif:after {
  border-color: transparent transparent transparent #93d2f0;
}

.balloon-right.balloon-blue .balloon-content,
.balloon-right.has-93-d-2-f-0-ballon .balloon-content {
  border-color: #93d2f0;
}

.balloon-left.balloon-blue .balloon-serif:after,
.balloon-left.has-93-d-2-f-0-ballon .balloon-serif:after {
  border-color: transparent #93d2f0 transparent transparent;
}

.balloon-left.balloon-blue .balloon-content,
.balloon-left.has-93-d-2-f-0-ballon .balloon-content {
  border-color: #93d2f0;
}

.balloon-right.balloon-bg-blue .balloon-serif:before,
.balloon-right.has-e-2-f-6-ff-bgballon .balloon-serif:before {
  border-color: transparent transparent transparent #e2f6ff;
}

.balloon-right.balloon-bg-blue .balloon-content,
.balloon-right.has-e-2-f-6-ff-bgballon .balloon-content {
  background: #e2f6ff;
}

.balloon-left.balloon-bg-blue .balloon-serif:before,
.balloon-left.has-e-2-f-6-ff-bgballon .balloon-serif:before {
  border-color: transparent #e2f6ff transparent transparent;
}

.balloon-left.balloon-bg-blue .balloon-content,
.balloon-left.has-e-2-f-6-ff-bgballon .balloon-content {
  background: #e2f6ff;
}

.balloon-right.balloon-red .balloon-serif:after,
.balloon-right.has-f-48789-ballon .balloon-serif:after {
  border-color: transparent transparent transparent #f48789;
}

.balloon-right.balloon-red .balloon-content,
.balloon-right.has-f-48789-ballon .balloon-content {
  border-color: #f48789;
}

.balloon-left.balloon-red .balloon-serif:after,
.balloon-left.has-f-48789-ballon .balloon-serif:after {
  border-color: transparent #f48789 transparent transparent;
}

.balloon-left.balloon-red .balloon-content,
.balloon-left.has-f-48789-ballon .balloon-content {
  border-color: #f48789;
}

.balloon-right.balloon-bg-red .balloon-serif:before,
.balloon-right.has-ffebeb-bgballon .balloon-serif:before {
  border-color: transparent transparent transparent #ffebeb;
}

.balloon-right.balloon-bg-red .balloon-content,
.balloon-right.has-ffebeb-bgballon .balloon-content {
  background: #ffebeb;
}

.balloon-left.balloon-bg-red .balloon-serif:before,
.balloon-left.has-ffebeb-bgballon .balloon-serif:before {
  border-color: transparent #ffebeb transparent transparent;
}

.balloon-left.balloon-bg-red .balloon-content,
.balloon-left.has-ffebeb-bgballon .balloon-content {
  background: #ffebeb;
}

.balloon-right.balloon-green .balloon-serif:after,
.balloon-right.has-9-ddd-93-ballon .balloon-serif:after {
  border-color: transparent transparent transparent #9ddd93;
}

.balloon-right.balloon-green .balloon-content,
.balloon-right.has-9-ddd-93-ballon .balloon-content {
  border-color: #9ddd93;
}

.balloon-left.balloon-green .balloon-serif:after,
.balloon-left.has-9-ddd-93-ballon .balloon-serif:after {
  border-color: transparent #9ddd93 transparent transparent;
}

.balloon-left.balloon-green .balloon-content,
.balloon-left.has-9-ddd-93-ballon .balloon-content {
  border-color: #9ddd93;
}

.balloon-right.balloon-bg-green .balloon-serif:before,
.balloon-right.has-d-1-f-8-c-2-bgballon .balloon-serif:before {
  border-color: transparent transparent transparent #d1f8c2;
}

.balloon-right.balloon-bg-green .balloon-content,
.balloon-right.has-d-1-f-8-c-2-bgballon .balloon-content {
  background: #d1f8c2;
}

.balloon-left.balloon-bg-green .balloon-serif:before,
.balloon-left.has-d-1-f-8-c-2-bgballon .balloon-serif:before {
  border-color: transparent #d1f8c2 transparent transparent;
}

.balloon-left.balloon-bg-green .balloon-content,
.balloon-left.has-d-1-f-8-c-2-bgballon .balloon-content {
  background: #d1f8c2;
}

.balloon-right.balloon-yellow .balloon-serif:after,
.balloon-right.has-ffd-75-e-ballon .balloon-serif:after {
  border-color: transparent transparent transparent #ffd75e;
}

.balloon-right.balloon-yellow .balloon-content,
.balloon-right.has-ffd-75-e-ballon .balloon-content {
  border-color: #ffd75e;
}

.balloon-left.balloon-yellow .balloon-serif:after,
.balloon-left.has-ffd-75-e-ballon .balloon-serif:after {
  border-color: transparent #ffd75e transparent transparent;
}

.balloon-left.balloon-yellow .balloon-content,
.balloon-left.has-ffd-75-e-ballon .balloon-content {
  border-color: #ffd75e;
}

.balloon-right.balloon-bg-yellow .balloon-serif:before,
.balloon-right.has-fff-8-d-1-bgballon .balloon-serif:before {
  border-color: transparent transparent transparent #fff8d1;
}

.balloon-right.balloon-bg-yellow .balloon-content,
.balloon-right.has-fff-8-d-1-bgballon .balloon-content {
  background: #fff8d1;
}

.balloon-left.balloon-bg-yellow .balloon-serif:before,
.balloon-left.has-fff-8-d-1-bgballon .balloon-serif:before {
  border-color: transparent #fff8d1 transparent transparent;
}

.balloon-left.balloon-bg-yellow .balloon-content,
.balloon-left.has-fff-8-d-1-bgballon .balloon-content {
  background: #fff8d1;
}

.balloon-right.balloon-bg-none .balloon-serif:before,
.balloon-right.has-fff-bgballon .balloon-serif:before {
  border-color: transparent transparent transparent #fff;
}

.balloon-right.balloon-bg-none .balloon-content,
.balloon-right.has-fff-bgballon .balloon-content {
  background: #fff;
}

.balloon-left.balloon-bg-none .balloon-serif:before,
.balloon-left.has-fff-bgballon .balloon-serif:before {
  border-color: transparent #fff transparent transparent;
}

.balloon-left.balloon-bg-none .balloon-content,
.balloon-left.has-fff-bgballon .balloon-content {
  background: #fff;
}

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

.balloon-left.balloon-none .balloon-serif:before,
.balloon-left.has-fff-ballon .balloon-serif:before {
  left: -9px;
}

.balloon-right.balloon-none .balloon-serif:before,
.balloon-right.has-fff-ballon .balloon-serif:before {
  right: -9px;
}

.ranking-number {
  height: auto;
}

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

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

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

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

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

@media (max-width: 767px) {
  h2 .ranking-number-girly,
  h3 .ranking-number-girly {
    width: 45px;
  }
}
@media (min-width: 768px) {
  h2 .ranking-number-girly,
  h3 .ranking-number-girly {
    width: 50px;
  }
}
h2 .ranking-number:after,
h3 .ranking-number:after,
h2 .ranking-number-rich:after,
h3 .ranking-number-rich:after,
h2 .ranking-number-girly:after,
h3 .ranking-number-girly:after {
  content: "";
  position: absolute;
  clear: both;
}

.jin-ac-box01,
.jin-ac-box02 {
  margin-bottom: 20px;
}

.jin-ac-box01-title,
.jin-ac-box02-title {
  padding: 15px 20px;
  padding-right: 55px;
  box-shadow: 0 2px 6px 0px #dedede;
  font-weight: 700;
  border-radius: 4px;
  position: relative;
  font-size: 1.1rem;
  line-height: 1.5rem;
  z-index: 1;
  background: #fff;
}

@media (max-width: 767px) {
  .jin-ac-box01-title,
  .jin-ac-box02-title {
    font-size: 1rem;
    line-height: 1.4rem;
    padding-right: 50px;
  }
}
.jin-ac-box01-title:after,
.jin-ac-box02-title:after {
  position: absolute;
  content: "\e932";
  font-family: "jin-icons";
  right: 20px;
  top: 17px;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .jin-ac-box01-title:after,
  .jin-ac-box02-title:after {
    right: 15px;
    top: 15px;
  }
}
.jin-ac-box02-title {
  padding-left: 55px;
}

@media (max-width: 767px) {
  .jin-ac-box02-title {
    padding-left: 50px;
  }
}
.jin-ac-box02-title:before {
  position: absolute;
  content: "\e99d";
  font-family: "jin-icons";
  left: 20px;
  top: 14px;
  font-size: 1.25em;
  color: #4f5ed2;
}

.jin-ac-box02-title:after {
  color: #4f5ed2;
}

.jin-ac-box01-inner,
.jin-ac-box02-inner {
  border-radius: 4px;
  margin-top: 15px;
}

.jin-ac-box01-inner p,
.jin-ac-box02-inner p {
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .jin-ac-box01-inner p,
  .jin-ac-box02-inner p {
    line-height: 1.45rem;
  }
}
.jin-ac-box01-inner {
  padding: 30px 30px 0;
  background: #f7f7f7;
}

@media (max-width: 767px) {
  .jin-ac-box01-inner {
    padding: 20px 20px 0;
  }
}
.jin-ac-box02-inner {
  position: relative;
  padding: 30px 30px 0 55px;
  background: #fff5f4;
}

@media (max-width: 767px) {
  .jin-ac-box02-inner {
    padding: 25px 20px 0 50px;
  }
}
.jin-ac-box02-inner:before {
  position: absolute;
  content: "\e99c";
  font-family: "jin-icons";
  left: 20px;
  top: 31px;
  font-size: 1.25em;
  color: #f1487c;
}

@media (max-width: 767px) {
  .jin-ac-box02-inner:before {
    top: 26px;
  }
}
body#nts-style input[type="text"],
body#nts-style input[type="search"] {
  font-family: "Noto Sans Japanese", sans-serif;
}

@media (max-width: 767px) {
  body#nts-style .sp-menu-box ul.menu-box li a:before {
    left: 3px;
    top: 21px;
  }
}
body#rm-style input[type="text"],
body#rm-style input[type="search"] {
  font-family: "Rounded Mplus 1c", sans-serif;
}

@media (max-width: 767px) {
  body#rm-style {
    font-weight: 400;
  }
  body#rm-style ul.menu-box > li > a:before {
    top: 20px;
  }
}
@media (min-width: 768px) {
  body#rm-style {
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  body#rm-style p {
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  body#rm-style p {
    font-weight: 300;
  }
}
@media (max-width: 767px) {
  body#rm-style .sp-menu-box ul li a {
    font-weight: 500 !important;
  }
}
@media (max-width: 767px) {
  body#rm-style .sp-menu-box ul li ul li a {
    font-weight: 300 !important;
  }
}
@media (max-width: 767px) {
  body#rm-style .sp-menu-box ul.menu-box li a:before {
    left: 0;
    line-height: 0;
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  body#rm-style .sp-menu-box ul.menu-box > li > ul > li a:before {
    left: 7px;
  }
}
@media (max-width: 767px) {
  body#rm-style .cps-post-title,
  body#rm-style .new-entry-item-title,
  body#rm-style .info-title,
  body#rm-style #prev-next p,
  body#rm-style .myname,
  body#rm-style .widgettitle,
  body#rm-style .toppost-list-box label,
  body#rm-style .pickup-title,
  body#rm-style .profile-name {
    font-weight: 400 !important;
  }
}
@media (min-width: 768px) {
  body#rm-style .cps-post-title,
  body#rm-style .new-entry-item-title,
  body#rm-style .info-title,
  body#rm-style #prev-next p,
  body#rm-style .myname,
  body#rm-style .widgettitle,
  body#rm-style .toppost-list-box label,
  body#rm-style .pickup-title,
  body#rm-style .profile-name {
    font-weight: 400 !important;
  }
}
@media (max-width: 767px) {
  body#rm-style .kaisetsu-box1-title,
  body#rm-style .kaisetsu-box2-title,
  body#rm-style .kaisetsu-box3-title,
  body#rm-style .kaisetsu-box4-title,
  body#rm-style .kaisetsu-box5-title,
  body#rm-style .cps-post-main-box h2,
  body#rm-style .cps-post-main-box h3,
  body#rm-style .cps-post-main-box h4,
  body#rm-style .cps-post-main-box h5,
  body#rm-style .ranking-title01,
  body#rm-style .ranking-title02,
  body#rm-style .ranking-title03,
  body#rm-style .cps-post-main table.cps-table03 th,
  body#rm-style .related-entry-headline-text span {
    font-weight: 500 !important;
  }
}
@media (min-width: 768px) {
  body#rm-style .kaisetsu-box1-title,
  body#rm-style .kaisetsu-box2-title,
  body#rm-style .kaisetsu-box3-title,
  body#rm-style .kaisetsu-box4-title,
  body#rm-style .kaisetsu-box5-title,
  body#rm-style .cps-post-main-box h2,
  body#rm-style .cps-post-main-box h3,
  body#rm-style .cps-post-main-box h4,
  body#rm-style .cps-post-main-box h5,
  body#rm-style .ranking-title01,
  body#rm-style .ranking-title02,
  body#rm-style .ranking-title03,
  body#rm-style .cps-post-main table.cps-table03 th,
  body#rm-style .related-entry-headline-text span {
    font-weight: 400 !important;
  }
}
body#rm-style .top-image-meta,
body#rm-style .fixed-content a,
body#rm-style .cps-post-date,
body#rm-style .myintro,
body#rm-style .myjob,
body#rm-style .textwidget,
body#rm-style .tagcloud a,
body#rm-style .profile-desc,
body#rm-style .new-entry-item-title,
body#rm-style .widget ul li a,
body#rm-style .widget_categories ul li a,
body#rm-style .widget_recent_comments .recentcomments {
  font-weight: 400 !important;
}

body#rm-style .post-list-link .post-title {
  font-weight: 400;
}

body#rm-style .kaisetsu-box1:after,
body#rm-style .kaisetsu-box2:after,
body#rm-style .kaisetsu-box4:after,
body#rm-style .kaisetsu-box5:after,
body#rm-style .innerlink-box1:after {
  font-family: "jin-icons", "Rounded Mplus 1c", sans-serif;
}

body#rm-style .ef,
body#rm-style #prev-next a.prev:after,
body#rm-style #prev-next a.next:after {
  font-family: "Quicksand", "Rounded Mplus 1c", sans-serif;
}

@media (max-width: 767px) {
  body#rm-style strong {
    font-weight: 700 !important;
  }
}
@media (min-width: 768px) {
  body#rm-style strong {
    font-weight: 500 !important;
  }
}
body#rm-style .widget_nav_menu ul > li > a:before,
body#rm-style .widget_categories ul > li > a:before {
  padding-top: 0;
  top: 23px;
}

body#rm-style .widget_nav_menu ul > li > ul > li > a:before,
body#rm-style .widget_categories ul > li > ul > li > a:before {
  top: 12px;
}

body#rm-style .widget_nav_menu ul > li > ul > li > ul > li > a:before,
body#rm-style .widget_categories ul > li > ul > li > ul > li > a:before {
  top: 2px;
}

@media (min-width: 768px) {
  body#rm-style #breadcrumb .bcHome span:before {
    top: -7px;
  }
}
body#rm-style .widget_recent_comments ul li > a:before {
  top: 0;
}

@media (min-width: 768px) {
  body#rm-style .blog-card-hl-box {
    padding-top: 6px;
  }
}
body#rm-style .blog-card .blog-card-hl:after {
  top: 8px;
}

.amazonjs_item ul:not([class]) li:before {
  display: none;
}

.amazonjs_item h4:before {
  background-color: #fff !important;
}

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

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

#toc_container.contracted .toc_title {
  padding: 0 40px;
}

@media (max-width: 767px) {
  #toc_container.contracted .toc_title {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
}
@media (min-width: 768px) {
  #toc_container.contracted .toc_title {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
}
#toc_container .toc_title {
  text-align: center;
  position: relative;
  line-height: 2rem;
}

@media (max-width: 767px) {
  #toc_container .toc_title {
    margin-bottom: 0;
    margin-top: 35px;
    font-size: 1.45rem;
  }
}
@media (min-width: 768px) {
  #toc_container .toc_title {
    margin-bottom: 10px;
    margin-top: 45px;
    font-size: 1.65rem;
  }
}
#toc_container ul:not([class]) li:before {
  display: none;
}

#toc_container .toc_list {
  list-style-type: none !important;
  counter-reset: li;
}

@media (max-width: 767px) {
  #toc_container .toc_list {
    padding: 0 25px;
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) {
  #toc_container .toc_list {
    padding: 0 60px;
    padding-bottom: 40px;
  }
}
#toc_container .toc_list > li {
  list-style-type: none !important;
  position: relative;
  margin-left: 6px;
  padding-left: 40px;
  margin-bottom: 5px;
  padding-bottom: 4px;
  line-height: 1.35rem;
}

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

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

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

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

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

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

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

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

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

#toc_container .toc_list > li > ul > li a {
  position: relative;
  text-decoration: none !important;
}

@media (max-width: 767px) {
  #toc_container .toc_list > li > ul > li a {
    line-height: 1.15rem;
    font-size: 0.8rem;
  }
}
@media (min-width: 768px) {
  #toc_container .toc_list > li > ul > li a {
    line-height: 1.25rem;
    font-size: 0.85rem;
  }
}
#toc_container .toc_list > li > ul li a:before {
  position: absolute;
  content: "・";
  font-size: 2rem;
  left: -25px;
  top: 0;
}

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

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

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

.toc_number {
  display: none;
}

.widget label {
  display: block;
}

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

.wpcf7 {
  margin: 30px auto !important;
  padding: 40px 30px !important;
  padding-bottom: 0 !important;
  background: rgba(215, 215, 215, 0.15);
}

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

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

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

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

.yyi-rinker-contents p {
  padding: 0;
}

.yyi-rinker-contents img {
  margin-bottom: 0;
}

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

@media all and (-ms-high-contrast: none) {
  .my-profile .profile-sns-menu ul .pro-line a {
    padding-top: 3px !important;
  }
  .profile-follow .line-sns a {
    padding-top: 6px !important;
  }
}
@media (max-width: 767px) {
  .android .pro-contact a,
  .android .pro-insta a {
    padding-left: 5px !important;
  }
  .android .contact-sns a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 7px !important;
    padding-bottom: 2px !important;
  }
  .android .head-sp-menu-bar ul li a {
    font-weight: 500 !important;
  }
  .android input.search-text::-webkit-input-placeholder {
    padding-top: 3px;
  }
  .android input.search-text {
    margin-top: 2px;
  }
  .android .sp-menu-box ul li a:before {
    top: 9px !important;
    line-height: 20px;
    overflow: visible;
  }
  .android .sp-menu-box ul li ul li a:before {
    top: 4px !important;
  }
  .android .pickup-title {
    font-size: 10px !important;
    letter-spacing: 0 !important;
  }
  .android .widget_categories ul > li > a:before,
  .android .widget_nav_menu ul > li > a:before {
    top: 21px;
  }
  .android .widget_categories ul > li > ul > li > a:before,
  .android .widget_nav_menu ul > li > ul > li > a:before {
    top: 12px;
  }
  .android .widget_categories ul .count {
    top: 11px;
  }
  .android .widget_archive ul .count {
    top: 10px;
  }
  .android .widget_categories ul ul .count {
    top: 0;
  }
  .android .cps-post-main ul:not([class]) li:before,
  .android .cps-post-main table ul:not([class]) li:before {
    top: 0.5em;
  }
  .android .cps-post-main ol > li:after,
  .android .cps-post-main table ol:not([class]) li:after {
    width: 20px;
    height: 20px;
    left: 0;
    top: 11px;
  }
  .android .cps-post-main ol > li:before,
  .android .cps-post-main table ol:not([class]) li:before {
    left: 0;
    height: 20px;
    width: 20px;
    top: 0;
  }
  .android .cps-post-main table {
    border-collapse: separate !important;
    border-spacing: 0;
  }
  .android .cps-post-main table th,
  .android .cps-post-main table td {
    border-top: none;
    border-left: none;
  }
  .android .cps-post-main table td:last-child {
    border-right: none;
  }
  .android .cps-post-main table tr:last-child th,
  .android .cps-post-main table tr:last-child td {
    border-bottom: none;
  }
  .android #prev-next .prev .metabox img,
  .android #prev-next .next .metabox img {
    width: 150px !important;
    max-height: 112px;
  }
}
_::-webkit-full-page-media,
_:future,
:root .headsns .line a {
  margin: 0 1px !important;
}

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

@media (min-width: 768px) {
  _::-webkit-full-page-media,
  _:future,
  :root .pro-insta a {
    padding-top: 8px !important;
  }
  _::-webkit-full-page-media,
  _:future,
  :root .pro-youtube a {
    padding-top: 7px !important;
  }
  _::-webkit-full-page-media,
  _:future,
  :root body#nts-style .blog-card-hl-box {
    padding-top: 5px;
  }
  _::-webkit-full-page-media,
  _:future,
  :root .blog-card-hl-box {
    padding-top: 6px;
  }
  _::-webkit-full-page-media,
  _:future,
  :root .blog-card .blog-card-hl:after {
    top: 7px;
  }
}
@media (min-width: 1024px) {
  _::-webkit-full-page-media,
  _:future,
  :root .post-list-mag,
  _::-webkit-full-page-media,
  _:future,
  :root .post-list,
  _::-webkit-full-page-media,
  _:future,
  :root .related-entry-section,
  _::-webkit-full-page-media,
  _:future,
  :root #prev-next,
  _::-webkit-full-page-media,
  _:future,
  :root .widget_nav_menu ul > li > a,
  _::-webkit-full-page-media,
  _:future,
  :root .widget_categories ul > li > a,
  _::-webkit-full-page-media,
  _:future,
  :root .myintro,
  _::-webkit-full-page-media,
  _:future,
  :root .myname,
  _::-webkit-full-page-media,
  _:future,
  :root .widget a,
  _::-webkit-full-page-media,
  _:future,
  :root .widget div,
  _::-webkit-full-page-media,
  _:future,
  :root .myjob {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  _::-webkit-full-page-media,
  _:future,
  :root .post-list-mag .post-list-title,
  _::-webkit-full-page-media,
  _:future,
  :root .post-list .post-list-title,
  _::-webkit-full-page-media,
  _:future,
  :root .related-entry-section .post-list-title,
  _::-webkit-full-page-media,
  _:future,
  :root #prev-next p,
  _::-webkit-full-page-media,
  _:future,
  :root .pickup-title {
    font-weight: 700 !important;
  }
  _::-webkit-full-page-media,
  _:future,
  :root .cps-post-main ol > li:after {
    top: 13px;
  }
}
@font-face {
  font-family: "jin-icons";
  src:
    url(//webmarks.co.jp/wp-content/themes/jin/font/jin-icons/fonts/jin-icons.ttf?c16tcv)
      format("truetype"),
    url(//webmarks.co.jp/wp-content/themes/jin/font/jin-icons/fonts/jin-icons.woff?c16tcv)
      format("woff"),
    url(//webmarks.co.jp/wp-content/themes/jin/font/jin-icons/fonts/jin-icons.svg?c16tcv#jin-icons)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
[class^="jin-ifont-"],
[class*=" jin-ifont-"] {
  font-family: "jin-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="jin-ifont-"]:before,
[class*=" jin-ifont-"]:before {
  font-size: 1.1em;
  display: block;
  will-change: transform;
}

.jin-ifont-account:before {
  content: "\e900";
}

.jin-ifont-archive:before {
  content: "\e901";
}

.jin-ifont-arrowcircle:before {
  content: "\e902";
}

.jin-ifont-arrowtop:before {
  content: "\e903";
}

.jin-ifont-arrow:before {
  content: "\e904";
}

.jin-ifont-batu:before {
  content: "\e905";
}

.jin-ifont-book:before {
  content: "\e906";
}

.jin-ifont-bulb:before {
  content: "\e907";
}

.jin-ifont-cart:before {
  content: "\e908";
}

.jin-ifont-caution:before {
  content: "\e909";
}

.jin-ifont-checkcircle:before {
  content: "\e90a";
}

.jin-ifont-check:before {
  content: "\e90b";
}

.jin-ifont-clipboard:before {
  content: "\e90c";
}

.jin-ifont-comment:before {
  content: "\e90d";
}

.jin-ifont-copy:before {
  content: "\e90e";
}

.jin-ifont-crown:before {
  content: "\e90f";
}

.jin-ifont-arrowdouble:before {
  content: "\e910";
}

.jin-ifont-droppin:before {
  content: "\e911";
}

.jin-ifont-facebook:before {
  content: "\e912";
}

.jin-ifont-flag:before {
  content: "\e913";
}

.jin-ifont-folder:before {
  content: "\e914";
}

.jin-ifont-gear:before {
  content: "\e915";
}

.jin-ifont-heart:before {
  content: "\e916";
}

.jin-ifont-home:before {
  content: "\e917";
}

.jin-ifont-information:before {
  content: "\e918";
}

.jin-ifont-instagram:before {
  content: "\e919";
}

.jin-ifont-like:before {
  content: "\e91a";
}

.jin-ifont-line:before {
  content: "\e91b";
}

.jin-ifont-mail:before {
  content: "\e91c";
}

.jin-ifont-maru:before {
  content: "\e91d";
}

.jin-ifont-mobile:before {
  content: "\e91e";
}

.jin-ifont-navi:before {
  content: "\e91f";
}

.jin-ifont-pc:before {
  content: "\e920";
}

.jin-ifont-pencil:before {
  content: "\e921";
}

.jin-ifont-plus:before {
  content: "\e922";
}

.jin-ifont-question:before {
  content: "\e923";
}

.jin-ifont-quote:before {
  content: "\e924";
}

.jin-ifont-relatedpost:before {
  content: "\e925";
}

.jin-ifont-reload:before {
  content: "\e926";
}

.jin-ifont-reply:before {
  content: "\e927";
}

.jin-ifont-speaker:before {
  content: "\e928";
}

.jin-ifont-starblank:before {
  content: "\e929";
}

.jin-ifont-starhalf:before {
  content: "\e92a";
}

.jin-ifont-star:before {
  content: "\e92b";
}

.jin-ifont-tag:before {
  content: "\e92c";
}

.jin-ifont-twitter:before {
  content: "\e92d";
}

.jin-ifont-unlike:before {
  content: "\e92e";
}

.jin-ifont-watch:before {
  content: "\e92f";
}

.jin-ifont-youtube:before {
  content: "\e930";
}

.jin-ifont-search:before {
  content: "\e931";
}

.jin-ifont-arrowbottom:before {
  content: "\e932";
}

.jin-ifont-arrowleft:before {
  content: "\e933";
}

.jin-ifont-blogtext:before {
  content: "\e934";
}

.jin-ifont-clover:before {
  content: "\e935";
}

.jin-ifont-post:before {
  content: "\e936";
}

.jin-ifont-facebook-t:before {
  content: "\e937";
}

.jin-ifont-pocket:before {
  content: "\e938";
}

.jin-ifont-bookmark:before {
  content: "\e939";
}

.jin-ifont-copyright:before {
  content: "\e93a";
}

.jin-ifont-inazuma:before {
  content: "\e93b";
}

.jin-ifont-share:before {
  content: "\e93c";
}

.jin-ifont-spanner:before {
  content: "\e93d";
}

.jin-ifont-books:before {
  content: "\e93e";
}

.jin-ifont-calendar:before {
  content: "\e93f";
}

.jin-ifont-coin:before {
  content: "\e940";
}

.jin-ifont-illust:before {
  content: "\e941";
}

.jin-ifont-lock:before {
  content: "\e942";
}

.jin-ifont-mailsend:before {
  content: "\e943";
}

.jin-ifont-movie:before {
  content: "\e944";
}

.jin-ifont-photo:before {
  content: "\e945";
}

.jin-ifont-program:before {
  content: "\e946";
}

.jin-ifont-website:before {
  content: "\e947";
}

.jin-ifont-writer:before {
  content: "\e948";
}

.jin-ifont-coincover:before {
  content: "\e949";
}

.jin-ifont-airline:before {
  content: "\e94a";
}

.jin-ifont-arrowbcircle:before {
  content: "\e94b";
}

.jin-ifont-arrowb:before {
  content: "\e94c";
}

.jin-ifont-arrowclear:before {
  content: "\e94d";
}

.jin-ifont-arrowsquare:before {
  content: "\e94e";
}

.jin-ifont-baby:before {
  content: "\e94f";
}

.jin-ifont-bike:before {
  content: "\e950";
}

.jin-ifont-birthdaycake:before {
  content: "\e951";
}

.jin-ifont-bitcoin:before {
  content: "\e952";
}

.jin-ifont-bitcoinwallet:before {
  content: "\e953";
}

.jin-ifont-bookopen:before {
  content: "\e954";
}

.jin-ifont-bottoms:before {
  content: "\e955";
}

.jin-ifont-cafe:before {
  content: "\e956";
}

.jin-ifont-camera:before {
  content: "\e957";
}

.jin-ifont-car:before {
  content: "\e958";
}

.jin-ifont-cardboardbox3:before {
  content: "\e959";
}

.jin-ifont-cardboardbox:before {
  content: "\e95a";
}

.jin-ifont-cat:before {
  content: "\e95b";
}

.jin-ifont-chick:before {
  content: "\e95c";
}

.jin-ifont-conditioner:before {
  content: "\e95d";
}

.jin-ifont-cosme:before {
  content: "\e95e";
}

.jin-ifont-couple:before {
  content: "\e95f";
}

.jin-ifont-creditcard:before {
  content: "\e960";
}

.jin-ifont-datsumou:before {
  content: "\e961";
}

.jin-ifont-diamond:before {
  content: "\e962";
}

.jin-ifont-dinner:before {
  content: "\e963";
}

.jin-ifont-dog:before {
  content: "\e964";
}

.jin-ifont-download:before {
  content: "\e965";
}

.jin-ifont-drag:before {
  content: "\e966";
}

.jin-ifont-dumbbell:before {
  content: "\e967";
}

.jin-ifont-earphone:before {
  content: "\e968";
}

.jin-ifont-female:before {
  content: "\e969";
}

.jin-ifont-flower:before {
  content: "\e96a";
}

.jin-ifont-folkspoon:before {
  content: "\e96b";
}

.jin-ifont-game:before {
  content: "\e96c";
}

.jin-ifont-girl:before {
  content: "\e96d";
}

.jin-ifont-graph:before {
  content: "\e96e";
}

.jin-ifont-handbag:before {
  content: "\e96f";
}

.jin-ifont-headphone:before {
  content: "\e970";
}

.jin-ifont-homewifi:before {
  content: "\e971";
}

.jin-ifont-kid:before {
  content: "\e972";
}

.jin-ifont-kirakira:before {
  content: "\e973";
}

.jin-ifont-link:before {
  content: "\e974";
}

.jin-ifont-lipstick:before {
  content: "\e975";
}

.jin-ifont-makeup:before {
  content: "\e976";
}

.jin-ifont-male:before {
  content: "\e977";
}

.jin-ifont-malefemale:before {
  content: "\e978";
}

.jin-ifont-moneybag:before {
  content: "\e979";
}

.jin-ifont-moneywallet:before {
  content: "\e97a";
}

.jin-ifont-nikukyu:before {
  content: "\e97b";
}

.jin-ifont-onpu:before {
  content: "\e97c";
}

.jin-ifont-paint:before {
  content: "\e97d";
}

.jin-ifont-petfood:before {
  content: "\e97e";
}

.jin-ifont-plant:before {
  content: "\e97f";
}

.jin-ifont-pocketwifi:before {
  content: "\e980";
}

.jin-ifont-prbadge:before {
  content: "\e981";
}

.jin-ifont-present:before {
  content: "\e982";
}

.jin-ifont-qrpay:before {
  content: "\e983";
}

.jin-ifont-rice:before {
  content: "\e984";
}

.jin-ifont-rpoint:before {
  content: "\e985";
}

.jin-ifont-rucksack:before {
  content: "\e986";
}

.jin-ifont-saving:before {
  content: "\e987";
}

.jin-ifont-scooter:before {
  content: "\e988";
}

.jin-ifont-seedleaf:before {
  content: "\e989";
}

.jin-ifont-shoes:before {
  content: "\e98a";
}

.jin-ifont-simcard:before {
  content: "\e98b";
}

.jin-ifont-skirt:before {
  content: "\e98c";
}

.jin-ifont-smartphone:before {
  content: "\e98d";
}

.jin-ifont-smartspeaker:before {
  content: "\e98e";
}

.jin-ifont-smile:before {
  content: "\e98f";
}

.jin-ifont-sun:before {
  content: "\e990";
}

.jin-ifont-supplement:before {
  content: "\e991";
}

.jin-ifont-supplement2:before {
  content: "\e992";
}

.jin-ifont-tapioka:before {
  content: "\e993";
}

.jin-ifont-telephone:before {
  content: "\e994";
}

.jin-ifont-tops:before {
  content: "\e995";
}

.jin-ifont-trade:before {
  content: "\e996";
}

.jin-ifont-video:before {
  content: "\e997";
}

.jin-ifont-weddingring:before {
  content: "\e998";
}

.jin-ifont-weightscale:before {
  content: "\e999";
}

.jin-ifont-wifi:before {
  content: "\e99a";
}

.jin-ifont-wirelessearphone:before {
  content: "\e99b";
}

.jin-ifont-answertxt:before {
  content: "\e99c";
}

.jin-ifont-questiontxt:before {
  content: "\e99d";
}

.jin-ifont-starcircle:before {
  content: "\e99e";
}

.jin-ifont-fire:before {
  content: "\e99f";
}

.jin-ifont-hamburger:before {
  content: "\e9a0";
}

.jin-ifont-fish:before {
  content: "\e9a1";
}

.jin-ifont-heartcircle:before {
  content: "\e9a2";
}

.jin-ifont-hourglass:before {
  content: "\e9a3";
}

.jin-ifont-rss:before {
  content: "\e9a4";
}

.jin-ifont-leaf:before {
  content: "\e9a5";
}

.jin-ifont-moon:before {
  content: "\e9a6";
}

.jin-ifont-plug:before {
  content: "\e9a7";
}

.jin-ifont-rocket:before {
  content: "\e9a8";
}

.jin-ifont-sailing:before {
  content: "\e9a9";
}

.jin-ifont-slash:before {
  content: "\e9aa";
}

.jin-ifont-timer:before {
  content: "\e9ac";
}

.jin-ifont-tv:before {
  content: "\e9ad";
}

.jin-ifont-videocamera:before {
  content: "\e9ae";
}

.jin-ifont-wine:before {
  content: "\e9af";
}

.jin-ifont-anchor:before {
  content: "\e9b0";
}

.jin-ifont-aqua:before {
  content: "\e9b1";
}

.jin-ifont-backslash:before {
  content: "\e9b2";
}

.jin-ifont-badge:before {
  content: "\e9b4";
}

.jin-ifont-baseball:before {
  content: "\e9b5";
}

.jin-ifont-basket:before {
  content: "\e9b6";
}

.jin-ifont-basketball:before {
  content: "\e9b7";
}

.jin-ifont-beachparasol:before {
  content: "\e9b8";
}

.jin-ifont-businessman:before {
  content: "\e9b9";
}

.jin-ifont-cameraretro:before {
  content: "\e9ba";
}

.jin-ifont-carrot:before {
  content: "\e9bb";
}

.jin-ifont-compass:before {
  content: "\e9bc";
}

.jin-ifont-dollar:before {
  content: "\e9bd";
}

.jin-ifont-academic:before {
  content: "\e9be";
}

.jin-ifont-bell:before {
  content: "\e9bf";
}

.jin-ifont-circle:before {
  content: "\e9c0";
}

.jin-ifont-camp:before {
  content: "\e9c1";
}

.jin-ifont-drier:before {
  content: "\e9c2";
}

.jin-ifont-fingerbottom:before {
  content: "\e9c3";
}

.jin-ifont-fingerright:before {
  content: "\e9c4";
}

.jin-ifont-key:before {
  content: "\e9c5";
}

.jin-ifont-number1square:before {
  content: "\e9c6";
}

.jin-ifont-number2square:before {
  content: "\e9c7";
}

.jin-ifont-number3square:before {
  content: "\e9c8";
}

.jin-ifont-number4square:before {
  content: "\e9c9";
}

.jin-ifont-number5square:before {
  content: "\e9ca";
}

.jin-ifont-number6square:before {
  content: "\e9cb";
}

.jin-ifont-number7square:before {
  content: "\e9cc";
}

.jin-ifont-number8square:before {
  content: "\e9cd";
}

.jin-ifont-number9square:before {
  content: "\e9ce";
}

.jin-ifont-number10square:before {
  content: "\e9cf";
}

.jin-ifont-number1circle:before {
  content: "\e9d0";
}

.jin-ifont-number2circle:before {
  content: "\e9d1";
}

.jin-ifont-number3circle:before {
  content: "\e9d2";
}

.jin-ifont-number4circle:before {
  content: "\e9d3";
}

.jin-ifont-number5circle:before {
  content: "\e9d4";
}

.jin-ifont-number6circle:before {
  content: "\e9d5";
}

.jin-ifont-number7circle:before {
  content: "\e9d6";
}

.jin-ifont-number8circle:before {
  content: "\e9d7";
}

.jin-ifont-number9circle:before {
  content: "\e9d8";
}

.jin-ifont-number10circle:before {
  content: "\e9d9";
}

.jin-ifont-answerbox:before {
  content: "\e9da";
}

.jin-ifont-questionbox:before {
  content: "\e9db";
}

.jin-ifont-wordpress:before {
  content: "\e9dc";
}

.jin-ifont-pinterest:before {
  content: "\e9dd";
}

.jin-ifont-amazon:before {
  content: "\e9de";
}

.jin-ifont-human:before {
  content: "\e9df";
}

.jin-ifont-arrow-circle:before {
  content: "\e902";
}

.jin-ifont-check-circle:before {
  content: "\e90a";
}

.jin-ifont-arrow-b-circle:before {
  content: "\e94b";
}

.jin-ifont-arrow-b:before {
  content: "\e94c";
}

.jin-ifont-arrow-top:before {
  content: "\e903";
}

.jin-ifont-arrow-bottom:before {
  content: "\e932";
}

.jin-ifont-arrow-left:before {
  content: "\e933";
}

/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: 0.08em solid #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  animation: fa-spin 2s linear infinite;
}

.fa-pulse {
  animation: fa-spin 1s steps(8) infinite;
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scaleX(-1);
}

.fa-flip-vertical {
  transform: scaleY(-1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-500px:before {
  content: "\f26e";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-acquisitions-incorporated:before {
  content: "\f6af";
}

.fa-ad:before {
  content: "\f641";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-card:before {
  content: "\f2bb";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-air-freshener:before {
  content: "\f5d0";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-allergies:before {
  content: "\f461";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angry:before {
  content: "\f556";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-alt:before {
  content: "\f5d1";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-archive:before {
  content: "\f187";
}

.fa-archway:before {
  content: "\f557";
}

.fa-arrow-alt-circle-down:before {
  content: "\f358";
}

.fa-arrow-alt-circle-left:before {
  content: "\f359";
}

.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-arrows-alt-h:before {
  content: "\f337";
}

.fa-arrows-alt-v:before {
  content: "\f338";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-atlas:before {
  content: "\f558";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-audible:before {
  content: "\f373";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-award:before {
  content: "\f559";
}

.fa-aws:before {
  content: "\f375";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-baby-carriage:before {
  content: "\f77d";
}

.fa-backspace:before {
  content: "\f55a";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-bacteria:before {
  content: "\e059";
}

.fa-bacterium:before {
  content: "\e05a";
}

.fa-bahai:before {
  content: "\f666";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-balance-scale-left:before {
  content: "\f515";
}

.fa-balance-scale-right:before {
  content: "\f516";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-band-aid:before {
  content: "\f462";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-baseball-ball:before {
  content: "\f433";
}

.fa-basketball-ball:before {
  content: "\f434";
}

.fa-bath:before {
  content: "\f2cd";
}

.fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-bed:before {
  content: "\f236";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bible:before {
  content: "\f647";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-biking:before {
  content: "\f84a";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blender:before {
  content: "\f517";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-blog:before {
  content: "\f781";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before {
  content: "\f0e7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-book-dead:before {
  content: "\f6b7";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-reader:before {
  content: "\f5da";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-border-style:before {
  content: "\f853";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-box:before {
  content: "\f466";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-box-tissue:before {
  content: "\e05b";
}

.fa-boxes:before {
  content: "\f468";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-broadcast-tower:before {
  content: "\f519";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-bug:before {
  content: "\f188";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-burn:before {
  content: "\f46a";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-bus:before {
  content: "\f207";
}

.fa-bus-alt:before {
  content: "\f55e";
}

.fa-business-time:before {
  content: "\f64a";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-alt:before {
  content: "\f073";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-times:before {
  content: "\f273";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-camera:before {
  content: "\f030";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-car:before {
  content: "\f1b9";
}

.fa-car-alt:before {
  content: "\f5de";
}

.fa-car-battery:before {
  content: "\f5df";
}

.fa-car-crash:before {
  content: "\f5e1";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-square-down:before {
  content: "\f150";
}

.fa-caret-square-left:before {
  content: "\f191";
}

.fa-caret-square-right:before {
  content: "\f152";
}

.fa-caret-square-up:before {
  content: "\f151";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-centos:before {
  content: "\f789";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-chalkboard:before {
  content: "\f51b";
}

.fa-chalkboard-teacher:before {
  content: "\f51c";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-chart-area:before {
  content: "\f1fe";
}

.fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-line:before {
  content: "\f201";
}

.fa-chart-pie:before {
  content: "\f200";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-church:before {
  content: "\f51d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-city:before {
  content: "\f64f";
}

.fa-clinic-medical:before {
  content: "\f7f2";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clock:before {
  content: "\f017";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-download-alt:before {
  content: "\f381";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-cloud-upload-alt:before {
  content: "\f382";
}

.fa-cloudflare:before {
  content: "\e07d";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-cocktail:before {
  content: "\f561";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cog:before {
  content: "\f013";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-alt:before {
  content: "\f27a";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-comment-dots:before {
  content: "\f4ad";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-comments:before {
  content: "\f086";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compress:before {
  content: "\f066";
}

.fa-compress-alt:before {
  content: "\f422";
}

.fa-compress-arrows-alt:before {
  content: "\f78c";
}

.fa-concierge-bell:before {
  content: "\f562";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crop-alt:before {
  content: "\f565";
}

.fa-cross:before {
  content: "\f654";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-crow:before {
  content: "\f520";
}

.fa-crown:before {
  content: "\f521";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-dailymotion:before {
  content: "\e052";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-deaf:before {
  content: "\f2a4";
}

.fa-deezer:before {
  content: "\e077";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-diagnoses:before {
  content: "\f470";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-dice:before {
  content: "\f522";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-digital-tachograph:before {
  content: "\f566";
}

.fa-directions:before {
  content: "\f5eb";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-disease:before {
  content: "\f7fa";
}

.fa-divide:before {
  content: "\f529";
}

.fa-dizzy:before {
  content: "\f567";
}

.fa-dna:before {
  content: "\f471";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-dollar-sign:before {
  content: "\f155";
}

.fa-dolly:before {
  content: "\f472";
}

.fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-donate:before {
  content: "\f4b9";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-dot-circle:before {
  content: "\f192";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-download:before {
  content: "\f019";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-drafting-compass:before {
  content: "\f568";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dribbble-square:before {
  content: "\f397";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drum:before {
  content: "\f569";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edge-legacy:before {
  content: "\e078";
}

.fa-edit:before {
  content: "\f044";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-envira:before {
  content: "\f299";
}

.fa-equals:before {
  content: "\f52c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-euro-sign:before {
  content: "\f153";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-exchange-alt:before {
  content: "\f362";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-expand:before {
  content: "\f065";
}

.fa-expand-alt:before {
  content: "\f424";
}

.fa-expand-arrows-alt:before {
  content: "\f31e";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-external-link-alt:before {
  content: "\f35d";
}

.fa-external-link-square-alt:before {
  content: "\f360";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper:before {
  content: "\f1fb";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-fan:before {
  content: "\f863";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-faucet:before {
  content: "\e005";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-feather-alt:before {
  content: "\f56b";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-female:before {
  content: "\f182";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-figma:before {
  content: "\f799";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-alt:before {
  content: "\f15c";
}

.fa-file-archive:before {
  content: "\f1c6";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-file-download:before {
  content: "\f56d";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-file-export:before {
  content: "\f56e";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-file-import:before {
  content: "\f56f";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-file-medical-alt:before {
  content: "\f478";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-file-upload:before {
  content: "\f574";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-alt:before {
  content: "\f7e4";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-firefox-browser:before {
  content: "\e007";
}

.fa-first-aid:before {
  content: "\f479";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-fish:before {
  content: "\f578";
}

.fa-fist-raised:before {
  content: "\f6de";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-flushed:before {
  content: "\f579";
}

.fa-fly:before {
  content: "\f417";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-font:before {
  content: "\f031";
}

.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-font-awesome-alt:before {
  content: "\f35c";
}

.fa-font-awesome-flag:before {
  content: "\f425";
}

.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-football-ball:before {
  content: "\f44e";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-frown:before {
  content: "\f119";
}

.fa-frown-open:before {
  content: "\f57a";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-funnel-dollar:before {
  content: "\f662";
}

.fa-futbol:before {
  content: "\f1e3";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glass-cheers:before {
  content: "\f79f";
}

.fa-glass-martini:before {
  content: "\f000";
}

.fa-glass-martini-alt:before {
  content: "\f57b";
}

.fa-glass-whiskey:before {
  content: "\f7a0";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-africa:before {
  content: "\f57c";
}

.fa-globe-americas:before {
  content: "\f57d";
}

.fa-globe-asia:before {
  content: "\f57e";
}

.fa-globe-europe:before {
  content: "\f7a2";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golf-ball:before {
  content: "\f450";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-pay:before {
  content: "\e079";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-greater-than:before {
  content: "\f531";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grimace:before {
  content: "\f57f";
}

.fa-grin:before {
  content: "\f580";
}

.fa-grin-alt:before {
  content: "\f581";
}

.fa-grin-beam:before {
  content: "\f582";
}

.fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-grin-hearts:before {
  content: "\f584";
}

.fa-grin-squint:before {
  content: "\f585";
}

.fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-grin-stars:before {
  content: "\f587";
}

.fa-grin-tears:before {
  content: "\f588";
}

.fa-grin-tongue:before {
  content: "\f589";
}

.fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-grin-wink:before {
  content: "\f58c";
}

.fa-grip-horizontal:before {
  content: "\f58d";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-guilded:before {
  content: "\e07e";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hacker-news-square:before {
  content: "\f3af";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hamburger:before {
  content: "\f805";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-medical:before {
  content: "\e05c";
}

.fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-holding-water:before {
  content: "\f4c1";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-hand-paper:before {
  content: "\f256";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-rock:before {
  content: "\f255";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-sparkles:before {
  content: "\e05d";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-hands:before {
  content: "\f4c2";
}

.fa-hands-helping:before {
  content: "\f4c4";
}

.fa-hands-wash:before {
  content: "\e05e";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-handshake-alt-slash:before {
  content: "\e05f";
}

.fa-handshake-slash:before {
  content: "\e060";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-hard-hat:before {
  content: "\f807";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-hdd:before {
  content: "\f0a0";
}

.fa-head-side-cough:before {
  content: "\e061";
}

.fa-head-side-cough-slash:before {
  content: "\e062";
}

.fa-head-side-mask:before {
  content: "\e063";
}

.fa-head-side-virus:before {
  content: "\e064";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heart-broken:before {
  content: "\f7a9";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hiking:before {
  content: "\f6ec";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-history:before {
  content: "\f1da";
}

.fa-hive:before {
  content: "\e07f";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-home:before {
  content: "\f015";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-alt:before {
  content: "\f47d";
}

.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-hospital-user:before {
  content: "\f80d";
}

.fa-hot-tub:before {
  content: "\f593";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-start:before {
  content: "\f251";
}

.fa-house-damage:before {
  content: "\f6f1";
}

.fa-house-user:before {
  content: "\e065";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-hryvnia:before {
  content: "\f6f2";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-icons:before {
  content: "\f86d";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before {
  content: "\f47f";
}

.fa-ideal:before {
  content: "\e013";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-industry:before {
  content: "\f275";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-innosoft:before {
  content: "\e080";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instagram-square:before {
  content: "\e055";
}

.fa-instalod:before {
  content: "\e081";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-italic:before {
  content: "\f033";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joint:before {
  content: "\f595";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-journal-whills:before {
  content: "\f66a";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-js-square:before {
  content: "\f3b9";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-key:before {
  content: "\f084";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-kiss:before {
  content: "\f596";
}

.fa-kiss-beam:before {
  content: "\f597";
}

.fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-laptop-house:before {
  content: "\e066";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-laugh:before {
  content: "\f599";
}

.fa-laugh-beam:before {
  content: "\f59a";
}

.fa-laugh-squint:before {
  content: "\f59b";
}

.fa-laugh-wink:before {
  content: "\f59c";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less:before {
  content: "\f41d";
}

.fa-less-than:before {
  content: "\f536";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-level-down-alt:before {
  content: "\f3be";
}

.fa-level-up-alt:before {
  content: "\f3bf";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list:before {
  content: "\f03a";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-long-arrow-alt-right:before {
  content: "\f30b";
}

.fa-long-arrow-alt-up:before {
  content: "\f30c";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-luggage-cart:before {
  content: "\f59d";
}

.fa-lungs:before {
  content: "\f604";
}

.fa-lungs-virus:before {
  content: "\e067";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-mail-bulk:before {
  content: "\f674";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-male:before {
  content: "\f183";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marked:before {
  content: "\f59f";
}

.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-meh:before {
  content: "\f11a";
}

.fa-meh-blank:before {
  content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-memory:before {
  content: "\f538";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-microblog:before {
  content: "\e01a";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-minus:before {
  content: "\f068";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mixer:before {
  content: "\e056";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-mobile:before {
  content: "\f10b";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-money-check-alt:before {
  content: "\f53d";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-moon:before {
  content: "\f186";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-mouse:before {
  content: "\f8cc";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-music:before {
  content: "\f001";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-neos:before {
  content: "\f612";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-octopus-deploy:before {
  content: "\e082";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-om:before {
  content: "\f679";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-otter:before {
  content: "\f700";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-pager:before {
  content: "\f815";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-parking:before {
  content: "\f540";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-pastafarianism:before {
  content: "\f67b";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-penny-arcade:before {
  content: "\f704";
}

.fa-people-arrows:before {
  content: "\e068";
}

.fa-people-carry:before {
  content: "\f4ce";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-perbyte:before {
  content: "\e083";
}

.fa-percent:before {
  content: "\f295";
}

.fa-percentage:before {
  content: "\f541";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-alt:before {
  content: "\f879";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-phone-square-alt:before {
  content: "\f87b";
}

.fa-phone-volume:before {
  content: "\f2a0";
}

.fa-photo-video:before {
  content: "\f87c";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-square:before {
  content: "\e01e";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-plane-slash:before {
  content: "\e069";
}

.fa-play:before {
  content: "\f04b";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plus:before {
  content: "\f067";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-poll:before {
  content: "\f681";
}

.fa-poll-h:before {
  content: "\f682";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poo-storm:before {
  content: "\f75a";
}

.fa-poop:before {
  content: "\f619";
}

.fa-portrait:before {
  content: "\f3e0";
}

.fa-pound-sign:before {
  content: "\f154";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-pray:before {
  content: "\f683";
}

.fa-praying-hands:before {
  content: "\f684";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before {
  content: "\f486";
}

.fa-print:before {
  content: "\f02f";
}

.fa-procedures:before {
  content: "\f487";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-project-diagram:before {
  content: "\f542";
}

.fa-pump-medical:before {
  content: "\e06a";
}

.fa-pump-soap:before {
  content: "\e06b";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "\f128";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-quidditch:before {
  content: "\f458";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-quran:before {
  content: "\f687";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-random:before {
  content: "\f074";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-redo:before {
  content: "\f01e";
}

.fa-redo-alt:before {
  content: "\f2f9";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-remove-format:before {
  content: "\f87d";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-road:before {
  content: "\f018";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-running:before {
  content: "\f70c";
}

.fa-rupee-sign:before {
  content: "\f156";
}

.fa-rust:before {
  content: "\e07a";
}

.fa-sad-cry:before {
  content: "\f5b3";
}

.fa-sad-tear:before {
  content: "\f5b4";
}

.fa-safari:before {
  content: "\f267";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-school:before {
  content: "\f549";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-dollar:before {
  content: "\f688";
}

.fa-search-location:before {
  content: "\f689";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-seedling:before {
  content: "\f4d8";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-server:before {
  content: "\f233";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shapes:before {
  content: "\f61f";
}

.fa-share:before {
  content: "\f064";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-shekel-sign:before {
  content: "\f20b";
}

.fa-shield-alt:before {
  content: "\f3ed";
}

.fa-shield-virus:before {
  content: "\e06c";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shipping-fast:before {
  content: "\f48b";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shuttle-van:before {
  content: "\f5b6";
}

.fa-sign:before {
  content: "\f4d9";
}

.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-sign-language:before {
  content: "\f2a7";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-signal:before {
  content: "\f012";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sink:before {
  content: "\e06d";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-sith:before {
  content: "\f512";
}

.fa-skating:before {
  content: "\f7c5";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-skiing:before {
  content: "\f7c9";
}

.fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack:before {
  content: "\f198";
}

.fa-slack-hash:before {
  content: "\f3ef";
}

.fa-slash:before {
  content: "\f715";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-sliders-h:before {
  content: "\f1de";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-smile:before {
  content: "\f118";
}

.fa-smile-beam:before {
  content: "\f5b8";
}

.fa-smile-wink:before {
  content: "\f4da";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-smoking-ban:before {
  content: "\f54d";
}

.fa-sms:before {
  content: "\f7cd";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-snowboarding:before {
  content: "\f7ce";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-soap:before {
  content: "\e06e";
}

.fa-socks:before {
  content: "\f696";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-spider:before {
  content: "\f717";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-square-root-alt:before {
  content: "\f698";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before {
  content: "\f5c0";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-stopwatch-20:before {
  content: "\e06f";
}

.fa-store:before {
  content: "\f54e";
}

.fa-store-alt:before {
  content: "\f54f";
}

.fa-store-alt-slash:before {
  content: "\e070";
}

.fa-store-slash:before {
  content: "\e071";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stream:before {
  content: "\f550";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-subway:before {
  content: "\f239";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-sun:before {
  content: "\f185";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-surprise:before {
  content: "\f5c2";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-swimmer:before {
  content: "\f5c4";
}

.fa-swimming-pool:before {
  content: "\f5c5";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-sync:before {
  content: "\f021";
}

.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-tablet-alt:before {
  content: "\f3fa";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-tachometer-alt:before {
  content: "\f3fd";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-taxi:before {
  content: "\f1ba";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-tenge:before {
  content: "\f7d7";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-theater-masks:before {
  content: "\f630";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket-alt:before {
  content: "\f3ff";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-times:before {
  content: "\f00d";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-tint:before {
  content: "\f043";
}

.fa-tint-slash:before {
  content: "\f5c7";
}

.fa-tired:before {
  content: "\f5c8";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-toilet-paper-slash:before {
  content: "\e072";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tools:before {
  content: "\f7d9";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-torah:before {
  content: "\f6a0";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-trailer:before {
  content: "\e041";
}

.fa-train:before {
  content: "\f238";
}

.fa-tram:before {
  content: "\f7da";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-alt:before {
  content: "\f2ed";
}

.fa-trash-restore:before {
  content: "\f829";
}

.fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-trello:before {
  content: "\f181";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-loading:before {
  content: "\f4de";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-tshirt:before {
  content: "\f553";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-tv:before {
  content: "\f26c";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-uncharted:before {
  content: "\e084";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-undo:before {
  content: "\f0e2";
}

.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-unity:before {
  content: "\e049";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-university:before {
  content: "\f19c";
}

.fa-unlink:before {
  content: "\f127";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-unsplash:before {
  content: "\e07c";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-upload:before {
  content: "\f093";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-usb:before {
  content: "\f287";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-alt:before {
  content: "\f406";
}

.fa-user-alt-slash:before {
  content: "\f4fa";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-user-cog:before {
  content: "\f4fe";
}

.fa-user-edit:before {
  content: "\f4ff";
}

.fa-user-friends:before {
  content: "\f500";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-users-cog:before {
  content: "\f509";
}

.fa-users-slash:before {
  content: "\e073";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-vest:before {
  content: "\e085";
}

.fa-vest-patches:before {
  content: "\e086";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vials:before {
  content: "\f493";
}

.fa-viber:before {
  content: "\f409";
}

.fa-video:before {
  content: "\f03d";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-virus:before {
  content: "\e074";
}

.fa-virus-slash:before {
  content: "\e075";
}

.fa-viruses:before {
  content: "\e076";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-volleyball-ball:before {
  content: "\f45f";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-mute:before {
  content: "\f6a9";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-vote-yea:before {
  content: "\f772";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-walking:before {
  content: "\f554";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-watchman-monitoring:before {
  content: "\e087";
}

.fa-water:before {
  content: "\f773";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weight:before {
  content: "\f496";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-window-close:before {
  content: "\f410";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before {
  content: "\f5ce";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-wodu:before {
  content: "\e088";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-won-sign:before {
  content: "\f159";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-wpressr:before {
  content: "\f3e4";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yen-sign:before {
  content: "\f157";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.fa-zhihu:before {
  content: "\f63f";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-brands-400.eot);
  src:
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-brands-400.eot?#iefix)
      format("embedded-opentype"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-brands-400.woff2)
      format("woff2"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-brands-400.woff)
      format("woff"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-brands-400.ttf)
      format("truetype"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-brands-400.svg#fontawesome)
      format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-regular-400.eot);
  src:
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-regular-400.eot?#iefix)
      format("embedded-opentype"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-regular-400.woff2)
      format("woff2"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-regular-400.woff)
      format("woff"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-regular-400.ttf)
      format("truetype"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-regular-400.svg#fontawesome)
      format("svg");
}
.fab,
.far {
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-solid-900.eot);
  src:
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-solid-900.eot?#iefix)
      format("embedded-opentype"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-solid-900.woff2)
      format("woff2"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-solid-900.woff)
      format("woff"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-solid-900.ttf)
      format("truetype"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/template-school/lib/font-awesome/css/../webfonts/fa-solid-900.svg#fontawesome)
      format("svg");
}
.fa,
.far,
.fas {
  font-family: "Font Awesome 5 Free";
}

.fa,
.fas {
  font-weight: 900;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src:
    url(../fonts/NS-400.woff2) format("woff2"),
    url(../fonts/NS-400.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src:
    url(../fonts/NS-500.woff2) format("woff2"),
    url(../fonts/NS-500.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src:
    url(../fonts/NS-700.woff2) format("woff2"),
    url(../fonts/NS-700.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  src:
    url(../fonts/NS-900.woff2) format("woff2"),
    url(../fonts/NS-900.woff) format("woff");
  font-display: swap;
}
/*body {
	font-family: "Noto Sans JP", sans-serif !important;
	letter-spacing: 0
}*/
header,
.modal-wrap {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

a:hover {
  text-decoration: none;
}

/*.container {
	width: 990px;
	max-width: 100%;
	padding: 0 30px;
	margin: 0 auto
}*/
main {
  letter-spacing: 0;
}

.common__under {
  text-align: center;
  padding: 20px 0;
}

.common__under__text1 {
  color: #232323;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
}

.common__under__text2 {
  color: #232323;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333333;
}

.common__under a.button__application {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 593px;
  max-width: 100%;
  background-image: linear-gradient(
    270deg,
    #ff7f46 0%,
    #ffa742 61%,
    rgba(255, 167, 66, 0.99608) 100%
  );
  border-radius: 10px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  padding: 15px;
  margin: 0 auto 10px;
  transition: all 0.3s ease 0s;
  transform: scale(1);
}

.common__under a.button__application:hover {
  text-decoration: none;
  opacity: 1;
  transform: scale(1.03);
}

@media screen and (min-width: 768px) {
  .hidden-pc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  /*.container {
  	padding: 0 10px
  }*/
  .hidden-sp {
    display: none;
  }
  .common__under {
    padding: 20px 10px;
  }
  .common__under__text1 {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .common__under__text2 {
    font-size: 15px;
  }
  .common__under a.button__application {
    border-radius: 7px;
    font-size: 18px;
    padding: 7px;
    margin-bottom: 5px;
  }
}
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
input::-webkit-input-placeholder {
  color: #8d8d8d;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

input:-moz-placeholder {
  color: #8d8d8d;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

input::-moz-placeholder {
  color: #8d8d8d;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

input:-ms-input-placeholder {
  color: #8d8d8d;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.page-webmarks-plus {
  text-align: center;
  margin: 20px 0;
}

.page-webmarks-plus__title {
  font-size: 30px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .page-webmarks-plus__title {
    font-size: 23px;
  }
}
.page-webmarks-plus__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 10px;
  padding-bottom: 50px;
}

.page-webmarks-plus__card {
  position: relative;
  width: 300px;
  height: 330px;
  background-color: #fff;
  margin: 20px 0;
  box-shadow: 5px 5px 5px #e6e6e6;
  box-sizing: content-box;
  text-align: center;
}

.page-webmarks-plus__card--img {
  width: 300px;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-webmarks-plus__card--img img {
  display: block;
  width: 100%;
  margin: auto 0;
}

.page-webmarks-plus__card--button {
  display: inline-block;
  width: 200px;
  height: 30px;
  background:
    url(data:image/webp;base64,UklGRswAAABXRUJQVlA4WAoAAAAQAAAAPAAADgAAQUxQSHUAAAABcFpt27I8/4+7OxtwqDQOmWQb0GAFGiuQ2YDkVB/A6ZY8uTydd4GImAD8u6Pbi0Buhlx75PgP5MQsBokb2dCIQfpD1uSgQLIiB2WSRTmokt+8HE2dvCfFQN8nLzExcEzJXRTx/VXmjeRCKVGyISVpowKKXAAAVlA4IDAAAAAwAwCdASo9AA8APn0wkkekoyGhN+gAkA+JaQAA3IbNcDcAAP0x///RvO/+gki+AAA=)
      no-repeat center right 10px/20px 6px,
    linear-gradient(to right, #0094df 0%, #00d4d9 100%);
  border-radius: 5px;
  color: #fff !important;
  line-height: 30px;
  position: absolute;
  bottom: 30px;
  right: 50%;
  transform: translateX(50%);
}

.page-webmarks-plus__button {
  display: inline-block;
  width: 300px;
  height: 50px;
  background:
    url(data:image/webp;base64,UklGRswAAABXRUJQVlA4WAoAAAAQAAAAPAAADgAAQUxQSHUAAAABcFpt27I8/4+7OxtwqDQOmWQb0GAFGiuQ2YDkVB/A6ZY8uTydd4GImAD8u6Pbi0Buhlx75PgP5MQsBokb2dCIQfpD1uSgQLIiB2WSRTmokt+8HE2dvCfFQN8nLzExcEzJXRTx/VXmjeRCKVGyISVpowKKXAAAVlA4IDAAAAAwAwCdASo9AA8APn0wkkekoyGhN+gAkA+JaQAA3IbNcDcAAP0x///RvO/+gki+AAA=)
      no-repeat center right 15px/25px 8px,
    linear-gradient(
      270deg,
      #ff7f46 0%,
      #ffa742 61%,
      rgba(255, 167, 66, 0.99608) 100%
    );
  border-radius: 5px;
  color: #fff !important;
  line-height: 50px;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .page-webmarks-plus__button {
    width: 250px;
    background:
      url(data:image/webp;base64,UklGRswAAABXRUJQVlA4WAoAAAAQAAAAPAAADgAAQUxQSHUAAAABcFpt27I8/4+7OxtwqDQOmWQb0GAFGiuQ2YDkVB/A6ZY8uTydd4GImAD8u6Pbi0Buhlx75PgP5MQsBokb2dCIQfpD1uSgQLIiB2WSRTmokt+8HE2dvCfFQN8nLzExcEzJXRTx/VXmjeRCKVGyISVpowKKXAAAVlA4IDAAAAAwAwCdASo9AA8APn0wkkekoyGhN+gAkA+JaQAA3IbNcDcAAP0x///RvO/+gki+AAA=)
        no-repeat center right 10px/20px 6px,
      linear-gradient(
        270deg,
        #ff7f46 0%,
        #ffa742 61%,
        rgba(255, 167, 66, 0.99608) 100%
      );
    font-size: 18px;
  }
}
.plus-marker {
  margin-left: 3px;
  margin-right: 3px;
  color: #006599;
  font-size: 1.2em;
  font-weight: 700;
  background: linear-gradient(transparent 80%, #ffec1a 80%);
}

@media screen and (max-width: 767px) {
  .mw_wp_form .error {
    top: -2rem !important;
    right: 0 !important;
    left: unset !important;
  }
}
.example {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #c4eaeb;
}

.example__title {
  text-align: center;
}

.example__title h3 {
  font-size: 30px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .example__title h3 {
    font-size: 23px;
  }
}
.example__inner {
  max-width: 990px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 46px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 767px) {
  .example__inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
.example__cards {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.example__cards:nth-child(n + 4) {
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  .example__cards {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .example__cards:nth-child(n + 2) {
    margin-top: 32px;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

p {
  margin: 0;
}

a {
  color: #089;
  text-decoration: none;
}

a:link,
a:visited {
  color: unset;
}

@media only screen and (min-width: 768px) {
  a:hover {
    text-decoration: underline;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .br_sp {
    display: none;
  }
}
header,
.modal-wrap img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

article.cps-post img {
  width: auto;
}

input,
select,
textarea {
  box-shadow: none;
  outline: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  background: 0 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: block;
}

button:hover {
  cursor: pointer;
  opacity: 0.7;
}

input[type="text"],
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: 0 0;
}

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

.u-mt-20 {
  margin-top: 20px !important;
}

#header-box {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

#header-box_magazine {
  min-height: 115px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 4px 0px rgba(4, 0, 0, 0.1);
  top: 0;
  left: 0;
  z-index: 1000;
  position: relative;
  justify-content: center;
  padding-right: 20px;
}

@media (max-width: 767px) {
  #header-box {
    min-height: 60px;
    padding-right: 6%;
    align-items: center;
    position: fixed;
    padding-left: 12%;
  }
  #header-box_magazine {
    min-height: 90px;
  }
}
#header {
  width: 100%;
  padding-left: 60px;
  padding-right: 20px;
}

@media (min-width: 768px) {
  #header {
    padding: 15px 20px 0 3%;
  }
}
@media (min-width: 1420px) {
  #header {
    padding: 30px 40px 0 40px;
  }
}
@media (max-width: 767px) {
  #header {
    align-items: center;
  }
}
@media (max-width: 767px) {
  #header {
    padding: 0 6%;
    padding-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #header #site-info.magazine-ef {
    display: none;
  }
}
#header #site-info .tn-logo-size img {
  width: 100% !important;
  max-width: 131px;
  height: auto;
}

#header #site-info .sp-logo-size img {
  max-width: 103px;
  width: 100% !important;
}

#header #site-info .magazine-logo {
  height: 80px;
}

#header #site-info .magazine-logo img {
  position: absolute;
  width: 300px;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
}

#header #site-info .magazine-logo-category {
  color: #000;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate(0, -50%);
}

@media (max-width: 767px) {
  #header #site-info .magazine-logo {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0px, 0px);
    height: 40px;
  }
  #header #site-info .magazine-logo img {
    position: static;
    width: 230px;
    transform: translateX(0%);
  }
}
@media (max-width: 767px) {
  #header #site-info .tn-logo-size img {
    max-width: 103px;
  }
}
@media screen and (min-width: 768px) {
  #headmenu {
    justify-content: flex-end;
    margin-top: 0;
  }
  #headmenu .headsns {
    margin-top: 0;
  }
  #headmenu .headsns a,
  #headmenu .headsns .line a,
  #headmenu .headsns .facebook a,
  #headmenu .headsns .twitter a {
    width: 31px;
    height: 31px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: unset;
    overflow: unset;
  }
  #headmenu .headsns a i,
  #headmenu .headsns .line a i,
  #headmenu .headsns .facebook a i,
  #headmenu .headsns .twitter a i {
    display: inline-block;
    width: 31px;
    height: 31px;
  }
  #headmenu .headsns span + span {
    margin-left: 10px;
  }
  #headmenu .headsearch {
    width: auto;
    margin-top: 0;
    margin-left: 15px;
  }
  #headmenu .headsearch .search-box {
    height: 28px;
  }
  #headmenu .headsearch .search-box:before {
    transform: translateY(30%);
    left: 15px;
    z-index: 0;
  }
  #headmenu .headsearch .search-text {
    opacity: 1;
    width: 260px;
    height: 28px;
    border: 1px solid #6d6d6d;
    position: inherit;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    padding-left: 40px;
    background: 0 0;
    display: inline-block;
    position: relative;
    border: 1px solid #696969;
  }
  _:lang(x)::-ms-backdrop,
  #headmenu .headsearch .search-text {
    padding-top: 5px;
  }
  #headmenu .headsearch .search-text:focus {
    width: 260px;
  }
  #headmenu .headsearch .search-text::-moz-placeholder {
    color: #6d6d6d;
  }
  #headmenu .headsearch .search-text::placeholder {
    color: #6d6d6d;
  }
  .headsearch.animate .search-box:before {
    animation: none;
  }
}
@media screen and (max-width: 767px) {
  .headsearch {
    display: none;
  }
}
#drawernav3 {
  height: 30px;
  padding-top: 30px;
  position: relative;
}

#drawernav3 ul.menu-box {
  justify-content: flex-end;
}

#drawernav3 ul.menu-box li.menu-item a {
  font-weight: 400;
  padding: 0;
  margin-left: 20px;
}

#drawernav3 ul.menu-box li.menu-item a:hover {
  text-decoration: none;
}

#drawernav3 ul.menu-box li.menu-item a:after {
  background: #43becd !important;
  height: 4px;
  bottom: 6px;
}

#drawernav3 ul.menu-box li.menu-item a:hover:after,
#drawernav3 ul.menu-box li.menu-item a:focus:after {
  opacity: 1;
  transform: translate3d(0, -2px, 0);
}

@media screen and (min-width: 768px) {
  #drawernav3 ul.menu-box {
    position: relative;
    margin-top: 0;
    margin-right: 30px;
    background: #ffffff;
  }
  #drawernav3 ul.menu-box li.menu-item {
    position: static;
  }
  #drawernav3 ul.menu-box li.menu-item:first-child,
  #drawernav3 ul.menu-box li.menu-item:last-child {
    display: block;
  }
  #drawernav3 ul.menu-box li.menu-item a {
    padding-right: 0;
  }
}
@media screen and (max-width: 903px) {
  .header-nav {
    display: none;
    transition: all 0.1s linear;
  }
}
.header-btn-wrap {
  display: flex;
  align-items: center;
  margin-left: 13px;
  gap: 15px;
}

.header-btn {
  display: block;
  padding: 2px;
  background: linear-gradient(-135deg, #cd65e7 0%, #14dec4 100%);
  margin-left: 5px;
}

.header-btn-inner {
  display: block;
  background: #fff;
  padding: 20px;
}

.header-btn-inner i {
  display: block;
  width: 20px;
  height: 20px;
}

.header-btn-inner i.icon-mail {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAkCAYAAAAQC8MVAAADqUlEQVRYhc2Yu04jWRCGvzp9VkgTOURoExz6NcjnXYZ3GG20wYIlMhI/ASInmVeYQdpg5ARyJ95k6apV9emb3Rcwtpl1UnUuuL9T9Z+qxvJ1/je58EODXeeBRR5snQfIg1HZF/czCpt8t+Valva9VPsza/zCtv1kVUrrY0nW57T2DZM01/6ETIXMmAWVm0x5ylT+zJTzYl7BbXQ/p7DJd1uu5WlfrPbn0viFbfvJBiutjy1Znwu1L4iluS3Y8ot8UWWSKZeZys9MuctULjJF/i/AMSti7TOSVtJYQD6DfQZ5BLsGWQDrem/9aY8rv2+uZ715HgTPu1vSmqY5xYop3xbC1onLCLcjMctaEokq578qwqHa8Aqw21oiUeUuy7mIKvKRwEkGRZxHUrSR2koiuEweQa6BHokcXhKNDN4e4XaVmGU5N1HlKXoVyeX8qBGuF98P7FViElUuo1eRXO6icpG5RA4MHB1mI927SWI7rZLksS0RWw/s30kSIZTRO1CE21ViFpWbzCWSp0azd4R98YjAXiUmmUskT40mVo3mHcCx6BBKN/z7S2K7cZQSea3RDD/PL9hv6QRHj3C7Ssxi1WjystG8IcIxKC8gvxNsijIFmSZfpmA+Pj1whNv+BOwS5AtwD3YF8pAWu8+Lwfy9zJ5Bngn2rUcSn9IBmKKWDoO1D3XS+eIu1BjwSKPZrCLRQ12XhxpyA/gfsO8g33si7Dk6a2Vh2552AQeBq7kZ2A3IH8At2Bxk6ese2bqdjQAPXTorM/KMyrfug8usQOsQtMcnA8DuT0AugS9g9yB/uWZbhfddwP17OnbnCHf8bmR3A3atnW1puC2F03GALlBr/2pTBpTtllHgTwNVorp0JweOcHnBbAGybq+7DITAWfFwv+1hyxal6+iSsFKXV8BDeRc6+10GEbWn7XfHnggfA3gFcgvMgWX/YZo5b7f/NpAfBtxTS3slsfF3UbzNbkAeDdhT2+pSVao7khgELqqBqh0TeEWwW1TmYMsRSbwKnN66OArw5q0elkQHagg4Nj8iHAS4udWBB3TrVu8JHMVfAbF9gdOtDjZHpbnVXUnsBRzTs94NnFIdbIGy7oU5IHCUkmUHYCPIPWpXBGlS3ZXEwYELGVD9njQOvCJ4r5Y5assRSfTDHAC4lsEI8GMIpP+X1NYjkjg6cPRhD7CF4lZTFHBVswFJfChwLL+yAl6B3QaYK7IckcQvAS5ggUeB62AstHgte5OGPxYY4T/AUeMGkdu/QgAAAABJRU5ErkJggg==)
    no-repeat center/22px;
}

.header-btn-inner i.icon-nav span {
  display: block;
  background: #222;
  width: 100%;
  height: 2px;
}

.header-btn-inner i.icon-nav span + span {
  margin-top: 6px;
}

.header-icn {
  display: none;
}

@media screen and (max-width: 767px) {
  .header-icn {
    display: none;
    height: 30px;
  }
  .header-btn-wrap .icon-mail.header {
    display: inline-block;
    margin-right: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-style: normal;
    background: url("https://webmarks.co.jp/wp-content/themes/jin-child/template-school/assets/img/common/icon-mail.svg")
      no-repeat center #f45b14;
    background-size: 20px;
  }
  .header-btn-wrap .icon-line.header {
    display: inline-block;
    margin-right: 0;
    height: 30px;
    width: 30px;
    font-style: normal;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAIEElEQVRoge2bbWxUVRrHf20HW9pSi2wFa6V15a1CDVtaBBUbEuKkKYSXsAEjKh9c4YOLYGrwy8aYjcYXUAETtKsmptQoqyFmNbW4ykvZCO1SulARFxGnqUix0NJXodN289x7Z5jOuffOnc60nV32l8yHOefcc57/Pfeec57nnBvHcFHFTcD9QD4wA5gOTARSgRSj1S6gE2gGvgNOAXXAQdxcGg7Loiu4ihzgIWA58DsgXinjjH7gGLAHqMDNj9EyMXLBVVodxcDTQFHUbyIMAAeAV4BK3Nr/IROZcVUsBv4MzFbyhod64E+4+XRkBVdxO7ADKFHyRobPgD/i5my4rYX/jlXxGPDNKIrFaPsbw5awcN7DVSQDZcagFEtUAI/jptuJTc4EV5EB2nszV8mLDWqAxbj5JXLBVWQBfzfm0VhG5vFFuGmys9FesN6z1f8FYn2I6AV2PW0tWH9n90X6GE9KnERhWiF3JN9BdlI248eMJyVBX2h19XXR2tuK51cPZ7rPUNtey/kr55U6wkQe74VW77RLSblG2VDEJsQl8MCEB1h681KKf1PM5KTJShk7Gn9tpLKlkk8ufMLei3vpG+izKW3KXMP2NWaZ5j2sD/d/UdJtSHelsyF7A+uy1pGZmGldMAzOXTnHW01vsd2znTZvW7iX/wE3b4cWrC8qZJ4dq+SZkBifyObbN1OaXco41zi1QBTo8HawxbOFl86+xJX+K04r7AFmBi9OzAR/6nRRMT99Pu/Neo+pyVOVvOHgdPdpHm14lK/bvnZa+2e4teWvn8ErLX1t7EjspuxNHCw8OGJiBWlL2pS2HVJiaPJzrYd1r6culCMQRxyvzXiNJyc/qeSNJNsat7Hp1CYGQjtP9ZpPbnhZgT1c7MTr2TJ9y6iLFcQGscUBsw1tGoGCnw517frb1vNU9lNK+mghtohNDvBr0x9pPVLxg+kgZpCXmkftvFptVI4lZNQuPFzIic4TdlbJ4/xbiZz4evghO7Hy3u68c2fMicWYFsW2OGvzMbRpXp5P8HKlSACyaro3/V4lPVYQ28TGECzXlevRxV+UKSqA6rnV3Jd+n5IeSxxqO8SCmgV2FklgMMNlhFItxWaPzbYUu6NxB19e+lLLL80pVfKrW6vZ6tnKuIRxlOeV83Hzx5T/XM6EMRPYmbuTG+Jv8Jct/Xcp33d/z5pb1rBy4koePvEwHX0dSp2pCansytulpIsNYqunx6PkGYjG+11G3NiSJRlLrLI0sbLIb+ttMxV8tP2oli+IYLkBvv+y9t46fau/7EfNH2nG5iTlaIJ3/ayK8mEmGMPWNxrfUNIDyHcZQXJLCtIKrLIi4lXPqyy8aSGLMxbbViNuZVZilv9/UnySUsaHA1tnuEI59zNSbO9HRKxtWEv9/HqykrIsq3nitifYmL1RSTfDga3TXcb2hyXy6EWbMXFj6B3o5WLvRR48/iD7C/dbtvDOT++wv/VavgQPKvIqlHI4s3Wiy9jrsUQc+miTmZTJsoxl2npYRtdnzzxr2UJDZ4P2C8RKsCvOLp6hkeoK2Ngy5bL3sllyxLw87WVNrAxsL/zwwqARO5Dgd3hsgrWb3uptVdKCSAl5S2SqmJM2R0mPFBH44V0fkn84n3Zvu6VjH847fLYn9EaEy9iytOzlYx3HWDVplZIeiDxyy+qXDUp7fsrzSrlgpPfK7ixj9fHVSp6P4Hc4OT6Z9+96Xykn1FyuUdKC6HIZ+7OWgve27OXFqS8q6YHI4OObX32szVyrlDNDbua+S/u02JUZZu+wleDPWz5X0oLodBmb0ZYjtfTwt13fkpuSq+TdfePd2qLDjJyxOdqIWjS+yB+WzU/L1/5PSZ4y6AoJKLT0ttBytYXZabpLXpJRQqe3U6nZV5eZncE3xoRmWUvvBn5vkulHfE5ZCsYyMr19cP6DUBb+Nd44ZmDLuz+9y489UduEjzoy0u9u3u2k2lPxRhzLlqv9V1l3cp1dkVHDO+DVbOsf6HdiQl28doBEd51skV0AWSjEGs+cfkbrYQeIxoO+EM8/gZCTraxkKvMrWTRhkZI3GpSfK+eRhkectnwUNwU+P3iPkm2CPD5L65fy1aWv1MwR5ouLX/DYybAOAGgafYIrjEBXSLr7uimuK7b1V4cbmbdloSNji0MGDI2GYP0c1AGnV0tDEpGQwUJuwEgiUZOSupJw2z3gO+sVGNp5RSkWgrKmMnL/kasZMRLIoLnq+Cp6+nvCbc2vLVBwpbEtERayn7vyXyspOFzAngt7hrKfGxLxndefXM/GUxuHUn+9oU1jcDBX33j6m3JJGNyaeCurb1nNiptXaEvPSP1p2SNeUb+CI5ePKHkOWRJ4kE2NXoexXRoKiTDek34Ps1JnUXBjgXYiIJwIipwEkDDQhasXlDyHKNulZoLD2hAPhzRXGofmHtK2beyQQXHz6c1s82xzsjtohemGuBqP1gtsUNKjgDj6MqXYUddex5zDc3jd83okYtE0mBxNVAXrot/2zVvRxsq9k1597sxzzDsyz4mbF4oKs/MdhDjF87hsukf79N205GlKmgToZU4XvzsK1Bi2m2Lew2i93K0d59MPe0WNmakz/VXJCCxr4aLaomiJ/c44gmi5KlEHrWCifPSwqagJb7+XN5ve1LZFOvvUqMYQicLRQx//Q4dLrR/pQPSKFg7XQBYhFcZRw5BiGdKJeP2U3vbhmKfDpMeYekxHYyuuu08A/v+RR9hcV5/xBHNdfKhlRSx+igf8B00duDJJGHK1AAAAAElFTkSuQmCC)
      no-repeat center;
    background-size: 30px;
  }
  .header-btn {
    background: #fff;
    padding: 0;
    margin-left: 0;
    margin-top: 20px;
  }
  .header-btn-inner {
    padding: 0;
  }
  .header-btn-inner i {
    display: block;
    width: 24px;
    height: 24px;
  }
  .header-btn-inner i.icon-mail {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAABQCAYAAACQ2MIeAAADG0lEQVR4nO2dO6vUQBhAz7139YrarCgKWq1gYyOWgoJ/QRBL8Q+InQh2gmAnCnJFEDtFUBD8BYqPRr2tjYiv4ioIVj5BgjMQze6XuJnJvL4DW2WyYc9mTjbZ18JkMtkBnAKuAG9QBmER2AKcBl4Bd4CDqt4/lfj1ZitLwBHgAfACOAFsyPnBh2Rxxrb3AdeBt8B5YFdjhNKLWeItW4EzwGvgtmbIHW3iLVWGjmqG3NFVfB3NkAPmEW/RDPWgj3iLZmgOXIivoxnqiGvxFs1QC77EWzRDM/Atvo5mqMaQ4i3FZ4hA4i1FZyik+DrFZSgW8ZZiMhSbeEv2GYpVfJ0sM5SCeEtWGUpJvOXfDB0HlhujIidF8XWqDN0wGToH7GyMiJTUxVu2AWdNhm4BBxojIiMX8ZYRcAx4BDyLOUO5ia+zP+YM5SzeEmWGShBviSpDJYmvEzxDpYq3BMtQ6eItg2dIxTcZJENL4/H4C/AEeAq8BNaAH8BmYF1jjXLYBBwCTgJ7gQ/myXBC9fl46X62A7uByZRbMqfnDnkOXDLHg2997rZNvMTylCejftsorJs6H4GrwArwfmjxbZQwW36aL3NUs+BxY6mAT/ESOc6W/8pQKPFtpDxbOmUoVvESqcwWMUMpim8jxtnSyFCO4iVCz5Y1k6AVPXMdlgW7tVGGDy6J1KQoPouDa6zis385GUp88SdQPsXrJQOBPuL1IllLTiTaxOtl4b9xdll4ZPbMw1PE5r7XdmXunEhU4vcA94UxpdI7JxI5nkD1xVlOJFT8H7zkRKJ08V5zIlGq+EFyIlGS+MFzIlGC+GA5kchZfPCcSOQmPqqcSOQiPsqcSKQufhW4GGtOJFIU/wu4C1wGHjaWJkJK4j8B18yPT79rLE2MFMSvmoPlTeBrY2mixCo+i5xIxCY+q5xIxCI+y5xIhBSffU4kQogvJicSQ4ovLicSvsUXnRMJX+I1Jy24Fq856YgL8ZqTOegjXnPSg3nEa04c0FW85sQxbeI1J56YJV5z4plK/HeziSon98xbaZoTz1TiPwMX9G9FBwT4DWaB8lxOD9DtAAAAAElFTkSuQmCC)
      no-repeat top center/24px;
    display: none;
  }
  .header-btn-inner i.icon-nav span {
    display: block;
    background: #222;
    width: 100%;
    height: 3px;
  }
  .header-btn-inner i.icon-nav span + span {
    margin-top: 5px;
  }
}
.sp-menu-open {
  display: none;
}

.cps-icon-bar {
  height: 2px;
  background: #fff;
  display: block;
  margin-bottom: 5px;
  border-radius: 1px;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

@media screen and (min-width: 768px) {
  .home .header-box {
    position: relative;
  }
}
.home #main-image {
  position: inherit;
}

.widget_nav_menu ul > li > a:hover,
.widget_categories ul > li > a:hover,
.widget_archive ul > li > a:hover,
.widget_recent_entries ul > li > a:hover,
.widget_pages ul > li > a:hover,
.widget_meta ul > li > a:hover {
  transform: translateX(0);
}

.widget_tag_cloud a {
  background: #43becd;
  color: #fff !important;
  font-size: 13px;
}

.widget_tag_cloud a:hover {
  text-decoration: none;
}

.widget_tag_cloud.widget-item a:before,
.widget_tag_cloud.widget a:before {
  color: #fff !important;
}

@media screen and (max-width: 767px) {
  .widget-item-ttl-movie {
    margin-top: 20px;
  }
}
.widget_categories ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.widget_categories ul li {
  display: inline-block;
  border-bottom: none;
  position: inherit;
}

.widget_categories ul li a {
  position: inherit;
  line-height: 1rem;
  background: #43becd !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  max-width: 100%;
  padding: 4px 8px;
  margin-bottom: 5px;
  margin-right: 3px;
  background: rgba(0, 0, 0, 0.04);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.75rem !important;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
}

.widget_categories ul li a:before {
  font-family: "jin-icons";
  content: "\e92c";
  vertical-align: bottom;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
  color: #fff !important;
  position: inherit;
  margin-right: 3px;
}

.widget_categories ul li a:hover {
  background: #222 !important;
}

.widget_categories ul li:last-child a {
  padding-bottom: 4px;
}

.search-box {
  height: 40px;
  display: block;
  position: relative;
  color: #222;
}

.search-box:before {
  font-family: "jin-icons";
  content: "\e931";
  top: 50%;
  font-size: 24px;
  z-index: 4;
  text-align: center;
  transition:
    color 0.4s ease,
    background 0.4s ease,
    transform 0.4s ease,
    opacity 0.4s ease,
    border 0.4s ease,
    padding 0.4s ease,
    left 0.4s ease,
    box-shadow 0.4s ease;
  transform: translateY(-50%);
  left: 15px;
  z-index: 1;
  position: absolute;
}

body.android .search-box:before {
  top: 50%;
}

@media screen and (max-width: 767px) {
  .error404 .cps-post .search-box {
    width: 100%;
  }
}
.error404 .cps-post .search-box input[type="submit"],
.widget_search .search-box input[type="submit"],
.search-box input[type="submit"] {
  display: none;
}

.error404 .cps-post .search-box input[type="search"],
.widget_search .search-box input[type="search"],
.search-text {
  opacity: 1;
  width: 80%;
  height: 40px;
  border: 1px solid #6d6d6d;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  padding-left: 40px;
  background: 0 0;
  display: inline-block;
  border: 1px solid #696969;
  background: #fff;
  transition: all 0.6s;
  border-radius: 20px;
  padding: 8px 12px 8px 40px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .error404 .cps-post .search-box input[type="search"],
  .widget_search .search-box input[type="search"],
  .search-text {
    opacity: 1;
    width: 100%;
    height: 40px;
    border: 1px solid #6d6d6d;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    padding-left: 40px;
    background: 0 0;
    display: inline-block;
    border: 1px solid #696969;
    background: #fff;
    transition: all 0.6s;
    border-radius: 20px;
    padding: 8px 12px 8px 40px;
    font-size: 14px;
  }
}
_:lang(x)::-ms-backdrop,
.search-text {
  padding-top: 10px;
}

body.android .search-text {
  margin-top: 0;
}

.search-text:focus {
  width: 100%;
}

.search-text::-moz-placeholder {
  color: #6d6d6d;
}

.search-text::placeholder {
  color: #6d6d6d;
}

.search-box:before {
  animation: none;
}

#widget-popular-3 .widgettitle {
  font-size: 24px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #widget-popular-3 .widgettitle {
    font-size: 20px;
  }
}
#new-entry-box {
  margin-top: 40px;
}

.new-entry-item {
  margin-bottom: 10px;
}

.new-entry-item a {
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px rgba(4, 0, 0, 0.3);
  padding: 0;
  height: 100px;
  display: flex;
}

.new-entry-item a:hover {
  text-decoration: none;
}

.new-entry-item a .new-entry {
  height: 100%;
  float: none;
  display: flex;
  align-items: center;
}

.new-entry-item-title {
  font-weight: 700;
}

.new-entry-item-meta {
  overflow: hidden;
}

.new-entry .eyecatch,
.new-entry .eyecatch img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.post-list-cat.new-entry-cat {
  padding: 2px 8px;
  border-radius: 0;
  font-size: 0.75rem;
  display: inline-block;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  font-weight: 700;
  color: #fff;
  background: #43becd;
}

.post-list-cat.new-entry-cat:before {
  font-family: "jin-icons";
  content: "\e92c";
  padding-right: 1px;
  vertical-align: middle;
  line-height: 1.3em;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 768px) and (min-width: 768px) {
  .new-entry-item-title {
    font-size: 0.6rem;
  }
  .post-list-cat.new-entry-cat {
    font-size: 0.5rem;
  }
}
.follow-box {
  border: 1px solid #999;
  text-align: center;
  font-weight: 700;
  padding: 30px 0 15px;
  position: relative;
  margin-top: 70px;
}

.follow-ttl {
  font-size: 24px;
  position: absolute;
  top: -2em;
  left: 15%;
  right: 15%;
  background: #fff;
  display: inline;
  padding: 0.5em 0.3em;
}

.follow-lead {
  font-size: 16px;
  margin-bottom: 15px;
}

.follow-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 80%;
  margin: 0 auto;
  border-radius: 40px;
  font-size: 14px;
  color: #fff !important;
}

.follow-btn + .follow-btn {
  margin-top: 8px;
}

.follow-btn:hover {
  text-decoration: none;
  background-color: #222;
}

.follow-btn-twitter {
  background: #00acee;
}

.follow-btn-twitter i {
  font-size: 1.8em;
}

.follow-btn-fb {
  background: #3b5997;
}

.follow-btn-fb i {
  font-size: 1.4em;
}

@media screen and (max-width: 768px) and (min-width: 768px) {
  .follow-ttl {
    font-size: 16px;
  }
  .follow-lead {
    font-size: 13px;
  }
  .follow-btn {
    font-size: 10px;
  }
}
@media screen and (max-width: 320px) {
  .follow-ttl {
    font-size: 22px;
  }
}
#media_image-4 a:hover,
#media_image-6 a:hover {
  opacity: 0.6;
}

#media_image-5 a img {
  transform: scale(1);
  transition: all 0.2s ease-out;
}

#media_image-5 a:hover img {
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.2s ease-out;
}

#breadcrumb {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  height: 60px;
  padding: 20px 6%;
}

@media only screen and (min-width: 768px) {
  #breadcrumb {
    margin-top: 124px;
  }
  section #breadcrumb {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  #breadcrumb {
    margin-top: 0;
  }
  #breadcrumb .for-magazine {
    margin-top: 0;
  }
}
#breadcrumb.header-breadcrumb ul li a {
  color: #089 !important;
  font-weight: 700;
}

#breadcrumb.header-breadcrumb ul li {
  color: #222 !important;
  font-weight: 700;
  flex-shrink: 0;
}

#breadcrumb ul {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-top: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media only screen and (min-width: 768px) {
  #breadcrumb ul {
    z-index: 1;
    width: 100%;
  }
}
#breadcrumb ul::-webkit-scrollbar {
  display: none;
}

#breadcrumb .slice {
  color: #6f6f6f;
  padding: 0 0.8em;
}

@media only screen and (max-width: 767px) {
  #breadcrumb {
    font-size: 14px;
    padding: 1em 6%;
    height: 40px;
  }
  #breadcrumb li {
    line-height: 1;
  }
}
.page-btm {
  background: #c9ecf0;
}

.page-btm-inner {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 40px 30px;
}

@media only screen and (max-width: 767px) {
  .page-btm-inner {
    width: 100%;
    padding: 40px 6%;
    flex-wrap: wrap;
  }
}
.page-btm .widget-item {
  font-weight: 700;
  width: 320px;
}

.page-btm .widget-item + .widget-item {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .page-btm .widget-item {
    width: 100%;
  }
  .page-btm .widget-item + .widget-item {
    margin-top: 20px;
    margin-left: 0;
  }
}
.page-btm .widget-item-ttl {
  font-size: 20px;
  color: #222;
  margin-bottom: 40px;
  line-height: 1em;
}

.widget-item__bnr-mailmagazine {
  transition: all 0.2s ease-out;
}

.widget-item__bnr-mailmagazine:hover {
  transform: scale(1.03);
}

@media only screen and (max-width: 767px) {
  .page-btm .widget-item-ttl {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .widget-item__bnr-mailmagazine:active {
    transform: scale(1.03);
  }
}
.page-btm .tagcloud {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.page-btm .tagcloud li {
  margin-right: 0.5em;
}

.page-btm .tagcloud li a {
  font-size: 13px !important;
  display: flex;
  align-items: center;
}

_:lang(x)::-ms-backdrop,
.page-btm .tagcloud li a {
  padding-top: 8px;
}

.page-num-area {
  margin-top: 40px;
}

.page-num-area .screen-reader-text {
  display: none;
}

.page-num-area .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .page-num-area .nav-links {
    justify-content: space-between;
  }
}
.page-num-area .nav-links .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #089 !important;
  font-size: 18px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  border-radius: 0;
  box-shadow: none;
}

_:lang(x)::-ms-backdrop,
.page-num-area .nav-links .page-numbers {
  padding-top: 8px;
}

.page-num-area .nav-links .page-numbers:hover {
  text-decoration: none;
  opacity: 0.6;
}

.page-num-area .nav-links .page-numbers + .page-numbers {
  margin-left: 10px;
}

.page-num-area .nav-links .page-numbers.current {
  background: #ccc;
}

.page-num-area .nav-links .page-numbers.dots {
  background: 0 0;
  width: 15px;
}

.page-num-area .nav-links .page-numbers.prev i,
.page-num-area .nav-links .page-numbers.next i {
  font-size: 22px;
}

.page-num-area .nav-links .page-numbers.first i,
.page-num-area .nav-links .page-numbers.last i {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .page-num-area .nav-links .page-numbers {
    background: 0 0;
    width: 30px;
    height: auto;
    font-size: 20px;
  }
  .page-num-area .nav-links .page-numbers.prev,
  .page-num-area .nav-links .page-numbers.next {
    background: #fff;
    width: 40px;
    height: 40px;
    margin: 0;
  }
  .page-num-area .nav-links .page-numbers.last {
    margin-right: 10px;
  }
}
@media (min-width: 1024px) {
  .post-template-default.single #main-contents,
  .news-template-default.single #main-contents,
  .recruit-template-default.single #main-contents,
  .magazine-template-default.single #main-contents {
    position: relative;
  }
}
.post-list,
.post-list-mag,
.post-list-mag-sp1col {
  opacity: 1 !important;
}

.toppost-list-box .toppost-list-box-inner {
  width: 100%;
  transition: none;
}

.toppost-list-box-simple .post-list-mag,
.toppost-list-box-simple .post-list-mag-sp1col {
  justify-content: flex-start;
}

.post-list,
.post-list-mag,
.post-list-mag-sp1col {
  width: 100%;
  padding: 0;
}

@media (min-width: 768px) {
  .post-list-mag .post-list-item,
  .post-list-mag3col .post-list-item,
  .post-list-mag-sp1col .post-list-item {
    width: 31%;
    margin-bottom: 40px;
    margin-right: -webkit-calc(7%/ 2);
    margin-right: 3.5%;
  }
  .post-list-mag .post-list-item:nth-child(3n),
  .post-list-mag3col .post-list-item:nth-child(3n),
  .post-list-mag-sp1col .post-list-item:nth-child(3n) {
    margin-right: 0;
  }
}
.toppost-list-box {
  margin-top: 60px;
}

@media (max-width: 767px) {
  .toppost-list-box {
    margin-top: 20px;
  }
}
a.post-list-link {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.post-list-mag a.post-list-link,
.post-list-mag-sp1col a.post-list-link {
  text-decoration: none;
}

.post-list-mag
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-title,
.post-list-mag-sp1col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-title {
  font-weight: 700;
  margin-bottom: 10px;
}

@media (max-width: 320px) {
  .post-list-mag
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title,
  .post-list-mag-sp1col
    .post-list-item
    .post-list-inner
    .post-list-meta
    .post-list-title {
    font-size: 15px;
    line-height: 1.3rem;
  }
}
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag-sp1col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-cat {
  opacity: 1 !important;
  border-radius: 0;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  line-height: 1.2em;
}

_:lang(x)::-ms-backdrop,
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag-sp1col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-cat {
  padding-top: 8px;
  align-items: flex-start;
}

.post-list-mag
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-cat:before,
.post-list-mag-sp1col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-cat:before {
  font-family: "jin-icons";
  content: "\e92c";
  padding-right: 3px;
  vertical-align: bottom;
  line-height: 0.9rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.post-list-cat-inline {
  position: absolute;
  bottom: 5%;
  left: 5%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.post-list-cat-inline-item {
  color: #089;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  font-weight: 700;
  margin-right: 10px;
}

.post-list-cat-inline-item:before {
  font-family: "jin-icons";
  content: "\e92c";
  padding-right: 3px;
  vertical-align: bottom;
  line-height: 0.9rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width: 320px) {
  .post-list-cat-inline {
    bottom: 2%;
  }
  .post-list-cat-inline-item {
    font-size: 0.7rem;
    line-height: 1.1rem;
  }
}
.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date,
.post-list-mag3col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-date,
.post-list-mag-sp1col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-date {
  display: none;
}

.cps-post .cps-post-header .cps-post-title {
  font-weight: 700;
}

.margin-t-2 {
  margin-top: 1rem;
}

.cps-post .cps-post-header .cps-post-cat {
  margin-top: 20px;
  display: inline-block;
}

.cps-post .cps-post-header .cps-post-cat a {
  border-radius: 0;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.cps-post .cps-post-header .cps-post-cat a:hover {
  text-decoration: none;
  background-color: #222 !important;
}

.cps-post .cps-post-header .cps-post-cat a:before {
  font-family: "jin-icons";
  content: "\e92c";
  padding-right: 3px;
  vertical-align: bottom;
  line-height: 1rem;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.cps-post .cps-post-header .cps-post-meta .cps-post-date-box {
  display: block;
  text-align: left;
}

.cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date {
  color: #222;
  font-weight: 700;
}

body.single-post .cps-post-meta .writer,
body.author .cps-post-meta .writer {
  display: block;
}

.cps-post-meta .writer {
  font-weight: 700;
  color: #089;
}

.cps-post-meta .writer a {
  color: #089;
}

body.author .cps-post-meta .writer {
  font-size: 20px;
  color: #222;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}

@media (min-width: 1024px) {
  body.author .article_style1 .cps-post-box {
    padding-left: 0;
  }
}
.cps-post .cps-post-thumb {
  margin-top: 35px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .cps-post-thumb {
    margin-top: 18px !important;
    margin-bottom: 10px;
  }
}
.sns-design-type01 .sns ol,
.sns-design-type01 .sns-top ol,
.sns-design-type02 .sns ol,
.sns-design-type02 .sns-top ol {
  align-items: center;
}

.sns-design-type01 .sns-top li,
.sns-design-type01 .sns li,
.sns-design-type02 .sns-top li,
.sns-design-type02 .sns li {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.sns-design-type01 .sns-top .twitter a,
.sns-design-type01 .sns-top .facebook a,
.sns-design-type01 .sns-top .hatebu a,
.sns-design-type01 .sns-top .pocket a,
.sns-design-type01 .sns-top .line a,
.sns-design-type01 .sns .twitter a,
.sns-design-type01 .sns .facebook a,
.sns-design-type01 .sns .hatebu a,
.sns-design-type01 .sns .pocket a,
.sns-design-type01 .sns .line a {
  border-radius: 6px;
}

@media (min-width: 768px) {
  .sns-design-type01 .sns-top .twitter a,
  .sns-design-type01 .sns-top .facebook a,
  .sns-design-type01 .sns-top .hatebu a,
  .sns-design-type01 .sns-top .pocket a,
  .sns-design-type01 .sns-top .line a,
  .sns-design-type01 .sns .twitter a,
  .sns-design-type01 .sns .facebook a,
  .sns-design-type01 .sns .hatebu a,
  .sns-design-type01 .sns .pocket a,
  .sns-design-type01 .sns .line a {
    height: 35px;
    font-size: 1.1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sns-design-type01 .sns .twitter a,
  .sns-design-type01 .sns-top .twitter a {
    font-size: 1.5rem;
  }
  .sns-design-type01 .sns .facebook a,
  .sns-design-type01 .sns-top .facebook a {
    font-size: 1.3rem;
  }
  .sns-design-type01 .sns .hatebu a {
    padding-top: 0;
    font-size: 1.15rem;
  }
  .sns-design-type01 .sns .line a,
  .sns-design-type01 .sns-top .line a {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .sns-design-type01 .sns-top .twitter a,
  .sns-design-type01 .sns-top .facebook a,
  .sns-design-type01 .sns-top .hatebu a,
  .sns-design-type01 .sns-top .pocket a,
  .sns-design-type01 .sns-top .line a,
  .sns-design-type01 .sns .twitter a,
  .sns-design-type01 .sns .facebook a,
  .sns-design-type01 .sns .hatebu a,
  .sns-design-type01 .sns .pocket a,
  .sns-design-type01 .sns .line a {
    height: 35px;
    font-size: 1.1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sns-design-type01 .sns .twitter a,
  .sns-design-type01 .sns-top .twitter a {
    font-size: 1.5rem;
    padding-top: 0.4em !important;
  }
  .sns-design-type01 .sns .facebook a,
  .sns-design-type01 .sns-top .facebook a {
    font-size: 1.3rem;
    padding-top: 0.4em !important;
  }
  .sns-design-type01 .sns .hatebu a {
    padding-top: 0;
    font-size: 1.15rem;
  }
  .sns-design-type01 .sns .pocket a {
    font-style: 1.5rem;
    padding-top: 0.4em !important;
  }
  .sns-design-type01 .sns .line a,
  .sns-design-type01 .sns-top .line a {
    font-size: 1.6rem;
    padding-top: 0.3em !important;
  }
}
.cps-post-main h2,
.cps-post-main h3,
.cps-post-main h4 {
  font-weight: 700;
}

.tagicon,
.tag-box a,
#toc_container .toc_list > li,
#toc_container .toc_title {
  color: #222 !important;
}

#toc_container .toc_title {
  text-align: left;
  padding-left: 40px;
}

@media (min-width: 768px) {
  #toc_container .toc_title {
    padding-left: 60px;
    padding-right: 60px;
  }
}
#toc_container .toc_list li a {
  color: #089 !important;
}

.share {
  margin-top: 0;
}

.share-area {
  border: 1px solid #999;
  padding: 20px;
}

.share-flex {
  display: flex;
  align-items: center;
}

.share-img {
  width: 48%;
  flex: 0 0 auto;
}

.share-lead {
  padding-left: 30px;
}

p.share-lead-ttl {
  color: #089;
  text-align: center;
}

p.share-lead-ttl-arc {
  font-size: 22px;
  letter-spacing: 0.07em;
}

p.share-lead-ttl-end {
  font-size: 18px;
}

p.share-lead-main {
  padding: 20px;
  position: relative;
  line-height: 1.5em;
}

p.share-lead-main:before,
p.share-lead-main:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
}

p.share-lead-main:before {
  left: 0;
  top: 0;
  border-top: 2px solid #089;
  border-left: 2px solid #089;
}

p.share-lead-main:after {
  right: 0;
  bottom: 0;
  border-right: 2px solid #089;
  border-bottom: 2px solid #089;
}

@media only screen and (max-width: 768px) {
  .share-area {
    padding-bottom: 30px;
  }
  .share-flex {
    flex-wrap: wrap;
  }
  .share-img {
    width: 100%;
  }
  .share-lead {
    padding-left: 0;
  }
}
.share-side {
  width: 40px;
  position: absolute;
  top: 0;
  margin-left: -20px;
}

.share-side.is-fix {
  position: fixed;
  top: 120px;
}

.share-side.is-fix-btm {
  position: absolute;
  top: auto;
  bottom: 350px;
}

@media (max-width: 1024px) {
  .share-side {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .share-side {
    display: none;
  }
}
.share-side ol li {
  text-align: center;
}

.share-side ol li.img-share {
  width: 40px;
}

.share-side ol li.hatebu,
.share-side ol li.pocket,
.share-side ol li.line {
  margin-top: 5px;
}

.share-side ol li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.share-side ol li a:hover {
  opacity: 1 !important;
  transform: translateY(-3px);
  filter: brightness(95%);
}

.share-side ol li.twitter i {
  font-size: 40px;
  color: #00acee;
}

.share-side ol li.facebook i {
  font-size: 32px;
  color: #3b5998;
}

.share-side ol li.hatebu i {
  display: inline-block;
  width: 31px;
  height: 31px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAE3ElEQVRoge2bb2gbZRzHv3fJZSlJOtu6tXW4dcm6MRjUbVT7Yi+0CkIdE8TCKhH8txdDKAiDoa8UESxTlKLoG99IX0wHittYVQQVRVo7WLuB023NXNd2bdO/sfl/SeR5ctc/eS6X67V3aXL7QCD8nguX7z3P/X6/58+Pgxo9ASeAYwCOAmgG4AMgqPyimCQBDAMYAHARwHn4vbF8/0dZeE+AiOsEcBrANqa9NAgC6ALQDb83WVh4T6ARwDkATUxbaTIEoB1+7838wnsCjwG4BKC6TETLzAJog9/bLxuWhWd7uq8MRcsQ8S1yz2eFZ9/pgTIa3vkYok7a703y0gWdFhBNaJK0gpNC1kgJe++1Qrz9Tl6K01YRDUnrMV5KTqzGUV7KyKxGMy+loVbDx2/i3NtIBL549y4u94VbDbtevTtd9oJPLZLKIJHO0O8LiTQyzBXaeKjCBgfPTiTnk2nMJ9KMXQu6hV99Zge2rsFFEP3BeArj0RT+CMbQOx5F73gEaQ1P49ITdWiqcjD2d67N4+2rc4xdC7qFrxXSYbVOG/0crHLg9b2VuPVfEif/nMFPE1Gz/sYSRX3H93gE/NBah44GN9NmNEV3bmQkfNHyIPUZpt6XsRSBChuHzn2V1hNOeLKugrEZiSHj60T/NC7PxGHjONRs4eFzC3hhtwtHtjmZa2V2mTzUDbkb8daDc4kVlig+vxlCb2sdnq5X7lkxozfK68O0oU5kfX0nzNhlbi+KjM1ITH3H1fr0wmiEsRmJacJtHPDibuV4HVgU0f1PiLEbiSHv+CNSeinwHKocPBpcdhxvcNOMLZf+6Tie/20KoaS+nFsvhgj/6HANY8vll8kYPrkRwrd3w5ry9Y3G3BiygsdrnTRv31cp4OO/FxARy9SrK7F/q4D3mqow2LaD5u1msikyt0aPgO9ba+G2m/d3DLnTZCyFO2GRfkYjIqKpwsOYZHdv7DcvXzfkHT/++xR1Xiupr7DhuYddOHOomk5KlHjF58G71+YVWjYe05zbvWgKn94IwWnj8MEh5Z1oEva2O22YiqVW2S/PxukyUy7/LjIHHTRjulf/8Z76akutgvDX+qaZ69aL6c5NeZAvk+ctoJC2yg3aCjC9xzsaXIxtJRM5vU3YwnN4/2A1TuzxwGXnqNM8fWUWX6lMegphuHCyEusReBqzO3a58LLPw1wjMxIWMRFlhX/2aM2q35G5+9kj2xERJ3FhTN/kxhDhPz9Vz9i08OXtReYqsqae72G9deAB3cI3zdITWW//8PoCY29UyejU2gqxKYTPJdJ49tdJxV2RWyohK6DSVoiiCif53HejERzuHaNrdEqMRVI4m8eJnfmLHSFaMdWrz8TTdBvp+kKSbiN9czdMFyEK8WpfkM7XX/K66R4aifNvDs7h3IjyA9ECOfWkaz6oZdMwls4gJuXpYTGD5Don3iTrq3bwNOStdw6vu8dJ6DEb8hDHFcKdHu4fDLAalhauPxiWLvQQ77AFhQ/z0nFtqzHAS4UrVuMiT6t1skeZrQLRep6XSpS6LCS8i2iWw1m3VLZQ7gxJWqU4nq3LapcKVsoVoq1drkFbTmCy1TltZSpeLr9aqj1bnbll67JaymzYDyFbdrVUcwZGOJZ6nlQtnCpxbx+UNDTnVhkSrFlUC+B/mGh+FM4zMd0AAAAASUVORK5CYII=)
    no-repeat center/100%;
}

.share-side ol li.pocket i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA2CAYAAACbZ/oUAAAFjUlEQVRoge2ba2wUVRTH/7Oz7XZ3qzIav5goKkTlg/qhqAk+sgHFF5RYcFGEYAShatFSKqVLAop9UGKtDa8EiCBGqhODoJFKUBwUasJLS0EMMURJahpfte0+utvdjjnT2brbO7ud2Z1tytJf0qQ55/bO/OfcuffcM7ccVDpd7kIASwFMATAO2cFfAL4D0ChI4hFSpAjudLkbAbyaJSITUStIoofrdLndAD5O0CjbmGUBsOwKEUuUkuACxpy93EeC7VeQYIeFMWU5Y4KznTHB2c6Y4GxnTHC2Y01VH3/rTeAn3gy5qxvhH85BDvUxbUyF58FPGA8uz4bIpXbI/3an1LtxwVYejteLkTv9oUETXdy3th7hMz8zzc0gZ0oBHKteBndV/kBvkQiC+w8hsGW38rsRDA9p+6Jn4sQS3Lir4dzggXXyXUz7dMmd9gCcb5b9LxYD0bYVPQZ78XzDvRsSzDkdsM1+nLErPpsN+bUVyLl/MuNLldwnp8LheQWwag9E21OPghOuYezJMCSYv+0WICeHsQ9itcK5boUSlXSxzX4CjhVLAEuSW+R5WG+fwJiTkaS3FLFY4FhdAlvhIyl3kbegCPaShQDHMb6hyMEgY0uGIcE0KUUuXmLsDBwHe+ki2ObOZFzDYV8yD3kvzB2mlXo/5y4g3HqesSfDWIQjEXjL1ukXXTwfec8/zbgSoTykZ2cl8MZDD9+3sgbo72d8yTA8pOWuHnhL30Dk/C+MT4u8hXNgf2mBhicGjoNj9TLYZk1nXFqET5+Fb2U1ZH9Aw5uclN5huccHb3kVwq0/MT4tbO4ZsC9frP1OWnll2cl9WN9E19dyEt6KGsjBEOPTQ8qTFj1dX0UtwifPMD4taBJzeEriRHO2XOTXVCDnwXs1/oIl9PVR+Na+A4SNJRuxkGA/Y9UJPWVv5XrlqeuBouisKleiyjnscNZVwnrP3frENn8Df/WmtMQCCFAhvh3ADYzLCDyvpH56h2X4VJsimJ80kfFpEdx3EIHG9zQ8humgFOaPtAVHIvDXbAJ6g8idMY1xD8VacCdjS0Tvnn3o3d6UwGtcMA3pVsacCrIMf/02BPc2m3Vz6N3xkZliiTYS/CNjToPAxl1KVNJClhHY/D56P/zUzFsbFNzCmNOEohLYtie1Tvr74W/YgeAnBxiXCRwlwTTFdpjdc7BpPwIbdyrR0g2JrdmM0OdfZULsPwCOWwRJpNzsM8ZtAsG9Xyrvta70LxyGb029stZmiGZBEiPRxGNXpq4S+uKwErVklQna8Xg9G9B3TN96niI7Ec20BEn8HsCJTF1JyZDW1CtRHIrs88NXWYfwCXMWiwRcAHAYQ1LLBu225tDXcgreyrq4hF/u7oG3vFopAmaYdwVJVCaT2EMtJP54pj+QU/7MXX+d8nt/x5+aUTeZiwAmCZIYihOsiqbq3JFM38EI85wgiYNrZNxuSZDEbwF8kEViDwGIS9W0toclAH5lrJcfPQAWR9/dhIIFSaSSPhV8M/wpIeMsFSSRqUUxglXRx9RTeZcr9YIkau46NAWrommhrmIcox/KGisS3aVGkSmeTpd7fbIORhkHARRGlyAtEkY4JtKr6Jwi4xh90Ea8KJlYXYJV0R4AL47iiWwrgJmCJA5bnxv+W0YMamLSlHZJyDzoO8tyQRK36u3RkGAMiKa8cAsAN+McWdoAzBMk8ayRqxoWHCN8DoC3AYxnnJnFq64eDcO9r6YKVkXTwdQyAOUjcIqe5g+q1b4lSGI749VJWoKjdLrc+Wqi8hqAG5kG6fE3gN00mgRJ/D3dzkwRHEXdYroA0Ncz+h+Ka5lGOruKSfwPpDJ0E2Gq4FhU8XToYyoAqrzfAYA+1zvp3LLatkv9+Q0AnYihSgCltafVWpu5APgPE8Oz6Ljm5/sAAAAASUVORK5CYII=)
    no-repeat center/100%;
}

.share-side ol li.line i {
  display: inline-block;
  width: 31px;
  height: 31px;
  background: url(data:image/png;base64,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)
    no-repeat center/100%;
}

@media (min-width: 769px) {
  .post-template-default .bg-wrap,
  .news-template-default .bg-wrap,
  .recruit-template-default .bg-wrap,
  .magazine-template-default .bg-wrap {
    margin-left: 60px;
  }
}
.post-list.basicstyle a.post-list-link:hover {
  text-decoration: none;
}

.post-list-mag.prevnext .post-list-item {
  margin-bottom: 0;
}

.post-list.basicstyle .post-list-item .post-list-inner {
  align-items: stretch;
}

.post-list.basicstyle
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-title {
  font-weight: 700;
}

.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.related-entry-headline-text {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.post-list-mag.prevnext {
  width: 50%;
}

.post-list-mag.prevnext .post-list-item {
  width: 100%;
}

@media (max-width: 767px) {
  .related-entry-section {
    margin-top: 10px;
  }
  .related-entry-headline-text {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
@media (min-width: 1024px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta {
    padding: 4px 10px;
  }
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
  position: static;
  padding: 2px 8px;
  border-radius: 0;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0.6em;
  font-weight: 700;
}

.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat span {
  position: relative;
  line-height: 1em;
}

.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat:before {
  font-family: "jin-icons";
  content: "\e92c";
  padding-right: 3px;
  vertical-align: middle;
  line-height: 1em;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease,
    border 0.3s ease,
    padding 0.3s ease,
    left 0.3s ease,
    bottom 0.3s ease,
    box-shadow 0.3s ease;
}

.post-list-cat-inline.related {
  position: static;
}

@media (max-width: 767px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat {
    font-size: 10px;
  }
}
.prevnext-heading {
  display: flex;
  align-items: center;
  font-weight: 700;
}

.prevnext-heading i {
  color: #089;
  margin-top: 0.2em;
}

.prevnext-heading-prev i {
  transform: rotate(180deg);
  display: inline-block;
  margin-top: -0.2em;
  margin-right: 0.8em;
}

.prevnext-heading-next i {
  margin-left: 0.8em;
}

@media (min-width: 768px) {
  .post-list-mag.prevnext {
    position: relative;
  }
  .prevnext-heading {
    position: absolute;
    top: -2em;
  }
  .prevnext-heading-next {
    text-align: right;
    right: 3.5%;
  }
}
@media (max-width: 767px) {
  .prevnext-heading {
    font-size: 14px;
    margin-bottom: 0.2em;
  }
  .prevnext-heading-next {
    text-align: right;
    justify-content: flex-end;
    margin-top: 20px;
  }
}
#prev-next {
  margin-top: 60px;
}

#prev-next a.prev:after,
#prev-next a.next:after {
  display: none;
}

#prev-next {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #prev-next {
    margin-top: 30px;
  }
  .post-list-cat.prevnext {
    padding: 2px 8px;
    border-radius: 0;
    font-size: 0.75rem;
    display: inline-block;
    margin-bottom: 0.6em;
    margin-top: 0.6em;
    font-weight: 700;
    background: #43becd;
    color: #fff;
  }
  .post-list-cat.prevnext:before {
    font-family: "jin-icons";
    content: "\e92c";
    padding-right: 3px;
    vertical-align: middle;
    line-height: 1em;
    transition:
      color 0.3s ease,
      background 0.3s ease,
      transform 0.3s ease,
      opacity 0.3s ease,
      border 0.3s ease,
      padding 0.3s ease,
      left 0.3s ease,
      bottom 0.3s ease,
      box-shadow 0.3s ease;
  }
  #prev-next .prev,
  #prev-next .next {
    height: 100px;
    margin-top: 0;
  }
  #prev-next .prev .metabox,
  #prev-next .next .metabox {
    height: 100%;
  }
  #prev-next .prev .metabox div,
  #prev-next .next .metabox div {
    width: 62.5%;
  }
  #prev-next .next .metabox {
    justify-content: flex-end;
  }
  #prev-next .prev .metabox p,
  #prev-next .next .metabox p {
    width: 100%;
    margin-top: 0;
    font-size: 0.85rem;
  }
  #prev-next .prev .metabox img,
  #prev-next .next .metabox img {
    width: 37.5%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .bg-wrap {
    padding: 20px 10% 40px;
    margin: 0 -10%;
    background: linear-gradient(
      45deg,
      #f9e0ff 0%,
      #cfe7ff 50%,
      #c8e9f3 78%,
      #c1eae7 99%
    );
  }
}
@media (min-width: 768px) {
  .float-sns {
    display: none !important;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .float-sns {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9000;
    padding: 10px 10%;
    display: none !important;
  }
}
.icon-fb.header {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEgElEQVRoge2bT2wUVRzHP4yrWGmhCrVI0ACCEHuw20PjxFBtAgfSHsA9cKjxZGATUk5iTEy9NOiBgwkeHIkeG43JhhjbECMauyZu3MQWExpLTagBU1yqFKWltqmsebu/abZ9s9vd7kyZ3fFz/M3beb/vvv/v95t1eIQZsR4D2oAWYB+wF2gEaoENUusMMA2kgCvAKDAExBOx6C0vPHNVsBmxdgBdwBEgDBhaoeK4BwwD54G+RCz6q1s+li3YjFjqHYeAU8CLbv+JQBoYBM4AFxKxaForUQJlOWdGrE6gF2jWHnrDJaAnEYv2r6lgM2LtBN4HOrSHa8MA0J2IRcdLra3kMWZGrNeAkfsoFql7RHwpiaJb2IxYjwDnZFLyE33AsUQsercYn4oSbEasBkCNm1btoT9IAp2JWHSybMFmxNoOXJR11M+odfxAIhb9rZCPBQVLy35XAWJtlOj9hVo676QlY7a/gsQivvaL747kFSwTlF/HbCFaxXdHHAXLdO+32bgUuvItWdoYlk2FWmdrtNIu09K0jefDT/LMzi1srFtPyDCYm19gfuEe0zNzjI3/wcef/bjaSmeBpuWbk5BWLLuD8lTsnh2beeN4G017Htee5fJEQ105gpUGpaUz17ikS8ve2NMdlGrVc+8cXlGsS3SIpkUWBcupp9fL2h/dVMPp1w+y/iGnjuUZvaItQ24LH/L61PPK4WY21T2s2T2mWbRpgk95XfPBF57WbGvEorZMU8tNxVWnWdstntpWz6dnj+Z92xdfj/LtD+P8OXWXdDp7xp+b/5drE7e1sqtAvXCXujmxB1OXl2IVWxtqNZvNl/FfePeDQc3uIutE42m7Sx/xsjZF/cb8Yzf5U8H9vltkNBpyuxj2urYHQw9oNpuZ2XnN5gFhpdWQq1THLWaVkdFqyL1xUGgx5JI8KOwLeXHefTPaltlV5dK4Jf8s/erLYTradTe+H7rG51/9rNnLYG9Iwh+u0vrcdrY21BX9ymd3O++rL4+lNFuZNBoS6/ElE6k7brtVa+QEtnzHjZuuC97g6+VoIvW3ZisXQ0KWvmN2boHbd/5x262ZkMRnXe3Wl8ducmNyeoltc31N5gDhxPj1KU3c75Oud2fFdEiC0a7O1G+/d1GzqWXnrRMvaXbFh58kiSddCwEXImXI5XVQuGJImkFQGDUkpyIoDCnBccmpqHaUxrgh2TLDARA8rLTaG4/z2uPqI6PRFtwnF13VSlo0ZgVLHpSnt2j3mUE71yt3L32migUvassVfEHyoKqNS6JtqWDJcOupQsE9udl7S46HkuE2oP2kchlYnrXndB7ulmBypaM0dC/XoAmWiPnJKhB80ik1URNMVvRH9rpVofSJBo1CkeljKjvBrUyebxJXGRqZ0OyKqb9cHUFJ8d2RghHDQCWmke3a6ocHKuSSwE49zCuWYoJokru4X7qKX0lKy64Ydy3qmlb+tXafTmTKp/ZiMmlZTdRfMtzOrkXi2grMytLjOBvnI3CfAPz/kUepBOoznuUE4kOtfPjyUzzgP1kkZImKfuPcAAAAAElFTkSuQmCC)
    no-repeat center/31px;
}

.icon-twitter.header {
  background: url(data:image/png;base64,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)
    no-repeat center/31px;
}

.icon-line.header {
  background: url(data:image/png;base64,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)
    no-repeat center/31px;
}

.icon-fb.menu {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEgElEQVRoge2bT2wUVRzHP4yrWGmhCrVI0ACCEHuw20PjxFBtAgfSHsA9cKjxZGATUk5iTEy9NOiBgwkeHIkeG43JhhjbECMauyZu3MQWExpLTagBU1yqFKWltqmsebu/abZ9s9vd7kyZ3fFz/M3beb/vvv/v95t1eIQZsR4D2oAWYB+wF2gEaoENUusMMA2kgCvAKDAExBOx6C0vPHNVsBmxdgBdwBEgDBhaoeK4BwwD54G+RCz6q1s+li3YjFjqHYeAU8CLbv+JQBoYBM4AFxKxaForUQJlOWdGrE6gF2jWHnrDJaAnEYv2r6lgM2LtBN4HOrSHa8MA0J2IRcdLra3kMWZGrNeAkfsoFql7RHwpiaJb2IxYjwDnZFLyE33AsUQsercYn4oSbEasBkCNm1btoT9IAp2JWHSybMFmxNoOXJR11M+odfxAIhb9rZCPBQVLy35XAWJtlOj9hVo676QlY7a/gsQivvaL747kFSwTlF/HbCFaxXdHHAXLdO+32bgUuvItWdoYlk2FWmdrtNIu09K0jefDT/LMzi1srFtPyDCYm19gfuEe0zNzjI3/wcef/bjaSmeBpuWbk5BWLLuD8lTsnh2beeN4G017Htee5fJEQ105gpUGpaUz17ikS8ve2NMdlGrVc+8cXlGsS3SIpkUWBcupp9fL2h/dVMPp1w+y/iGnjuUZvaItQ24LH/L61PPK4WY21T2s2T2mWbRpgk95XfPBF57WbGvEorZMU8tNxVWnWdstntpWz6dnj+Z92xdfj/LtD+P8OXWXdDp7xp+b/5drE7e1sqtAvXCXujmxB1OXl2IVWxtqNZvNl/FfePeDQc3uIutE42m7Sx/xsjZF/cb8Yzf5U8H9vltkNBpyuxj2urYHQw9oNpuZ2XnN5gFhpdWQq1THLWaVkdFqyL1xUGgx5JI8KOwLeXHefTPaltlV5dK4Jf8s/erLYTradTe+H7rG51/9rNnLYG9Iwh+u0vrcdrY21BX9ymd3O++rL4+lNFuZNBoS6/ElE6k7brtVa+QEtnzHjZuuC97g6+VoIvW3ZisXQ0KWvmN2boHbd/5x262ZkMRnXe3Wl8ducmNyeoltc31N5gDhxPj1KU3c75Oud2fFdEiC0a7O1G+/d1GzqWXnrRMvaXbFh58kiSddCwEXImXI5XVQuGJImkFQGDUkpyIoDCnBccmpqHaUxrgh2TLDARA8rLTaG4/z2uPqI6PRFtwnF13VSlo0ZgVLHpSnt2j3mUE71yt3L32migUvassVfEHyoKqNS6JtqWDJcOupQsE9udl7S46HkuE2oP2kchlYnrXndB7ulmBypaM0dC/XoAmWiPnJKhB80ik1URNMVvRH9rpVofSJBo1CkeljKjvBrUyebxJXGRqZ0OyKqb9cHUFJ8d2RghHDQCWmke3a6ocHKuSSwE49zCuWYoJokru4X7qKX0lKy64Ydy3qmlb+tXafTmTKp/ZiMmlZTdRfMtzOrkXi2grMytLjOBvnI3CfAPz/kUepBOoznuUE4kOtfPjyUzzgP1kkZImKfuPcAAAAAElFTkSuQmCC)
    no-repeat center/40px;
}

.icon-twitter.menu {
  background: url(data:image/png;base64,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)
    no-repeat center/40px;
}

.icon-line.menu {
  background: url(data:image/png;base64,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)
    no-repeat center/40px;
}

.icon-youtube.menu {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAB2lBMVEUAAAD/AAC2JCS/QCDGOTnFMyzGMivBMCnELi7GMy3GLS3CMizDMSvFMCvGLyrCLinDMi3EMSzGLyvDLirEMinCMCvELyvGLyvDMivEMSrEMCnDLyzDLivEMSvFMCvDMCvELyrEMSzEMCvEMCrFLyzDMSvEMCvFMCvDLyrEMSvEMCvFMCvEMCvELyrEMCzDLyvEMSvEMCvEMCvDMCvEMCvELyzDMCvEMCvEMCvFMSzEMCvEMCvEMCvFMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvDMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvGNjLGNzLHOTTHOzfIPTjJQj3RXVnRX1vSYFzSYV3SYl7SYl/TZmLUZ2TUaGTUambVbWnjnpzloqDmpqTmp6Tmqafnq6nnrKroravor67qtrTruLbruLfsu7nsvLvsvrztv73uxcPvxcTvxsXvyMbvycfxzs3xz87y0dDz1dTz1tX019b02Nf129r13Nv23t3239724eD34+L34+P45eT45+b56Oj56en56un56+r57Ov78O/78PD78fH78vL89PP89fX89vb99/f9+fj+/Pz+/f3//f3//v7///8l3u8sAAAAVHRSTlMAAQcICSMkJScoLS4vMDEyMzQ2Nzg7PEdISUpMTU5lZmdoiouMjY6QkZOUlZaXu7y9vsTFxsfJy8zNzs/R2tvc3d7f4OHj5Ovs7e7v9PX2+Pn6/P1E2UdkAAAAAWJLR0SdBrvysQAAAnRJREFUGBmNwYtDS2EYB+B3ShsRlTK3SExKKTPXEF03yqwfcqdwXOZ+lxpyWZQ4iaT3f7XzvTXfruc8D2WxpLqhqTV06lToSNOOTR5yYLmvEyk6ti6jvFzrA8hi9zoX5VS2FznsKaXsCrf3Iae+2gLKwtOCvA66KUN5N2yEKinNml7Y6vFSilUn4EBvJWk8x+FI0E1JBQfgUEshLaiDY9toXmkEysDdlyOxeNw0zWmeN22aZjweG3l5dwBKXxkprr2wnH3KeT09C0vARZYNUJ6xjWdQ1pAlAMsg2xqExU8JJVDusa17UIqJyAflFdt6BaWGiDqhDLNubJYzDUNpJ1oC8ZZ1xoWPnOEtRBFVQ3xgnYHTN2c5zQeIjdQAMcY6A8DFT5wqDlFHzRCTrDOQcObmX9ZNQDTSMYgp1hlQBr6w5gdEKwUhZlhnQPRH5zjpN0QXhSH+ss7Agvuc9AfiJIUhZlhnQJx/wv/9gjhJQYgp1hlQbnxjzXeILjoKMck6AwnnopxiHKKVmiHGWGcAuD7OqT5DNFIDxEfWGeiPznGaUYg62gTxjnXG5c+cIQZRRR6IYdZNzHGmNxBFRB1QXrOtF1DaiGgrlCjbugNlMxEth3KNbV2FUkwJu6E8ZhsPoewiyzooZx5xXg9OQ/GSxbUH4srt50Ox9/GvZgIrP03TnIiPxoae37oE4SexMgLHIiU0rxaO+WjBov1wqKWQktxBONK9mDTlJ+BAbwWl8PbAVs9qSlPWBRuhCsrgPoC89i2mLAq2RZBTxLeIslsRQA7+EsptrR9Z7PJSfsVb2pGirWYpOeCuqt95OBgOBw811lcVUaZ/mfih1EG4a9UAAAAASUVORK5CYII=)
    no-repeat center/40px;
}

.icon-youtube.menu {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAB2lBMVEUAAAD/AAC2JCS/QCDGOTnFMyzGMivBMCnELi7GMy3GLS3CMizDMSvFMCvGLyrCLinDMi3EMSzGLyvDLirEMinCMCvELyvGLyvDMivEMSrEMCnDLyzDLivEMSvFMCvDMCvELyrEMSzEMCvEMCrFLyzDMSvEMCvFMCvDLyrEMSvEMCvFMCvEMCvELyrEMCzDLyvEMSvEMCvEMCvDMCvEMCvELyzDMCvEMCvEMCvFMSzEMCvEMCvEMCvFMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvDMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvGNjLGNzLHOTTHOzfIPTjJQj3RXVnRX1vSYFzSYV3SYl7SYl/TZmLUZ2TUaGTUambVbWnjnpzloqDmpqTmp6Tmqafnq6nnrKroravor67qtrTruLbruLfsu7nsvLvsvrztv73uxcPvxcTvxsXvyMbvycfxzs3xz87y0dDz1dTz1tX019b02Nf129r13Nv23t3239724eD34+L34+P45eT45+b56Oj56en56un56+r57Ov78O/78PD78fH78vL89PP89fX89vb99/f9+fj+/Pz+/f3//f3//v7///8l3u8sAAAAVHRSTlMAAQcICSMkJScoLS4vMDEyMzQ2Nzg7PEdISUpMTU5lZmdoiouMjY6QkZOUlZaXu7y9vsTFxsfJy8zNzs/R2tvc3d7f4OHj5Ovs7e7v9PX2+Pn6/P1E2UdkAAAAAWJLR0SdBrvysQAAAnRJREFUGBmNwYtDS2EYB+B3ShsRlTK3SExKKTPXEF03yqwfcqdwXOZ+lxpyWZQ4iaT3f7XzvTXfruc8D2WxpLqhqTV06lToSNOOTR5yYLmvEyk6ti6jvFzrA8hi9zoX5VS2FznsKaXsCrf3Iae+2gLKwtOCvA66KUN5N2yEKinNml7Y6vFSilUn4EBvJWk8x+FI0E1JBQfgUEshLaiDY9toXmkEysDdlyOxeNw0zWmeN22aZjweG3l5dwBKXxkprr2wnH3KeT09C0vARZYNUJ6xjWdQ1pAlAMsg2xqExU8JJVDusa17UIqJyAflFdt6BaWGiDqhDLNubJYzDUNpJ1oC8ZZ1xoWPnOEtRBFVQ3xgnYHTN2c5zQeIjdQAMcY6A8DFT5wqDlFHzRCTrDOQcObmX9ZNQDTSMYgp1hlQBr6w5gdEKwUhZlhnQPRH5zjpN0QXhSH+ss7Agvuc9AfiJIUhZlhnQJx/wv/9gjhJQYgp1hlQbnxjzXeILjoKMck6AwnnopxiHKKVmiHGWGcAuD7OqT5DNFIDxEfWGeiPznGaUYg62gTxjnXG5c+cIQZRRR6IYdZNzHGmNxBFRB1QXrOtF1DaiGgrlCjbugNlMxEth3KNbV2FUkwJu6E8ZhsPoewiyzooZx5xXg9OQ/GSxbUH4srt50Ox9/GvZgIrP03TnIiPxoae37oE4SexMgLHIiU0rxaO+WjBov1wqKWQktxBONK9mDTlJ+BAbwWl8PbAVs9qSlPWBRuhCsrgPoC89i2mLAq2RZBTxLeIslsRQA7+EsptrR9Z7PJSfsVb2pGirWYpOeCuqt95OBgOBw811lcVUaZ/mfih1EG4a9UAAAAASUVORK5CYII=)
    no-repeat center/40px;
}

.icon-inst.menu {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAABmJLR0QA/wD/AP+gvaeTAAAOFUlEQVRo3s1afZAV1ZX/3Xu738fMG+aLQWBAvpQB+bBkURHiIsKuSuLGZANZ0IgRo4CkTEojkloS12yqzCZVZuMHu5taNxirsoUpRTei6yquccXIIpBEwpCFwQ8cYWRmmHnzmPded5+zf3T37dv93ozBTLL7qm71fd3vdd/f/Z3zO+ee2wJ/gA+vQGqgpul8RVab56nR7Ih617Wk5ygiT/Z5jn1KlFR7Tw+OzDp4sDzSzxcjAgIQ7obGReTRcpBaQiTmMwmLSYJcCXIUPEeBXOX3o6NLjtxLrr2LStg57eDe3QLg/1NQ/OVcCzE2MIs1THIKkQCTBJMI2keCMq5JkGd1EKW2SRKPtP32P0/9UUHxnXWjQe5fM8kvMYkaJgkygGhQXgDKjUDFwCXPuQrENojtgsfpf7Jl+tsz25/qPtvxybM1M74r8yXAPQyIOxioYSTsJTzBQs8bh32OfsNVbm7Mda0Af7Xseu37zvvsWj7LyRdnxY5wtoGxHOwPNGSDq7EU9KuZm8+OrGTOs0Bsg8kOGEuFzL3oMG5YcOwnJ0eMKb7bng9ZPgBgeZwRMcT8+H0OwGtmAjaYTQYF/EkK7yvA8Jtxv2UKqb2vT7p13oiA4rszS8DyJbBo1QPmsBngqvahwYX/0SCN34QgTZMFkuDEBAl+ZffkjVf9XqD4rswygJ8DMMr0F9YtMEN9KdEPTFSbq/5/JUhwBMYEFoEDIEROMD/92qSvXPmxQPkmx0+CkY5mX8QbIpOp/A0AEpEJkmmOlSDZMDs2AMXA+b9NM4mnfj7+a/POSih4c64F5OwHoVUPEIHZmIIQMtFwLjDuAqCmCbCy/qBlCmznfKnXYiLBngB5APUXQJ4EexJuTz+crtM48+sj8EqIBCIQDOZQOGLicdyj7EVLOu+tiGdWBaB7IVFwHgOGABTOsExBLrgRYsk6iLHTRyS9ocEi8rt+gQ+3bseZw50VvsWQJnMTpPB+xOBrBQQPyxTfnbkVhH9MKlwICCTAY9og1z4OMW4G/iAfYpx8eDs6H3wS7FkmO7HGbMNj++alnVv+ZUhQvLmuGY7TDsbokJ1Qbk1A6s5dQHZU9L8TR0BH94JOdIAH+kD9fWAXkel5EkRSm5tvghJI5yBy9ZANzUjPmons3JmQtTX6vt1PvIy373k0AkF2FXCpbinSM5Z03nWquvmV3S2AGK1VDgGQEJTKQK59XAPi938DZ9sdoKP7Y8HYT3mioxemQPqcAjnG+SDoIlOL5rWr0LJhFYSSaF6xBP17/genfvqGEb9kYIZhE80u8SYAX6tQP769rhmMtTojYEMMWAIkIC79gjY5fv83KN9/Dahjv2YRJOOiQAJEQ2Qc4SRQ4CtCggYdnHzwJ3hv80N6nlvvXAGRThtgkn4mwBDrd479QUulpNveRvZkLhpAorGAuOI2nRI42+4ADxZ8MIEkkye0mYX9odInJhnIuMSYTRsx49f/jqlP/ACqqRG9T72Cvl1vAgBSYxvReM18zQxz1BC1WkliXQwUA4JI3lj1wcE5NE6GGNvmY+rqAHXsj+IQ+T4SSjYn+14SmEC4TLEnTkTTTSshLAvZuW1oWnkVmCV6drym57v+T2cHQOIxLBHX1nCgahYAuBvqFgnCVO1HsfQmUMCxMyNxOrInBkiLQdhIgGAjdelS2BcvgdU6BUhl4PX0onjgl8g//xLcY51glvD6C+BiCSKTBgA4J0+DITGw76h+Xnb6uGDgAVtGM85Ne3bMDy9DF3ZbgQYuZ5KJxDOM+D4wUdMYgTp5LPILE0wAzpq9CLn134KaMKVCrbOLLkfDuvXo++kz6PrOI3B7C3j39r9Bw8pPYvCtY+jZ8SqYJcqdveCyC5GyYDXmAK5uevFz6mogAMVkXQniaFkTxiYj7WErG0l4oS8SAROQK5G68vPIbfw2oNTQ6x2l0PD5zyBz4Ry888V7kP+v/eh/9S0QB0sPKDAk3NMF2GPqIdN2BTvV2AKLpQC+IfnLSLOLPxluTcQkAGFHoAbyIC+UaL+xK6FmL4oBKh8+iO4td+H41Uvw9sIFeG/FX6H30cfAxRIAIDPjPEz4+28A0g5mW2kWmBXc/KA/Cbbyrw0BSPuWkBdvx/aULBebzmOSfpFkKJUiAZYRKHI5ijme8pmCjdy6+zSgMzufxMlbb0DhP16E290HGnRROnwMH35vK95ZvR7e6X4AQO0lc1H/6WUBO2aTgMcBswGAALRpgonJsLPN7lTpeWJ6TLqrKpUEm0x5IgAUsqRgz1sKNXGq7+yHD6LnO/eBy2yIR6CCrDB4qAOd9/ydvl/LzdfpgcWPAShLGewMx5gEQ7ZJJnWOKbE6aIaKFpgXYIKSsYyBPAn74iX6ev/jj4IMQFodOWCBFfpf/m8U24/5Zjj9XNjjz6lkihExFWNJxb7DmAyXrTGSXeT8B5s+Uln5MZmikClXat9S4ybp68U39+vzWkhIgdmKtYE33opi/6TxCZaUTk2FJQERAUaCNZNFAHWWV7YzUeYujJWpsagjETzEYCpkIYhTIh2poztQSgCKBhqyRVDwCqVotZrNRgyEbHFMMquYaKWfCbZrLCZZZE7EJiNGhfGIHIpAkYDnqsj/PAGvOyrPqfGT4B46YjDks0RsgWHpwaentEa5dFfeABMwJYROy8gNBq7Zqe5nHuQZSY7Kh+WryNz8qio5UXbNBigilfApheKBX+nruauX++crAIVsWVANjRi1+CIAgFcoonCoM86mAYpcigZfISYJk2XkpeOprqgeJ6P6nBseQ4AUNz8nDiz/wktg1/VztVUrkZo5S/tOBCjs22j95i2QNRkAQO/z+0AlDkzTMnwneJ5LBoCEiWpfClgTdpekQXGYjPJvrL7tyIi9kslUQv1chfK7J9D3xA7f/NMpTPjnB1C7dLFhcpZmaNL3v4rGTy3071Us4/gDzwZgrNjAdf3QpQpl9FmpwprH7dZACkdrBpWrF4xByUsXGEO/MpiClQW5qmLd9OF3tyIzdw4ys9qg6kdh4kP3ofjbt1HYcxDeQBHpKRNQd/mFmiEwo2PTj1E8ftoHn2BCZVMaFCWZYlUtYDu9+ZYO6/znjpTe+8TsvQAWxLJ0ExQLeCUvEqJcgwFK6JmiQQ/v3nw3Wh/4JmoXzgti0GRkpk+uLEMUy+jY9GOcenpfTOZDZoktWA2ZABRXBUGVAXvPbZjvWADgudYuMC9AlQw9lHevfzCS34amSI3YcGAoeKeLOLZ2C+qvXYqWmz+LzIw4IK9QRO/z+3D8gZ+heLwvABIIhKF+IpWGVeeDcvpLMVUcxr92Resp19opmb6eXEf5NQr/u3uyVw8sfcEFIAoyZ5baxjU4T6HnqVfR/eRu2OPPQWriOMhcLcon8xg41AkqwRCOICgjZMtnYNTs8bosVDpxRl8zY10yBAi2ntOgpu3du/vo3IuPMjAtVuczgnDhV4dBxSJkJoPMnAuAdA5UdPwAqEEljwql909j8Hg+LgIwwMS+K21+DQsjhrt3fxBnsjprR1bmF/9CL+cFwJ5nPUbG5pfnWX6VJyxLFYGBl3b75ldbg6ZbVgfOHZaqrMQxXp8zfYbYYAXmdx+Q1ViHc2+Zp3dXPnjmnQQQq8L0iNW2sKgpo3yu5mFie2CowiGxja6t/4pwMTl6/fVouO7qBIhgkZdw/HDgFDMz/3w0QP+71ZjDhT/6DFItfv3vxLPHkG/Pa+BhzKOYWKgCC/oHndGEnYdPHRu8ffR5LczqMobyc6qY2lhwuvMQUqH2ktkQUmDUny1AdvZ0P20acODmy9qc2Ai41YFE55HKoO6iiRj3uTmY9eBy1J7f5KdOpwax9wu74OS54j9RswGyvr9qYPEzVSu0B2dd1USOaAdEixYKXbmRQeFfYcLfbkDziqWVGwuuB/d0AXSmBECASg6o6Ab6E9+iseqzgBCwGrKw6tIV9yqfGsTeG3ehZ09PTOZj0u9PUncZ6bY1+Uu7h6yl/3L6tbeAxA91NA+qOOGuX1hQbLxuMcbfuRKpcc0j/BKGb3IHv74Hg53lKHUygZggSd20uvCJbcNvEADiwLTP7QDwFzD2ipKgmCVEKoWGP5+P+sVzkJ3eCqsxB1WXNVYLEiqXSbBJ8ArlaP+hTHBOF1H6cBA9r32AD/7tHfQf6o/kPgHI9yPN0s5V+UWf+shdDwDYPWFFUzpl7QPEJG2CupAYVVZhxClUxKzE0Vj1xpQMppQrI1YlkmAt/RrkexCZeavz80/9zrvzb065cS5BvAKIBq4CSmfFLGP96JyqyDYqgZgALUPNhgfErPpB6opVZxbuP+tXDvacu3YpS/kss0jHTS8CBZbRbkQMTGUg1nlaBWOWL9ExQKqqyTGrEsG+5vqBBS9/7PcoXp+88QomfhoQo8IaG9jYUon1k2CCtU4FuCRLwwM0AA14bP/lDYUFL/zeL4e8Pukr8zySOwAx0Qclh/Wvoc2vuhkaQTSWTiX87F1i+enrC4sOjNgbLy+2bm5OCd7GEJ9Mgkr6FIYTjOHAxfzKAEj2z8rSusmMRSP2whUD4ufjt3yRoO4HRAsPJRoJUKjGlAGKhlBFsNXlwtq0Or9wW1K2R/wtsucn3NtkU2ozs1wHFrlKn5JVwAzBVHVVHACsRzwp7r++7/LeP+r7fi+2PtRMjrOBhVgDltP4Ixj7aDOUR0DWtqLwtq7JL+v+uOMaoTczWbww5pHLXLavAcSVYHkJQ1q/Q9xyScg3BKldzPK5lfllr/+/ed00+dmO7alsszuVwW1gdQ5BjAJL5QnLhafyJNRJ9mR7b76l4zbMd0b6+f8Ls3JsD3o1uXUAAAAASUVORK5CYII=)
    no-repeat center/40px;
}

.icon-fb.footer {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEgElEQVRoge2bT2wUVRzHP4yrWGmhCrVI0ACCEHuw20PjxFBtAgfSHsA9cKjxZGATUk5iTEy9NOiBgwkeHIkeG43JhhjbECMauyZu3MQWExpLTagBU1yqFKWltqmsebu/abZ9s9vd7kyZ3fFz/M3beb/vvv/v95t1eIQZsR4D2oAWYB+wF2gEaoENUusMMA2kgCvAKDAExBOx6C0vPHNVsBmxdgBdwBEgDBhaoeK4BwwD54G+RCz6q1s+li3YjFjqHYeAU8CLbv+JQBoYBM4AFxKxaForUQJlOWdGrE6gF2jWHnrDJaAnEYv2r6lgM2LtBN4HOrSHa8MA0J2IRcdLra3kMWZGrNeAkfsoFql7RHwpiaJb2IxYjwDnZFLyE33AsUQsercYn4oSbEasBkCNm1btoT9IAp2JWHSybMFmxNoOXJR11M+odfxAIhb9rZCPBQVLy35XAWJtlOj9hVo676QlY7a/gsQivvaL747kFSwTlF/HbCFaxXdHHAXLdO+32bgUuvItWdoYlk2FWmdrtNIu09K0jefDT/LMzi1srFtPyDCYm19gfuEe0zNzjI3/wcef/bjaSmeBpuWbk5BWLLuD8lTsnh2beeN4G017Htee5fJEQ105gpUGpaUz17ikS8ve2NMdlGrVc+8cXlGsS3SIpkUWBcupp9fL2h/dVMPp1w+y/iGnjuUZvaItQ24LH/L61PPK4WY21T2s2T2mWbRpgk95XfPBF57WbGvEorZMU8tNxVWnWdstntpWz6dnj+Z92xdfj/LtD+P8OXWXdDp7xp+b/5drE7e1sqtAvXCXujmxB1OXl2IVWxtqNZvNl/FfePeDQc3uIutE42m7Sx/xsjZF/cb8Yzf5U8H9vltkNBpyuxj2urYHQw9oNpuZ2XnN5gFhpdWQq1THLWaVkdFqyL1xUGgx5JI8KOwLeXHefTPaltlV5dK4Jf8s/erLYTradTe+H7rG51/9rNnLYG9Iwh+u0vrcdrY21BX9ymd3O++rL4+lNFuZNBoS6/ElE6k7brtVa+QEtnzHjZuuC97g6+VoIvW3ZisXQ0KWvmN2boHbd/5x262ZkMRnXe3Wl8ducmNyeoltc31N5gDhxPj1KU3c75Oud2fFdEiC0a7O1G+/d1GzqWXnrRMvaXbFh58kiSddCwEXImXI5XVQuGJImkFQGDUkpyIoDCnBccmpqHaUxrgh2TLDARA8rLTaG4/z2uPqI6PRFtwnF13VSlo0ZgVLHpSnt2j3mUE71yt3L32migUvassVfEHyoKqNS6JtqWDJcOupQsE9udl7S46HkuE2oP2kchlYnrXndB7ulmBypaM0dC/XoAmWiPnJKhB80ik1URNMVvRH9rpVofSJBo1CkeljKjvBrUyebxJXGRqZ0OyKqb9cHUFJ8d2RghHDQCWmke3a6ocHKuSSwE49zCuWYoJokru4X7qKX0lKy64Ydy3qmlb+tXafTmTKp/ZiMmlZTdRfMtzOrkXi2grMytLjOBvnI3CfAPz/kUepBOoznuUE4kOtfPjyUzzgP1kkZImKfuPcAAAAAElFTkSuQmCC)
    no-repeat center/26px;
}

.icon-twitter.footer {
  background: url(data:image/png;base64,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)
    no-repeat center/26px;
}

.icon-line.footer {
  background: url(data:image/png;base64,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)
    no-repeat center/26px;
}

.icon-instagram.footer {
  background: url(data:image/png;base64,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)
    no-repeat center/100% 100%;
}

.icon-youtube.footer {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAB2lBMVEUAAAD/AAC2JCS/QCDGOTnFMyzGMivBMCnELi7GMy3GLS3CMizDMSvFMCvGLyrCLinDMi3EMSzGLyvDLirEMinCMCvELyvGLyvDMivEMSrEMCnDLyzDLivEMSvFMCvDMCvELyrEMSzEMCvEMCrFLyzDMSvEMCvFMCvDLyrEMSvEMCvFMCvEMCvELyrEMCzDLyvEMSvEMCvEMCvDMCvEMCvELyzDMCvEMCvEMCvFMSzEMCvEMCvEMCvFMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvDMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvEMCvGNjLGNzLHOTTHOzfIPTjJQj3RXVnRX1vSYFzSYV3SYl7SYl/TZmLUZ2TUaGTUambVbWnjnpzloqDmpqTmp6Tmqafnq6nnrKroravor67qtrTruLbruLfsu7nsvLvsvrztv73uxcPvxcTvxsXvyMbvycfxzs3xz87y0dDz1dTz1tX019b02Nf129r13Nv23t3239724eD34+L34+P45eT45+b56Oj56en56un56+r57Ov78O/78PD78fH78vL89PP89fX89vb99/f9+fj+/Pz+/f3//f3//v7///8l3u8sAAAAVHRSTlMAAQcICSMkJScoLS4vMDEyMzQ2Nzg7PEdISUpMTU5lZmdoiouMjY6QkZOUlZaXu7y9vsTFxsfJy8zNzs/R2tvc3d7f4OHj5Ovs7e7v9PX2+Pn6/P1E2UdkAAAAAWJLR0SdBrvysQAAAnRJREFUGBmNwYtDS2EYB+B3ShsRlTK3SExKKTPXEF03yqwfcqdwXOZ+lxpyWZQ4iaT3f7XzvTXfruc8D2WxpLqhqTV06lToSNOOTR5yYLmvEyk6ti6jvFzrA8hi9zoX5VS2FznsKaXsCrf3Iae+2gLKwtOCvA66KUN5N2yEKinNml7Y6vFSilUn4EBvJWk8x+FI0E1JBQfgUEshLaiDY9toXmkEysDdlyOxeNw0zWmeN22aZjweG3l5dwBKXxkprr2wnH3KeT09C0vARZYNUJ6xjWdQ1pAlAMsg2xqExU8JJVDusa17UIqJyAflFdt6BaWGiDqhDLNubJYzDUNpJ1oC8ZZ1xoWPnOEtRBFVQ3xgnYHTN2c5zQeIjdQAMcY6A8DFT5wqDlFHzRCTrDOQcObmX9ZNQDTSMYgp1hlQBr6w5gdEKwUhZlhnQPRH5zjpN0QXhSH+ss7Agvuc9AfiJIUhZlhnQJx/wv/9gjhJQYgp1hlQbnxjzXeILjoKMck6AwnnopxiHKKVmiHGWGcAuD7OqT5DNFIDxEfWGeiPznGaUYg62gTxjnXG5c+cIQZRRR6IYdZNzHGmNxBFRB1QXrOtF1DaiGgrlCjbugNlMxEth3KNbV2FUkwJu6E8ZhsPoewiyzooZx5xXg9OQ/GSxbUH4srt50Ox9/GvZgIrP03TnIiPxoae37oE4SexMgLHIiU0rxaO+WjBov1wqKWQktxBONK9mDTlJ+BAbwWl8PbAVs9qSlPWBRuhCsrgPoC89i2mLAq2RZBTxLeIslsRQA7+EsptrR9Z7PJSfsVb2pGirWYpOeCuqt95OBgOBw811lcVUaZ/mfih1EG4a9UAAAAASUVORK5CYII=)
    no-repeat center/100% 100%;
}

body:not(.post-type-archive-magazine) .normal_display,
body:not(.page-id-20152) .normal_display,
body:not(.page-id-21875) .normal_display,
body:not(.page-id-22079) .normal_display,
body:not(.magazine-template.magazine-template-onecolumn-960) .normal_display {
  display: inline-block;
}

body.post-type-archive-magazine.post-type-archive-magazine .normal_display,
body.page-id-20152.page-id-20152 .normal_display,
body.page-id-21875.page-id-21875 .normal_display,
body.page-id-22079.page-id-22079 .normal_display {
  display: none;
}

body.magazine-template.magazine-template-onecolumn-960 .normal_display {
  display: none;
}

.magazine_display {
  display: none;
}

body.post-type-archive-magazine .magazine_display,
body.page-id-20152 .magazine_display,
body.page-id-21875 .magazine_display,
body.page-id-22079 .magazine_display,
body.magazine-template.magazine-template-onecolumn-960 .magazine_display {
  display: inline;
}

@media (max-width: 767px) {
  .icon-fb.footer,
  .icon-twitter.footer,
  .icon-line.footer,
  .icon-mail.footer {
    background-size: 40px;
  }
}
@font-face {
  font-family: "fonts";
  src: url(//webmarks.co.jp/wp-content/themes/jin-child/./fonts/fonts.eot?ts=1578283454);
  src:
    url(//webmarks.co.jp/wp-content/themes/jin-child/./fonts/fonts.eot?#iefix&ts=1578283454)
      format("eot"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/./fonts/fonts.woff?ts=1578283454)
      format("woff"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/./fonts/fonts.ttf?ts=1578283454)
      format("truetype"),
    url(//webmarks.co.jp/wp-content/themes/jin-child/./fonts/fonts.svg#fonts?ts=1578283454)
      format("svg");
}
.iconfont-a2:before,
.iconfont-arw-r:before,
.iconfont-arw02-r:before,
.iconfont-close:before,
.iconfont-close-circle:before,
.iconfont-arw03-r:before,
.iconfont-arw04-r:before,
.iconfont-arw04-l:before,
.iconfont-arw03-l:before,
.iconfont-check:before,
.iconfont-window:before {
  font-family: "fonts";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}

.iconfont-a2:before {
  content: "\e602";
}

.iconfont-arw-r:before {
  content: "\e603";
}

.iconfont-arw02-r:before {
  content: "\e604";
}

.iconfont-close:before {
  content: "\e605";
}

.iconfont-close-circle:before {
  content: "\e606";
}

.iconfont-arw03-r:before {
  content: "\e607";
}

.iconfont-arw04-r:before {
  content: "\e608";
}

.iconfont-arw04-l:before {
  content: "\e609";
}

.iconfont-arw03-l:before {
  content: "\e610";
}

.iconfont-check:before {
  content: "\e611";
}

.iconfont-window:before {
  content: "\e612";
}

@media (min-width: 768px) {
  .concept-box1:before,
  .concept-box2:before,
  .concept-box3:before,
  .concept-box4:before,
  .concept-box5:before,
  .concept-box6:before {
    font-size: 28px;
  }
}
.concept-box1:after,
.concept-box2:after,
.concept-box3:after,
.concept-box4:after,
.concept-box5:after,
.concept-box6:after {
  width: 60px;
  height: 60px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  .concept-box1:after,
  .concept-box2:after,
  .concept-box3:after,
  .concept-box4:after,
  .concept-box5:after,
  .concept-box6:after {
    width: 50px;
    height: 50px;
  }
}
.concept-box1:after {
  content: "";
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/icon-point.png)
    no-repeat center/contain;
  margin-top: 0.1em;
}

.concept-box2:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABcCAMAAADDE7KjAAAABGdBTUEAALGPC/xhBQAAAoVQTFRF7Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il17Il1AAAA7Il1ptj6AAAAANZ0Uk5Tbp9fnbYmuOVwN0g2hubeuaZxPcCtMlNZpMjcXpeyjTQprvLaUGN2gziqF6J/yZkum+l7CkT6znxyczzh4oBDE+hibHnkntckXSCxeBVK61p1Rz+jvLqrPpIiuxLMQbA7OZM1gVjEYWa9mEkWrC+l9pTF7qccDhod1kIYS7Ov0Yvf8E9cH6FN+IiQhZzs3WRvwerQfbfKMSUbaBDtGR6o2MuglWVbjC1RawtgJwj7hChG+fPVVA30FPfH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)
    no-repeat center/contain;
  margin-top: 0.1em;
}

.concept-box3:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABcCAMAAADDE7KjAAAABGdBTUEAALGPC/xhBQAAAt9QTFRFAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAL+SAAAAAL+Sm3Nb4gAAAPR0Uk5Tpab6fXFbeVz0cszWOZWnyEd4Rl+HvXaT0M4lQ37ccLn7Yet1CoNOLv3344V/anM4MrKe8xyKbTXeVIAe56N0ljoB2TNre4Luw1DltezpxIFPkGIPJHyM9QwY+N2OTang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)
    no-repeat center/contain;
  margin-top: 0.1em;
}

.concept-box4:after {
  content: "";
  background: url(data:image/png;base64,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)
    no-repeat center/contain;
  margin-top: 0.1em;
}

.concept-box5:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABbCAMAAADjhON9AAAABGdBTUEAALGPC/xhBQAAAvdQTFRFAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAIiZAAAAAIiZPG/m4wAAAPx0Uk5TtqqVci/ILMceTJdEpKdupi25nnxsijqLQI2J033UtV7XXBpWsnQ5yQ9huhJNUct+rmIpvG2aP3k8WaiQWmudWxPYVKXWSjvexW+3xsIuN/Ahkq1DTkGO4sCY6mrDFWdVvoRph1+9J3s9v3OsZBiiK1jpiNtQHSDMxFc+7nVFuGUkhYZjSDPlztJo1SNmeh9Jn3goNODhNkfNJXDjcSp2gFK7jJwN2ZQLT6vRk69/JuTn3FMRweyjoOg40HdC3dpdMZFLj/iDz7HxG/vvoam0DByzRvTrlt81MDKB8vcQCmAiFxTKsO0W9RkI5gX59gQJ8/oHBg4D/fwBAv4Avih7rQAAB1JJREFUWMOlmWdcE0kYxnO9997v9O707L333nvvvZ29d8/eC6Ig2FAUwYKCClIURBHpAtJFRHovCbAJ8+FmdzNtdxISzQd+m3d2/9ndd+aZ93nR1LzCR2gxhxPVWM0p3ZJgACD/tVHDvB8D6TPrtVAlQb0MAH1uvDrq5fQJGLNhN/xT+Uoowe5WNcIY7n3zpKYC3t1O61HPp4wljwXAOSmYAECMlaj/IsoA+ymKFuNX4JEVqMJRe6oQoIqwVko/AQ9yLETlbM3GFz+NnBdAUM7SeCoABy1A6YdMK0cXVu9LeSnmj9zWDUE8ZzMAxbWhLu29jt/y482egjE8kNyWlDoneFBhDuXulYuTnuCynxqZS1DXpDuHs8PeFKrQdR9+iuJ+ewvZ05IIKlO6+ZMAXOShhMSsx+RleCVy8nASjxsyVrfa/BCop4OIqjyOTiu/fDCNn9Lx5LZ2oYMXatR5eSQ8prfpydpIMVWrYJLjVaj1UsrcnphfP88oTniHgJeRcKYoUcIjaTjSrNx98CGFOlUCQ+vhwQUFyt44p01y3p8R9Yx5uAdSGL753xSoDsYTcniYyj7b9gDl5540lAlAAYsqQWs/WMW52f5jtBIN9ZquICx3cbQ/PNAzqEA0/jvLWXIG612qWzq85eXUy5LeH8xWIIPqgVcu+Yn8HVeOofDFMf7yzJ9HULPRrGX0T3MYn7BOjoQeCEErsbylowN5bUR2ynVioLViwmuO0lqr9wl+hL7eOeLEJrundO/SJGwsfj+tyJWmBKPipno/RcdrzibqlVnoJA64vN0A/v1HCsQBYMNMhnBlrsuubs/jTYyGUDly4UhszPhSKTCN1T9NTWeGc/f+pgpTc/UWADPJt3f9urP6p6lJI5z5C46aWz62kyKjjSk+/KYxxaOY5YwF2PDcoo36yZQ/i/Gv+zKoCBx3rBWj/3u6L05xl6vMdNDISZU/Tcxz0upG3EYP0OSsrVCTx+gfROnJ1muGc/SvcWEoxc2aL5KD2bT+iSraHbP8+ZiK2Pt30SkeHT/S4oEQWv9ElCtGjeBw8rZfjTMOh017i60cY2n9E1H5GHVb+ZYTU06gsQneU+urfgcqfACzeRVhFj3NdZ5H7qD4o+Ahet6jwxW7i0EFY9RyFHdwbIkKh9ysLaGmkuFH6Z+ECsUoacct9H9wDwUSruzIN5NXHTwlmdnoyfZWmZH+byoSw1tnTtc2ZwuI/smoc5jlgZZRttfSmxasosVwujIoH4XOXN7Wp9KyyjmZ6J+MKqEwz6JmrLLCFMCV7ccURbcxqXOpdf5iLZRfBrUQo7pYaXm2wGu0NEqHUdetRGlhnmKZqg9XfIZoyxCVSZPlg74A7GZQzvi2NlrA6db1sw0gVS5Wh8NrBBrljlG7a+N8bjOpitqDhyH9Qyiif+VmC62geFxtTtLJMVjGujAV8k+YZW+Ks2pvDNofihr0x0o8wKh/GBWEUVnct/zt1svohALnlXRuGsNQNI0i+rdBvT8s9cL7Q+a1nYJCH2Hx9AfjJkiRyBa4pzeOw4XWiPQMzh3/Is9GgvoZo86T/cF+eAIuGx+M1FLXQzEK95DfV4rsfwkqA6NWGCOeWbjQmn3KnXbAyU3rSWI0V/bVQKr/KLtE9K+EKfOWeXvqaG+20rkA5dFHDsFaKoRBRWGWXD5J9eCJFDt6f3jx6RdFRIzqGKORkv5RqESMGiRnxsZrYR26z/D9d73QGcfjgygxagMjk2kU0b9cTp8hIHIoev61bQcrRotE/aOt5Q3MSla4wbkDkXKEf9K1m/qHoB0oY1CzMCqC8kmNxmMvuO/H9XzJbyvqn0axqRmXBnqsiRo0cx8O+Ho1f2kazYI/452Jb5ezfxP1Ya63duVXhJRZWMyg4jFKbiLYSavuna+SBC6HMgviGmFQ+xUlpv7I8TdmTeZXkrRZeA/+Wfuc7TNgVJhgTgDrs2ZhFTRvKxoqWha4mAJBJjlzFswPY80CfC9FycruRyxGRfEryU0dPVRmoSJOLqZYlBajhqo5i5o3QzY0jDYL7WBqFql7MiQjh9jGmu3ZNbhzFFGXaUYEwPqH0945g1H3SfCC05e4kvSd7qOsJNNh5cNB5RDfhBprjueQrBSHHFA3I0p7Q3EK5zWdSOsF2tzC0T9cRN+PuRzON213SjmoLLLhp7uhnk/VIL8lHLuz1ZfpPChRSaquQnbP9upKMm3dYrSdVaes1nO7anqWs2dmO7WstCB2566rznSvD7eUwMNfJx7i2Z2+WNUGF5ptG3ZCJy7Tqe3Owixkd8omZgi1dSCj0T0lKZ7cjtidfm1KLeq3V1PdQcruLEOcbS9M1OFq1Bg5b5dwwOHUbGR3xvZIMy09atQh6SJjF0A7ktgdt0Ct2WqQ062VrguUKwxkd4pb5Qm1FZYa7qYGCoTka5nI7mT6W9Q14KBGi96tAKu/g4Vuh4ci+ldgkfky1ySXtTLLVmudr+ChnIDBJlSosfbDbd2XvMq/nGr+Byomm1H13HFpAAAAAElFTkSuQmCC)
    no-repeat center/contain;
  margin-top: 0.1em;
}

.concept-box6:after {
  content: "";
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/icon-memo.png)
    no-repeat center/contain;
  margin-top: 0.1em;
}

.cl-main {
  color: #089;
}

.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-mail:after {
  content: "";
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABQCAYAAADSm7GJAAAFaklEQVR4nO2dW4hVVRiAP6d88EWMrCAnMMaoLN8SiS5OB4pIE4l5SgmsXsanEkopisIog4qeah4iMmSeukAmkVF2w5qhpy5GoI3S5MuE6QQNGHpi6b/Zc+Y/Z1/O2df/rA8GdP179l7r/+bsc85ea/97UbPZBNgK7ABW4rHACeBVYJ8TvA1422s1ycNO8O/Atf2eCaNMDQDL+j0Lhlk20O8ZsI4XbBwv2DiXxgzPffg6rlo9VcJ9tZ3q1B//CjaOF2wcL9g4XrBxvGDjeMHGifualJbVwC3ASeAL4Hy/Jzgh7oXWAK4GfgCOZLXjLAW/Bjw+7/+uo/cBM2pLz3yuAA4Aa+e1vb4gl12T1Sl6Q5sOuVfyl8Cg2toTMChnurULMvIYsDGLLGUluKFaLrLaS+7IoOTm5g4b3KVauiArwWdUS8iQl6wI5A6pSMisaumCrATvBf5RrSFeckgSuS6X76jWLshKsFsDtBmYU5EQN6DvgVUq0j+4sR+OkTsnuTyhIl2Q5fdg92HhnphTywr56+1Hyatk7NeoSIjL3b2Sy0zI+kLHt15yWwK5K9oFhVnJ3dcq0gN5XMmaSCH5JhWxxw0p5E6oSI/kdakykHxaRUICyWtUxA5ubN+UJZecr0W7Dt8J/KUiIcvl/cai5DUytuUqEuJyc3tecilgsuEnuQjSb5KTym1IjnKjiNmkpJK/AtapSP1wYzhUBbkUOF3oBjIM/KkiIZcBB2sueZ2M4XIVCTlZlFwKng/+JYHkpTWWHMhdqiIhbuzri5JLCRP+R1NIvk1FqsutCeUOSw4Ko4wVHUklfxYxS1UlXB8/r6JcSlyyc1T+6o+pSMgS4OOKS25IH5eoSMgxORsVLpeS12T9IX/VdZWcVO5wVhMH3VD2orvpFJLvV5Hy2JBC7rSKFEgVVlUGkn9VkRCXyPeBTSpSPK4PH8bI/a0KcqnQstlp+frws4qELAbeK1nyJunDYhUJcWO4owpyqdi66Bl5X0siebOK5E9SuY0qrSSt2sL3pJLd6XqLiuSHO9YHdZNLRe9smJHT9aSKhLh+v1uQ5C1yrEtUJGRSVkFWbg14VW9dOSVzpGVLDuRG5WlS+ho1mVIaUR0vmzMpJD+iIr2zLYXcqGXDpRLV+SoQSD4c0Rc3hreAURXpnlEpDheVn4mqyyVmAFXBJfBumWON4o2MJI/KvqI4JB+oKi2XGt0++q/cq5O35KRyN0qfKk+d7g9OI3mXao3nSWtyqeEN4IHkAyrSykspJbttX1atrXxSN7nU9A5/l+AHgP0q0kpSybtk2yj2y9WzWsmlxiUczgIjCSU/q1pDnk4od0SOWTvqXKMjkPyRirTyPLBHtV5se0G1tlJruRgownJWTtfjKtLKzgWS90hbFOOy79rKJYciLGVwDnhIjvtgxPF3dvh3O8Zln+faxGqFBcF0KbkTZuRirE5WILmX50/stSQXg4XQnJhHgTEViWdMJhjMyMVopTv3nKDtKSWPye80VaTmWC1lmEayWbkYr1UZSI66BPmKZbn0QTHSZsSlSNf2hGW5GPqaFMdTUi5iRLZzi/Y+jfkdE/SLYOTuv4Oq1Ti+XrRxvGDjeMHG8YKN4wUbxws2jhdsHC/YOF6wcbxg43jBxvGCjRMneEqm0/xPup85ebzBepXR9gzJDNdsF8fq+PRvx6Jms3lKKr16suc/kfxdxJ6vBH4ErlKR3vnbn6LzxRVteSbmCNtzknsBLzh/ro85wnWqJUMGYh6c4emduCKkke+hPXLaCd7tJebG+Q7rwebzplQVyoPd7kOW2+9WYAewss7ZrBiuwv1zUks6jhuBF+UJLFH1uJJy/MLznGHf/wOwgo4Y41a/AAAAAElFTkSuQmCC)
    no-repeat center/100%;
}

.btn-scale {
  transform: scale(1.05);
  transition: all 0.2s ease-out;
  text-decoration: none;
}

.btn-main {
  width: 480px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 5px 10px 0px rgba(4, 0, 0, 0.15);
  color: #fff !important;
  font-size: 24px;
  font-weight: 700;
  border-radius: 30em;
  margin-top: 40px;
  letter-spacing: 2px;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-main:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: all 0.2s ease-out;
  text-decoration: none;
}

.top-page-wrapper .btn-main:hover,
.top-page-wrapper .btn-main a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .btn-main {
    width: 270px;
    height: 50px;
    font-size: 16px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 320px) {
  .btn-main {
    width: 230px;
  }
}
.btn-main-profile {
  width: 240px;
  font-size: 14px;
  height: auto;
  letter-spacing: -0.01em;
  text-decoration: none !important;
  margin-left: 0;
  margin-top: 20px;
  box-shadow: none;
  padding: 1em 0;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .btn-main-profile {
    margin-left: auto;
  }
}
.btn-primary {
  background: linear-gradient(to right, #ff64d4 0%, #ff945a 100%);
}

.btn-primary-contact input {
  background: linear-gradient(to right, #ff64d4 0%, #ff945a 100%);
}

.btn-secondary {
  background: linear-gradient(to right, #0094df 0%, #00d4d9 100%);
}

.btn-secondary-contact input {
  background: linear-gradient(to right, #0094df 0%, #00d4d9 100%);
}

.btn-icon-smile {
  position: relative;
}

.btn-icon-smile:after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAwCAYAAACrF9JNAAAEHUlEQVRoge2aW4hVZRTHf+M02UXzYYZuU44RCGpKLwVCRSD0VNGLSKgnKkkfouylB29BvVQv0eWxC0ioRcgYURCYPoRKN5gkqxEVskIrkA6CzsX5x9dZZ9jn+759ztnnMu49+IcF56y99trr/61vr/3t9e0eSTTAncAa4EFgGXBrffMZwZ/AT8BB4CPgRN2LOpIpslzSPhUD+yzeKJdAIalX0kuSJgtCsIpJi7vX5+RP12uA3cBjQcqLg2HgceBibLq6EdgbjE8FeyRtkDQYyfzlkEGLZ08QaQV7kxlNBrgjMJVGJa3PCbE0cfGNBpFX+NSQXCppwjP6UlJ/iuO8Sb/Fm8SE8ZomOewZHJc0UBCCVRmwuJMYrpJcFCRaKkWcFEFKARNp0RxgtVc3PwZ2FrSy7rT4k1jtSK7ylF8FpxYLfvyr3HPyNHBbQrkQOF1gkrcDvyX+/+5I+ovXnuC04qGG05wuhP8I8ImtPPz7vRHcC8B7wBfAVuC6BvbNIahF7VXRJwNv0gsRu5i4BfZ579zPJfVEbBtJQCima1VOBN6kf5oM9P3gzAoeiNhmItnp6ToYaKDfFv6NcEvK8TR90+g0yQOBBo4AFwJtiIOBBsaBQ4E2K4LJEaY+i9wh6ZeEr1PV9WMTcrWk3Ylzy5LWtRhHDbrxCOkDVgK9loWxwKI+Vti0/w74u65lOmo4XXlOzhZcITlb0E2SQ8AHwMu26G+E64FXgGcb2GWHpHGv4vZFSnIrsiHhc0zSu5KWRfy44vdwYrV0JGKTRfo8PuPuAr8CixOjsxT4uQPjNw/4Blji6Y8B3wLngAHgfss6VhUfBT4LvDWPJXaNKkYd810e8y0dbHPcLOlwsNyI44KkJyI+ssoWz/uuWF9kpMO9HDd9XpR0LkqtggP12vwZZcTzXXLK+ZFXnG0dJupknqSnrCHssrtf0uuS7o3YtirbPB6O1/yqs1eDsZXWdoFoN2VtwKDCa7rvukDSGc+gXKDWZMniTeKM8arZJnhI0lQwFtJrkoYijvMgQxafjynj83+M/q7Wc8CbkWJdBj4ERoCzwL+BRXsYs8fKZIqXq4D77PcC4EbgbmAdcEPE/nngrel/kWxsjOyLzBQOeRtM603XLCYs/hpOadvpK61r5j/IZwolu06WTr5bwDwNHA6ORDJZFfemvknSscuQ0bMZMuji22TxxnikZtLHCvsw4i7gJrsvOom5wD3WTYjhEvC16V09+As4an2hHxvF0SzJmcBm4I2U6xy1gW4JeXqffBv4IdBWcDLQZECeSLop+QwwFRyZRSQdvgfeCbRwKtBkQB7bH9uBPzzdrCNZtpVXEm1N1zxVVx+f2jagw7U1Hx9lRJ5JLrQ2Rrndjxbz3JJ0W+I72r0fHdzqPs9wbxLtJQL4Dxg2ngBvV9WbAAAAAElFTkSuQmCC)
    no-repeat center/100%;
  position: absolute;
  left: 65px;
  top: 28px;
  transition: all 0.2s ease-out;
}

@media only screen and (max-width: 767px) {
  .btn-icon-smile:after {
    display: none;
  }
}
.btn-icon-smile:hover:after {
  transform: scale(1.05) translate(-5%);
  transition: all 0.2s ease-out;
}

_:lang(x)::-ms-backdrop,
.btn-main,
.btn-main-contact input {
  padding-top: 8px;
}

.magazine-headerMargin {
  margin-top: 110px;
}

@media (max-width: 767px) {
  .magazine-headerMargin {
    margin-top: 0;
  }
}
.archive-magazine-category-area {
  position: relative;
  z-index: 0;
  width: 900px;
  margin-top: 70px;
  margin-inline: auto;
}

.company .magazine-company {
  padding-bottom: 0;
  width: 80%;
  margin: auto;
}

.archive-magazine-videos {
  margin: 50px 0 0;
}

.archive-magazine-videos-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.archive-magazine-videos-contents {
  display: flex;
  justify-content: space-around;
  gap: 20px;
}

.archive-magazine-videos-contents iframe {
  width: 321px;
  height: 181px;
}

.archive-magazine-articles-title1 {
  background-color: #7bd0ff;
  color: #fff;
  display: inline-block;
  padding: 5px;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 22px;
  text-align: center;
  line-height: 27px;
}

.archive-magazine-articles-title2 {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 5px;
  font-weight: 700;
  margin-bottom: 40px;
  font-size: 22px;
}

.archive-magazine-flex {
  display: flex;
  justify-content: space-between;
}

.archive-magazine-articles-title3 {
  background-color: #58ef4b;
  color: #fff;
  display: inline-block;
  padding: 5px;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 22px;
  text-align: center;
  line-height: 27px;
}

.pager-top-magazine {
  display: flex;
}

.archive-magazine-articles-title4 {
  display: inline-block;
  padding: 5px;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
  line-height: 27px;
}

.archive-magazine-categoryBox {
  display: flex;
  justify-content: center;
  margin: auto;
  gap: 20px;
  width: 900px;
}

.categoryCard-left {
  height: 488.75px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  box-shadow: 4px 4px 4px #ccc;
}

.categoryCard-left-img {
  width: 400px;
  height: 250px;
}

.categoryCard-left-title {
  font-weight: 700;
  padding: 30px;
  width: 400px;
  margin-top: 30px;
}

.categoryCard-left-name {
  display: inline-block;
  background-color: #43becd;
  color: #fff;
  margin-top: 30px;
  margin-left: 20px;
  padding: 0 5px;
}

.categoryCard-right a {
  margin-bottom: 10px;
  display: block;
}

.categoryCard-right a:nth-last-child(1) {
  margin-bottom: 0;
  display: block;
}

.categoryCard-right-flex {
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
}

.categoryCard-right-img {
  width: 250px;
}

.categoryCard-right-title {
  font-weight: 700;
  width: 250px;
  padding: 30px;
}

.categoryCard-right-name {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  background-color: #43becd;
  color: #fff;
}

@media (max-width: 767px) {
  .archive-magazine-category-area {
    padding-top: 0;
    margin-top: 0;
    width: 100%;
  }
  .archive-magazine-articles {
    margin: 0 20px;
    width: 90%;
  }
  .company .magazine-company {
    width: 100%;
    padding: 0;
    padding-top: 30px;
  }
  .archive-magazine-videos-contents {
    margin: 30px auto;
    flex-direction: column;
    width: 100%;
  }
  .archive-magazine-videos-contents iframe {
    width: 322px;
    margin: auto;
  }
  .archive-magazine-articles-title2 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .archive-magazine-articles-title1 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .archive-magazine-articles-title3 {
    font-size: 18px;
  }
  .post-list-mag {
    display: block;
  }
  .pager-top-magazine {
    flex-direction: column;
  }
  .post-list-mag .post-list-item {
    width: 80%;
    margin: auto;
  }
  .categoryCard-right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .categoryCard-right a {
    margin: auto;
  }
  .categoryCard-right-flex {
    flex-direction: column;
    width: auto;
    border: none;
  }
  .archive-magazine-categoryBox {
    width: 100%;
  }
  .categoryCard-right-img {
    width: auto;
  }
  .categoryCard-right-title {
    font-weight: 700;
    width: auto;
    padding: 10px;
  }
  .magazine-slider .slider-sp {
    height: 230px;
  }
}
.category-magazine-articles {
  width: 1003px;
  margin: auto;
  margin-top: 110px;
}

.category-magazine-articles-title {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 5px;
  font-weight: 700;
  margin-bottom: 40px;
  font-size: 22px;
  margin-top: 30px;
}

.categoryCard-pick {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 50px;
  gap: 70px;
}

.categoryCard-pick-img {
  width: 370px;
}

.categoryCard-pick-title {
  font-weight: 700;
  width: 370px;
  padding: 30px;
}

.bg-gray {
  background-color: #dbdbdb;
  padding: 0 20px 20px;
}

.categoryCard-body {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: start;
  margin-top: 80px;
  margin-bottom: 50px;
  gap: 30px;
}

.categoryCard-body a {
  width: 270px;
  margin-bottom: 10px;
  display: block;
  border: 1px solid #dbdbdb;
  box-shadow: 2px 2px 1px #c8c8c8;
}

.categoryCard-body-flex {
  display: flex;
  align-items: center;
}

.categoryCard-body-img {
  max-width: 460px;
  border: 1px solid #dfdfdf;
}

.categoryCard-body-title {
  font-weight: 700;
  width: 100%;
  padding: 30px;
}

.categoryCard-body-name {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  background-color: #43becd;
  color: #fff;
}

.categoryCard-right-flex {
  display: flex;
}

.damy-card1,
.damy-card2 {
  width: 270px;
  height: 344.5px;
}

@media (max-width: 767px) {
  .categoryCard-pick {
    gap: 25px;
  }
  .category-magazine-articles {
    width: 90%;
    margin-top: 30px;
  }
  .category-magazine-articles-title {
    margin-top: 0;
  }
  .post-list-mag .post-list-item:nth-child(2n-1) {
    margin-right: auto;
  }
  .categoryCard-body {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .damy-card2 {
    display: none;
  }
  .damy-card1 {
    display: none;
  }
}
.archiveDiscription {
  padding-top: 150px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}

.archiveDiscription_copy {
  font-size: 14px;
  box-shadow: 0px 2px 6px 0px rgba(4, 0, 0, 0.16);
  text-align: center;
  padding: 15px 0 10px;
  position: relative;
  color: #089;
  font-weight: 700;
}

@media (max-width: 767px) {
  .archiveDiscription {
    padding-top: 10%;
  }
  .archiveDiscription_copy {
    font-size: 12px;
    text-align: left;
    padding: 15px 10px 10px;
  }
}
.archive_interview_title {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}

.archive_interview_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-bottom: 55px;
}

.archive_interview_box_content {
  flex: 0 0 18%;
  -o-object-fit: cover;
  object-fit: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.archive_interview_box_content a:hover {
  opacity: 0.5;
}

.archive_interview_box_content a img {
  display: block;
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 50%;
}

.archive_interview_box_content p {
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
}

.interview_br {
  display: none;
}

@media (max-width: 767px) {
  .archive_interview_title {
    font-size: 22px;
    margin-top: 10%;
  }
  .archive_interview_box {
    margin-bottom: 5%;
    row-gap: 15px;
  }
  .archive_interview_box_content {
    flex: 0 0 32%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .archive_interview_box_content a img {
    width: 80px;
    height: 80px;
  }
  .archive_interview_box_content p {
    font-size: 9px;
  }
  .interview_br {
    display: block;
  }
}
.swiperInterview-pagination {
  margin: 0 auto;
  width: 145px;
}

.swiperInterview-pagination span {
  margin-right: 10px;
}

.youtube-button-prev {
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color: transparent transparent #565656 #565656;
  transform: rotate(45deg) translateY(50%);
  position: absolute;
  top: 55%;
  left: -5%;
}

.youtube-button-next {
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color: #565656 #565656 transparent transparent;
  transform: rotate(45deg) translateY(50%);
  position: absolute;
  top: 55%;
  right: -5%;
}

.swiper_youtube {
  position: relative;
}

.swiperYoutube-pagination {
  margin: 0 auto;
  width: 120px;
}

.swiperYoutube-pagination span {
  margin-right: 10px;
}

.archiveYoutube {
  padding: 80px 0 0;
}

.archiveYoutube {
  position: relative;
}

.archiveYoutube_outer_wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}

.archiveYoutube_wrapper {
  width: 100%;
  max-width: 1003px;
  margin: 0 auto;
  position: relative;
}

.archiveYoutube_box_item {
  width: 30%;
  aspect-ratio: 16/9;
  margin-bottom: 20px;
}

.archiveYoutube_box_item iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .archiveYoutube_wrapper {
    margin: 0 20px;
    width: 90%;
  }
  .archiveYoutube_box {
    margin-top: 20px;
  }
  .archiveYoutube_box_item {
    width: 49%;
  }
}
.archiveCoverage_jica {
  display: block;
  width: 70%;
  margin: 0 auto;
}

.archiveCoverage {
  padding: 80px 0 20px;
}

.archiveCoverage_wrapper {
  width: 1003px;
  margin: 0 auto;
}

.archiveCoverage_border {
  border: 1px solid #aaa;
  border-radius: 10px;
  padding: 40px 0;
}

.archiveCoverage_wrapper a:hover {
  opacity: 0.5;
}

.archiveCoverage_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.archiveCoverage_box_content {
  width: 15%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.archiveCoverage_box_content p {
  font-size: 12px;
  font-weight: 700;
}

p.archiveCoverage_title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

.coverage_br {
  display: none;
}

@media (max-width: 767px) {
  .archiveCoverage {
    padding: 40px 0 40px;
  }
  .archiveCoverage_wrapper {
    margin: 0 20px;
    width: 90%;
  }
  .archiveCoverage_box {
    margin-top: 20px;
  }
  .archiveCoverage_box_content {
    width: 32%;
    margin-bottom: 20px;
  }
  .archiveCoverage_box_content p {
    font-size: 10px;
  }
  p.archiveCoverage_title {
    font-size: 18px;
  }
  .coverage_br {
    display: block;
  }
  .archiveCoverage_pt {
    padding: 0 0 80px !important;
  }
}
.archiveLesson {
  background-color: #131e31;
  padding: 80px 0;
}

.arciveLesson_wrapper {
  width: 1003px;
  margin: 0 auto;
}

.archiveLesson_youtube {
  width: 48%;
  margin: 0 auto 40px;
  aspect-ratio: 16/9;
}

.archiveLesson_youtube iframe {
  width: 100%;
  height: 100%;
}

.archiveLesson_box {
  display: flex;
  justify-content: space-between;
}

.archiveLesson_box_l {
  width: 45%;
  background-color: #fff;
  padding: 20px 0;
  border-radius: 10px;
}

.archiveLesson_box_l_sub {
  color: #39706a;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

.archiveLesson_box_l_title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

.archiveLesson_box_l_link {
  display: block;
  font-size: 18px;
  text-align: center;
  color: #111;
  width: 200px;
  margin: 0 auto;
  padding: 15px 0;
  border: 1px solid #111;
  border-radius: 50px;
}

.archiveLesson_copy {
  color: #fff;
  font-size: 14px;
  text-align: right;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .arciveLesson_wrapper {
    margin: 0 20px;
    width: 90%;
  }
  .archiveLesson_youtube {
    width: 100%;
    margin: 0 auto 40px;
    aspect-ratio: 16/9;
  }
  .archiveLesson_youtube iframe {
    width: 100%;
    height: 100%;
  }
  .archiveLesson_box {
    flex-direction: column;
  }
  .archiveLesson_box_l {
    width: 100%;
    margin-bottom: 40px;
  }
  .archiveLesson_box_l_title {
    font-size: 18px;
  }
  .archiveLesson_copy {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  body.post-type-archive-magazine #page-top,
  body.magazine-template-onecolumn-960-php #page-top {
    bottom: 110px !important;
  }
}
.menu-area {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
  .menu-area {
    overflow-y: auto;
    z-index: 9998;
  }
}
.menu-area .btn-close {
  position: fixed;
  top: 35px;
  right: 35px;
  z-index: 10001;
}

.menu-area .btn-close i {
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .menu-area .btn-close {
    top: 20px;
    right: 20px;
  }
}
.menu-area-flex {
  display: flex;
  justify-content: flex-end;
  z-index: 10000;
}

.menu-area a {
  color: #222;
  font-weight: 700;
  line-height: 1 !important;
}

.menu-area a:hover {
  color: #089;
  text-decoration: none;
}

.menu-items {
  width: 31%;
  max-width: 400px;
  min-width: 384px;
  min-height: 100vh;
  height: 100%;
  z-index: 10000;
}

@media only screen and (max-width: 767px) {
  .menu-items {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.menu-inner {
  padding: 0 15% 50px;
}

@media only screen and (max-width: 767px) {
  .menu-inner {
    padding: 0 6% 50px;
  }
}
.menu-list li {
  border-top: 1px solid #ccc;
}

.menu-list li:last-child {
  border-bottom: 1px solid #ccc;
}

.menu-list li a {
  display: block;
  padding: 18px 0 18px 40px;
  line-height: 1;
  position: relative;
}

.menu-list li _:lang(x)::-ms-backdrop,
.menu-list li a {
  padding-top: 22px;
}

.menu-list li i {
  display: none;
}

.menu-list li.topics i {
  display: inline-block;
}

.menu-sns {
  margin-left: 40px;
  margin-top: 20px;
}

.menu-sns span a {
  width: 40px;
  height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  font-size: unset;
  overflow: unset;
}

.menu-sns span a i {
  display: inline-block;
  width: 40px;
  height: 40px;
}

@media only screen and (min-width: 768px) {
  .menu-sns span a i {
    transition: transform 0.2s ease-out;
  }
  .menu-sns span a i:hover {
    transform: scale(1.08);
    transition: transform 0.2s ease-out;
  }
}
.menu-sns span + span {
  margin-left: 15px;
}

.menu-searchbox {
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
  height: 40px;
  border-radius: 20px;
}

.glonav {
  background: #faf7f7;
  font-size: 16px;
  padding-top: 100px;
  position: relative;
  transition: transform 0.3s ease-out;
}

.glonav.is-open {
  transform: translateX(400px);
  transition: transform 0.3s ease-out;
}

@media only screen and (max-width: 767px) {
  .glonav.is-open {
    transform: translateX(0);
  }
}
.glonav.is-open-cat {
  transform: translateX(1px);
  transition: transform 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .glonav {
    transform: translateX(800px);
  }
}
@media only screen and (max-width: 767px) {
  .glonav {
    transform: translateX(100%);
    padding-top: 70px;
  }
}
.glonav:after {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 125px;
  height: 200px;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-triangle.png)
    no-repeat center/100% 100%;
}

.glonav-list .topics a {
  padding-left: 0;
}

.glonav-list .topics i {
  display: inline-block;
  font-size: 10px;
  color: #43becd;
  transform: rotate(45deg);
  margin: 0 15px;
}

.catnav {
  background: #f5f1f1;
  font-size: 15px;
  padding-top: 150px;
  transition: transform 0.3s ease-out;
}

.catnav.is-open {
  transform: translateX(1px);
  transition: transform 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .catnav {
    transform: translateX(400px);
  }
}
@media only screen and (max-width: 767px) {
  .catnav {
    padding-top: 70px;
    z-index: 10001;
    transform: translateX(100%);
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
  }
  .catnav:after {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 125px;
    height: 200px;
    background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-triangle.png)
      no-repeat center/100% 100%;
  }
}
.catnav-list li:first-child {
  position: relative;
}

.catnav-list li a {
  padding-left: 48px;
}

.catnav-list li a:before {
  position: absolute;
  left: 40px;
  top: 50%;
  display: block;
  content: "-";
  transform: translateY(-50%);
}

.catnav-list .btn-cat-close {
  color: #43becd;
  position: absolute;
  left: 0;
  padding-left: 0;
  width: 40px;
  text-align: center;
  z-index: 10;
}

.catnav-list .btn-cat-close:before {
  display: none;
}

.catnav-list .btn-cat-close i {
  display: block;
}

@keyframes fadeInContact {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.modal-wrap {
  z-index: 9998;
  position: fixed;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #9fd3de;
  opacity: 0.5;
  z-index: 9999;
}

.view-noscroll {
  width: 100%;
  height: 100vh;
}

#page-top {
  z-index: 999 !important;
}

@media only screen and (min-width: 768px) {
  #page-top {
    position: fixed;
  }
  #page-top.fix {
    position: absolute;
  }
}
@media only screen and (max-width: 767px) {
  #page-top {
    bottom: 80px !important;
    opacity: 1;
    -webkit-visibility: visible;
    visibility: visible;
    transition:
      opacity 0.3s,
      visibility 0.3s;
  }
  #page-top.fix {
    -webkit-visibility: hidden;
    visibility: hidden;
    transition:
      opacity 0.3s,
      visibility 0.3s;
  }
}
#page-top a.totop {
  width: 60px;
  height: 60px;
  padding: 0;
}

#page-top a.totop img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .sp-btn {
    display: none;
  }
}
.cta-img {
  display: block;
  width: 680px;
  margin: 80px auto 0;
}

.cta-img:hover {
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.2s ease-out;
  opacity: 1 !important;
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .post-template-default .cta-img img,
  .news-template-default .cta-img img,
  .recruit-template-default .cta-img img,
  .magazine-template-default .cta-img img {
    width: 66%;
  }
}
@media only screen and (max-width: 767px) {
  .cta-img {
    width: 100%;
    margin: 40px 0 0;
    padding: 0 6%;
  }
}
body.page-template-page-contact-confirm .page-main,
body.page-template-page-contact-submit .page-main,
body.page-template-page-dl-confrim .page-main,
body.page-template-page-dl-submit .page-main {
  padding-bottom: 180px;
}

@media only screen and (max-width: 767px) {
  body.page-template-page-contact-confirm .page-main,
  body.page-template-page-contact-submit .page-main,
  body.page-template-page-dl-confrim .page-main,
  body.page-template-page-dl-submit .page-main {
    padding-bottom: 80px;
  }
}
#contents {
  width: 100%;
  padding-top: 0;
  position: relative;
  margin-bottom: 0;
  margin-top: 50px;
}

@media (max-width: 768px) {
  .post-template-default #contents,
  .news-template-default #contents,
  .recruit-template-default #contents,
  .magazine-template-default #contents,
  .ai-seo-template-default #contents,
  .post-type-archive-magazine #contents {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .post-template-default #contents,
  .news-template-default #contents,
  .recruit-template-default #contents,
  .magazine-template-default #contents,
  .ai-seo-template-default #contents,
  .post-type-archive-magazine #contents {
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  .article_style1 .cps-post-box {
    box-shadow: none;
    padding-top: 0;
    padding-left: 0;
    margin-left: 40px;
  }
  #main-contents-ai {
    width: calc(67.5% - 50.25px);
    margin: 70px auto 0;
  }
}
@media (min-width: 769px) {
  .article_style1 .cps-post-box {
    margin-left: 60px;
  }
  .error404 #contents-inner,
  .author #contents-inner,
  .page-template-default #contents-inner,
  .post-template-default #contents-inner,
  .news-template-default #contents-inner,
  .recruit-template-default #contents-inner,
  .magazine-template-default #contents-inner,
  .ai-seo-template-default #contents,
  .post-type-archive-magazine #contents-inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .ai-seo-banner {
    position: fixed;
    right: 22px;
    bottom: 120px;
    z-index: 999;
  }
  .ai-seo-banner img {
    width: 300px;
    height: auto;
  }
  .home.page-template-default #contents-inner {
    width: 100%;
  }
  #main-contents-ai {
    width: calc(66.6666666667% - 16.6666666667px);
  }
}
@media (min-width: 768px) {
  .post-type-archive-magazine #contents-inner {
    max-width: 1020px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    overflow: hidden;
  }
  .post-type-archive-magazine #main-contents {
    max-width: 1200px;
    width: 100% !important;
    margin-left: 0;
    float: unset !important;
    overflow: hidden;
  }
}
.error404 #contents-inner,
.author #contents,
.page-template-default #contents,
.post-template-default #contents,
.news-template-default #contents,
.recruit-template-default #contents,
.magazine-template-default #contents,
.ai-seo-template-default #contents,
.post-type-archive-magazine #contents {
  margin-top: 40px;
}

.delete-margin {
  margin-top: -32px !important;
}

#main-contents {
  padding-bottom: 80px;
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  #main-contents {
    padding-bottom: 20px;
  }
  #main-contents-ai {
    padding-bottom: 20px;
    width: calc(100% - 30px);
    margin: 0 0 15px 15px;
  }
  .ai-seo-banner {
    display: none;
  }
}
.page-head {
  width: 100%;
  max-width: 1200px;
  height: 400px;
  background: #fff;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .page-head {
    height: 185px;
    padding-top: 20px;
    padding-left: 6%;
    padding-right: 6%;
  }
}
.page-head-lead {
  font-size: 18px;
  margin-top: 50px;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .page-head-lead {
    font-size: 14px;
    margin-top: 20px;
  }
}
.page-head.ralative {
  position: relative;
}

.page-head.faq {
  height: auto;
  padding-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .page-head.faq {
    padding-bottom: 130px;
  }
}
.page-head.topics {
  height: auto;
}

.page-head.dl {
  height: 200px;
  padding-top: 20px;
  margin-bottom: 100px;
}

.page-head.ebook {
  height: 200px;
}

@media only screen and (max-width: 767px) {
  .page-head.dl {
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .page-head.ebook {
    height: auto;
    padding-bottom: 20px;
  }
}
.page-head.category {
  height: auto;
}

@media only screen and (max-width: 767px) {
  .page-head.category {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-head .page-ttl {
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
}

.page-head .page-ttl.contact {
  width: 290px;
}

.page-head .page-ttl.faq {
  width: 185px;
}

.page-head .page-ttl.topics {
  width: 250px;
}

.page-head .page-ttl.dl {
  font-size: 36px;
  line-height: 1;
}

.page-head .page-ttl.ebook {
  font-size: 36px;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .page-head .page-ttl.dl {
    margin-top: 20px;
  }
  .page-head .page-ttl.ebook {
    margin-top: 20px;
  }
}
.page-head .page-ttl.category {
  font-size: 36px;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .page-head .page-ttl.category {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-head .page-ttl.contact {
    width: 142px;
  }
  .page-head .page-ttl.faq {
    width: 110px;
  }
  .page-head .page-ttl.topics {
    width: 140px;
  }
  .page-head .page-ttl.dl {
    font-size: 20px;
  }
  .page-head .page-ttl.ebook {
    font-size: 20px;
  }
  .page-head .page-ttl.category {
    font-size: 18px;
  }
}
.page-head .page-ttl-lead {
  margin-top: -35px;
  font-size: 16px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .page-head .page-ttl-lead {
    margin-top: -15px;
    font-size: 10px;
  }
}
.page-head .page-ttl-lead.faq {
  margin-top: -20px;
}

@media only screen and (max-width: 767px) {
  .page-head .page-ttl-lead.faq {
    margin-top: -13px;
  }
}
.page-head .page-ttl-lead.topics {
  margin-top: -22px;
}

@media only screen and (max-width: 767px) {
  .page-head .page-ttl-lead.topics {
    margin-top: -14px;
  }
}
.page-head .page-img {
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
}

.page-head .page-img.contact {
  width: 365px;
  position: relative;
  z-index: 1;
}

.page-head .page-img.contact img {
  margin-left: -200px;
}

.page-head .page-img.contact-submit {
  width: 340px;
}

.page-head .page-img.faq {
  width: 40%;
  max-width: 440px;
  min-width: 340px;
  margin-top: -153px;
  position: absolute;
  right: 20px;
  bottom: 0;
}

.page-head .page-img.topics {
  width: 30%;
  z-index: -1;
}

.page-head .page-img.dl-submit {
  margin-top: 85px;
}

.page-head .page-img.category {
  width: 76px;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .page-head .page-img.topics {
    width: 190px;
    top: -125px;
  }
}
@media only screen and (max-width: 767px) {
  .page-head .page-img {
    margin-top: 20px;
  }
  .page-head .page-img.contact {
    width: 185px;
  }
  .page-head .page-img.contact img {
    margin-left: -55%;
  }
  .page-head .page-img.contact-submit {
    width: 165px;
  }
  .page-head .page-img.faq {
    right: -10px;
    width: 68%;
    min-width: auto;
    max-width: 260px;
  }
  .page-head .page-img.dl-submit {
    margin-top: 47px;
  }
  .page-head .page-img.category {
    margin-top: 45px;
    width: 23%;
    min-width: 76px;
  }
}
.page-head-category {
  width: 64%;
  max-width: 720px;
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .page-head-category {
    width: 100%;
    margin-top: 20px;
  }
}
.page-head-category-ttl {
  font-size: 25px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .page-head-category-ttl {
    font-size: 16px;
    text-align: center;
  }
}
.page-head-category-list {
  margin-top: 30px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.page-head-category-list li {
  margin-bottom: 10px;
  margin-right: 10px;
}

.page-head-category-list li a {
  display: flex;
  align-items: center;
  background: #c9ecf0;
  color: #089;
  height: 30px;
  padding: 0 1.5em;
  font-size: 16px;
  line-height: 1em;
}

.page-head-category-select {
  width: 100%;
  position: relative;
  background: #c9ecf0;
  margin-top: 20px;
  height: 40px;
  border-radius: 10px;
}

.page-head-category-select select {
  display: block;
  color: #089;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  z-index: 1;
}

.page-head-category-select i {
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 50%;
  color: #089;
  transform: translateY(-50%) rotate(90deg);
}

.page-main {
  padding-bottom: 80px;
  background: linear-gradient(
    45deg,
    #f9e0ff 0%,
    #cfe7ff 50%,
    #c8e9f3 78%,
    #c1eae7 99%
  );
}

@media only screen and (max-width: 767px) {
  .page-main {
    padding-bottom: 120px;
  }
}
.page-content {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.page-inner {
  width: 600px;
  padding: 70px 0 80px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .page-inner {
    width: 100%;
    padding: 35px 3% 15px;
  }
}
.page-heading {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 1.06;
}

.page-heading__lineheight {
  line-height: 1.4;
}

.page-heading.page-heading-contact {
  font-size: 25px;
}

.page-heading.is-large {
  font-size: 26px;
}

@media only screen and (max-width: 767px) {
  .page-heading,
  .page-heading.page-heading-contact {
    font-size: 16px;
  }
  .page-heading.is-large {
    font-size: 16px;
  }
}
.page-leading {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-top: 40px;
  line-height: 1.43;
}

@media only screen and (max-width: 767px) {
  .page-leading {
    font-size: 14px;
    margin-top: 15px;
  }
}
.faq-inner {
  width: 680px;
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .faq-inner {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }
}
.faq-area {
  margin-top: 55px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8em;
}

.faq-area a {
  color: #089 !important;
}

@media only screen and (max-width: 767px) {
  .faq-area {
    margin-top: 35px;
  }
}
.faq-item {
  padding: 0 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(4, 0, 0, 0.16);
}

.faq-item + .faq-item {
  margin-top: 15px;
}

.faq-item dt {
  padding: 1em 10px 1em 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url(data:image/png;base64,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)
    no-repeat center left/15px;
}

.faq-item dt:hover {
  cursor: pointer;
}

.faq-item dt i {
  color: #089;
  transform: rotate(90deg);
  margin-left: 1em;
}

.faq-item dt.is-open i {
  transform: rotate(-90deg) translateY(0.2em);
}

.faq-item dd {
  display: none;
  padding: 1em 25px 1em 45px;
  border-top: 1px solid #ccc;
  background: url(data:image/png;base64,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)
    no-repeat top 10px left 10px/15px;
}

@media only screen and (max-width: 767px) {
  .faq-item dt,
  .faq-item dd {
    padding-left: 25px;
    padding-right: 5px;
    background-size: 12px;
    background-position: top 10px left;
    line-height: 1.5em;
  }
}
.mail-form-checkbox label:before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
  position: absolute;
  left: 0;
  top: 0;
}

.mail-form-checkbox input[type="checkbox"] {
  display: none;
}

.mail-form-checkbox input[type="checkbox"]:checked + span:after {
  display: block;
}

@media only screen and (min-width: 768px) {
  .mw_wp_form .error {
    position: absolute;
    top: -1.6rem;
    left: 0;
    color: #c33 !important;
  }
  .mw_wp_form label.name .error,
  .mw_wp_form label.company .error,
  .mw_wp_form label.department .error {
    left: -29%;
  }
  .mw_wp_form label.tel .error {
    left: -38%;
  }
  .mw_wp_form .textarea .error {
    position: absolute;
    top: -1.1em;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .mw_wp_form .error {
    position: absolute;
    top: -1.2em;
    left: 0;
    color: #c33 !important;
  }
  .mw_wp_form .textarea .error {
    left: 0;
  }
}
.mw_wp_form_send_error {
  text-align: center;
  font-weight: 700;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin: 0 !important;
}

.topics-searchbox {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  height: 40px;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .topics-searchbox {
    width: 100%;
  }
}
.topics-content {
  max-width: 1200px;
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 767px) {
  .topics-content {
    padding-left: 6%;
    padding-right: 6%;
  }
}
.topics-inner {
  width: auto;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .topics-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.topics-category-area {
  padding-top: 40px;
  position: relative;
  z-index: 0;
}

@media only screen and (max-width: 767px) {
  .topics-category-area {
    padding-top: 20px;
  }
}
.topics-category-list {
  margin-top: 30px;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.topics-category-list-magazine {
  margin-top: 30px;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .topics-category-list {
    justify-content: space-around;
  }
  .topics-category-list-magazine {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 767px) {
  .topics-category-list {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .topics-category-list-magazine {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.topics-category-list li {
  width: 23%;
  margin-top: 20px;
}

.topics-category-list-magazine li {
  width: 23%;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .topics-category-list li {
    width: 46%;
  }
  .topics-category-list-magazine li {
    width: 46%;
  }
}
.topics-category-list li a {
  display: block;
  box-shadow: 0px 2px 6px 0px rgba(4, 0, 0, 0.16);
  text-align: center;
  padding: 15px 0 10px;
  height: 120px;
  position: relative;
  color: #089;
  transition: transform 0.3s ease-out;
}

.topics-category-list-magazine li a {
  display: block;
  box-shadow: 0px 2px 6px 0px rgba(4, 0, 0, 0.16);
  text-align: center;
  padding: 15px 0 10px;
  height: 150px;
  position: relative;
  color: #089;
  transition: transform 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .topics-category-list li a:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-out;
    backface-visibility: hidden;
  }
  .topics-category-list-magazine li a:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-out;
    backface-visibility: hidden;
  }
}
.topics-category-list li img {
  display: inline-block;
  width: 28%;
}

.topics-category-list-magazine li img {
  display: inline-block;
  width: 100px;
}

.topics-category-list li img.img-web {
  width: 70px;
}

.topics-category-list li img.img-seo {
  width: 76px;
}

.topics-category-list li img.img-analytics {
  width: 66px;
}

.topics-category-list li img.img-ad {
  width: 71px;
}

.topics-category-list li img.img-writing {
  width: 66px;
}

.topics-category-list li img.img-marketing {
  width: 29%;
  width: 72px;
}

.topics-category-list li img.img-freelance {
  width: 62px;
}

.topics-category-list li img.img-other {
  width: 90px;
  margin-top: -5px;
}

.topics-category-list li span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}

.topics-category-list-magazine li span {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1em;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .topics-category-list li span {
    font-size: 14px;
  }
  .topics-category-list-magainze li span {
    font-size: 14px;
  }
}
.page-img.topics {
  position: absolute;
  top: -210px;
  left: -15px;
}

@media only screen and (min-width: 768px) {
  .dl-inner {
    width: 920px;
  }
  .ebook-inner {
    width: 680px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.dl-inner img.sp {
  width: 80%;
}

.dl-area {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 40px 60px;
  margin-top: 50px;
  text-align: center;
}

.dl-description {
  background-color: #f8f8f8;
  padding: 30px;
  max-width: 680px;
  margin: auto;
}

.dl-description__title {
  font-size: 25px;
  font-weight: 700;
  margin: 20px auto;
}

.dl-description__recommendation {
  text-align: left;
  display: block;
  width: 80%;
  margin: auto;
  line-height: 22px;
}

.dl-description__recommendation span {
  color: red;
  font-size: 30px;
  display: block;
}

.dl-description__recommendation--flex {
  display: flex;
  margin: 5px 0;
}

.dl-description__sample {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.dl-description__sample img {
  width: 45%;
}

@media only screen and (max-width: 767px) {
  .dl-description__sample {
    display: block;
  }
  .dl-description__sample img {
    display: block;
    margin: 10px auto;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .dl-area {
    padding: 30px 40px;
    margin-top: 25px;
  }
}
.dl-area img {
  width: 280px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .dl-area img {
    width: 100%;
  }
}
.dl-area p {
  font-weight: 700;
  font-size: 18px;
}

.dl-area .btn-main {
  margin-top: 20px;
}

.category-head-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-category-head.png)
    no-repeat bottom center/100% 120px;
  margin-top: -45px;
  padding-bottom: 15px;
}

.category-head-wrap .img1 {
  margin-left: 20px;
}

.category-head-wrap .img2 {
  margin-right: 20px;
}

@media only screen and (min-width: 768px) {
  .category-head-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 768px) {
  .category-head-wrap .img1 {
    width: 35%;
  }
  .category-head-wrap .img2 {
    width: 33%;
  }
}
@media only screen and (max-width: 767px) {
  .category-head-wrap {
    flex-wrap: wrap;
    margin-top: 0;
    background-size: 100% 40px;
    padding-bottom: 40px;
  }
  .category-head-wrap .category-head-lead {
    order: 1;
    margin-top: 45px;
    padding: 0 6%;
    width: 100%;
  }
  .category-head-wrap .category-head-lead p {
    font-size: 14px;
  }
  .category-head-wrap .img1 {
    order: 2;
    width: 38%;
    margin-top: 35px;
  }
  .category-head-wrap .img2 {
    order: 3;
    width: 36%;
    margin-top: 35px;
    margin-left: 15px;
  }
}
.category-head-img {
  width: 235px;
}

.category-head-lead {
  margin-top: 95px;
  padding: 0 6% 0 3%;
  max-width: 535px;
}

.category-head-lead p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.category-inner {
  padding-bottom: 0;
}

.category-head-wrap.search {
  justify-content: space-around;
}

.page-head .page-ttl.search {
  line-height: 1.6em;
}

@media only screen and (min-width: 768px) {
  .page-head .page-ttl.search {
    font-size: 30px;
  }
}
.company-mv {
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-company.jpg)
    no-repeat center center/cover;
  height: 640px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 26px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .company-mv {
    height: 470px;
    padding-top: 18px;
  }
}
.company-ttl-fade {
  transform: translateY(20px);
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: both;
}

.company-mv .page-ttl {
  margin-bottom: 28px;
  max-width: 100%;
  width: 286px;
}

@media (max-width: 767px) {
  .company-mv .page-ttl {
    margin-bottom: 55px;
    width: 157px;
  }
}
.company-mv .page-ttl-lead {
  font-size: 16px;
  margin-top: -22px;
}

@media (max-width: 767px) {
  .company-mv .page-ttl-lead {
    font-size: 10px;
    margin-top: -11px;
  }
}
.company-mv-ttl {
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
  width: 660px;
}

@media (max-width: 767px) {
  .company-mv-ttl {
    margin-bottom: 57px;
    max-width: 100%;
    width: 280px;
  }
}
.company-mv-lead {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.18em;
  line-height: 2;
  text-align: center;
  transform: translateY(20px);
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-fill-mode: both;
}

@media (max-width: 767px) {
  .company-mv-lead {
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 1.64;
  }
}
.company-mission {
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  width: 100%;
}

@media (max-width: 767px) {
  .company-mission {
    flex-direction: column-reverse;
  }
}
.company-mission-img {
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-mission1-bg.jpg)
    no-repeat center center/cover;
  height: 600px;
  width: 50%;
  padding: 110px 40px 0;
  overflow: hidden;
}

.company-mission-img img {
  width: 456px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .company-mission-img {
    height: 300px;
    width: 100%;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .company-mission-img img {
    width: 300px;
  }
}
.company-mission-head {
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-mission2.png)
    no-repeat center center/cover;
  height: 600px;
  position: relative;
  width: 50%;
}

@media (max-width: 767px) {
  .company-mission-head {
    background-position: center top;
    height: 300px;
    width: 100%;
  }
}
.company-mission-ttl {
  margin: 92px auto 28px;
  max-width: 100%;
  position: relative;
  text-align: center;
  width: 270px;
  z-index: 1;
}

@media (max-width: 767px) {
  .company-mission-ttl {
    margin: 39px auto 13px;
    width: 163px;
  }
}
.company-mission-lead {
  display: block;
  font-weight: 700;
  margin-top: 13px;
}

@media (max-width: 767px) {
  .company-mission-lead {
    font-size: 10px;
    margin-top: 6px;
  }
}
.company-mission-txt {
  background: linear-gradient(transparent 70%, #fff100 30%);
  display: inline;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 2;
  padding: 0.2em 0.4em;
  position: relative;
  z-index: 1;
}

@media (max-width: 1024px) {
  .company-mission-txt {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .company-mission-txt {
    font-size: 16px;
    line-height: 1.82;
  }
}
.company-value {
  padding-left: 16px;
  padding-right: 16px;
}

.company-value-ttl {
  margin: 38px auto 100px;
  max-width: 100%;
  text-align: center;
}

.company-value-ttl img {
  width: 195px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .company-value-ttl {
    margin: 39px auto 44px;
  }
  .company-value-ttl img {
    width: 117px;
  }
}
.company-value-lead {
  display: block;
  font-weight: 700;
  margin-top: 13px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .company-value-lead {
    font-size: 10px;
    letter-spacing: -0.01em;
    margin-top: 6px;
  }
}
.company-value-inner {
  -ms-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
  width: 1065px;
}

.company-value-wrap {
  margin: 0 4rem 4rem 0;
  width: calc(33.33333% - 2.6666666667rem);
}

.company-value-wrap:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 1024px) {
  .company-value-wrap {
    margin-right: 0;
    width: 50%;
  }
}
@media (max-width: 767px) {
  .company-value-wrap {
    width: 100%;
  }
}
.company-value-img {
  height: 165px;
  margin: 0 auto 13px;
  position: relative;
}

@media (max-width: 767px) {
  .company-value-img {
    height: 135px;
    margin-bottom: 5px;
  }
}
.company-value-img img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
}

@media (max-width: 767px) {
  .company-value-img img {
    top: 17px;
  }
}
.company-value-img.company-value-img1,
.company-value-img.company-value-img3 {
  width: 203px;
}

@media (max-width: 767px) {
  .company-value-img.company-value-img1,
  .company-value-img.company-value-img3 {
    width: 154px;
  }
}
.company-value-img.company-value-img2,
.company-value-img.company-value-img4,
.company-value-img.company-value-img5,
.company-value-img.company-value-img6 {
  width: 219px;
}

@media (max-width: 767px) {
  .company-value-img.company-value-img2,
  .company-value-img.company-value-img4,
  .company-value-img.company-value-img5,
  .company-value-img.company-value-img6 {
    width: 176px;
  }
}
.company-value-img.company-value-img1 {
  position: relative;
  right: 28px;
}

.company-value-img.company-value-img4 {
  left: 22px;
  position: relative;
}

.company-value-img.company-value-img5 {
  left: 10px;
  position: relative;
}

.company-value-img.company-value-img6 {
  position: relative;
  right: 25px;
}

@media (max-width: 767px) {
  .company-value-img.company-value-img6 {
    margin-bottom: 5%;
  }
}
.company-value-txt {
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
}

@media (max-width: 767px) {
  .company-value-txt {
    font-size: 15px;
  }
}
.company-office-ttl {
  margin: 38px auto 50px;
  max-width: 100%;
  text-align: center;
}

.company-office-ttl img {
  width: 192px;
  max-width: 100%;
}

.company-office-lead {
  display: block;
  font-weight: 700;
  margin-top: 13px;
  white-space: nowrap;
}

.company-office-inner {
  -ms-flex-wrap: wrap;
  display: -ms-flexbox;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
  width: 1065px;
}

.company-office-inner > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 90%;
}

.company-office-inner .line-2 {
  margin-left: 10%;
  margin-top: 100px;
}

.company-office-wrap {
  position: relative;
  width: 30%;
}

.officetxt {
  position: absolute;
}

.office01txt.officetxt {
  top: -40px;
  left: 20px;
  width: 174px;
  height: 63px;
}

.office02txt.officetxt {
  top: -50px;
  left: 30px;
  width: 188px;
  height: 74px;
}

.office03txt.officetxt {
  top: -50px;
  right: 20px;
  width: 148px;
  height: 69px;
}

.office04txt.officetxt {
  top: -40px;
  left: 20px;
  width: 189px;
  height: 52px;
}

.office05txt.officetxt {
  top: -50px;
  left: 30px;
  width: 154px;
  height: 67px;
}

.office06txt.officetxt {
  top: -50px;
  right: 20px;
  width: 174px;
  height: 58px;
}

@media (min-width: 768px) {
  .office02txt.officetxt + img {
    margin-bottom: -20px;
  }
  .office05txt.officetxt + img {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .company-office {
    margin-bottom: 4rem;
  }
  .company-office-ttl {
    margin-bottom: 0;
  }
  .company-office-ttl img {
    width: 115px;
  }
  .company-office-lead {
    font-size: 10px;
    letter-spacing: -0.01em;
    margin-top: 6px;
  }
  .company-office-inner > div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .company-office-wrap {
    margin-top: 80px;
    width: 70%;
  }
  .company-office-inner .line-2 {
    margin-left: 0;
    margin-top: 0;
  }
  .office02txt.officetxt + img {
    margin-left: -20%;
  }
  .office03txt.officetxt + img {
    margin-right: -20%;
  }
  .office04txt.officetxt + img {
    margin-left: -30%;
  }
  .office05txt.officetxt + img {
    margin-right: -10%;
  }
  .office06txt.officetxt + img {
    margin-left: -20%;
  }
  .office01txt.officetxt {
    width: calc(174px - 15%);
    height: auto;
  }
  .office02txt.officetxt {
    width: calc(188px - 15%);
    height: auto;
  }
  .office03txt.officetxt {
    width: calc(148px - 15%);
    height: auto;
  }
  .office04txt.officetxt {
    width: calc(188px - 15%);
    height: auto;
  }
  .office05txt.officetxt {
    width: calc(154px - 15%);
    height: auto;
  }
  .office06txt.officetxt {
    width: calc(174px - 15%);
    height: auto;
  }
}
.company-about {
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-about.jpg)
    no-repeat center center/cover;
  height: 600px;
}

@media (max-width: 1024px) {
  .company-about {
    height: 1030px;
  }
}
@media (max-width: 767px) {
  .company-about {
    height: 1010px;
  }
}
.company-about-ttl {
  margin: 66px auto 38px;
  max-width: 100%;
  padding-top: 45px;
  text-align: center;
  width: 240px;
}

@media (max-width: 767px) {
  .company-about-ttl:after {
    height: 52px;
    left: -14px;
    top: 14px;
    width: 187px;
  }
}
@media (max-width: 767px) {
  .company-about-ttl {
    margin: 6px auto 30px;
    width: 144px;
  }
}
.company-about-lead {
  display: block;
  font-weight: 700;
  margin-top: 13px;
}

@media (max-width: 767px) {
  .company-about-lead {
    font-size: 10px;
    letter-spacing: -0.01em;
    margin-top: 6px;
  }
}
.company-about-house-img {
  top: 24px;
  position: relative;
  left: -68px;
  text-align: center;
}

.company-about-house-img img {
  width: 375px;
}

@media (max-width: 767px) {
  .company-about-house-img {
    top: 18px;
  }
  .company-about-house-img img {
    width: 282px;
  }
}
@media (max-width: 767px) {
  .company-about-ttl {
    left: -14px;
    top: 14px;
  }
  .company-about-ttl img:after {
    width: 187px;
  }
}
.company-about-inner {
  -ms-flex-align: start;
  -ms-flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 100%;
  width: 955px;
}

@media (max-width: 1024px) {
  .company-about-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .company-about-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.company-about-left,
.company-about-right {
  -ms-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.77;
  width: 50%;
}

@media (max-width: 1024px) {
  .company-about-left,
  .company-about-right {
    width: 100%;
  }
}
.company-about-dttl {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  vertical-align: top;
  width: 30%;
}

@media (max-width: 1024px) {
  .company-about-dttl {
    width: 100%;
  }
}
.company-about-data {
  font-size: 14px;
  letter-spacing: 0.1em;
  width: 70%;
}

@media (max-width: 1024px) {
  .company-about-data {
    letter-spacing: 0.17em;
    line-height: 1.7;
    margin-bottom: 9px;
    margin-left: 17px;
    width: 100%;
  }
}
.company-about-pc {
  display: block;
}

@media (max-width: 1024px) {
  .company-about-pc {
    display: none;
  }
}
.company-about-sp {
  display: none;
}

@media (max-width: 1024px) {
  .company-about-sp {
    display: block;
  }
}
.inner-contact .page-head {
  height: 440px;
  padding-top: 66px;
}

@media (max-width: 767px) {
  .inner-contact .page-head {
    height: 235px;
    padding-top: 42px;
  }
}
.inner-contact .page-ttl {
  width: 342px;
}

@media (max-width: 767px) {
  .inner-contact .page-ttl {
    width: 142px;
  }
}
.inner-contact .page-ttl-lead {
  margin-top: -48px;
}

@media (max-width: 767px) {
  .inner-contact .page-ttl-lead {
    margin-top: -16px;
  }
}
.inner-contact .page-head .page-img {
  margin-top: 45px;
}

.inner-contact .page-inner {
  padding-top: 60px;
}

@media (max-width: 767px) {
  .inner-contact .page-inner {
    padding-bottom: 19px;
    padding-top: 35px;
  }
}
@media (max-width: 767px) {
  .inner-contact .page-heading {
    letter-spacing: 1px;
    line-height: 1.46;
  }
}
.inner-contact .page-leading {
  margin-top: 22px;
}

@media (max-width: 767px) {
  .inner-contact .page-leading {
    letter-spacing: 1px;
    line-height: 1.46;
    margin-top: 14px;
  }
}
.inner-contact .tel-area {
  margin-top: 66px;
}

@media (max-width: 767px) {
  .inner-contact .tel-area {
    margin-top: 27px;
  }
}
@media (max-width: 767px) {
  .inner-contact .tel-head {
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .inner-contact .tel-num {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .inner-contact .tel-num {
    letter-spacing: 0.1em;
  }
}
@media (min-width: 768px) {
  .inner-contact .tel-lead {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .inner-contact .tel-lead {
    letter-spacing: 0.1em;
  }
}
@media (max-width: 767px) {
  .inner-contact .btn-main {
    letter-spacing: 0.05em;
    margin-top: 7px;
    width: 260px;
  }
}
.inner-contact .mail-area {
  border: 1px solid #ccc;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1;
  margin-top: 69px;
  padding: 0 0 40px;
}

@media (max-width: 767px) {
  .inner-contact .mail-area {
    margin-top: 18px;
    padding-bottom: 20px;
  }
}
.inner-contact .mail-icon {
  margin-top: -50px;
}

.inner-contact .mail-head {
  letter-spacing: 0.01em;
  margin-top: 0;
}

@media (max-width: 767px) {
  .inner-contact .mail-head {
    letter-spacing: 0.1em;
    line-height: 1.125;
    margin-top: 12px;
  }
}
.inner-contact .page-main {
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-company-contact.jpg)
    no-repeat center center/cover;
}

.service-page-wrapper .inner-contact .page-main {
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-contact-btm.png)
    no-repeat center center/cover;
}

@media (max-width: 767px) {
  .inner-contact .page-main {
    padding-bottom: 0;
  }
}
.inner-contact .cta-area {
  display: block;
}

@media (max-width: 767px) {
  .inner-contact .page-main,
  .service-page-wrapper .inner-contact .page-main {
    background: #fff;
    padding-bottom: 20px;
  }
}
.inner-contact-pc {
  display: inline-block;
}

@media (max-width: 767px) {
  .inner-contact-pc {
    display: none;
  }
}
.mark-y {
  background: linear-gradient(transparent 70%, #fff100 0%);
}

.mark-w {
  background: linear-gradient(transparent 70%, #fff 0%);
}

.profile-mv {
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-profile.jpg)
    no-repeat center center/cover;
  height: 640px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 26px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .profile-mv {
    height: 470px;
    padding-top: 18px;
  }
}
.profile-ttl-fade {
  transform: translateY(20px);
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: both;
}

.profile-mv .page-ttl {
  margin-bottom: 28px;
  max-width: 100%;
  width: 220px;
}

.profile-mv .page-ttl-lead {
  font-size: 16px;
  margin-top: -10px;
}

@media (max-width: 767px) {
  .profile-mv .page-ttl {
    margin-bottom: 20px;
    width: 157px;
  }
}
.profile-main {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
  width: 380px;
  opacity: 1;
  transform: translateY(20px);
}

@media (max-width: 767px) {
  .profile-main {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    max-width: 280px;
    opacity: 1;
    transform: translateY(20px);
  }
}
.profile-content {
  width: 720px;
  max-width: 90%;
  margin: auto;
  text-align: left;
}

.profile-content h2.profile-h2 {
  font-size: 2.2rem;
  margin: 4rem 0 1rem;
  height: 80px;
  text-align: center;
  font-weight: 900;
  letter-spacing: 2px;
}

.profile-content h2.profile-h2:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-top: 80px;
  display: inline-block;
  width: 60px;
  height: 3px;
  transform: translateX(-50%);
  background-color: #222;
  border-radius: 2px;
}

.profile-lead {
  text-align: center;
  font-weight: 700;
  margin: 2rem 0 1rem;
  line-height: 1.8rem;
}

.profile-txt-p {
  text-align: left;
  font-weight: 700;
  margin: 2rem 0;
  line-height: 2rem;
}

.profile-txt-bold {
  font-weight: 700;
  line-height: 2rem;
}

.profile-content .profile-section-1 {
  text-align: center;
  padding: 2.4rem 3.2rem;
  background: #efeae8;
  margin: 3rem 0;
}

.profile-content .profile-section-1 p {
  text-align: left;
  line-height: 1.8rem;
  font-weight: 700;
}

.profile-content h3.profile-h3-1 {
  font-size: 1.8rem;
  font-weight: 700;
  background: linear-gradient(transparent 70%, #fff100 0%);
  margin-bottom: 3rem;
  display: inline-block;
  text-align: center;
  letter-spacing: 2px;
}

.profile-content h3.profile-h3-2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 4rem 0 3rem;
  letter-spacing: 2px;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-h2.png)
    no-repeat right;
  background-size: contain;
  height: 95px;
}

.profile-content h3.profile-h3-2 {
  display: flex;
  align-items: center;
}

.profile-content h3.profile-h3-2:before {
  margin-right: 10px;
  border-top: 2px solid #666;
  content: "";
  flex-grow: 1;
}

.profile-content h3.profile-h3-3 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 4rem 0 3rem;
  display: inline-block;
  letter-spacing: 2px;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-h2.png)
    no-repeat left;
  background-size: contain;
  height: 95px;
}

.profile-content h3.profile-h3-3 {
  display: flex;
  align-items: center;
}

.profile-content h3.profile-h3-3:after {
  margin-left: 10px;
  border-top: 2px solid #666;
  content: "";
  flex-grow: 1;
}

.profile-txt-big {
  font-size: 1.4rem;
  font-weight: 700 !important;
}

.ul.proflie-list {
  text-align: left;
  list-style: none;
  line-height: 2.4rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.ul.proflie-list li {
  margin: 0 0 2rem;
}

.proflie-list li > div {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1rem;
}

.li-txt {
  width: 92%;
  text-align: left;
  font-weight: 700;
  display: inline-block;
  padding-left: 2%;
  box-sizing: border-box;
}

.bullet-bulb {
  height: 24px;
  width: 24px;
  background: url(data:image/png;base64,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)
    no-repeat left;
  background-size: 24px 24px;
}

.bullet-book {
  height: 24px;
  width: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAFOklEQVRogdWaXWgcVRTHf/fO7GY3TZrGpGnpB63VBKpS+6AvftWPl1bEB+tD8aNUqqCgaBFp8OvBj6IEH8Q3QRTBh4r1QcQKorVWRVGwDX2wKVW0RFtr2qRtNpvszL1yx7vJZjOzu5PdDZ0/zMPO3jlz/vecOffcc67489eV1AkHcIEscAWwFlgBdAGtQArQwDhwHvgLGAaOA2eBAuDVo4Jbx7MZoBPYAjwA3GQVjoNjwD7gQ+CEJarjKjIfS2TtbD8GPGLJNAKHgD3AD8BoHHkyxlgBrAZeBI4CTzSQgMHNwH5rmRvtZNWEWkkY374HOAj0xyQfF7cD3wLPAj2NItFpBX4EXN5E5cvxPPAusKHawGokzEwMAM81Rc3quBN4H9hUaWQlEt3Am8DOBVa8HNcC7wC3RQ2Iik6LogkI0B5K5xH4CCGCu0rr/4OjiHiREeqK2QFUmOdg0tdGEkJkECIySh8BHgJ+Kf8jbJ0w1nk6ioA2ystWspnrUbqHgqeREjJpBynCg7whMKXg65ECTglJM7bVEfS1u3Q4OSZyh/G9vwP5IZKMRd4A7gNOzZJfZgnzis3Ax6HhU/sg0rR3bmfxZQ9zMdfN6Nh5WlrSdHd14TghDCxGPdjyzR9knRkPnlKKdYta6F+/jKvaJ8iN7WdsZIDC5JAlEoq3gF2AXzrrpVgKvBYV/7UaJ9N2Kx3du5HuGrS+iPJPofyzaF0lczDu5p8JuUZA5YMo3tqxlbYlO0CY2VBRksz6dEep45aScKzPRYY08x2kMxsQsq2oWYmsyJda+IG7mUsEbqenf5c+m8qsx0mtQutCJWGvAx1hJIxfPVNFE0Ts9Gg2TADIewpXCDytQ+KAG3zgVVKojcBdRf3l9JNwv808q6kxbwKTvsIRgkevXMnOdSuCyJRXqkxdVes7XrCZxHR0Mj+enLd2tUBDTybNg2uXs23N8sAi477mx5FRUiIiLldGH3AD8IVrrWF+LGsmhzbXYWBjL33trYELGYsYQrcs7WBV67zzyB3AAddaY2tjVZ4LVwqu7lg0635aCnrbI0NpLbjbRFJpLbG52SSaBDMr1xkC7TYyJRWbDIkl0RlPInCNLF00Eopeaf0qyVhpSKQTTmKxbPJ+eSFgdgJ15BGXBpQhMZVwEuelrbolGcOGxFjCSRyXtmQYu/55CeGoIXHBVqmTioPF6PR5QgmY7/lnaXsD+y4BheaDT4B80RLfA6eTx4H3jBGKq3XOVvyShCE7+bpIwrjUB8BIgki8bCd/Vt40bCvgVdDsVKumdO4w8GkxZSod7dt+wGClp7VucpaiC2g1UW2ftrt0kS6nfMZ2gvJhT0qZZWriJ5RfbKnJoDoZvFDU08OcwVR+EL9wslJ13NRivyxdoJ1djy8uH/SbJTenH2AEe4VhlHcat2U1nt9JwUuTSmXJZl2kMIUw3xo1zqVR/gjjY3u5cO5ttBpDiNBtzgHgKbtAz+gVrz8hAncyZFItfWh68H2JFBo3perYqAuUzlGYPBaQESIblgnF6k9gV8J+S2bbzG1tzayYmhgE4QWKm7n0JutLwIQxvkhH1WFP2HL+HAKVSBj8a0ub43MtIhFydtXOVCKbVDI5YvU4GDWgWiz7x1bKX228bjXhM2B7JQLUGPTP2U7/vcDvC6c/r9hvoGLIJ8bKlbMtsE22k9TMfflX9pzIHusJVRFn+TVf20ngJVN1s/E6dD2ZJw7Zwy6muP0dMFGrmHqOCjXilM2Q3QbsXehTNuWIOu9kmvnmXul5p+IusnHnnYD/ABD5jCyBjWuvAAAAAElFTkSuQmCC)
    no-repeat left;
  background-size: 24px 24px;
}

.bullet-chat {
  height: 24px;
  width: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAMAAABEQrEuAAAABGdBTUEAALGPC/xhBQAAAjpQTFRFQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NQ77NAAAA6evt0tbbUmB1c36Qz9PZcn2O8/T11tneVGF30dXba3aJ8/T2bXmL4+bppay43N/kW2h83+Lmoam0X2yA2t3i3N/jXWp+Wmd8b83ZseTqTsLQ3PP2jdfhe9Hc8vr7uefs+/3+9fv8UMPRsuTq2vL19/z93vT2g9Te/v//6ff56/j6xuvwdtDb8vv8etLciNbfitbgqeHoq+Lp7Pj6mtzkftLd+/7+wervpeDnXMfUu+jts+Xr9vz9teXr+P392PH1S8HP0u/zSsDPY8nW4vX3y+3xx+zw9Pv8ltvjjdjhp+Hoa8zY/v7/o9/m+Pz9XsfUuuft8/v8nt7l3/T27vn6UcPR1PDz7vDy5ujrpq24oqm1U2F2/v7+/Pz9gtTemdzk9fz8ZsrWhdXer+PqTcLQ2fL1quLo/P7+Rb/OzO3x/f7+yu3xfdLcUsPR0e/zrOLpsuTrVcTST11zRL7N////Q77NGlATMwAAAEh0Uk5TzfMCo6R6RlEKRfmwha9JfM4D166s+E+C4tTcbOZg5WhjIqc/Op/Q/Uee5zSYJi817iX8Sw0r2PII9jymCd9E8NsL6/EEBtUAfLX1ywAAAqdJREFUSMeNlmV72zAUhbUyw8rMK62MYbKTMTMzMzMzM0NhKzNsTSL/t7lxJMuyre580CPde97HchzdK+ChxRsTTUm5bYIrH4SFGzlVHiiXyQkmg0BqXmhECIPgC7MFtebncXqEtVXQlrtEk3BUCvpa2K4mGtwCSwuKaKLaKbBVVask6lzCXHLVkkSNU5hbVUUy4VC+w3TPyIurD/rOPO49onyXdkyUEWH//vF3EOnU3gt+8hdDRAURfDsMlTrWT2RLJIK3yw/4MgFpTfQSn5ILEAU4MHYHamlG3lneLMFZ8Po+1Nag/B8LEYl0vNwH9XQReyJEIhUtvMd1iZfTyBTqAeY0tJiB+vqLzwsHrGg+9IFBHH6EbEaQgaYDkKXryBYOUtD0LpPA2woDWWj6J5hb1tUhjtu2bBfH9V2rg9HnyAaADU2/SqmfS3zLIfy907fjF4RrfN0rpPAwsuWDRjQ9ESS6fUtFYpNvq0is861aK4Uf4mMCBHpXizsXiePGDZvFsaNzZTA6iX2g/H8+B4RXkK1Nfo+TTGIK2XIBPn5D9xjA5yfIlgTi8QYHGcRl7DKBODz39ukCB75jVyKIlk/YJV1iQDYZQVSMvDqqA4zIFgMPPLHycuygJrCbqCcm8URFkqXn2qjKP/qKrFkJIsFnkpH+HxTw7CmZzk6erSU5ymJ57uwhAvikTBYGqo/ZQhXYPVO3bp6WgDfKTCsv1cQmjbLcEwDeU1ErqrvFauK26L/xmgpW4krdbFcj5+G3XXQ7dMj9o6VeRYxPeqmIs4HsUaUGmvjop3tUtbIPltbP0aGcdXSvbbEzAXeNup83FzOAMofmnaHJouO3V+jdS8w5mRp+SwHPuPvwkbExCntaajrHvC2JioqOi3fbyoVGW1ZKhtWsyv8D6WKgq0MBTTEAAAAASUVORK5CYII=)
    no-repeat left;
  background-size: 24px 24px;
}

.bullet-x {
  height: 24px;
  width: 24px;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/li-x.png)
    no-repeat left;
  background-size: 24px 24px;
}

.bullet-megaphone {
  height: 24px;
  width: 24px;
  background: url(data:image/png;base64,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)
    no-repeat left;
  background-size: 24px 24px;
}

.profile-div-1 {
  border: 2px solid #089;
  padding: 3.2rem 3.2rem 2.2rem;
  margin: 0 0 3rem;
}

.profile-div-2 {
  background: #e8e8e8;
  padding: 2.4rem 3.4rem;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-pic-3.jpg)
    no-repeat;
  background-size: cover;
  font-weight: 700;
  text-align: center;
  font-size: 1.2rem;
  line-height: 2.4rem;
}

.profile-div-3 {
  background: #e8e8e8;
  padding: 2.4rem 3.4rem;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-pic-3.jpg)
    no-repeat;
  background-size: cover;
  font-weight: 700;
  text-align: center;
  line-height: 2.4rem;
}

.profile-div-3 {
  background: #e8e8e8;
  padding: 2.4rem 3.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 2.4rem;
}

.profile-div-client-img {
  display: block;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-cliant.png)
    no-repeat center;
  background-size: 100%;
  height: 212px;
  width: 455px;
  margin: auto;
}

@media (max-width: 767px) {
  .profile-div-client-img {
    background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-cliant.png)
      no-repeat center;
    background-size: 100%;
    height: 152px;
    width: 320px;
  }
}
.profile-div-pic {
  background-color: #efefef;
  height: auto;
}

.profile-div-pic img {
  width: 100%;
}

.profile-sign {
  width: 100%;
  text-align: right;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 6rem 0 10rem;
}

.btn-margin-6-10 {
  margin: 6rem auto 10rem;
}

.btn-margin-1-10 {
  margin: 1rem auto 10rem;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .btn-margin-1-10 {
    font-size: 14px;
  }
}
.animation-wrap {
  width: 100vw;
}

.p-contents-sp-img-1 {
  position: absolute;
  top: 840px;
  right: 40px;
  width: 284px;
  height: 271px;
  background-image: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-illust-01.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-contents-sp-img-2 {
  position: absolute;
  top: 1100px;
  left: 20px;
  width: 215px;
  height: 190px;
  background-image: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-illust-03.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-contents-sp-img-3 {
  position: absolute;
  top: 1500px;
  right: 40px;
  width: 148px;
  height: 280px;
  background-image: url(//webmarks.co.jp/wp-content/themes/jin-child/img/profile-illust-02.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 1440px) {
  .p-contents-sp-img-1 {
    right: 120px;
  }
  .p-contents-sp-img-2 {
    left: 120px;
  }
  .p-contents-sp-img-3 {
    right: 260px;
  }
}
@media (max-width: 1024px) {
  .p-contents-sp-img-1 {
    display: none;
  }
  .p-contents-sp-img-2 {
    display: none;
  }
  .p-contents-sp-img-3 {
    display: none;
  }
}
@media (max-width: 600px) {
  .profile-content .profile-section-1 {
    padding: 2rem 1.4rem 1rem;
  }
  .profile-div-1 {
    padding: 2rem 1.4rem 1rem;
  }
  .profile-content h3.profile-h3-2 {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 2rem 0 1.6rem;
  }
  .li-txt {
    width: 90%;
    padding-left: 2%;
  }
  .btn-margin-6-10 {
    margin: 0 auto;
  }
}
@media (max-width: 320px) {
  .li-txt {
    width: 82%;
    padding-left: 2%;
  }
}
.top-page-wrapper {
  color: #222;
}

@media only screen and (max-width: 768px) {
  .top-page-wrapper#contents {
    width: 100vw;
    padding-top: 40px;
  }
}
.top-page-wrapper .btn-main.btn-secondary {
  background:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAPCAMAAABgDjd9AAAAAXNSR0IB2cksfwAAAI1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////A4szhQAAAC90Uk5TAA+2txtP/9cTFuvFCjb2sQNJ/JxhgXpokv1Sq/c9BsDvK9HkHC3l8NQBaQc/4gJpOqcaAAAAcElEQVR4nJ3RRxaCUABD0WB5iqJiRbAXVFDc//L8Q6fkze8gJ1K7ok6315L81YfB0NbxCMaJzSdTmKU2ny9gaWutgLXPN4FnPt9CXtg63cH+YPPjCc4Xm0dXuN2l8vF0Cq/zqlTj99bHx803bKjcpB83bRi0Fi657gAAAABJRU5ErkJggg==)
      no-repeat center right 42px/31px 8px,
    linear-gradient(to right, #0094df 0%, #00d4d9 100%);
}

@media only screen and (max-width: 768px) {
  .top-page-wrapper .btn-main.btn-secondary {
    margin-top: 30px;
    background: linear-gradient(to right, #0094df 0%, #00d4d9 100%);
  }
}
.top-page-wrapper .btn-main.btn-secondary a {
  color: #fff;
}

.cv-content .btn-counseling {
  background-color: #ffa742;
}

.top-page-wrapper .btn-main.btn-secondary a:link,
.top-page-wrapper .btn-main.btn-secondary a :visited {
  color: #fff;
}

.top-page-wrapper .btn-main.btn-secondary a:hover {
  text-decoration: none;
}

.top-page-wrapper a {
  color: #089;
  text-decoration: none;
}

.top-page-wrapper a:hover {
  text-decoration: underline;
}

.top-page-wrapper a:link,
.top-page-wrapper a :visited {
  color: #089;
}

.hero-top-wrapper {
  margin-top: 100px;
  height: calc(100vh - 100px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0 !important;
}

@media only screen and (max-width: 1024px) {
  .hero-top-wrapper {
    height: 900px;
  }
}
@media only screen and (max-width: 768px) {
  .hero-top-wrapper {
    height: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-top-wrapper {
    height: 800px;
    margin-top: 60px;
  }
}
@media only screen and (max-width: 567px) {
  .hero-top-wrapper {
    margin-top: 60px;
    height: calc(100vh - 60px);
    min-height: 530px;
  }
}
@media only screen and (max-width: 320px) {
  .hero-top-wrapper {
    height: 100vh;
  }
}
.hero-top-wrapper .contents-block {
  width: 75%;
  max-width: 1120px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 530px;
}

@media only screen and (max-width: 1024px) {
  .hero-top-wrapper .contents-block {
    width: 85%;
    margin-top: 25vh;
  }
}
@media only screen and (max-width: 768px) {
  .hero-top-wrapper .contents-block {
    margin-top: 18vh;
  }
}
@media only screen and (max-width: 767px) {
  .hero-top-wrapper .contents-block {
    width: 90%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .hero-top-wrapper .contents-block {
    margin-top: 11vh;
  }
}
.hero-top-wrapper .contents-block-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .hero-top-wrapper .contents-block-inner {
    flex-wrap: wrap-reverse;
  }
}
.hero-top-wrapper .inner-block {
  width: 500px;
  flex-shrink: 0;
}

@media only screen and (max-width: 1024px) {
  .hero-top-wrapper .inner-block {
    width: auto;
    z-index: 10;
    margin-top: -100px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .hero-top-wrapper .inner-block {
    width: 100%;
    margin-top: -10vh;
  }
}
.hero-top-wrapper .inner-illust {
  width: 45%;
  max-width: 463px;
}

@media only screen and (max-width: 1024px) {
  .hero-top-wrapper .inner-illust {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  .hero-top-wrapper .inner-illust {
    max-width: 350px;
  }
}
.hero-top-wrapper .inner-block .catch-copy {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1.66px;
  line-height: 50px;
  display: inline-block;
  background-color: #222;
  margin-bottom: 5px;
  padding: 0 8px;
}

@media only screen and (max-width: 767px) {
  .hero-top-wrapper .inner-block .catch-copy {
    font-size: 18px;
    letter-spacing: 1.99px;
    line-height: 2.2;
    margin-bottom: 7px;
    padding: 0 9px;
  }
}
@media only screen and (max-width: 320px) {
  .hero-top-wrapper .inner-block .catch-copy {
    font-size: 15px;
  }
}
.hero-top-wrapper .inner-block .lead-txt {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  color: #111;
  letter-spacing: 0.44px;
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .hero-top-wrapper .inner-block .lead-txt {
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.41px;
  }
}
@media only screen and (max-width: 320px) {
  .hero-top-wrapper .inner-block .lead-txt {
    font-size: 12px;
  }
}
.hero-top-wrapper .btn-main.btn-secondary {
  margin-top: 80px;
  height: 60px;
  width: 360px;
  font-size: 20px;
  letter-spacing: 0.61px;
  background: linear-gradient(to right, #0094df 0%, #00d4d9 100%);
}

@media only screen and (max-width: 768px) {
  .hero-top-wrapper .btn-main.btn-secondary {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-top-wrapper .btn-main.btn-secondary {
    width: 260px;
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.49px;
    margin-top: 10px;
  }
}
.topics-wrapper {
  padding: 80px;
  position: relative;
  background: linear-gradient(
      90deg,
      #fff 0%,
      #fff 40%,
      #f1eaea 40%,
      #f1eaea 100%
    )
    no-repeat 100% 100%/100% 78%;
}

@media only screen and (max-width: 768px) {
  .topics-wrapper {
    padding: 80px 20px;
    background: linear-gradient(#f1eaea 0%, #f1eaea 100%) no-repeat 100%
      100%/100% 70%;
  }
}
@media only screen and (max-width: 767px) {
  .topics-wrapper {
    padding: 30px 20px;
  }
}
.topics-wrapper .contents-block.ttl .page-leading-ttl.topics {
  text-align: center;
  margin: 0 auto;
  width: 312px;
  height: 138px;
}

@media only screen and (max-width: 767px) {
  .topics-wrapper .contents-block.ttl .page-leading-ttl.topics {
    width: 138px;
    height: 61px;
  }
}
.topics-wrapper .contents-block.ttl .page-leading-ttl.topics span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
  top: -22px;
}

@media only screen and (max-width: 767px) {
  .topics-wrapper .contents-block.ttl .page-leading-ttl.topics span {
    font-size: 10px;
  }
}
.topics-wrapper .bussiness-man-01.pc2 {
  text-align: center;
  width: 333px;
  height: 300px;
  margin: 26px auto;
  position: absolute;
  left: 10px;
  top: 93px;
}

@media only screen and (max-width: 768px) {
  .topics-wrapper .contents-block.ttl .bussiness-man-01.sp {
    text-align: center;
    width: 165px;
    height: 148px;
    margin: 26px auto;
    display: block;
  }
}
.topics-wrapper .contents-block.ttl .lead-txt {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  margin-top: 23px;
}

@media only screen and (max-width: 768px) {
  .topics-wrapper .contents-block.ttl .lead-txt {
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0.35px;
  }
}
.topics-wrapper .contents-block.topics {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1120px;
  margin: 43px auto;
  z-index: 1;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .topics-wrapper .contents-block.topics {
    width: 100%;
    margin: 20px auto 0;
    justify-content: space-around;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .topics-wrapper .contents-block.topics {
    width: 80%;
  }
}
@media only screen and (max-width: 599px) {
  .topics-wrapper .contents-block.topics {
    width: 100%;
  }
}
.topics-wrapper .contents-block.topics a {
  transition: transform 0.3s ease-out;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .topics-wrapper .contents-block.topics a:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-out;
    backface-visibility: hidden;
    cursor: pointer;
  }
}
.topics-wrapper .contents-block.topics .item-wrapper-topics {
  width: 250px;
  height: 260px;
  box-shadow: 0 1px 3px rgba(4, 0, 0, 0.3);
  background-color: #fff;
  padding: 20px 18px;
  margin-bottom: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  color: #222;
}

@media only screen and (max-width: 767px) {
  .topics-wrapper .contents-block.topics .item-wrapper-topics {
    width: 130px;
    height: 120px;
    padding: 0;
    padding-top: 10px;
    margin-bottom: 20px;
    justify-content: center;
    flex-wrap: nowrap;
  }
}
.topics-wrapper .contents-block.topics .item-wrapper-topics img {
  width: 30%;
  height: auto;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics .ttl-topics {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #089;
  letter-spacing: 0.25px;
  margin-top: auto;
  margin-bottom: auto;
}

@media only screen and (max-width: 768px) {
  .topics-wrapper .contents-block.topics .item-wrapper-topics .ttl-topics {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.17px;
  }
}
@media only screen and (max-width: 767px) {
  .topics-wrapper .contents-block.topics .item-wrapper-topics .ttl-topics {
    margin: 0;
    margin-top: 10px;
  }
}
.topics-wrapper .contents-block.topics .item-wrapper-topics .item-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.35px;
  text-align: left;
  width: 100%;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-01 img {
  width: 70px;
  height: 59px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-02 img {
  width: 76px;
  height: 68px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-03 img {
  width: 67px;
  height: 66px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-04 img {
  width: 71px;
  height: 71px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-05 img {
  width: 71px;
  height: 64px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-06 img {
  width: 73px;
  height: 55px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-07 img {
  width: 63px;
  height: 65px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-07 .ttl-topics {
  margin-top: 7px;
  margin-bottom: 10px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-08 img {
  width: 90px;
  height: 70px;
}

.topics-wrapper .contents-block.topics .item-wrapper-topics.box-08 .ttl-topics {
  margin-top: 5px;
  margin-bottom: 7px;
}

@media only screen and (max-width: 768px) {
  .topics-wrapper .btn-main.btn-secondary {
    margin-top: 30px;
  }
}
.services-wrapper.case-study-wrapper {
  padding: 43px 160px 120px;
  position: relative;
  background: linear-gradient(
      270deg,
      #fff 0%,
      #fff 40%,
      #f5e9f0 40%,
      #f5e9f0 100%
    )
    no-repeat 100% 21%/100% 42%;
}

@media only screen and (max-width: 1024px) {
  .services-wrapper.case-study-wrapper {
    padding: 43px 3% 120px;
  }
}
@media only screen and (max-width: 768px) {
  .services-wrapper.case-study-wrapper {
    padding: 35px 20px 80px;
    background: linear-gradient(#f5e9f0 0%, #f5e9f0 100%) no-repeat 100%
      100%/100% 87%;
  }
}
@media only screen and (max-width: 767px) {
  .services-wrapper.case-study-wrapper {
    padding: 35px 20px;
  }
}
.services-wrapper.case-study-wrapper
  .contents-block.ttl
  .page-leading-ttl.services {
  text-align: left;
  width: 372px;
  height: 165px;
}

@media only screen and (max-width: 768px) {
  .services-wrapper.case-study-wrapper
    .contents-block.ttl
    .page-leading-ttl.services {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .services-wrapper.case-study-wrapper
    .contents-block.ttl
    .page-leading-ttl.services {
    width: 138px;
    height: 61px;
  }
}
.services-wrapper.case-study-wrapper
  .contents-block.ttl
  .page-leading-ttl.services
  .ttl-services {
  position: relative;
  left: -80px;
}

@media only screen and (max-width: 1024px) {
  .services-wrapper.case-study-wrapper
    .contents-block.ttl
    .page-leading-ttl.services
    .ttl-services {
    left: 0;
    position: static;
  }
}
.services-wrapper.case-study-wrapper
  .contents-block.ttl
  .page-leading-ttl.services
  span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
  top: -50px;
}

@media only screen and (max-width: 767px) {
  .services-wrapper.case-study-wrapper
    .contents-block.ttl
    .page-leading-ttl.services
    span {
    font-size: 10px;
    font-weight: 700;
    line-height: 14.4px;
    letter-spacing: 0.49px;
    top: -25px;
    color: #222;
  }
}
.services-wrapper.case-study-wrapper .bussiness-man-02.pc2 {
  text-align: center;
  width: 336px;
  height: 456px;
  position: absolute;
  top: 96px;
  right: 63px;
}

@media only screen and (max-width: 768px) {
  .services-wrapper.case-study-wrapper
    .contents-block.ttl
    .bussiness-man-02.sp {
    text-align: center;
    width: 168px;
    height: 228px;
    margin: 21px auto 0;
    display: block;
  }
}
.services-wrapper.case-study-wrapper .contents-block.ttl .lead-txt {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

@media only screen and (max-width: 768px) {
  .services-wrapper.case-study-wrapper .contents-block.ttl .lead-txt {
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0.35px;
    margin-top: 8px;
    margin-bottom: 28px;
  }
}
.services-wrapper.case-study-wrapper .contents-block.cases .item-wrapper-case {
  box-shadow: 0 1px 3px rgba(4, 0, 0, 0.2);
}

.services-wrapper.case-study-wrapper .contents-block.banner.pc {
  width: 965px;
  height: 224px;
  margin: 0 auto;
  margin-bottom: 100px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .services-wrapper.case-study-wrapper .contents-block.banner.pc {
    display: none;
  }
}
.services-wrapper.case-study-wrapper .contents-block.banner.pc .inner-img {
  width: 100%;
  height: 100%;
}

.services-wrapper.case-study-wrapper .contents-block.banner.pc .inner-block {
  width: 50%;
  height: 201px;
  background-color: #f3ec17;
  float: right;
  padding: 21px;
  z-index: 1;
  position: absolute;
  bottom: 3px;
  right: 0;
}

.services-wrapper.case-study-wrapper .contents-block.banner.pc .inner-block h4 {
  font-size: 24px;
  font-weight: 700;
  color: #036;
  margin-bottom: 11px;
  margin-right: 3px;
}

.services-wrapper.case-study-wrapper .contents-block.banner.pc .inner-block p {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.7;
  color: #036;
}

@media only screen and (max-width: 768px) {
  .services-wrapper.case-study-wrapper .contents-block.banner.sp {
    display: block;
  }
}
.services-wrapper.case-study-wrapper .contents-block.banner.sp {
  width: 100%;
}

.services-wrapper.case-study-wrapper
  .contents-block.banner.sp
  .img-banner-cliant {
  width: 100%;
}

.services-wrapper.case-study-wrapper .contents-block.banner.sp .inner-block {
  background: #f3ec17;
  width: calc(100% - 6px);
  padding: 14px 20px;
  margin: 0 auto;
  box-shadow: 0 1px 3px rgba(4, 0, 0, 0.3);
  margin-top: -2px;
}

.services-wrapper.case-study-wrapper .contents-block.banner.sp .inner-block h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  color: #036;
  margin-bottom: 11px;
}

.services-wrapper.case-study-wrapper .contents-block.banner.sp .inner-block p {
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0.37px;
  color: #036;
}

.services-wrapper.case-study-wrapper
  .contents-block.banner.sp
  .inner-block
  p
  a {
  text-decoration: underline;
}

.services-wrapper.case-study-wrapper .contents-block.text {
  text-align: center;
  width: 750px;
  height: 120px;
  margin: 0 auto;
  background:
    url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-tilt-line-l.svg)
      no-repeat left center/44px 110px,
    url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-tilt-line-r.svg)
      no-repeat right center/44px 110px;
}

@media only screen and (max-width: 768px) {
  .services-wrapper.case-study-wrapper .contents-block.text {
    width: 100%;
    height: auto;
    background: 0 0;
    margin-top: 30px;
  }
}
.services-wrapper.case-study-wrapper .contents-block.text .announce-txt {
  margin: 0 auto;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.55px;
}

@media only screen and (max-width: 768px) {
  .services-wrapper.case-study-wrapper .contents-block.text .announce-txt {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0.2px;
  }
}
@media only screen and (max-width: 767px) {
  .services-wrapper.case-study-wrapper .btn-main.btn-secondary {
    width: 260px;
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.49px;
  }
}
.message-wrapper .contents-block.ttl {
  margin-bottom: 42px;
}

.message-wrapper .contents-block.ttl .page-leading-ttl.message {
  text-align: center;
  margin: 0 auto;
  width: 363px;
  height: 173px;
}

@media only screen and (max-width: 768px) {
  .message-wrapper .contents-block.ttl .page-leading-ttl.message {
    margin: 32px auto 36px;
  }
}
@media only screen and (max-width: 767px) {
  .message-wrapper .contents-block.ttl .page-leading-ttl.message {
    width: 141px;
    height: 68px;
  }
}
.message-wrapper .contents-block.ttl .page-leading-ttl.message span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
  top: -22px;
}

@media only screen and (max-width: 767px) {
  .message-wrapper .contents-block.ttl .page-leading-ttl.message span {
    font-size: 10px;
    line-height: 14.4px;
    top: -15px;
  }
}
.message-wrapper .contents-block.message {
  width: 100%;
  height: 700px;
  padding: 50px 83px 80px 0;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-message.jpg)
    center/cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

@media only screen and (max-width: 1100px) {
  .message-wrapper .contents-block.message {
    height: auto;
    background-position: left 30% center;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .message-wrapper .contents-block.message {
    height: auto;
    padding: 0;
    background: 0 0;
  }
  .message-wrapper .contents-block.message .img-message-hero.sp {
    display: block;
    width: 100%;
    height: auto;
  }
}
.message-wrapper .contents-block.message .inner-item-txt {
  width: 683px;
}

@media only screen and (max-width: 1100px) {
  .message-wrapper .contents-block.message .inner-item-txt {
    width: 60%;
  }
}
@media only screen and (max-width: 768px) {
  .message-wrapper .contents-block.message .inner-item-txt {
    width: 100%;
    padding: 30px 20px 0;
  }
}
.message-wrapper .contents-block.message .inner-item-txt p {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
  letter-spacing: 1.12px;
}

@media only screen and (max-width: 768px) {
  .message-wrapper .contents-block.message .inner-item-txt p {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.22px;
    text-shadow: none;
  }
}
.message-wrapper .contents-block.message .inner-item-txt .signature {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .message-wrapper .contents-block.message .btn-main.btn-secondary {
    width: 260px;
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.49px;
  }
}
.member-wrapper {
  padding: 187px 80px 80px;
  position: relative;
  background: linear-gradient(
      90deg,
      #fff 0%,
      #fff 40%,
      #d9f4f8 40%,
      #d9f4f8 100%
    )
    no-repeat 100% 100%/100% 78%;
}

@media only screen and (max-width: 768px) {
  .member-wrapper {
    padding: 60px 20px 80px;
    background: linear-gradient(#d9f4f8 0%, #d9f4f8 100%) no-repeat 100%
      100%/100% 75%;
  }
}
@media only screen and (max-width: 767px) {
  .member-wrapper {
    padding: 60px 20px 30px;
    background: linear-gradient(#d9f4f8 0%, #d9f4f8 100%) no-repeat 100%
      100%/100% 88%;
  }
}
.member-wrapper .contents-block.ttl .page-leading-ttl.member {
  width: 348px;
  height: 161px;
  margin-left: 10px;
}

@media only screen and (max-width: 768px) {
  .member-wrapper .contents-block.ttl .page-leading-ttl.member {
    margin: 0 auto;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .member-wrapper .contents-block.ttl .page-leading-ttl.member {
    width: 128px;
    height: 60px;
  }
}
.member-wrapper .contents-block.ttl .page-leading-ttl.member span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
  top: -30px;
  left: 70px;
}

@media only screen and (max-width: 768px) {
  .member-wrapper .contents-block.ttl .page-leading-ttl.member span {
    left: 0;
    top: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .member-wrapper .contents-block.ttl .page-leading-ttl.member span {
    font-size: 10px;
    font-weight: 700;
    line-height: 14.4px;
  }
}
.member-wrapper .three-mans.pc2 {
  text-align: center;
  width: 402px;
  height: 442px;
  position: absolute;
  top: 181px;
  right: 31px;
}

@media only screen and (max-width: 768px) {
  .member-wrapper .contents-block.ttl .three-mans.sp {
    text-align: center;
    width: 201px;
    height: 221px;
    margin: 34px auto 0;
    display: block;
  }
}
.member-wrapper .contents-block.ttl .lead-txt {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-top: 11px;
  margin-left: 80px;
  z-index: 1;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .member-wrapper .contents-block.ttl .lead-txt {
    text-align: center;
    margin: 0;
    margin-top: 13px;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.87px;
  }
}
.member-wrapper .contents-block.member {
  margin-top: 93px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .member-wrapper .contents-block.member {
    margin-top: 23px;
  }
}
.member-wrapper .contents-block.member .item-wrapper-prof {
  height: 540px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1320px) {
  .member-wrapper .contents-block.member {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .member-wrapper .contents-block.member {
    grid-template-columns: repeat(2, 1fr);
  }
  .member-wrapper .contents-block.member .item-wrapper-prof {
    height: auto;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .member-wrapper .contents-block.member {
    grid-template-columns: repeat(1, 1fr);
  }
  .member-wrapper .contents-block.member .item-wrapper-prof {
    width: 100%;
  }
}
.member-wrapper .contents-block.member .item-wrapper-prof .item-img-area {
  width: 220px;
  height: 200px;
  z-index: 5;
  margin: 0 auto;
}

.member-wrapper .contents-block.member .item-wrapper-prof .item-img-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.member-wrapper .contents-block.member .item-wrapper-prof .item-prof-area {
  margin-top: -90px;
  width: 100%;
  height: 430px;
  box-shadow: 0 1px 3px rgba(4, 0, 0, 0.3);
  background-color: #fff;
  padding: 105px 20px 20px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .member-wrapper .contents-block.member .item-wrapper-prof .item-prof-area {
    width: 100%;
    min-height: 360px;
    height: auto;
  }
}
.member-wrapper
  .contents-block.member
  .item-wrapper-prof
  .item-prof-area
  .name-txt {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.member-wrapper
  .contents-block.member
  .item-wrapper-prof
  .item-prof-area
  .name-txt
  img {
  width: auto;
  max-height: 24px;
}

.member-wrapper
  .contents-block.member
  .item-wrapper-prof
  .item-prof-area
  .job-txt {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.member-wrapper
  .contents-block.member
  .item-wrapper-prof
  .item-prof-area
  .profile-txt {
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.44px;
  margin-top: auto;
  margin-top: 12px;
}

@media only screen and (max-width: 767px) {
  .member-wrapper .btn-main.btn-secondary {
    width: 260px;
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.49px;
    margin-top: 0;
  }
}
.company-wrapper {
  padding: 30px 80px 80px;
  width: 100%;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-company-top.jpg)
    center/cover;
}

.company-wrapper__logo-top {
  padding: 30px 80px 80px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.font-big {
  font-size: 36px;
}

@media only screen and (max-width: 1024px) {
  .company-wrapper {
    padding: 30px 3% 80px;
  }
}
@media only screen and (max-width: 768px) {
  .company-wrapper {
    height: auto;
    background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-company-top.jpg)
      right -200px top/cover;
  }
  .company-wrapper__logo-top {
    height: auto;
    grid-template-columns: repeat(4, 1fr);
    padding: 40px;
  }
  .font-big {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .company-wrapper {
    padding: 30px 20px;
  }
}
.company-wrapper .contents-block.ttl .page-leading-ttl.company {
  text-align: right;
  width: 429px;
  height: 182px;
  margin-left: auto;
}

@media only screen and (max-width: 768px) {
  .company-wrapper .contents-block.ttl .page-leading-ttl.company {
    text-align: center;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .company-wrapper .contents-block.ttl .page-leading-ttl.company {
    width: 172px;
    height: 73px;
  }
}
.company-wrapper .contents-block.ttl .page-leading-ttl.company span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
  top: -55px;
  right: 90px;
}

@media only screen and (max-width: 768px) {
  .company-wrapper .contents-block.ttl .page-leading-ttl.company span {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .company-wrapper .contents-block.ttl .page-leading-ttl.company span {
    font-size: 10px;
    font-weight: 700;
    line-height: 14.4px;
    letter-spacing: 2px;
    top: -25px;
  }
}
.company-wrapper .contents-block.company {
  max-width: 1120px;
  width: 100%;
  margin: 33px auto 0;
  height: auto;
  background: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 1024px) {
  .company-wrapper .contents-block.company {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .company-wrapper .contents-block.company {
    width: 100%;
    background: 0 0;
    flex-direction: column;
  }
}
.company-wrapper .contents-block.company .item-block {
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .company-wrapper .contents-block.company .item-block {
    width: 100%;
  }
}
.company-wrapper .contents-block.company .item-block.company-data {
  padding: 42px 0 42px 85px;
}

@media only screen and (max-width: 768px) {
  .company-wrapper .contents-block.company .item-block.company-data {
    padding: 0;
  }
}
.company-wrapper
  .contents-block.company
  .item-block.company-data
  .company-data-table
  tr
  td {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 1.75px;
}

.company-wrapper
  .contents-block.company
  .item-block.company-data
  .company-data-table
  tr
  td:first-child {
  font-weight: 700;
  width: 120px;
}

@media only screen and (max-width: 768px) {
  .company-wrapper
    .contents-block.company
    .item-block.company-data
    .company-data-table
    tr
    td:first-child {
    width: 100px;
  }
}
.company-map {
  position: relative;
  width: 100%;
  padding-top: calc(56.25% - 150px);
  overflow: hidden;
}

@media only screen and (max-width: 1143px) {
  .company-map {
    padding-top: 60%;
  }
}
.company-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 300px);
  margin-top: -150px;
}

@media only screen and (max-width: 768px) {
  .company-wrapper .contents-block.company .item-block.company-map {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .company-wrapper .btn-main.btn-secondary {
    width: 260px;
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.49px;
    margin-top: 30px;
  }
}
.faq-wrapper {
  padding: 40px 80px 80px 97px;
  background-color: #faf7f7;
}

@media only screen and (max-width: 767px) {
  .faq-wrapper {
    padding: 30px 20px;
  }
}
.faq-wrapper .contents-block.ttl {
  width: 265px;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .faq-wrapper .contents-block.ttl {
    width: 100%;
  }
}
.faq-wrapper .contents-block.ttl .page-leading-ttl.faq {
  text-align: center;
  width: 265px;
  height: 166px;
}

@media only screen and (max-width: 768px) {
  .faq-wrapper .contents-block.ttl .page-leading-ttl.faq {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .faq-wrapper .contents-block.ttl .page-leading-ttl.faq {
    width: 112px;
    height: 63px;
  }
}
.faq-wrapper .contents-block.ttl .page-leading-ttl.faq span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

@media only screen and (max-width: 768px) {
  .faq-wrapper .contents-block.ttl .page-leading-ttl.faq span {
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .faq-wrapper .contents-block.ttl .page-leading-ttl.faq span {
    font-size: 10px;
    line-height: 14.4px;
    letter-spacing: 0.49px;
    top: -10px;
  }
}
.faq-wrapper .contents-block.faq {
  margin-top: 25px;
  margin-bottom: 80px;
  width: 760px;
  display: inline-block;
  float: right;
}

.faq-wrapper .contents-block.faq:after {
  content: "";
  display: block;
  clear: both;
}

@media only screen and (max-width: 768px) {
  .faq-wrapper .contents-block.faq {
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.faq-wrapper .btn-wrapper {
  width: 100%;
  display: inline-block;
}

.faq-wrapper .btn-wrapper .btn-main.btn-secondary {
  margin-top: 0;
}

.contact-wrapper.top-bottm-area {
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-company-contact.jpg)
    no-repeat bottom center/100% 72%;
}

@media only screen and (max-width: 768px) {
  .contact-wrapper.top-bottm-area {
    background: 0 0;
  }
}
.contact-wrapper.top-bottm-area .contents-block.ttl .page-leading-ttl.contact {
  text-align: center;
  margin: 0 auto 10px;
  width: 363px;
  height: 166px;
}

@media only screen and (max-width: 768px) {
  .contact-wrapper.top-bottm-area
    .contents-block.ttl
    .page-leading-ttl.contact {
    width: 143px;
    height: 59px;
  }
}
.contact-wrapper.top-bottm-area
  .contents-block.ttl
  .page-leading-ttl.contact
  span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.4px;
  position: relative;
  top: -53px;
  left: -18px;
}

@media only screen and (max-width: 768px) {
  .contact-wrapper.top-bottm-area
    .contents-block.ttl
    .page-leading-ttl.contact
    span {
    font-size: 10px;
    font-weight: 700;
    line-height: 14.4px;
    letter-spacing: 0.49px;
    top: -20px;
    left: 0;
  }
}
.contact-wrapper.top-bottm-area .contact-block-wrapper .contents-block.ttl {
  display: none;
}

@media only screen and (max-width: 768px) {
  .top-page-wrapper .message-wrapper,
  .top-page-wrapper .company-wrapper,
  .top-page-wrapper .faq-wrapper,
  .top-page-wrapper .inner-contact,
  .top-page-wrapper .page-btm {
    position: relative;
  }
}
.top-page-wrapper .btn-main a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-loading="true"] .page-ttl.service {
  animation: fadeInUp 1.5s;
  animation-fill-mode: both;
}

[data-loading="true"] .hero-service-top .inner-block.hero {
  animation: fadeInUp 1.5s 0.5s;
  animation-fill-mode: both;
}

[data-loading="true"] .inner-block-img .img-service-man {
  animation: fadeInLeft 1.5s 1s;
  animation-fill-mode: both;
}

[data-loading="true"] .inner-block-img .img-service-woman {
  animation: fadeInRight 1.5s 1.2s;
  animation-fill-mode: both;
}

.service-page-wrapper {
  color: #222;
}

.service-page-wrapper .bg-btm-mark {
  height: 60px;
  background:
    linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #43becd 50.5%)
      no-repeat top left/50% 100%,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #43becd 50.5%)
      no-repeat top right/50% 100%;
}

@media only screen and (max-width: 768px) {
  .service-page-wrapper .bg-btm-mark {
    height: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .service-page-wrapper#contents {
    width: 100vw;
  }
}
.hero-service-top {
  padding-top: 80px;
  color: #222;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-service-hero@2x.png)
    no-repeat bottom center/contain;
  z-index: 5;
}

.hero-service-top .page-ttl.service {
  text-align: center;
  margin: 0 auto;
  width: 230px;
  height: 102px;
}

.hero-service-top .page-ttl.service span {
  font-size: 15px;
  color: #222;
  font-weight: 700;
  letter-spacing: 0.98px;
  position: relative;
  top: -16px;
}

@media only screen and (max-width: 768px) {
  .hero-service-top .page-ttl.service {
    width: 138px;
    height: 61px;
  }
  .hero-service-top .page-ttl.service span {
    font-size: 10px;
    line-height: 14.4px;
    letter-spacing: 0.49px;
    top: -18px;
  }
}
.hero-service-top .inner-block.hero {
  text-align: center;
  width: 450px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

.hero-service-top .inner-block.hero .page-sub-ttl.service {
  font-size: 32px;
  line-height: 52px;
  color: #036;
  font-weight: 700;
  letter-spacing: 2.25px;
  margin: 60px auto 0;
}

.hero-service-top .inner-block.hero .page-sub-ttl.service:after {
  content: "・・・・・・・・・";
  display: block;
}

.hero-service-top .inner-block.hero .page-sub-ttl.service.is-hr {
  margin-top: 0;
  margin-bottom: 50px;
}

.hero-service-top .inner-block.hero .page-sub-ttl.service span {
  color: #e66a51;
  line-height: 20px;
  vertical-align: super;
}

.hero-service-top .inner-block.hero .intro-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.75px;
}

@media only screen and (max-width: 768px) {
  .hero-service-top .inner-block.hero {
    padding: 0 20px 30px;
    margin: 22px auto 0;
    width: auto;
  }
  .hero-service-top .inner-block.hero .page-sub-ttl.service {
    font-size: 22px;
    line-height: 31.2px;
    margin-top: 32px;
    margin-bottom: 0;
  }
  .hero-service-top .inner-block.hero .page-sub-ttl.service span {
    line-height: 10px;
    font-size: 22px;
    letter-spacing: 4.25px;
  }
  .hero-service-top .inner-block.hero .intro-text {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.66px;
    margin-top: 10px;
  }
}
.hero-service-top .inner-block-img {
  width: 80%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: -365px;
}

@media only screen and (max-width: 1024px) {
  .hero-service-top .inner-block-img {
    width: 95%;
  }
}
.hero-service-top .inner-block-img .img-service-man {
  display: block;
  width: 275px;
}

.hero-service-top .inner-block-img .img-service-woman {
  display: block;
  width: 190px;
}

@media only screen and (max-width: 768px) {
  .hero-service-top .inner-block-img {
    margin-top: 0;
    min-width: inherit;
    width: 100%;
    justify-content: space-around;
  }
  .hero-service-top .inner-block-img .img-service-man {
    display: block;
    width: 141px;
    height: 179px;
  }
  .hero-service-top .inner-block-img .img-service-woman {
    display: block;
    width: 107px;
    height: 141px;
  }
}
.hero-service-top + .bg-btm-mark {
  background:
    linear-gradient(to top right, #43becd 50%, #c9ecf0 50.5%) no-repeat top
      left/50% 100%,
    linear-gradient(to top left, #43becd 50%, #c9ecf0 50.5%) no-repeat top
      right/50% 100%;
}

.service-hero-bottom {
  text-align: center;
  padding: 40px 3%;
  background: #43becd;
}

@media only screen and (max-width: 768px) {
  .service-hero-bottom {
    background: #43becd;
    padding: 40px 20px;
  }
}
.service-hero-bottom .contents-block.ttl .ttl-wrapper .page-leading-ttl {
  color: #fff;
  font-size: 30px;
  letter-spacing: 1.13px;
  font-weight: 700;
  line-height: 44px;
  z-index: 1;
  position: relative;
}

.service-hero-bottom .contents-block.ttl .ttl-wrapper .page-leading-ttl span {
  font-size: 36px;
}

.service-hero-bottom .contents-block.ttl .ttl-wrapper .line-wavy {
  width: 547px;
  height: 15px;
}

.service-hero-bottom .inner-block-img {
  width: 90%;
  max-width: 1120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -100px auto 0;
}

.service-hero-bottom .inner-block-img .img-client-woman {
  display: block;
  width: 210px;
  margin-right: 10px;
}

.service-hero-bottom .inner-block-img .img-client-man {
  display: block;
  width: 220px;
}

@media only screen and (max-width: 768px) {
  .service-hero-bottom .inner-block-img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto;
  }
  .service-hero-bottom .inner-block-img .img-client-woman {
    display: block;
    width: 105px;
    height: 104px;
    margin-right: 10px;
  }
  .service-hero-bottom .inner-block-img .img-client-man {
    display: block;
    width: 111px;
    height: 110px;
  }
}
.service-hero-bottom .contents-block.sales {
  width: 960px;
  margin: -30px auto 40px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  flex-basis: auto;
}

@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales {
    margin: 0 auto;
    width: 80%;
  }
}
@media only screen and (max-width: 599px) {
  .service-hero-bottom .contents-block.sales {
    margin: 0 auto;
    width: 100%;
  }
}
.service-hero-bottom .contents-block.sales .item-wrapper-ttl {
  width: 300px;
  height: 208px;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-servise-salesbox@2x.png)
    no-repeat center/contain;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 280px;
  }
}
.service-hero-bottom .contents-block.sales .item-wrapper-ttl .ttl-copy {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.75px;
  color: #222;
  font-feature-settings: "palt" 1;
}

@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl .ttl-copy {
    font-size: 14px;
    line-height: 1.5;
  }
}
.service-hero-bottom
  .contents-block.sales
  .item-wrapper-ttl
  .ttl-copy
  .under-line {
  color: #d25137;
  letter-spacing: 0.75px;
  border-bottom: 5px solid #fff100;
  line-height: 0.45;
  margin-top: 10px;
}

.service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-01 img {
  width: 75px;
  height: 65px;
  margin-top: 25px;
  margin-bottom: 11px;
}

@media only screen and (max-width: 767px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-01 {
    order: 1;
  }
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-01 img {
    width: 100px;
    height: 62px;
  }
}
.service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-02 img {
  width: 81px;
  height: 67px;
  margin-top: 24px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-02 {
    order: 3;
  }
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-02 img {
    width: 75px;
    height: 65px;
  }
}
.service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-03 img {
  width: 76px;
  height: 57px;
  margin-top: 29px;
  margin-bottom: 17px;
}

@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-03 {
    order: 5;
    margin-right: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-03 {
    order: 5;
    margin-right: auto;
  }
  .service-hero-bottom .contents-block.sales .item-wrapper-ttl.box-03 img {
    width: 70px;
    height: 55px;
  }
}
.service-hero-bottom .contents-block.sales .item-wrapper-txt {
  width: 300px;
  height: 160px;
  padding: 25px;
  margin-top: 12px;
  text-align: left;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-service-kira.svg)
    no-repeat center/238px 128px;
  background-color: #f8f8f8;
}

@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-txt {
    margin: 0 auto 40px;
    width: 280px;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-txt .improve-txt {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.58px;
  }
}
@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-txt.box-01 {
    order: 2;
  }
}
@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-txt.box-02 {
    order: 4;
  }
}
@media only screen and (max-width: 768px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-txt.box-03 {
    order: 6;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .service-hero-bottom .contents-block.sales .item-wrapper-txt.box-03 {
    margin-left: auto;
  }
}
.service-hero-bottom + .bg-btm-mark {
  background:
    linear-gradient(to top right, #efeae8 50%, #43becd 50.5%) no-repeat top
      left/50% 100%,
    linear-gradient(to top left, #efeae8 50%, #43becd 50.5%) no-repeat top
      right/50% 100%;
}

.case-study-wrapper {
  background-color: #efeae8;
  padding: 40px 3% 0;
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper {
    padding: 30px 20px 40px;
  }
}
.case-study-wrapper .contents-block.ttl .page-leading-ttl {
  text-align: center;
  color: #036;
  font-size: 36px;
  letter-spacing: 1.35px;
  font-weight: 700;
  line-height: 44px;
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper .contents-block.ttl .page-leading-ttl {
    font-size: 24px;
    line-height: 29.23px;
    margin-bottom: 28px;
  }
}
.case-study-wrapper .contents-block.cases {
  width: 960px;
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  flex-basis: auto;
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper .contents-block.cases {
    width: 100%;
    margin: 0 auto;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case {
  width: 460px;
  min-height: 420px;
  background: #fff;
  padding: 20px 22px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper .contents-block.cases .item-wrapper-case {
    width: 49%;
    margin: 0 auto 27px;
    min-height: 380px;
    height: auto;
    padding: 13px 13px 20px;
  }
  .case-study-wrapper .contents-block.cases .item-wrapper-case::last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .case-study-wrapper .contents-block.cases .item-wrapper-case {
    width: 100%;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case .case-txt {
  text-align: left;
  color: #036;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.22px;
}

.case-study-wrapper
  .contents-block.cases
  .item-wrapper-case
  .case-txt
  .under-line {
  background: linear-gradient(transparent 50%, #f3ec17 0%);
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper .contents-block.cases .item-wrapper-case .case-txt {
    letter-spacing: 0.35px;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case.case-01 .ttl-case {
  width: 241px;
  height: 65px;
}

@media only screen and (max-width: 599px) {
  .case-study-wrapper
    .contents-block.cases
    .item-wrapper-case.case-01
    .ttl-case {
    width: 156px;
    height: 40px;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case.case-01 .main-img {
  margin: 10px auto 18px;
  width: 409px;
  height: 157px;
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper
    .contents-block.cases
    .item-wrapper-case.case-01
    .main-img {
    margin: 6px auto 21px;
    width: 250px;
    height: 96px;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case.case-02 .ttl-case {
  width: 332px;
  height: 65px;
}

@media only screen and (max-width: 599px) {
  .case-study-wrapper
    .contents-block.cases
    .item-wrapper-case.case-02
    .ttl-case {
    width: 203px;
    height: 40px;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case.case-02 .main-img {
  margin: 27px auto 18px;
  width: 412px;
  height: 150px;
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper
    .contents-block.cases
    .item-wrapper-case.case-02
    .main-img {
    margin: 10px auto 21px;
    width: 251px;
    height: 96px;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case.case-03 .ttl-case {
  width: 256px;
  height: 65px;
}

@media only screen and (max-width: 599px) {
  .case-study-wrapper
    .contents-block.cases
    .item-wrapper-case.case-03
    .ttl-case {
    width: 157px;
    height: 40px;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case.case-03 .main-img {
  margin: 9px auto 19px;
  width: 401px;
  height: 158px;
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper
    .contents-block.cases
    .item-wrapper-case.case-03
    .main-img {
    margin: 5px auto 21px;
    width: 245px;
    height: 97px;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case.case-04 .ttl-case {
  width: 308px;
  height: 65px;
}

@media only screen and (max-width: 599px) {
  .case-study-wrapper
    .contents-block.cases
    .item-wrapper-case.case-04
    .ttl-case {
    width: 189px;
    height: 40px;
  }
}
.case-study-wrapper .contents-block.cases .item-wrapper-case.case-04 .main-img {
  margin: 23px auto 19px;
  width: 392px;
  height: 144px;
}

@media only screen and (max-width: 768px) {
  .case-study-wrapper
    .contents-block.cases
    .item-wrapper-case.case-04
    .main-img {
    margin: 16px auto 21px;
    width: 239px;
    height: 89px;
  }
}
.case-study-wrapper + .bg-btm-mark {
  background:
    linear-gradient(to top right, #f8f8f8 50%, #efeae8 50.5%) no-repeat top
      left/50% 100%,
    linear-gradient(to top left, #f8f8f8 50%, #efeae8 50.5%) no-repeat top
      right/50% 100%;
}

.service-list-wrapper {
  background-color: #f8f8f8;
  padding: 40px 3%;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper {
    padding: 0 20px 50px;
  }
}
.service-list-wrapper .contents-block.ttl .page-leading-ttl {
  text-align: center;
  color: #036;
  font-size: 36px;
  letter-spacing: 1.35px;
  font-weight: 700;
  line-height: 44px;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper .contents-block.ttl .page-leading-ttl {
    font-size: 22px;
    line-height: 27.31px;
  }
}
.service-list-wrapper .contents-block.ttl .page-leading-ttl:before {
  content: "";
  display: inline-block;
  background-image: url(//webmarks.co.jp/wp-content/themes/jin-child/img/icon-nice.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 71px;
  height: 78px;
  position: relative;
  left: -24px;
  top: 32px;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper .contents-block.ttl .page-leading-ttl:before {
    display: none;
  }
}
.service-list-wrapper .contents-block.ttl .page-leading-ttl:after {
  content: "";
  display: inline-block;
  background-image: url(//webmarks.co.jp/wp-content/themes/jin-child/img/icon-comment.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 69px;
  height: 75px;
  position: relative;
  left: 29px;
  top: 30px;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper .contents-block.ttl .page-leading-ttl:after {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .service-list-wrapper .contents-block.ttl .icon-nice.sp {
    width: 36px;
    height: 40px;
    margin-top: 7px;
    margin-bottom: 7px;
    position: relative;
    left: 28vw;
  }
}
@media only screen and (max-width: 599px) {
  .service-list-wrapper .contents-block.ttl .icon-nice.sp {
    left: 15vw;
  }
}
@media only screen and (max-width: 768px) {
  .service-list-wrapper .contents-block.ttl .icon-comment.sp {
    width: 35px;
    height: 38px;
    margin-top: 11px;
    margin-bottom: 9px;
    position: relative;
    left: 55vw;
  }
}
.service-list-wrapper .contents-block.services {
  width: 960px;
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  flex-basis: auto;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper .contents-block.services {
    width: 100%;
    flex-direction: column;
    margin: 32px auto 0;
  }
}
.service-list-wrapper .contents-block.services .item-wrapper-list {
  width: 300px;
  min-height: 510px;
  background: #efeae8;
  box-shadow: 0 2px 6px rgba(4, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper .contents-block.services .item-wrapper-list {
    width: 100%;
    margin-bottom: 30px;
  }
}
.service-list-wrapper .contents-block.services .item-wrapper-list .ttl-service {
  height: 60px;
  background-color: #089;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.75px;
  text-align: center;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .list-service {
  padding: 20px;
  color: #036;
  background: #fff;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.6px;
  line-height: 26px;
  list-style: none;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .list-service
  .ttl {
  font-size: 18px;
  letter-spacing: 0.6px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .item-wrapper-ex {
  height: 230px;
  padding: 22px 20px 15px;
  background: url(data:image/png;base64,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)
    no-repeat left 8px top 8px/85px 37px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .item-wrapper-ex
  .ttl-ex {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.68px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .item-wrapper-ex
  .ex-txt {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .item-wrapper-ex
  .item-box {
  width: 260px;
  min-height: 90px;
  border-radius: 10px;
  padding: 10px 0;
  background-color: #fff;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.68px;
  text-align: center;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper
    .contents-block.services
    .item-wrapper-list
    .item-wrapper-ex
    .item-box {
    width: 100%;
  }
}
.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .item-wrapper-ex
  .item-box
  span:first-child {
  line-height: 24px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .item-wrapper-ex
  .item-box
  span.black {
  font-size: 16px;
  letter-spacing: 0.6px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .item-wrapper-ex
  .item-box
  span.red {
  color: #d25137;
  font-size: 15px;
  letter-spacing: 0.56px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list
  .item-wrapper-ex
  .item-box
  span.big {
  font-size: 25px;
  letter-spacing: 0.94px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .list-service
  .ttl {
  margin-bottom: 25px;
  line-height: 1.6;
  letter-spacing: 0.6px;
  font-size: 16px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .list-service
  .info-seminar {
  width: 260px;
  height: 80px;
  border-radius: 10px;
  background-color: #efeae8;
  color: #036;
  font-size: 16px;
  letter-spacing: 0.6px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper
    .contents-block.services
    .item-wrapper-list.services-03
    .list-service
    .info-seminar {
    width: 100%;
  }
}
.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .list-service
  .info-seminar
  p {
  margin-top: -5px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .list-service
  .info-seminar
  .info-label {
  width: 200px;
  height: 25px;
  background-color: #089;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1.2px;
  display: block;
  margin: auto;
  position: relative;
  top: -11px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAyCAMAAABFwn2vAAAAAXNSR0IB2cksfwAAANVQTFRFAAAAAIiZAIiZAIiZAICSAImZAIiZAJKSAImbAIiZAIiZAIecAIiZAIiYAICAAIiZAIeZAImWAIiZAIiZAJmZAIiZAIiZAISXAIiZAIeZAIaeAIiZAIeZAImZAICAAImaAIiZAIWbAICfAIiZAIiZAIaYAIqZAIiZAIiZAImaAP//AIiYAIiZAI+fAISVAIiZAIiZAIebAImaAIiZAImZAIiaAIiZAICZAIiZAImbAImaAIiYAImZAIeZAIycAImaAImYAIiZAIubAIeZAIeYAIaUAIiakdsVkQAAAEd0Uk5TAKX/ng7i1gc4/vMkh00E0pEn98wFae8buUYV6oTGApfoFwjd/Tky+3h5AcfkEB3x+jNba6qr2wr4KYhcm9EfalT1LuB3E79UGnIsAAABpUlEQVR4nO3c91LCQBgE8BWUCAoWLGDF3hXF3vv7P5LEgCGm8dftzdz+nmBndoaE+74LRgpikSJGx9gZJFTygPEyO4X0VSbQNcmOIX1Vvw/Uptg5JDCNwMwsO4n46nO9QjDPjiJdC4v402CHkUK5GfaBpWV2HFnBoCY7jvNW1yKFYJ0dyHGtjWgf2NxiR3La9g7+291jh3LZfqwP4IAdymGNhD5weMSO5azjk6RCcHrGDuao9nliH8AFO5mjOil9AJfsaE66Su1DwyqG65v0QjSsMu/2LqMP4J6dzzkPmX1oWGXaY3YfGlYZ9uTlFYIOO6NLKs+5fWhYZVJ1iD5UiEHDFPLCDumSIX6y9FA3Kvehrtdew/Jee/XH0LTXzD50dGLcW9bRiQ4XCbIOF3X8zpB+/K4BFUfagEojXJL2e2IfWnKg+UhcctAaEE/SGpAW5Zg+Y31olZQqvkqqZWuu1le0D11HYPuOXEfQhR2+yIUdDaX4Bq+06dKnDcJLnxpK2aFeC/rQUMoWvQ8H6NMa1vhdetBQyh7+x2c0lLJJyYM+YGaV4g/pzKZW95ldQgAAAABJRU5ErkJggg==)
    no-repeat center/contain;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .list-service
  .info-seminar
  .info-label
  .icon-three {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 21px;
  height: auto;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAzCAMAAADWxGo6AAAAAXNSR0IB2cksfwAAAEVQTFRFAAAAAP//AIeaAIeZAIiZAIiZAIaYEI+PUKlpgL1Mr9Awv9cmj8NDcLZWQKJzIJWGz90d//EAYLBfn8k67+oK3+QTMJx8ICUppQAAABd0Uk5TAAFRgPf/Kv////////////////////8Xj+xvAAAB2UlEQVR4nH2W25aDIAxFK+oAoqhA/f9PHbkl4dY81eVe6SE5CX4+RUxsxmDTZxQvt6w0lgE+sZLLeAMPwAD/FeQfgFzITb2xH7rLZvI8rpvEZnjNJvK0dx1O8oKdAslb0Mf3oSzzD8J1yTdMYGMd5venHoFvhPMxzLqPUef1zqiVf8nLq2R3VBDSJglu17G85JQOFcQSeAlfg1168KAaFKTCXvfOaUfxqBLRyGqRO5mad/XQKDc5j03JjqqLTguQPuITFEVQNMktnIhazwINs1KSUIELi9UKfj1B6mqwBTm8GVQI2rpe0oi2FnjapKEKDRkNWyUNUuuUaQyqsfX//5RgskQ1tF2LO7n2kgZU1FIvXkn19WexrFpI5WoW06auYrNoAzaaNm8Mwq7nBqzGtLiFFrq5bJs2ko9NMFiQQ9o8sYl0d2anvBYVVTBnT4eRs0lF9jagJqIMyFdUMYU4BGlefN1hXTgy2+sBWgWiZJlcAItmDXjUFG3fpNBmJ+bOy4UVJeyGTS2IFfjJwrzGuh5j8kAPRFZ/B6Slho0s7y/j4G2cArhhmvtA6ZJEb3GzEdrZeMuVk4U+XB8hpVJWwm1Yz+D4jm2mdQS3FzfMYoEvv74eis+MivsH0S5EGIUrunYAAAAASUVORK5CYII=)
    no-repeat center/contain;
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
  top: 2px;
  margin-top: -10px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .item-wrapper-ex.services-03
  .item-box {
  margin-top: -130px;
  z-index: 5;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .item-wrapper-ex.services-03
  .ttl-ex {
  margin-bottom: 15px;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .item-wrapper-ex.services-03
  .ex-txt {
  margin-bottom: auto;
}

.service-list-wrapper
  .contents-block.services
  .item-wrapper-list.services-03
  .item-wrapper-ex.services-03
  .img-upperhuman {
  position: relative;
  width: 132px;
  height: 173px;
  top: -98px;
  left: 141px;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper
    .contents-block.services
    .item-wrapper-list.services-03
    .item-wrapper-ex.services-03
    .img-upperhuman {
    left: 0;
    margin-left: auto;
  }
}
.service-list-wrapper .annotation-txt {
  text-align: center;
  margin: 25px auto 47px;
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1.8px;
}

@media only screen and (max-width: 768px) {
  .service-list-wrapper .annotation-txt {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 1.27px;
    margin: 0 auto 30px;
  }
}
.service-list-wrapper + .bg-btm-mark {
  background:
    linear-gradient(to top right, #43becd 50%, #f8f8f8 50.5%) no-repeat top
      left/50% 100%,
    linear-gradient(to top left, #0092df 50%, #f8f8f8 50.5%) no-repeat top
      right/50% 100%;
}

.offers-flow-wrapper {
  padding: 30px 0;
  background: linear-gradient(
    90deg,
    #43becd 0%,
    #43becd 50%,
    #0092df 50%,
    #0092df 100%
  );
}

@media only screen and (max-width: 768px) {
  .offers-flow-wrapper {
    background: linear-gradient(
      90deg,
      #43becd 0%,
      #43becd 50%,
      #0092df 50%,
      #0092df 100%
    );
  }
}
.offers-flow-inner {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.offers-img1 {
  width: 187px;
  margin-left: -140px;
  margin-top: 185px;
}

@media only screen and (max-width: 1024px) {
  .offers-img1 {
    margin-left: -90px;
  }
}
.offers-img2 {
  width: 34px;
  margin-top: 138px;
}

.offers-flow-wrapper .contents-block.ttl .page-leading-ttl.offers {
  text-align: center;
  color: #f8f8f8;
  font-size: 36px;
  letter-spacing: 1.35px;
  font-weight: 700;
  line-height: 44px;
}

@media only screen and (max-width: 768px) {
  .offers-flow-wrapper .contents-block.ttl .page-leading-ttl.offers {
    font-size: 26px;
    letter-spacing: 0.97px;
  }
}
.offers-flow-wrapper .contents-block.offers {
  width: 600px;
  background: #fff;
  margin: 60px 50px 0 30px;
}

@media only screen and (max-width: 768px) {
  .offers-flow-wrapper .contents-block.offers {
    width: 100%;
    margin: 30px auto 0;
  }
}
.offers-flow-wrapper .contents-block.offers .item-wrapper-offer {
  text-align: center;
  padding: 21px 50px 10px;
}

@media only screen and (max-width: 768px) {
  .offers-flow-wrapper .contents-block.offers .item-wrapper-offer {
    padding: 21px 50px 15px;
  }
}
.offers-flow-wrapper .contents-block.offers .item-wrapper-offer .ttl-offer {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.33px;
}

@media only screen and (max-width: 768px) {
  .offers-flow-wrapper .contents-block.offers .item-wrapper-offer .ttl-offer {
    font-size: 20px;
    letter-spacing: 0.25px;
  }
}
.offers-flow-wrapper .contents-block.offers .item-wrapper-offer .txt-offer {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #036;
  letter-spacing: 0.4px;
  font-feature-settings: "palt" 1;
}

.offers-flow-wrapper
  .contents-block.offers
  .item-wrapper-offer
  .txt-offer
  span {
  font-size: 13px;
  letter-spacing: 0.3px;
}

@media only screen and (max-width: 768px) {
  .offers-flow-wrapper .contents-block.offers .item-wrapper-offer .txt-offer {
    font-size: 14px;
    letter-spacing: 0.35px;
  }
  .offers-flow-wrapper
    .contents-block.offers
    .item-wrapper-offer
    .txt-offer
    span {
    font-size: 14px;
    letter-spacing: 0.35px;
  }
}
.offers-flow-wrapper .contents-block.offers .item-wrapper-offer:after {
  content: "";
  height: 30px;
  width: 600px;
  position: relative;
  display: inline-block;
  top: 21px;
  left: -50px;
  background:
    linear-gradient(to top right, #c9ecf0 50%, #fff 50.5%) no-repeat top
      left/50% 100%,
    linear-gradient(to top left, #c9ecf0 50%, #fff 50.5%) no-repeat top
      right/50% 100%;
}

@media only screen and (max-width: 768px) {
  .offers-flow-wrapper .contents-block.offers .item-wrapper-offer:after {
    width: 100vw;
    height: 15px;
  }
}
.offers-flow-wrapper .contents-block.offers .item-wrapper-offer:first-child {
  margin-top: 32px;
}

.offers-flow-wrapper
  .contents-block.offers
  .item-wrapper-offer:last-child:after {
  background:
    linear-gradient(to top right, #43becd 50%, #fff 50.5%) no-repeat top
      left/50% 100%,
    linear-gradient(to top left, #0092df 50%, #fff 50.5%) no-repeat top
      right/50% 100%;
}

.offers-flow-wrapper
  .contents-block.offers
  .item-wrapper-offer:nth-child(odd)
  .ttl-offer {
  color: #089;
}

.offers-flow-wrapper
  .contents-block.offers
  .item-wrapper-offer:nth-child(even) {
  background-color: #c9ecf0;
}

.offers-flow-wrapper
  .contents-block.offers
  .item-wrapper-offer:nth-child(even):after {
  background:
    linear-gradient(to top right, #fff 50%, #c9ecf0 50.5%) no-repeat top
      left/50% 100%,
    linear-gradient(to top left, #fff 50%, #c9ecf0 50.5%) no-repeat top
      right/50% 100%;
}

.offers-flow-wrapper
  .contents-block.offers
  .item-wrapper-offer:nth-child(even)
  .ttl-offer {
  color: #036;
}

.offers-flow-wrapper + .bg-btm-mark {
  background:
    linear-gradient(to top right, #fff 50%, #43becd 50.5%) no-repeat top
      left/50% 100%,
    linear-gradient(to top left, #fff 50%, #0092df 50.5%) no-repeat top
      right/50% 100%;
}

.contact-wrapper {
  padding: 70px 80px 80px;
  background:
    #fff,
    url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-contact-btm.png)
      no-repeat bottom center/100% 67%;
}

@media only screen and (max-width: 768px) {
  .contact-wrapper {
    padding: 30px 0 30px;
    background: #fff;
  }
}
.contact-wrapper .contents-block.lead {
  width: 680px;
  margin: 0 auto;
  background:
    url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-tilt-line-l.svg)
      no-repeat left center/31px 76px,
    url(//webmarks.co.jp/wp-content/themes/jin-child/img/bg-tilt-line-r.svg)
      no-repeat right center/31px 76px;
}

@media only screen and (max-width: 768px) {
  .contact-wrapper .contents-block.lead {
    background: 0 0;
    padding: 0 20px;
    width: 100%;
  }
}
.contact-wrapper .contents-block.lead .page-leading-txt.contact {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.contact-wrapper .contents-block.lead .page-leading-txt.contact a {
  color: #089;
}

@media only screen and (max-width: 768px) {
  .contact-wrapper .contents-block.lead .page-leading-txt.contact {
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.42px;
  }
}
@media only screen and (max-width: 768px) {
  .contact-block-wrapper {
    margin-top: 60px;
  }
}
.contact-block-wrapper .contents-block.ttl {
  margin: 130px auto 27px;
}

.contact-block-wrapper .contents-block.ttl .page-leading-ttl.contact {
  text-align: center;
  margin: 0 auto;
  width: 285px;
  height: 117px;
}

.contact-block-wrapper
  .contents-block.ttl
  .page-leading-ttl.contact
  .img-ttl-contact {
  width: 285px;
  height: 117px;
}

.contact-block-wrapper .contents-block.ttl .page-leading-ttl.contact span {
  font-size: 16px;
  color: #222;
  font-weight: 700;
  letter-spacing: 0.4px;
  position: relative;
  top: -30px;
}

.contact-block-wrapper .item-wapper-img {
  text-align: center;
}

.contact-block-wrapper .item-wapper-img .img-contact-man {
  width: 364px;
  height: 189px;
  position: relative;
  top: 25px;
  right: 95px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .item-wapper-img .img-contact-man {
    width: 182px;
    height: 95px;
    right: 45px;
    top: 15px;
  }
}
.contact-block-wrapper .contents-inner-block.contact {
  width: 961px;
  height: auto;
  box-shadow: 0 2px 8px rgba(4, 0, 0, 0.16);
  background-color: #fff;
  padding: 66px 0 80px;
  margin: 0 auto;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .contents-inner-block.contact {
    width: 100%;
    padding: 36px 10px 20px;
  }
}
.contact-block-wrapper .contents-inner-block.contact .inner-ttl {
  color: #089;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.94px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .contents-inner-block.contact .inner-ttl {
    font-size: 15px;
    line-height: 18px;
  }
}
.contact-block-wrapper .contents-inner-block.contact .lead-txt {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.56px;
  margin-top: 32px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .contents-inner-block.contact .lead-txt {
    font-size: 15px;
    line-height: 18px;
  }
}
.contact-block-wrapper .contents-inner-block.contact .contact-item {
  width: 601px;
  height: auto;
  border-radius: 10px;
  border: 1px solid #ccc;
  margin: 70px auto 0;
  line-height: 46px;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .contents-inner-block.contact .contact-item {
    width: 100%;
    line-height: 24px;
    margin-top: 26px;
  }
}
.contact-block-wrapper .contents-inner-block.contact .contact-item.tel {
  padding: 40px 0 30px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .contents-inner-block.contact .contact-item.tel {
    padding: 20px;
  }
}
.contact-block-wrapper
  .contents-inner-block.contact
  .contact-item.tel
  .icon-tel-bal {
  width: 76px;
  height: 76px;
  position: relative;
  top: -90px;
}

.contact-block-wrapper
  .contents-inner-block.contact
  .contact-item.tel
  .announce-txt {
  font-size: 30px;
  letter-spacing: 3.4px;
  font-weight: 700;
  margin-top: -76px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper
    .contents-inner-block.contact
    .contact-item.tel
    .announce-txt {
    font-size: 16px;
    letter-spacing: 0.8px;
    margin-top: 0;
  }
}
.contact-block-wrapper
  .contents-inner-block.contact
  .contact-item.tel
  p.phone-num {
  font-size: 35px;
  letter-spacing: 3.97px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper
    .contents-inner-block.contact
    .contact-item.tel
    p.phone-num {
    font-size: 20px;
    letter-spacing: 1px;
  }
}
.contact-block-wrapper
  .contents-inner-block.contact
  .contact-item.tel
  p.reception-time {
  font-size: 20px;
  letter-spacing: 2.27px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper
    .contents-inner-block.contact
    .contact-item.tel
    p.reception-time {
    letter-spacing: 0.7px;
    font-size: 14px;
  }
}
.contact-block-wrapper
  .contents-inner-block.contact
  .contact-item.tel
  .btn-main-contact.btn-secondary-contact.sp {
  font-size: 16px;
  letter-spacing: 0.4px;
}

.contact-block-wrapper .contents-inner-block.contact .contact-item.mail {
  padding-top: 33px;
  margin-top: 70px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .contents-inner-block.contact .contact-item.mail {
    padding: 20px;
    margin-top: 15px;
  }
}
.contact-block-wrapper
  .contents-inner-block.contact
  .contact-item.mail
  .icon-mail-bal {
  width: 76px;
  height: 76px;
  position: relative;
  top: -80px;
}

.contact-block-wrapper
  .contents-inner-block.contact
  .contact-item.mail
  .announce-txt {
  font-size: 28px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: 2.38px;
  margin-top: -76px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper
    .contents-inner-block.contact
    .contact-item.mail
    .announce-txt {
    margin-top: 0;
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 18px;
  }
}
.contact-block-wrapper
  .contents-inner-block.contact
  .contact-item.mail
  .btn-main-contact.btn-primary-contact {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper
    .contents-inner-block.contact
    .contact-item.mail
    .btn-main-contact.btn-primary-contact {
    margin-bottom: 0;
  }
}
.contact-block-wrapper .contents-inner-btm.cta {
  margin-top: 80px;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .contents-inner-btm.cta {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 20px;
  }
}
.contact-block-wrapper .contents-inner-btm.cta .img-cta {
  width: 680px;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .contact-block-wrapper .contents-inner-btm.cta .img-cta {
    width: 100%;
    height: auto;
  }
}
.page-head.member {
  background: 0 0;
  height: auto;
  max-width: unset;
  padding-left: 6%;
  padding-right: 30px;
}

@media only screen and (min-width: 769px) {
  .page-head.member {
    padding-bottom: 80px;
  }
}
.page-ttl.member {
  width: 230px;
}

@media only screen and (max-width: 599px) {
  .page-ttl.member {
    width: 130px;
  }
}
.page-ttl-lead.member {
  margin-top: -20px;
}

@media only screen and (max-width: 599px) {
  .page-ttl-lead.member {
    margin-top: -10px;
  }
}
.page-head-lead.member {
  text-align: left;
  font-size: 20px;
}

.page-head-lead.member a {
  color: #089;
}

@media only screen and (min-width: 769px) {
  .page-img.member {
    position: absolute;
    width: 400px;
    bottom: -245px;
    right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .page-img.member {
    width: 300px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 599px) {
  .page-img.member {
    width: 200px;
    margin-top: 50px;
  }
}
.page-heading.member {
  font-size: 17px;
  line-height: 1.7em;
}

@media only screen and (max-width: 768px) {
  .page-heading.member {
    text-align: center;
    display: block;
  }
}
.member-main {
  margin-top: -40px;
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .member-content {
    margin-left: 6%;
    margin-right: 6%;
    max-width: inherit;
  }
}
.member-inner {
  width: auto;
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .member-inner {
    padding-top: 50px;
    padding-left: 6%;
    padding-right: 6%;
  }
}
.member-area {
  padding-bottom: 80px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .member-area {
    padding-bottom: 40px;
  }
  .member-list {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 500px) {
  .member-list {
    display: block;
  }
}
@media only screen and (min-width: 769px) {
  .member-list li + li {
    margin-top: 57.5px;
  }
  .member-list li:nth-child(odd) {
    margin-left: 225px;
  }
  .member-list li:nth-child(even) {
    margin-right: 225px;
    margin-left: auto;
  }
  .member-list li:nth-child(even) .member-item-box {
    margin-left: auto;
  }
}
.member-item {
  position: relative;
  font-weight: 700;
  z-index: 1;
  min-width: 768px;
}

@media only screen and (max-width: 768px) {
  .member-item {
    width: 48%;
    margin-top: 140px;
    min-width: inherit;
  }
}
@media only screen and (max-width: 500px) {
  .member-item {
    width: 100%;
  }
}
.member-item-photo {
  width: 220px;
  position: absolute;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .member-item-photo.left {
    left: -185px;
    top: -20px;
  }
  .member-item-photo.right {
    right: -185px;
    top: -20px;
  }
}
@media only screen and (max-width: 768px) {
  .member-item-photo {
    top: -110px;
    left: 0;
    right: 0;
    margin: auto;
    height: 200px;
    overflow-y: hidden;
  }
}
.member-item-box {
  display: flex;
  flex: 0 0 auto;
  width: 600px;
  height: 290px;
  box-shadow: 0px 4px 16px 0px rgba(4, 0, 0, 0.16);
}

@media only screen and (max-width: 768px) {
  .member-item-box {
    width: 100%;
    flex-wrap: wrap;
    height: auto;
  }
  .member-item-box.right {
    flex-wrap: wrap-reverse;
  }
}
.member-item-box-heading {
  background: #faf7f7;
  width: 220px;
  flex-shrink: 0;
  padding-top: 35px;
}

.member-item-box-heading.left {
  padding-left: 50px;
}

.member-item-box-heading.right {
  padding-left: 20px;
  text-align: left;
}

.member-item-box-heading div + div {
  margin-top: 15px;
}

.member-item-box-heading .name {
  font-size: 27px;
}

.member-item-box-heading .position {
  font-size: 14px;
  line-height: 1.7em;
}

.member-item-box-heading .sns {
  margin-left: 0;
}

.member-item-box-heading .sns span a,
.member-item-box-heading .sns span i {
  width: 34px;
  height: 34px;
}

.member-item-box-heading .sns span i {
  background-size: 34px;
}

.member-item-box-heading .sns span + span {
  margin-left: 10px;
}

.member-item-box-heading .sns .icon-link {
  background: url(data:image/png;base64,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)
    no-repeat center/34px;
}

.member-item-box-heading .url a {
  font-size: 15px;
  color: #089;
}

@media only screen and (max-width: 768px) {
  .member-item-box-heading {
    width: 100%;
    padding: 100px 30px 0;
    background-color: #fff;
    text-align: center;
  }
  .member-item-box-heading.right {
    text-align: center;
  }
  .member-item-box-heading .name {
    font-size: 18px;
  }
  .member-item-box-heading .position {
    margin-top: 0;
  }
}
.member-item-box-leading {
  background: #fff;
  padding: 40px 1.5em 0;
  line-height: 1.7em;
  font-size: 14px;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .member-item-box-leading {
    width: 100%;
    padding: 25px 1.5em 30px;
  }
}
.img-member02 {
  position: absolute;
  left: -10px;
  bottom: 90px;
  width: 216px;
}

@media only screen and (max-width: 768px) {
  .img-member02 {
    display: none;
  }
}
.writer-area {
  background: #fff;
  margin: 0 -100%;
  padding: 65px 100% 80px;
}

@media only screen and (max-width: 768px) {
  .writer-area {
    padding-top: 35px;
  }
}
.writer-area .cta-img {
  margin-top: 0;
}

.writer-ttl {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .writer-ttl {
    font-size: 20px;
  }
}
.writer-list {
  margin-top: 60px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.writer-item {
  margin-bottom: 70px;
  margin-right: 17.5px;
  margin-left: 17.5px;
  padding-bottom: 10px;
  width: 250px;
  min-height: 320px;
  background: #fff;
  box-shadow: 0px 4px 16px 0px rgba(4, 0, 0, 0.16);
}

@media only screen and (max-width: 767px) {
  .writer-item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }
}
.writer-img {
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}

.writer-img img {
  margin-top: -30px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 0;
  object-position: 100% 0;
}

@media only screen and (min-width: 768px) {
  .writer-img img {
    width: 220px;
    height: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-img {
    width: 80%;
  }
}
.writer-tag {
  background: #008fc9;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  z-index: 1;
  padding: 0.3em 0.6em 0.2em;
  position: absolute;
  top: -30px;
  left: 0;
}

.writer-leading {
  padding: 20px 17px 0;
  font-weight: 700;
  font-size: 14px;
}

.writer-leading .name {
  font-size: 20px;
  text-align: center;
  line-height: 1.3em;
}

@media only screen and (max-width: 767px) {
  .writer-leading .name {
    font-size: 18px;
  }
}
.writer-leading .position {
  margin-top: 8px;
  text-align: center;
}

.writer-leading .article,
.writer-leading .link {
  margin-top: 15px;
}

.writer-leading .article a,
.writer-leading .link a {
  color: #089;
  display: flex;
  align-items: flex-start;
  line-height: 1.4em;
}

.writer-leading .article i,
.writer-leading .link i {
  margin-right: 0.8em;
  flex-shrink: 0;
  font-size: 1.2em;
}

.writer-leading .link i:before {
  display: inline-block;
}

.writer-leading .article span,
.writer-leading .link span {
  flex-shrink: 1;
  word-break: break-all;
  display: block;
}

.page-ebook__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 10px;
  padding-bottom: 50px;
}

.page-ebook__cards:after {
  content: "";
  width: 300px;
  height: 330px;
  display: none;
}

@media screen and (max-width: 934px) {
  .page-ebook__cards:after {
    display: none;
  }
}
.page-ebook__cards.rec:after {
  display: none;
}

.page-ebook__card {
  position: relative;
  width: 300px;
  height: 330px;
  background-color: #fff;
  margin: 20px 0;
  box-shadow: 5px 5px 5px #e6e6e6;
  box-sizing: content-box;
}

.page-ebook__card--img {
  width: 300px;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-ebook__card--img img {
  display: block;
  width: 100%;
  margin: auto 0;
}

.page-ebook__card--button {
  display: inline-block;
  width: 200px;
  height: 30px;
  background:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAPCAMAAABgDjd9AAAAAXNSR0IB2cksfwAAAI1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////A4szhQAAAC90Uk5TAA+2txtP/9cTFuvFCjb2sQNJ/JxhgXpokv1Sq/c9BsDvK9HkHC3l8NQBaQc/4gJpOqcaAAAAcElEQVR4nJ3RRxaCUABD0WB5iqJiRbAXVFDc//L8Q6fkze8gJ1K7ok6315L81YfB0NbxCMaJzSdTmKU2ny9gaWutgLXPN4FnPt9CXtg63cH+YPPjCc4Xm0dXuN2l8vF0Cq/zqlTj99bHx803bKjcpB83bRi0Fi657gAAAABJRU5ErkJggg==)
      no-repeat center right 10px/20px 6px,
    linear-gradient(to right, #0094df 0%, #00d4d9 100%);
  border-radius: 5px;
  color: #fff !important;
  line-height: 30px;
  position: absolute;
  bottom: 30px;
  right: 50%;
  transform: translateX(50%);
}

.service-list-wrapper .btn-main {
  background:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAPCAMAAABgDjd9AAAAAXNSR0IB2cksfwAAAI1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////A4szhQAAAC90Uk5TAA+2txtP/9cTFuvFCjb2sQNJ/JxhgXpokv1Sq/c9BsDvK9HkHC3l8NQBaQc/4gJpOqcaAAAAcElEQVR4nJ3RRxaCUABD0WB5iqJiRbAXVFDc//L8Q6fkze8gJ1K7ok6315L81YfB0NbxCMaJzSdTmKU2ny9gaWutgLXPN4FnPt9CXtg63cH+YPPjCc4Xm0dXuN2l8vF0Cq/zqlTj99bHx803bKjcpB83bRi0Fi657gAAAABJRU5ErkJggg==)
      no-repeat center right 42px/31px 8px,
    linear-gradient(to right, #0094df 0%, #00d4d9 100%);
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .pc2 {
    display: none;
  }
}
.tab,
.sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .tab {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .sp {
    display: inline-block;
  }
}
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item {
  width: 288px;
}

#contents.is-scroll {
  padding-top: 100px;
}

@media screen and (max-width: 767px) {
  #contents {
    margin-top: 0;
  }
  #contents.is-scroll {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .cps-post-main .video {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0;
    overflow: hidden;
  }
  .cps-post-main .video iframe {
    max-height: initial;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.youtube-cards {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2rem;
}

.youtube-cards__item {
  background: #ddd;
}

@media (min-width: 768px) {
  .youtube-cards__item {
    width: calc(50% - 12px);
  }
  .youtube-cards__item:not(:nth-child(2n + 1)) {
    margin-left: 24px;
  }
  .youtube-cards__item:nth-child(n + 3) {
    margin-top: 24px;
  }
}
.youtube-iframe {
  width: 100%;
}

.youtube-iframe .video {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.youtube-iframe .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .youtube-cards__item {
    width: 100%;
  }
  .youtube-cards__item:nth-child(n + 2) {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
    width: auto;
    background: 0 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    left: 0;
    position: static;
  }
  #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu a {
    position: relative;
    padding-left: 50px;
  }
  #drawernav3
    ul.menu-box
    li.menu-item
    ul.sub-menu
    li.menu-item
    ul.sub-menu
    a:before {
    content: "▶";
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    margin-top: 1px;
  }
  #drawernav3 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu,
  #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu {
    transform: none;
    border-radius: 0;
    box-shadow: none;
  }
  #drawernav3 ul.menu-box li.menu-item a {
    margin-left: 20px;
  }
  #drawernav3
    ul.menu-box
    li.menu-item
    ul.sub-menu
    li.menu-item-has-children:after {
    display: none;
  }
  .menu-inner {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.menu-inner .menu-item .sub-menu .menu-item .sub-menu a {
  padding-left: 70px;
  position: relative;
}

.menu-inner .sub-menu li:last-child {
  border-bottom: none;
}

.menu-inner .menu-item .sub-menu .menu-item .sub-menu a:before {
  content: "▶";
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  margin-top: 1px;
}

.menu-list--topic {
  display: none;
}

.is-child-topic .menu-list--topic {
  display: block;
}

.menu-lists--school {
  display: none;
}

.is-child-school .menu-lists--school {
  display: block;
}

.catnav-list li.is-child a {
  padding-left: 58px;
}

.catnav-list li.is-child a:before {
  content: "-";
}

.h-global-menu {
  align-items: center;
}

.h-global-menu > ul > li:hover > .h-global-menu__sub {
  visibility: visible;
  opacity: 1;
}

.h-topics-category-list {
  height: 120px !important;
  padding: 20px !important;
}

#drawernav3 ul.menu-box li.menu-item .h-topics-category-list:hover:after {
  opacity: 0 !important;
}

#drawernav3 li.menu-item a:hover {
  color: #089 !important;
}

.h-global-menu__sub {
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw + 30px);
  background: #fff;
  padding: 20px 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}

.h-global-menu-sub__inner {
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;
}

.h-global-sub-images {
  display: flex;
  flex-wrap: wrap;
}

.h-global-sub-images__item {
  width: 20%;
  height: auto !important;
  padding: 12px !important;
}

.h-global-sub-image {
  text-decoration: none;
  transition: color 0.3s ease 0s;
  color: inherit;
  display: block;
  text-align: left;
  margin: 0 !important;
}

.h-global-sub-image:after {
  display: none;
}

.h-global-sub-image:hover {
  border: none;
  color: #089;
}

.h-global-sub-image:hover .h-global-sub-image__image img {
  transform: scale(1.1);
}

.h-global-sub-image__image {
  width: 100%;
  overflow: hidden;
}

.h-global-sub-image__image img {
  width: 100%;
  transition: transform 0.5s ease-out 0s;
}

.h-global-sub-image__lead {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.h-global-sub-image__lead.is-corporation {
  padding-top: 16px;
  position: relative;
}

.h-global-sub-image__lead > span {
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.h-global-sub-image__title {
  margin-top: 3px;
  font-weight: 700;
  font-size: 18px;
  font-size: 12px;
  line-height: 1.4;
}

.h-header-banners {
  display: flex;
  align-items: center;
  margin-left: 60px;
}

.h-header-banners a {
  text-decoration: none;
}

@media (hover: hover), screen and (min-width: 768px) {
  .h-header-banners a:hover {
    opacity: 0.8;
    color: #fff !important;
  }
}
@media screen and (max-width: 1420px) {
  .h-header-banners {
    margin-left: 40px;
  }
  .c-btn-header {
    width: 220px !important;
  }
}
@media screen and (max-width: 1270px) {
  .c-btn-header {
    width: 210px !important;
  }
}
.c-btn-header__top {
  padding-left: 36px;
  position: relative;
}

.c-btn-header__bottom {
  display: block;
  font-size: 12px;
  padding-top: 8px;
  padding-left: 10px;
}

.c-btn-header__bottom--line {
  position: relative;
}

.c-btn-header__bottom--line:before {
  content: "";
  position: absolute;
  background: transparent
    url(https://webmarks.co.jp/wp-content/themes/jin-child/template-school/assets/img/common/icon-line.svg)
    no-repeat center center/contain;
  top: 0;
  width: 25px;
  height: 25px;
  left: 10px;
}

.c-btn-header--line {
  background: #5da33a;
  width: 240px;
  height: 50px;
  border-bottom: solid 4px #0c4116;
  transition: all 0.2s ease-out !important;
}

.c-btn-header--line:hover {
  transform: translateY(4px);
  border-bottom: none;
}

.c-btn-header--mail {
  padding-left: 10px;
  background: linear-gradient(to right, #ff9733, #fc560c);
  width: 240px;
  height: 50px;
  border-bottom: solid 4px #874a08;
  transition: all 0.2s ease-out !important;
}

.c-btn-header--mail:hover {
  transform: translateY(4px);
  border-bottom: none;
}

.c-btn-header--mail__seminar-lp03 {
  width: 280px;
}

.c-btn-header--line__seminar-lp03 {
  width: 280px;
}

.c-btn-header--company {
  padding-left: 10px;
  background-color: #396595;
  width: 240px;
  height: 50px;
  border-bottom: solid 4px #02014e;
  transition: all 0.2s ease-out !important;
}

.c-btn-header--company:hover {
  transform: translateY(4px);
  border-bottom: none;
}

.c-btn-header--seo {
  padding-left: 10px;
  background-color: #f2994a;
  width: 240px;
  height: 50px;
  border-bottom: solid 4px #02014e;
  transition: all 0.2s ease-out !important;
}

.c-btn-header--seo:hover {
  transform: translateY(4px);
  border-bottom: none;
}

.c-btn-header__top-school-seminar-lp03 {
  width: 280px;
}

.c-btn-header__top:before {
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  transform: translateY(-50%);
  width: 30px;
}

.c-btn-header--line .c-btn-header__top:before {
  background: transparent
    url(https://webmarks.co.jp/wp-content/themes/jin-child/template-school/assets/img/common/icon-line.svg)
    no-repeat center center/contain;
  top: 52%;
}

.c-btn-header__top-school {
  padding-left: 16px;
}

.c-btn-header__seminar-lp03 {
  padding-left: 0;
  font-size: 14px;
}

.l-header__buttons-item:nth-child(2) {
  margin-left: 10px;
}

.l-header__buttons-item:nth-child(3) {
  margin-left: 10px;
}

.l-header__buttons-item:nth-child(4) {
  margin-left: 10px;
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .c-btn-header--variableSize {
    font-size: 18px;
  }
  .c-btn-header--mail__seminar-lp03 {
    font-size: 14px;
    width: 280px;
  }
  .c-btn-header--line__seminar-lp03 {
    width: 280px;
  }
  .c-btn-header__top-school-seminar-lp03 {
    width: 280px;
  }
  .c-btn-header--variableSize:after {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .h-header-banners {
    display: none;
  }
}
.p-drawer-contents__buttons-item {
  text-align: center;
}

.p-drawer-contents__buttons-item:not(:first-child) {
  margin-top: 26px;
}

.p-drawer-contents__buttons-item .c-btn-header__bottom {
  padding-top: 6px;
}

.h-header-banners__item a,
.p-drawer-contents__buttons-item a {
  transition: all 0.3s ease 0s;
}

@media (hover: hover), screen and (min-width: 768px) {
  .l-header a:hover,
  .p-drawer-contents__buttons-item a:hover {
    opacity: 0.8;
  }
}
@media (hover: none), screen and (max-width: 767px) {
  .l-header a:active,
  .p-drawer-contents__buttons-item a:active {
    opacity: 0.8;
  }
}
@media not screen and (min-width: 1240px) {
  .header-nav {
    display: none;
  }
}
.widget_nav_menu ul li.menu-item-has-children {
  padding-bottom: 10px !important;
}

dl.footer-widget-sns ul li a {
  font-size: 13.5px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.banner-heading01,
.banner-heading02 {
  font-weight: 700;
  font-size: 20px;
  min-height: 60px;
  margin-bottom: 16px;
  white-space: nowrap;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .banner-heading01,
  .banner-heading02 {
    min-height: initial;
    margin-bottom: 10px;
  }
}
.banner-heading01:before,
.banner-heading01:after,
.banner-heading02:before,
.banner-heading02:after {
  content: "";
  width: 70px;
  height: 3px;
  background-color: #43becd;
}

.banner-heading01:before,
.banner-heading02:before {
  margin-right: 20px;
}

.banner-heading01:after,
.banner-heading02:after {
  margin-left: 20px;
}

.banner-heading02:before,
.banner-heading02:after {
  background-color: #dc6bb6;
}

@media (max-width: 767px) {
  .banner-heading01,
  .banner-heading02 {
    font-size: 16px;
  }
  .banner-heading01:before,
  .banner-heading01:after,
  .banner-heading02:before,
  .banner-heading02:after {
    width: 30px;
    height: 3px;
  }
}
.common-school-banners,
.common-sns-banners {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.common-school-banners {
  width: 1020px;
  padding: 50px 30px 60px;
}

.common-sns-banners {
  width: 1400px;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .common-school-banners {
    padding: 40px 20px;
  }
  .common-sns-banners {
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.common-school-banners__item,
.common-sns-banners__item {
  width: calc(50% - 15px);
  transition: all 0.2s ease-out;
}

.common-school-banners__item:not(:nth-child(2n + 1)),
.common-sns-banners__item:not(:nth-child(2n + 1)) {
  margin-left: 30px;
}

.common-school-banners__item:hover,
.common-sns-banners__item:hover {
  transform: scale(1.03);
}

@media screen and (max-width: 767px) {
  .common-school-banners__item,
  .common-sns-banners__item {
    width: 100%;
  }
  .common-school-banners__item:not(:nth-child(2n + 1)),
  .common-sns-banners__item:not(:nth-child(2n + 1)) {
    margin-top: 30px;
    margin-left: 0;
  }
  .common-school-banners__item:nth-child(n + 2),
  .common-sns-banners__item:nth-child(n + 2) {
    margin-top: 30px;
    margin-left: 0;
  }
}
.news__sns {
  margin-top: 114px;
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .news__sns {
    margin-top: 75px;
    margin-bottom: 32px;
  }
}
.sns__items {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .sns__items {
    display: block;
  }
}
.sns__item {
  width: 30%;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .sns__item {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .sns__item {
    width: 100%;
  }
}
.sns-card {
  border: 32px solid #bbe4fc;
  position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .sns-card {
    border-width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sns-card {
    border-width: 20px;
  }
}
.sns-card__tit {
  position: absolute;
  top: -48px;
  left: 50%;
  transform: translateX(-50%);
  width: 170px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .sns-card__tit {
    top: -40px;
  }
}
@media screen and (max-width: 767px) {
  .sns-card__tit {
    width: 138px;
    top: -36px;
  }
}
.sns-card__body {
  margin: 0 auto;
  overflow: hidden;
}

.sns-card--facebook {
  border-color: #c1d2fd;
}

@media screen and (max-width: 767px) {
  .sns-card--facebook {
    margin-top: 56px;
  }
  .sns-card--facebook .sns-card__tit {
    width: 150px;
  }
}
.sns-card--instagram {
  border-color: #e9c9f0;
}

.sns-card--instagram .sns-card__tit {
  width: 200px;
}

@media screen and (max-width: 767px) {
  .sns-card--instagram .sns-card__tit {
    width: 166px;
  }
}
@media screen and (max-width: 767px) {
  .sns-card--instagram {
    margin-top: 56px;
  }
}
.facebook-wrapper {
  max-width: 500px;
  margin: 0 auto;
}

.facebook-wrapper > .fb-page {
  width: 100%;
}

.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
  width: 100% !important;
  margin: 0 auto;
}

.news__banner {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .news__banner {
    margin-bottom: 12px;
  }
}
.banner__item a {
  transition: all 0.3s ease 0s;
}

.banner__item a img {
  box-shadow: 0px 1px 4px 0px rgba(4, 0, 0, 0.16);
  transition: all 0.3s ease 0s;
}

.banner__item a:hover img {
  box-shadow: 0px 2px 8px 0px rgba(4, 0, 0, 0.16);
}

.common-sns {
  width: 1400px;
  max-width: 100%;
  margin: 80px auto 0;
  padding: 0 30px;
}

@media screen and (max-width: 767px) {
  .common-sns {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.common-sns__banner {
  width: 960px;
  max-width: 100%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .u-is-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .u-is-sp {
    display: none;
  }
}
.services-wrapper.case-study-wrapper
  .contents-block.banner.sp
  .inner-block
  .top-banner-head {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  color: #036;
  margin-bottom: 11px;
}

.services-wrapper.case-study-wrapper
  .contents-block.banner.pc
  .inner-block
  .top-banner-head {
  font-size: 24px;
  font-weight: 700;
  color: #036;
  margin-bottom: 11px;
  margin-right: 3px;
}

.icon-contact-mail,
.icon-contact-tel {
  width: 30px;
  margin-right: 8px;
  vertical-align: middle;
}

.common-content-box-head {
  display: flex;
  align-items: center;
  justify-content: center;
}

.common-content-box-head > img {
  flex-shrink: 0;
  margin-right: 3px;
}

@media screen and (max-width: 767px) {
  .icon-contact-mail,
  .icon-contact-tel {
    width: 24px;
  }
}
.page-heading-has-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-heading-has-icon img {
  width: 30px;
  flex-shrink: 0;
  margin-right: 12px;
}

@media screen and (max-width: 767px) {
  .page-heading-has-icon img {
    width: 20px;
    margin-right: 8px;
  }
  .page-heading__lineheight {
    line-height: 0.66;
  }
}
@media (max-width: 767px) {
  .hidden-sp {
    display: none;
  }
}
@media not all and (max-width: 767px) {
  .hidden-pc {
    display: none;
  }
}
@media (max-width: 767px) {
  #onecolumn1200 {
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  #onecolumn1200 {
    box-shadow: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  #onecolumn1200 {
    width: 1200px;
  }
}
.p_btn_orange {
  margin-bottom: 1.3em;
}

.btn_orange {
  background: linear-gradient(to right, #ff9733, #fc560c);
  border-radius: 70px;
  color: #fff !important;
  display: inline-block;
  font-weight: 700;
  max-width: 100%;
  padding: 18px 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.btn_blue {
  background: linear-gradient(to right, #0094e1, #02d3da);
  border-radius: 70px;
  color: #fff !important;
  display: inline-block;
  font-weight: 700;
  max-width: 100%;
  padding: 18px 0;
  position: relative;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p_btn_orange a,
  .p_btn_blue a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .magazine-bnr {
    position: fixed;
    right: 22px;
    bottom: 120px;
    z-index: 999;
  }
  .magazine-bnr.fix {
    position: absolute;
  }
  .magazine-bnr img {
    width: 250px;
    height: auto;
  }
}
@media screen and (min-width: 1550px) and (max-width: 1700px) {
  .magazine-bnr a img {
    width: 300px;
    height: auto;
  }
}
@media screen and (min-width: 1701px) {
  .magazine-bnr a img {
    width: 350px;
    height: auto;
  }
}
@media screen and (min-width: 1550px) and (max-width: 1700px) {
  .magazine-bnr-media a img {
    width: 300px;
    height: auto;
  }
}
@media screen and (min-width: 1701px) {
  .magazine-bnr-media a img {
    width: 350px;
    height: auto;
  }
}
.magazine-bnr-school {
  margin-top: 18px;
}

.magazine-bnr-seminar {
  margin-top: 18px;
}

.cps-post-main {
  position: relative;
  z-index: 900;
}

.consultation-area {
  margin-top: 8px;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 5px 6% 8px;
}

.consultation-area-head {
  font-weight: 700;
}

.consultation-area-head img {
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 4px;
}

.cv-content .btn-main.btn-consultation {
  background: #fff;
  margin-top: 8px;
  font-weight: 700;
  color: #2e6599 !important;
  border: 1px solid #2e6599;
}

.lp-webmarks-header {
  display: flex;
  align-items: center;
  margin-left: 60px;
}

.lp-webmarks-header-drawer {
  margin-top: 32px;
  margin-bottom: 36px;
  text-align: center;
}

.lp-webmarks-header-btn {
  width: 200px;
  text-align: center;
  padding: 18px 30px;
  font-size: 100%;
  font-weight: 700;
  vertical-align: middle;
  transition: all 0.3s;
  white-space: nowrap;
}

.lp-webmarks-heade__free-consultation {
  margin-left: 20px;
}

.lp-webmarks-heade__free-consultation-drawer {
  margin-left: 0;
  margin-top: 46px;
}

.lp-webmarks-btn-white {
  background-color: #fff;
  border: 1px solid #2e6599;
  border-radius: 30px;
  color: #2e6599 !important;
}

.lp-webmarks-btn-white.new:after,
.lp-webmarks-btn-blue.new:after {
  content: " ";
  display: inline-block;
  width: 0.8rem;
  height: 1.5rem;
  vertical-align: middle;
  margin-left: 2rem;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/cover;
}

.lp-webmarks-btn-blue {
  background-color: #2e6599;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff !important;
}

.lp-webmarks-btn-white.new {
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  border: none;
  border-radius: 0;
  color: #ffffff !important;
  padding: 20px 30px;
}

.lp-webmarks-btn-blue.new {
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  border: none;
  border-radius: 0;
  color: #ffffff !important;
  padding: 20px 30px;
}

.lp-webmarks-heade__document-request:hover .lp-webmarks-btn-white {
  background-color: #2e6599;
  border-radius: 0;
  color: #fff !important;
  text-decoration: none;
}

.lp-webmarks-heade__free-consultation:hover .lp-webmarks-btn-blue {
  opacity: 0.7;
  text-decoration: none;
}

.lp-webmarks-heade__free-consultation-drawer:hover .lp-webmarks-btn-blue {
  opacity: 0.7;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .lp-webmarks-header {
    display: none;
  }
}
.p-sec9__item-disclaimerーcomment {
  font-size: 10px;
  color: #333;
  margin-top: 8px;
  white-space: nowrap;
}

.p-sec19__disclaimerーcomment {
  font-size: 10px;
  color: #333;
  margin-top: 8px;
}

.p-sec20__bottom-disclaimerーcomment {
  font-size: 10px;
  color: #333;
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .p-sec19__disclaimerーcomment {
    font-size: 10px;
    color: #333;
    margin-top: 8px;
    padding: 0 1.25rem;
  }
}
.p-top-fv__text-ratio {
  margin-top: -10px;
}

.p-top-fv__text-ratio-message {
  font-size: 2.85714vw;
  font-weight: 700;
  margin-bottom: -16px;
}

.p-top-fv__text-ratio-percent {
  font-size: 4.75714vw;
  margin-left: 8px;
  color: #eec86d;
  text-shadow: 3px 3px 2px #000;
}

.p-top-fv__text-ratio-percent-size {
  font-size: 2vw;
}

.p-top-fv__text-ratio-message-supplement {
  font-size: 0.95238vw;
  font-weight: 400;
  display: inline-block;
}

.p-top-fv__text-ratio-message-supplementmark {
  font-size: 0.95238vw;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-top-fv__text-ratio-message-supplementmark {
    font-size: 2.95238vw;
  }
}
.p-top-fv__secondslide-text-ratio-message {
  font-size: 2.85714vw;
  font-weight: 700;
  margin-bottom: -16px;
  background-color: #fff;
  display: inline-block;
  width: 41%;
  white-space: nowrap;
  padding: 0.95238vw 1.60714vw;
  margin-top: 8px;
  transform: skew(-10deg);
}

.p-top-fv__secondslide-text-ratio-message-supplement {
  font-size: 0.95238vw;
  font-weight: 400;
  margin-top: 20px;
}

.p-top-fv__secondslide-text-ratio-percent {
  font-size: 4.75714vw;
  margin-left: 8px;
  color: #0071bc;
  text-shadow: 3px 3px 2px #000;
}

@media screen and (min-width: 768px) and (max-width: 1680px) {
  .p-top-fv__secondslide-text-ratio-message {
    padding-block: 0;
    width: 34%;
    font-size: 2.3vw;
  }
  .p-top-fv__secondslide-text-ratio-percent {
    font-size: 3.7vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top-fv__text-ratio-message {
    font-size: 6.3333vw;
    margin-top: 16px;
  }
  .p-top-fv__text-ratio-percent {
    font-size: 11vw;
    margin-left: 8px;
    color: #eec86d;
    text-shadow: 2px 2px 2px #000;
  }
  .p-top-fv__secondslide-text-ratio-percent {
    font-size: 11vw;
    margin-left: 8px;
    color: #0071bc;
    text-shadow: 2px 2px 2px #000;
  }
  .p-top-fv__text-ratio-percent-size {
    font-size: 5vw;
  }
  .p-top-fv__text-ratio-message-supplement {
    font-size: 10px;
    padding-left: 0;
  }
}
@media screen and (min-width: 1700px) {
  .p-top-fv__text-ratio-message-supplement {
    font-size: 10px;
  }
}
@media screen and (min-width: 1680px) {
  .p-top-fv__text-ratio-message {
    font-size: 2.85714vw;
    margin-top: -10px;
    margin-bottom: -16px;
  }
  .p-top-fv__btn-02 {
    margin-top: 0;
  }
  .p-top-fv__secondslide-text-ratio-message {
    font-size: 2.85714vw;
    font-weight: 700;
    margin-bottom: -16px;
    background-color: #fff;
    display: inline-block;
    width: 39%;
    white-space: nowrap;
    padding: 0 1.60714vw;
    margin-top: 20px;
    transform: skew(-10deg);
  }
}
@media screen and (min-width: 1920px) {
  .p-top-fv__text-ratio-message {
    font-size: min(2.85714vw, 55px);
  }
  .p-top-fv__text-ratio-percent {
    font-size: min(4.75714vw, 92px);
  }
}
@media screen and (min-width: 1921px) and (max-width: 2000px) {
  .p-top-fv__secondslide-text-ratio-message {
    font-size: 2.85714vw;
    font-weight: 700;
    margin-bottom: -16px;
    background-color: #fff;
    display: inline-block;
    width: 40%;
    white-space: nowrap;
    padding: 0 1.60714vw;
    margin-top: 20px;
    transform: skew(-10deg);
  }
}
@media screen and (min-width: 2001px) and (max-width: 2400px) {
  .p-top-fv__secondslide-text-ratio-message {
    font-size: 2.85714vw;
    font-weight: 700;
    margin-bottom: -16px;
    background-color: #fff;
    display: inline-block;
    width: 42%;
    white-space: nowrap;
    padding: 0 1.60714vw;
    margin-top: 20px;
    transform: skew(-10deg);
  }
  .p-top-fv__secondslide-text-ratio-percent {
    font-size: 70px;
    margin-left: 8px;
    color: #0071bc;
    text-shadow: 3px 3px 2px #000;
  }
  .swiper-slide--fourth .mv__conversion {
    margin-top: 70px;
    margin-left: 24px;
    text-align: left;
  }
}
@media screen and (min-width: 2401px) {
  .p-top-fv__secondslide-text-ratio-message {
    font-size: 2.85714vw;
    font-weight: 700;
    margin-bottom: -16px;
    background-color: #fff;
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    padding: 0 1.60714vw;
    margin-top: 20px;
    transform: skew(-10deg);
  }
  .p-top-fv__secondslide-text-ratio-percent {
    font-size: 70px;
    margin-left: 8px;
    color: #0071bc;
    text-shadow: 3px 3px 2px #000;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .p-top-fv__secondslide-text-ratio-message {
    font-size: 2.85714vw;
    font-weight: 700;
    margin-bottom: -16px;
    background-color: #fff;
    display: inline-block;
    width: 42%;
    white-space: nowrap;
    padding: 0 1.60714vw;
    margin-top: 8px;
    transform: skew(-10deg);
  }
}
@media (max-width: 767px) {
  .p-top-fv__secondslide-text-ratio-message {
    font-size: 6.4vw;
    font-weight: 700;
    margin-bottom: -16px;
    background-color: #fff;
    display: inline-block;
    width: 83%;
    white-space: nowrap;
    padding: 0 1.60714vw;
    margin-top: 20px;
    transform: skew(-10deg);
  }
  .menu-searchbox-pc {
    display: none;
  }
}
@media (max-width: 500px) {
  .p-top-fv__secondslide-text-ratio-message {
    font-size: 5.5vw;
    width: 78%;
    margin-top: 2vw;
  }
  .p-top-fv__secondslide-text-ratio-percent {
    font-size: 9vw;
  }
}
.menu-searchbox-pc {
  margin-bottom: 30px;
}

.grecaptcha-badge {
  bottom: 100px !important;
}

@media (max-width: 767px) {
  .grecaptcha-badge {
    bottom: 150px !important;
    position: relative;
    z-index: 999 !important;
  }
}
@media (min-width: 1024px) {
  #onecolumn960 {
    margin-top: 160px !important;
  }
}
#sidebar {
  margin-top: 50px;
}

.img_size-custom {
  max-width: 300px !important;
  aspect-ratio: 300/300;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.school-interview_sub {
  font-size: 12px;
}

@media (max-width: 767px) {
  .school-interview_sub {
    font-size: 10px;
  }
}
.add-h1 {
  margin-top: 135px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #4682b4;
}

@media (max-width: 1240px) {
  .add-h1 {
    margin-top: 105px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .add-h1 {
    margin-top: 80px;
    text-align: center;
  }
}
@media (max-width: 500px) {
  .add-h1 {
    font-size: 0.85rem;
  }
}
.add-h1-magazine {
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #4682b4;
}

@media (max-width: 500px) {
  .add-h1-magazine {
    font-size: 10px;
  }
}
@media (max-width: 425px) {
  .add-h1-magazine {
    font-size: max(7px, 0.53rem);
  }
}
.cps-post-main-box .video iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.8/1;
}

.page-leading-ttl--change {
  margin-top: 80px;
}
.page-leading-ttl--change:after {
  display: none !important;
}
.page-leading-ttl--change:before {
  display: none !important;
}

.page-leading-ttl--change br {
  display: none;
}

@media (max-width: 500px) {
  .page-leading-ttl--change br {
    display: block;
  }
}
.services__add-img {
  flex: 0 0 45%;
}

.services__add-contents {
  flex: 0 0 48%;
  position: relative;
}

@media (max-width: 500px) {
  .services__add-contents {
    margin-top: 20px;
  }
}
.services__add-title {
  color: #036;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 500px) {
  .services__add-title {
    font-size: 20px;
  }
}
.services__add-text {
  margin-block: 30px 115px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.22px;
}

@media (max-width: 500px) {
  .services__add-text {
    margin-block: 15px 95px;
  }
}
.services__add-supplement {
  position: relative;
  border-radius: 10px;
  padding: 10px 0;
  background-color: #089;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.68px;
  text-align: center;
  line-height: 1.2;
  background: linear-gradient(to right, #0094df 0%, #00d4d9 100%);
}

@media (max-width: 500px) {
  .services__add-supplement {
    font-size: 17px;
  }
}
.services__add-supplement:before {
  position: absolute;
  content: "";
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/img/service-bubble.webp)
    no-repeat center center/contain;
  width: 196px;
  height: 88px;
}

@media (max-width: 500px) {
  .services__add-supplement:before {
    top: -80px;
    width: 150px;
    height: 67px;
  }
}
.services__add-card {
  flex: 0 0 48%;
  box-shadow: 0 2px 6px rgba(4, 0, 0, 0.3);
}

@media (max-width: 768px) {
  .services__add-card--under {
    margin-top: 20px;
    min-height: 144px;
  }
}
@media (max-width: 500px) {
  .services__add-card--under {
    min-height: 110px;
  }
}
.services__add-card-title {
  background-color: #089;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 10px;
  letter-spacing: 0.75px;
}

@media (max-width: 500px) {
  .services__add-card-title {
    font-size: 17px;
  }
}
.services__add-card-text {
  padding-block: 10px 5px;
  padding-inline: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.22px;
}

.services__add-card-text .sp {
  display: none;
}

@media (max-width: 500px) {
  .services__add-card-text .sp {
    display: block;
  }
}
.services__add-card-supplement {
  padding-inline: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.22px;
}

.fv-banner {
  max-width: 600px;
  width: 41.5%;
  margin: 20px auto;
  margin-top: -4%;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1520px) {
  .fv-banner {
    max-width: 500px;
  }
}
@media screen and (max-width: 500px) {
  .fv-banner {
    width: 87.777%;
    margin-top: -5%;
    margin-bottom: 15px;
  }
}
.post-snippets-under {
  max-width: 700px;
  margin-inline: auto;
}

.post-snippets-under img,
.post-snippets-under p {
  margin-bottom: 0;
  padding-bottom: 0;
}

.post-snippets-under__btn1 {
  background: #1f84ab;
  padding-block: 24px;
}

.post-snippets-under__btn1-title {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px !important;
  font-weight: 600;
  line-height: normal;
}

@media screen and (max-width: 500px) {
  .post-snippets-under__btn1 {
    padding-block: 15px;
  }
  .post-snippets-under__btn1-title {
    font-size: 16px !important;
  }
}
.post-snippets-under__btn {
  margin-top: 10px;
  width: 80%;
  margin-inline: auto;
  display: block;
  transition: 0.3s;
}

@media screen and (max-width: 500px) {
  .post-snippets-under__btn {
    margin-top: 5px;
    width: 90%;
  }
}
.post-snippets-under__btn:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.post-snippets-under__btn2 {
  background: #00ba39;
  padding-block: 24px;
}

.post-snippets-under__btn2-title {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 26px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 1em !important;
}

.post-snippets-under__btn2-title span {
  font-size: 16.775px !important;
}

@media screen and (max-width: 500px) {
  .post-snippets-under__btn2 {
    padding-block: 15px;
  }
  .post-snippets-under__btn2-title {
    font-size: 20px !important;
  }
  .post-snippets-under__btn2-title span {
    font-size: 13px !important;
  }
}
.kaisetsu-box2__flex {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .kaisetsu-box2__flex {
    flex-direction: column;
  }
}
.kaisetsu-box2__flex-img {
  flex: 0 0 20%;
}

.kaisetsu-box2__flex-string {
  flex: 0 0 75%;
}

.single-magazine-bottom {
  margin-top: 20px;
  background: url(//webmarks.co.jp/wp-content/themes/jin-child/../jin-child/template-magazine/img/single-magazine-bottom-bg.webp)
    no-repeat center center/cover;
  padding-block: 94px;
  padding-inline: 9% 5%;
}

@media screen and (max-width: 1300px) {
  .single-magazine-bottom {
    margin-top: 40px;
    padding-block: 50px;
  }
}
@media screen and (max-width: 599px) {
  .single-magazine-bottom {
    padding-block: 40px;
  }
}
.single-magazine-bottom__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 900px) {
  .single-magazine-bottom__flex {
    align-items: end;
    justify-content: space-around;
  }
}
@media screen and (max-width: 599px) {
  .single-magazine-bottom__flex {
    justify-content: space-between;
  }
}
.single-magazine-bottom__right {
  flex: 0 0 28%;
}

@media screen and (max-width: 1060px) {
  .single-magazine-bottom__right {
    flex: 0 0 15%;
  }
}
@media screen and (max-width: 599px) {
  .single-magazine-bottom__right {
    display: none;
  }
}
.single-magazine-bottom__left {
  flex: 0 0 67%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1060px) {
  .single-magazine-bottom__left {
    flex: 0 0 80%;
  }
}
@media screen and (max-width: 900px) {
  .single-magazine-bottom__left {
    flex-direction: column;
    flex: 0 0 60%;
    row-gap: 25px;
  }
}
@media screen and (max-width: 599px) {
  .single-magazine-bottom__left {
    flex: 0 0 100%;
    row-gap: 20px;
  }
}
.single-magazine-bottom__btns {
  flex: 0 0 50%;
}

.single-magazine-bottom__btn {
  border-radius: 16px;
  background: linear-gradient(270deg, #5595cd 0%, #1262a7 100%);
  padding-block: 20px;
  display: block;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.single-magazine-bottom__btn:hover {
  text-decoration: none !important;
  transition: 0.3s;
  opacity: 0.8;
}

.single-magazine-bottom__btn--change {
  margin-top: 38px;
  background: linear-gradient(270deg, #f08e44 0%, #e9622d 100%);
}

@media screen and (max-width: 900px) {
  .single-magazine-bottom__btns {
    width: 100%;
  }
  .single-magazine-bottom__btn--change {
    margin-top: 25px;
  }
}
@media screen and (max-width: 599px) {
  .single-magazine-bottom__btn--change {
    margin-top: 20px;
  }
}
.single-magazine-bottom__btn .big {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

@media screen and (max-width: 1300px) {
  .single-magazine-bottom__btn .big {
    font-size: 20px;
  }
}
@media screen and (max-width: 599px) {
  .single-magazine-bottom__btn .big {
    font-size: 18px;
  }
}
.single-magazine-bottom__btn .flex {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
}

.single-magazine-bottom__btn .flex img {
  width: 15px;
  height: 14.021px;
}

.single-magazine-bottom__btn .flex p {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media screen and (max-width: 599px) {
  .single-magazine-bottom__btn .flex p {
    font-size: 14px;
  }
}
.single-magazine-bottom__banner {
  flex: 0 0 47%;
}

.single-magazine-bottom__banner:hover {
  transition: 0.3s;
  opacity: 0.8;
}

.single-magazine .jin-shortcode-button a {
  position: relative;
}

.single-magazine .jin-shortcode-button a:before {
  position: absolute;
  content: "";
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.85) 45%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-45deg);
  animation: nyainy-btn 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}

@keyframes nyainy-btn {
  0% {
    left: -100%;
  }
  25% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
.single-magazine .magazine-add__sidebar-banner {
  transition: 0.3s;
}

.single-magazine .magazine-add__sidebar-banner:hover {
  transition: 0.3s;
  opacity: 0.8;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.top-mv3__sec3-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin: 1.375rem auto 1.5rem;
  width: 37.5rem;
}

.top-mv3__sec3-gallery li {
  width: calc((100% - 9rem) / 6);
}

.top-mv3__sec3-gallery li:nth-child(-n + 7) {
  width: calc((100% - 7rem) / 7);
}

.top-mv5__sec2-grid {
  display: flex !important;
  flex-wrap: wrap;
}

.top-mv5__sec2-card {
  width: 25%;
  border-top: 0.031rem solid #dcdcdc;
  border-left: 0.031rem solid #dcdcdc;
}

.top-mv5__sec2-dl {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.top-mv5__sec2-grid-item {
  flex: 1;
  padding-top: 0.5rem;
  border-top: 0.031rem solid #dcdcdc;
}

@media screen and (min-width: 768px) {
  .top-mv5__sec2-card:nth-child(-4n + 8) {
    border-right: 0.031rem solid #dcdcdc;
  }
  .top-mv5__sec2-card:nth-child(n + 4) {
    border-bottom: 0.031rem solid #dcdcdc;
  }
}
@media screen and (max-width: 767px) {
  .top-mv5__sec2-card {
    width: 50%;
  }
  .top-mv5__sec2-card:nth-child(-2n + 8) {
    border-right: 0.031rem solid #dcdcdc;
  }
  .top-mv5__sec2-card:nth-child(n + 7) {
    border-bottom: 0.031rem solid #dcdcdc;
  }
}
.top-mv7__sec1-prof3-cardBA {
  text-align: center;
}

.top-mv7__sec1-prof3-cardbefore {
  display: inline-block;
}

.top-mv7__sec1-prof3-cardComment1,
.top-mv7__sec1-prof3-cardComment2 {
  text-align: left;
}

.tablepress {
  --text-color: #111;
  --head-text-color: var(--text-color);
  --head-bg-color: #d9edf7;
  --odd-text-color: var(--text-color);
  --odd-bg-color: #fff;
  --even-text-color: var(--text-color);
  --even-bg-color: #f9f9f9;
  --hover-text-color: var(--text-color);
  --hover-bg-color: #f3f3f3;
  --border-color: #ddd;
  --padding: 0.5rem;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  clear: both;
  margin: 0 auto 1rem;
  table-layout: auto;
  width: 100%;
}

.tablepress > :not(caption) > * > * {
  background: none;
  border: none;
  box-sizing: border-box;
  float: none !important;
  padding: var(--padding);
  text-align: left;
  vertical-align: top;
}

.tablepress > :where(thead) + tbody > :where(:not(.child)) > *,
.tablepress > tbody > * ~ :where(:not(.child)) > *,
.tablepress > tfoot > :where(:first-child) > * {
  border-top: 1px solid var(--border-color);
}

.tablepress > :where(thead, tfoot) > tr > * {
  background-color: var(--head-bg-color);
  color: var(--head-text-color);
  font-weight: 700;
  vertical-align: middle;
  word-break: normal;
}

.tablepress > :where(tbody) > tr > * {
  color: var(--text-color);
}

.tablepress
  > :where(tbody.row-striping)
  > :nth-child(odd of :where(:not(.child, .dtrg-group)))
  + :where(.child)
  > *,
.tablepress
  > :where(tbody.row-striping)
  > :nth-child(odd of :where(:not(.child, .dtrg-group)))
  > * {
  background-color: var(--odd-bg-color);
  color: var(--odd-text-color);
}

.tablepress
  > :where(tbody.row-striping)
  > :nth-child(even of :where(:not(.child, .dtrg-group)))
  + :where(.child)
  > *,
.tablepress
  > :where(tbody.row-striping)
  > :nth-child(even of :where(:not(.child, .dtrg-group)))
  > * {
  background-color: var(--even-bg-color);
  color: var(--even-text-color);
}

.tablepress > .row-hover > tr {
  content-visibility: auto;
}

.tablepress > .row-hover > tr:has(+ .child:hover) > *,
.tablepress > .row-hover > tr:hover + :where(.child) > *,
.tablepress > .row-hover > tr:where(:not(.dtrg-group)):hover > * {
  background-color: var(--hover-bg-color);
  color: var(--hover-text-color);
}

.tablepress img {
  border: none;
  margin: 0;
  max-width: none;
  padding: 0;
}

.tablepress-table-description {
  clear: both;
  display: block;
}

.dt-scroll {
  width: 100%;
}

.dt-scroll .tablepress {
  width: 100% !important;
}

div.dt-scroll-body tfoot tr,
div.dt-scroll-body thead tr {
  height: 0;
}

div.dt-scroll-body tfoot tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body thead tr td,
div.dt-scroll-body thead tr th {
  border-bottom-width: 0 !important;
  border-top-width: 0 !important;
  height: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body thead tr th div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

div.dt-scroll-body > table.dataTable > thead > tr > td,
div.dt-scroll-body > table.dataTable > thead > tr > th {
  overflow: hidden;
}

.tablepress {
  --head-active-bg-color: #049cdb;
  --head-active-text-color: var(--head-text-color);
  --head-sort-arrow-color: var(--head-active-text-color);
}

.tablepress thead th:active {
  outline: none;
}

.tablepress thead .dt-orderable-asc .dt-column-order:before,
.tablepress thead .dt-ordering-asc .dt-column-order:before {
  bottom: 50%;
  content: "▲"/"";
  display: block;
  position: absolute;
}

.tablepress thead .dt-orderable-desc .dt-column-order:after,
.tablepress thead .dt-ordering-desc .dt-column-order:after {
  content: "▼"/"";
  display: block;
  position: absolute;
  top: 50%;
}

.tablepress thead .dt-orderable-asc .dt-column-order,
.tablepress thead .dt-orderable-desc .dt-column-order,
.tablepress thead .dt-ordering-asc .dt-column-order,
.tablepress thead .dt-ordering-desc .dt-column-order {
  color: var(--head-sort-arrow-color);
  font-family:
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Noto Sans,
    Liberation Sans,
    Arial,
    sans-serif !important;
  font-size: 14px;
  height: 24px;
  line-height: 12px;
  position: relative;
  width: 12px;
}

.tablepress thead .dt-orderable-asc .dt-column-order:after,
.tablepress thead .dt-orderable-asc .dt-column-order:before,
.tablepress thead .dt-orderable-desc .dt-column-order:after,
.tablepress thead .dt-orderable-desc .dt-column-order:before,
.tablepress thead .dt-ordering-asc .dt-column-order:after,
.tablepress thead .dt-ordering-asc .dt-column-order:before,
.tablepress thead .dt-ordering-desc .dt-column-order:after,
.tablepress thead .dt-ordering-desc .dt-column-order:before {
  opacity: 0.2;
}

.tablepress thead .dt-orderable-asc,
.tablepress thead .dt-orderable-desc {
  cursor: pointer;
  outline-offset: -2px;
}

.tablepress thead .dt-orderable-asc:hover,
.tablepress thead .dt-orderable-desc:hover,
.tablepress thead .dt-ordering-asc,
.tablepress thead .dt-ordering-desc {
  background-color: var(--head-active-bg-color);
  color: var(--head-active-text-color);
}

.tablepress thead .dt-ordering-asc .dt-column-order:before,
.tablepress thead .dt-ordering-desc .dt-column-order:after {
  opacity: 0.8;
}

.tablepress tfoot > tr > * .dt-column-footer,
.tablepress tfoot > tr > * .dt-column-header,
.tablepress thead > tr > * .dt-column-footer,
.tablepress thead > tr > * .dt-column-header {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: space-between;
}

.tablepress tfoot > tr > * .dt-column-footer .dt-column-title,
.tablepress tfoot > tr > * .dt-column-header .dt-column-title,
.tablepress thead > tr > * .dt-column-footer .dt-column-title,
.tablepress thead > tr > * .dt-column-header .dt-column-title {
  flex-grow: 1;
}

.tablepress tfoot > tr > * .dt-column-footer .dt-column-title:empty,
.tablepress tfoot > tr > * .dt-column-header .dt-column-title:empty,
.tablepress thead > tr > * .dt-column-footer .dt-column-title:empty,
.tablepress thead > tr > * .dt-column-header .dt-column-title:empty {
  display: none;
}

.tablepress:where(.auto-type-alignment) .dt-right,
.tablepress:where(.auto-type-alignment) .dt-type-date,
.tablepress:where(.auto-type-alignment) .dt-type-numeric {
  text-align: right;
}

.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,
.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,
.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,
.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,
.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,
.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header {
  flex-direction: row-reverse;
}

.dt-container {
  clear: both;
  margin-bottom: 1rem;
  position: relative;
}

.dt-container .tablepress {
  margin-bottom: 0;
}

.dt-container .tablepress tfoot:empty {
  display: none;
}

.dt-container .dt-layout-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell {
  display: block;
  width: 100%;
}

.dt-container .dt-layout-cell {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  padding: 5px 0;
}

.dt-container .dt-layout-cell.dt-layout-full {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.dt-container .dt-layout-cell.dt-layout-full > :only-child {
  margin: auto;
}

.dt-container .dt-layout-cell.dt-layout-start {
  align-items: center;
  justify-content: flex-start;
  margin-right: auto;
}

.dt-container .dt-layout-cell.dt-layout-end {
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

.dt-container .dt-layout-cell:empty {
  display: none;
}

.dt-container .dt-input,
.dt-container label {
  display: inline;
  width: auto;
}

.dt-container .dt-input {
  font-size: inherit;
  padding: 5px;
}

.dt-container .dt-length,
.dt-container .dt-search {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

.dt-container .dt-paging .dt-paging-button {
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 2px;
  box-sizing: border-box;
  color: inherit !important;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  height: 32px;
  margin-left: 2px;
  min-width: 32px;
  padding: 0 5px;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
}

.dt-container .dt-paging .dt-paging-button.current,
.dt-container .dt-paging .dt-paging-button:hover {
  border: 1px solid #111;
}

.dt-container .dt-paging .dt-paging-button.disabled,
.dt-container .dt-paging .dt-paging-button.disabled:active,
.dt-container .dt-paging .dt-paging-button.disabled:hover {
  border: 1px solid rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.3019607843) !important;
  cursor: default;
  outline: none;
}

.dt-container .dt-paging > .dt-paging-button:first-child {
  margin-left: 0;
}

.dt-container .dt-paging .ellipsis {
  padding: 0 1em;
}

@media screen and (max-width: 767px) {
  .dt-container .dt-layout-row {
    flex-direction: column;
  }
  .dt-container .dt-layout-cell {
    flex-direction: column;
    padding: 0.5em 0;
  }
}
.tablepress {
  width: 760px;
}

img#wpstats {
  display: none;
}

#wrapper {
  background-color: #fff;
  background-image: url();
}

.related-entry-headline-text span:before,
#comment-title span:before,
#reply-title span:before {
  background-color: #222;
  border-color: #222 !important;
}

#breadcrumb:after,
#page-top a {
  background-color: #333;
}

.page-top-footer a {
  color: #333 !important;
}

#breadcrumb ul li,
#breadcrumb ul li a {
  color: #333 !important;
}

body,
a,
a:link,
a:visited,
.my-profile,
.widgettitle,
.tabBtn-mag label {
  color: #222;
}

a:hover {
  color: #089;
}

.widget_nav_menu ul > li > a:before,
.widget_categories ul > li > a:before,
.widget_pages ul > li > a:before,
.widget_recent_entries ul > li > a:before,
.widget_archive ul > li > a:before,
.widget_archive form:after,
.widget_categories form:after,
.widget_nav_menu ul > li > ul.sub-menu > li > a:before,
.widget_categories ul > li > .children > li > a:before,
.widget_pages ul > li > .children > li > a:before,
.widget_nav_menu ul > li > ul.sub-menu > li > ul.sub-menu li > a:before,
.widget_categories ul > li > .children > li > .children li > a:before,
.widget_pages ul > li > .children > li > .children li > a:before {
  color: #222;
}

.widget_nav_menu ul .sub-menu .sub-menu li a:before {
  background-color: #222 !important;
}

.d--labeling-act-border {
  border-color: rgba(34, 34, 34, 0.18);
}

.c--labeling-act.d--labeling-act-solid {
  background-color: rgba(34, 34, 34, 0.06);
}

.a--labeling-act {
  color: rgba(34, 34, 34, 0.6);
}

.a--labeling-small-act span {
  background-color: rgba(34, 34, 34, 0.21);
}

.c--labeling-act.d--labeling-act-strong {
  background-color: rgba(34, 34, 34, 0.045);
}

.d--labeling-act-strong .a--labeling-act {
  color: rgba(34, 34, 34, 0.75);
}

#drawernav a:hover,
.post-list-title,
#prev-next p,
#toc_container .toc_list li a {
  color: #222 !important;
}

#header-box {
  background-color: #fff;
}

@media (min-width: 768px) {
  #header-box .header-box10-bg:before,
  #header-box .header-box11-bg:before {
    border-radius: 2px;
  }
}
@media (min-width: 768px) {
  .top-image-meta {
    margin-top: -30px;
  }
}
@media (min-width: 1200px) {
  .top-image-meta {
    margin-top: 0px;
  }
}
.pickup-contents:before {
  background-color: #fff !important;
}

.main-image-text {
  color: #555;
}

.main-image-text-sub {
  color: #555;
}

@media (min-width: 481px) {
  #site-info {
    padding-top: px !important;
    padding-bottom: px !important;
  }
}
#site-info span a {
  color: #222 !important;
}

#headmenu .headsns .line a svg {
  fill: #222 !important;
}

#headmenu .headsns a,
#headmenu {
  color: #222 !important;
  border-color: #222 !important;
}

.profile-follow .line-sns a svg {
  fill: #222 !important;
}

.profile-follow .line-sns a:hover svg {
  fill: #43becd !important;
}

.profile-follow a {
  color: #222 !important;
  border-color: #222 !important;
}

.profile-follow a:hover,
#headmenu .headsns a:hover {
  color: #43becd !important;
  border-color: #43becd !important;
}

.search-box:hover {
  color: #43becd !important;
  border-color: #43becd !important;
}

#header #headmenu .headsns .line a:hover svg {
  fill: #43becd !important;
}

.cps-icon-bar,
#navtoggle:checked + .sp-menu-open .cps-icon-bar {
  background-color: #222;
}

#nav-container {
  background-color: #f3f5f8;
}

.menu-box .menu-item svg {
  fill: #222;
}

#drawernav ul.menu-box > li > a,
#drawernav2 ul.menu-box > li > a,
#drawernav3 ul.menu-box > li > a,
#drawernav4 ul.menu-box > li > a,
#drawernav5 ul.menu-box > li > a,
#drawernav ul.menu-box > li.menu-item-has-children:after,
#drawernav2 ul.menu-box > li.menu-item-has-children:after,
#drawernav3 ul.menu-box > li.menu-item-has-children:after,
#drawernav4 ul.menu-box > li.menu-item-has-children:after,
#drawernav5 ul.menu-box > li.menu-item-has-children:after {
  color: #222 !important;
}

#drawernav ul.menu-box li a,
#drawernav2 ul.menu-box li a,
#drawernav3 ul.menu-box li a,
#drawernav4 ul.menu-box li a,
#drawernav5 ul.menu-box li a {
  font-size: 15px !important;
}

#drawernav3 ul.menu-box > li {
  color: #222 !important;
}

#drawernav4 .menu-box > .menu-item > a:after,
#drawernav3 .menu-box > .menu-item > a:after,
#drawernav .menu-box > .menu-item > a:after {
  background-color: #222 !important;
}

#drawernav2 .menu-box > .menu-item:hover,
#drawernav5 .menu-box > .menu-item:hover {
  border-top-color: #222 !important;
}

.cps-info-bar a {
  background-color: #ffcd44 !important;
}

@media (min-width: 768px) {
  #main-contents-one .post-list-mag .post-list-item {
    width: 32%;
  }
  #main-contents-one .post-list-mag .post-list-item:not(:nth-child(3n)) {
    margin-right: 2%;
  }
  .tabBtn-mag {
    width: 85%;
    margin-bottom: 40px;
  }
  .tabBtn-mag label {
    padding: 10px 20px;
  }
}
@media (min-width: 768px) {
  #tab-1:checked ~ .tabBtn-mag li [for="tab-1"]:after,
  #tab-2:checked ~ .tabBtn-mag li [for="tab-2"]:after,
  #tab-3:checked ~ .tabBtn-mag li [for="tab-3"]:after,
  #tab-4:checked ~ .tabBtn-mag li [for="tab-4"]:after {
    border-top-color: #222 !important;
  }
  .tabBtn-mag label {
    border-bottom-color: #222 !important;
  }
}
#tab-1:checked ~ .tabBtn-mag li [for="tab-1"],
#tab-2:checked ~ .tabBtn-mag li [for="tab-2"],
#tab-3:checked ~ .tabBtn-mag li [for="tab-3"],
#tab-4:checked ~ .tabBtn-mag li [for="tab-4"],
#prev-next a.next:after,
#prev-next a.prev:after,
.more-cat-button a:hover span:before {
  background-color: #222 !important;
}

.swiper-slide .post-list-cat,
.post-list-mag .post-list-cat,
.post-list-mag3col .post-list-cat,
.post-list-mag-sp1col .post-list-cat,
.swiper-pagination-bullet-active,
.pickup-cat,
.post-list .post-list-cat,
#breadcrumb .bcHome a:hover span:before,
.popular-item:nth-child(1) .pop-num,
.popular-item:nth-child(2) .pop-num,
.popular-item:nth-child(3) .pop-num {
  background-color: #43becd !important;
}

.sidebar-btn a,
.profile-sns-menu {
  background-color: #43becd !important;
}

.sp-sns-menu a,
.pickup-contents-box a:hover .pickup-title {
  border-color: #222 !important;
  color: #222 !important;
}

.pro-line svg {
  fill: #222 !important;
}

.cps-post-cat a,
.meta-cat,
.popular-cat {
  background-color: #43becd !important;
  border-color: #43becd !important;
}

.tagicon,
.tag-box a,
#toc_container .toc_list > li,
#toc_container .toc_title {
  color: #222 !important;
}

.widget_tag_cloud a:before {
  color: #222 !important;
}

.tag-box a,
#toc_container:before {
  border-color: #222 !important;
}

.cps-post-cat a:hover {
  color: #089 !important;
}

.pagination li:not([class*="current"]) a:hover,
.widget_tag_cloud a:hover {
  background-color: #222 !important;
}

.pagination li:not([class*="current"]) a:hover {
  opacity: 0.5 !important;
}

.pagination li.current a {
  background-color: #222 !important;
  border-color: #222 !important;
}

.nextpage a:hover span {
  color: #222 !important;
  border-color: #222 !important;
}

.cta-content:before {
  background-color: #fff !important;
}

.cta-text,
.info-title {
  color: #555 !important;
}

.sidebar_style1 .widgettitle,
.sidebar_style5 .widgettitle {
  border-color: #222 !important;
}

.sidebar_style2 .widgettitle,
.sidebar_style4 .widgettitle,
.sidebar_style6 .widgettitle,
#home-bottom-widget .widgettitle,
#home-top-widget .widgettitle,
#post-bottom-widget .widgettitle,
#post-top-widget .widgettitle {
  background-color: #222 !important;
}

#home-bottom-widget .widget_search .search-box input[type="submit"],
#home-top-widget .widget_search .search-box input[type="submit"],
#post-bottom-widget .widget_search .search-box input[type="submit"],
#post-top-widget .widget_search .search-box input[type="submit"] {
  background-color: #43becd !important;
}

.tn-logo-size {
  font-size: 90% !important;
}

@media (min-width: 481px) {
  .tn-logo-size img {
    width: 45% !important;
  }
}
@media (min-width: 768px) {
  .tn-logo-size img {
    width: 198% !important;
  }
}
@media (min-width: 1200px) {
  .tn-logo-size img {
    width: 90% !important;
  }
}
.sp-logo-size {
  font-size: 80% !important;
}

.sp-logo-size img {
  width: 80% !important;
}

.cps-post-main ul > li:before,
.cps-post-main ol > li:before {
  background-color: #43becd !important;
}

.profile-card .profile-title {
  background-color: #222 !important;
}

.profile-card {
  border-color: #222 !important;
}

.cps-post-main a {
  color: #089;
}

.cps-post-main .marker {
  background: linear-gradient(transparent 60%, #fff42d 0%);
}

.cps-post-main .marker2 {
  background: linear-gradient(transparent 60%, #e8eeff 0%);
}

.cps-post-main .jic-sc {
  color: #e9546b;
}

.simple-box1 {
  border-color: #036 !important;
}

.simple-box2 {
  border-color: #e56950 !important;
}

.simple-box3 {
  border-color: #93dae3 !important;
}

.simple-box4 {
  border-color: #0092df !important;
}

.simple-box4:before {
  background-color: #0092df;
}

.simple-box5 {
  border-color: #e56950 !important;
}

.simple-box5:before {
  background-color: #e56950;
}

.simple-box6 {
  background-color: #efeae8 !important;
}

.simple-box7 {
  border-color: #cbf0f5 !important;
}

.simple-box7:before {
  background-color: #cbf0f5 !important;
}

.simple-box8 {
  border-color: #93dae3 !important;
}

.simple-box8:before {
  background-color: #93dae3 !important;
}

.simple-box9:before {
  background-color: #f6e0fb !important;
}

.simple-box9:after {
  border-color: #f6e0fb #f6e0fb #fff #fff !important;
}

.kaisetsu-box1:before,
.kaisetsu-box1-title {
  background-color: #ee9eae !important;
}

.kaisetsu-box2 {
  border-color: #93dae3 !important;
}

.kaisetsu-box2-title {
  background-color: #93dae3 !important;
}

.kaisetsu-box4 {
  border-color: #93dae3 !important;
}

.kaisetsu-box4-title {
  background-color: #93dae3 !important;
}

.kaisetsu-box5:before {
  background-color: #57b3ba !important;
}

.kaisetsu-box5-title {
  background-color: #57b3ba !important;
}

.concept-box1 {
  border-color: #00d4d9 !important;
}

.concept-box1:after {
  background-color: #00d4d9 !important;
}

.concept-box1:before {
  content: "ポイント" !important;
  color: #00d4d9 !important;
}

.concept-box2 {
  border-color: #e66e56 !important;
}

.concept-box2:after {
  background-color: #e66e56 !important;
}

.concept-box2:before {
  content: "注意点" !important;
  color: #e66e56 !important;
}

.concept-box3 {
  border-color: #51bc95 !important;
}

.concept-box3:after {
  background-color: #51bc95 !important;
}

.concept-box3:before {
  content: "良い例" !important;
  color: #51bc95 !important;
}

.concept-box4 {
  border-color: #0c618e !important;
}

.concept-box4:after {
  background-color: #0c618e !important;
}

.concept-box4:before {
  content: "良くない例" !important;
  color: #0c618e !important;
}

.concept-box5 {
  border-color: #089 !important;
}

.concept-box5:after {
  background-color: #089 !important;
}

.concept-box5:before {
  content: "参考" !important;
  color: #089 !important;
}

.concept-box6 {
  border-color: #3a99cb !important;
}

.concept-box6:after {
  background-color: #3a99cb !important;
}

.concept-box6:before {
  content: "メモ" !important;
  color: #3a99cb !important;
}

.innerlink-box1,
.blog-card {
  border-color: #036 !important;
}

.innerlink-box1-title {
  background-color: #036 !important;
  border-color: #036 !important;
}

.innerlink-box1:before,
.blog-card-hl-box {
  background-color: #036 !important;
}

.jin-ac-box01-title:after {
  color: #222;
}

.color-button01 a,
.color-button01 a:hover,
.color-button01:before {
  background-color: #52ddcf !important;
}

.top-image-btn-color a,
.top-image-btn-color a:hover,
.top-image-btn-color:before {
  background-color: #ffcd44 !important;
}

.color-button02 a,
.color-button02 a:hover,
.color-button02:before {
  background-color: #e22255 !important;
}

.color-button01-big a,
.color-button01-big a:hover,
.color-button01-big:before {
  background-color: #dd305e !important;
}

.color-button01-big a,
.color-button01-big:before {
  border-radius: 5px !important;
}

.color-button01-big a {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.color-button02-big a,
.color-button02-big a:hover,
.color-button02-big:before {
  background-color: #e25178 !important;
}

.color-button02-big a,
.color-button02-big:before {
  border-radius: 40px !important;
}

.color-button02-big a {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.color-button01-big {
  width: 75% !important;
}

.color-button02-big {
  width: 75% !important;
}

.top-image-btn-color:before,
.color-button01:before,
.color-button02:before,
.color-button01-big:before,
.color-button02-big:before {
  bottom: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.4s;
}

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

.top-image-btn-color:hover:before,
.color-button01:hover:before,
.color-button02:hover:before,
.color-button01-big:hover:before,
.color-button02-big:hover:before {
  transform: translateY(2px);
  box-shadow: none !important;
}

.h2-style01 h2,
.h2-style02 h2:before,
.h2-style03 h2,
.h2-style04 h2:before,
.h2-style05 h2,
.h2-style07 h2:before,
.h2-style07 h2:after,
.h3-style03 h3:before,
.h3-style02 h3:before,
.h3-style05 h3:before,
.h3-style07 h3:before,
.h2-style08 h2:after,
.h2-style10 h2:before,
.h2-style10 h2:after,
.h3-style02 h3:after,
.h4-style02 h4:before {
  background-color: #222 !important;
}

.h3-style01 h3,
.h3-style04 h3,
.h3-style05 h3,
.h3-style06 h3,
.h4-style01 h4,
.h2-style02 h2,
.h2-style08 h2,
.h2-style08 h2:before,
.h2-style09 h2,
.h4-style03 h4 {
  border-color: #222 !important;
}

.h2-style05 h2:before {
  border-top-color: #222 !important;
}

.h2-style06 h2:before,
.sidebar_style3 .widgettitle:after {
  background-image: linear-gradient(
    -45deg,
    transparent 25%,
    #222 25%,
    #222 50%,
    transparent 50%,
    transparent 75%,
    #222 75%,
    #222
  );
}

.jin-h2-icons.h2-style02 h2 .jic:before,
.jin-h2-icons.h2-style04 h2 .jic:before,
.jin-h2-icons.h2-style06 h2 .jic:before,
.jin-h2-icons.h2-style07 h2 .jic:before,
.jin-h2-icons.h2-style08 h2 .jic:before,
.jin-h2-icons.h2-style09 h2 .jic:before,
.jin-h2-icons.h2-style10 h2 .jic:before,
.jin-h3-icons.h3-style01 h3 .jic:before,
.jin-h3-icons.h3-style02 h3 .jic:before,
.jin-h3-icons.h3-style03 h3 .jic:before,
.jin-h3-icons.h3-style04 h3 .jic:before,
.jin-h3-icons.h3-style05 h3 .jic:before,
.jin-h3-icons.h3-style06 h3 .jic:before,
.jin-h3-icons.h3-style07 h3 .jic:before,
.jin-h4-icons.h4-style01 h4 .jic:before,
.jin-h4-icons.h4-style02 h4 .jic:before,
.jin-h4-icons.h4-style03 h4 .jic:before,
.jin-h4-icons.h4-style04 h4 .jic:before {
  color: #222;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .color-button01:before,
  .color-button02:before,
  .color-button01-big:before,
  .color-button02-big:before {
    background-color: #595857 !important;
  }
}
.jin-lp-h2 h2,
.jin-lp-h2 h2 {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #222 !important;
}

.jincolumn-h3style2 {
  border-color: #222 !important;
}

.jinlph2-style1 h2:first-letter {
  color: #222 !important;
}

.jinlph2-style2 h2,
.jinlph2-style3 h2 {
  border-color: #222 !important;
}

.jin-photo-title .jin-fusen1-down,
.jin-photo-title .jin-fusen1-even,
.jin-photo-title .jin-fusen1-up {
  border-left-color: #222;
}

.jin-photo-title .jin-fusen2,
.jin-photo-title .jin-fusen3 {
  background-color: #222;
}

.jin-photo-title .jin-fusen2:before,
.jin-photo-title .jin-fusen3:before {
  border-top-color: #222;
}

.has-huge-font-size {
  font-size: 42px !important;
}

.has-large-font-size {
  font-size: 36px !important;
}

.has-medium-font-size {
  font-size: 20px !important;
}

.has-normal-font-size {
  font-size: 16px !important;
}

.has-small-font-size {
  font-size: 13px !important;
}

.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat,
.post-list-mag3col
  .post-list-item
  .post-list-inner
  .post-list-meta
  .post-list-cat {
  opacity: 0.75;
}

#breadcrumb:after {
  background-color: #ddd;
}

#breadcrumb ul li a,
#breadcrumb ul li,
#page-top a {
  color: rgba(0, 0, 0, 0.5) !important;
}

@media (max-width: 767px) {
  .headcopy {
    font-weight: 200;
    font-size: 0.6em;
    margin-top: 10px;
    display: none;
  }
}
@media (min-width: 768px) {
  .headcopy {
    font-weight: 100;
    font-size: 0.6em;
    margin-top: 30px;
  }
}
div.myScrollBox {
  overflow: scroll;
  white-space: nowrap;
}

.wpcf7 input[type="submit"],
.pushbutton-wide {
  background-color: #ff7e28;
}

.normal-page-wrapper {
  margin: 4rem auto 0;
}

.text-wrap {
  width: 90%;
  max-width: 800px;
  margin: auto;
}

.profile-card {
  border-color: #999999 !important;
}

.profile-follow a {
  color: #008899 !important;
}

#toc_container:before {
  border-color: #008899 !important;
}

.concept-box5:after {
  background-color: #fff !important;
}

.concept-box1:after {
  background-color: #fff !important;
  content: "";
  margin-top: 0.1em;
  padding-left: 13px;
  padding-right: 17px;
}

.concept-box2:after {
  background-color: #fff !important;
}

.concept-box3:after {
  background-color: #fff !important;
}

.concept-box4:after {
  background-color: #fff !important;
}

.concept-box6:after {
  background-color: #fff !important;
}

.designsample .concept-box1:after {
  content: "";
  background: url(//webmarks.co.jp/../img/icon-point.png) no-repeat
    center/contain !important;
  margin-top: 0.1em;
  padding-left: 13px;
  padding-right: 17px;
}

.marketing-school-submit {
  margin-top: 0;
}

.marketing-school-submit #mw-tracking-number {
  visibility: hidden;
}

.booklink-box,
.kaerebalink-box {
  margin: 15px 10px 35px;
  padding: 25px 20px;
  background: #fff;
}

@media (max-width: 767px) and (max-width: 767px) {
  .booklink-box,
  .kaerebalink-box {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);
    border-top: 1px solid #f3f3f3;
  }
}
@media (max-width: 767px) {
  .booklink-box p,
  .kaerebalink-box p {
    line-height: 1.3rem;
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .booklink-box,
  .kaerebalink-box {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .booklink-box,
  .kaerebalink-box {
    border-radius: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 768px) {
  .booklink-box p,
  .kaerebalink-box p {
    font-size: 0.95rem;
  }
}
@media (min-width: 1024px) {
  .booklink-box p,
  .kaerebalink-box p {
    font-size: 1rem;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .booklink-image,
  .kaerebalink-image {
    margin-right: 20px !important;
    float: left;
    display: inline-block;
    width: 100px;
    text-align: center;
  }
  .booklink-image img,
  .kaerebalink-image img {
    width: auto;
    height: auto;
    max-height: 180px;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .booklink-image,
  .kaerebalink-image {
    margin-right: 20px !important;
    width: 130px;
    text-align: center;
  }
  .booklink-image img,
  .kaerebalink-image img {
    width: auto;
    height: auto;
    max-height: 200px;
    margin-bottom: 0 !important;
  }
}
.kaerebalink-info img,
.booklink-info img {
  display: none;
}

@media (min-width: 768px) {
  .kaerebalink-info,
  .booklink-info {
    width: calc(100% - 150px);
  }
}
@media (min-width: 768px) {
  .kaerebalink-box,
  .booklink-box {
    display: flex;
  }
}
@media (min-width: 768px) {
  .kaerebalink-link1,
  .booklink-link2 {
    display: flex;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .kaerebalink-link1,
  .booklink-link2 {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .shoplinkamazon,
  .shoplinkrakuten,
  .shoplinkkindle {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .shoplinkkindle,
  .shoplinkamazon,
  .shoplinkrakuten,
  .shoplinkyahoo {
    margin: 0 auto;
    margin-bottom: 1px;
  }
}
.shoplinkkindle a,
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a {
  display: block;
  font-size: 0.85rem;
  text-decoration: none !important;
  color: #fff !important;
  text-align: center;
  border-radius: 2px;
}

@media (max-width: 767px) {
  .shoplinkkindle a,
  .shoplinkamazon a,
  .shoplinkrakuten a,
  .shoplinkyahoo a {
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .shoplinkkindle a,
  .shoplinkamazon a,
  .shoplinkrakuten a,
  .shoplinkyahoo a {
    font-size: 0.8rem;
    padding: 12px 5px;
  }
}
@media (min-width: 1024px) {
  .shoplinkkindle a,
  .shoplinkamazon a,
  .shoplinkrakuten a,
  .shoplinkyahoo a {
    padding: 12px;
  }
}
.shoplinkamazon a {
  background: #ffb642;
}

.shoplinkkindle a {
  background: #4c5aa5;
}

.shoplinkyahoo a {
  background: #eb668e;
}

.shoplinkrakuten a {
  background: #e84e51;
}

@media (max-width: 767px) {
  .booklink-detail:after,
  .kaerebalink-detail:after {
    display: block;
    clear: both;
    content: "";
  }
  .kaerebalink-footer,
  .booklink-footer {
    clear: both;
  }
}
@media (min-width: 768px) {
  .booklink-detail:after,
  .kaerebalink-detail:after {
    display: block;
    clear: both;
    content: "";
  }
  .kaerebalink-footer,
  .booklink-footer {
    clear: both;
  }
}
.kaerebalink-powered-date,
.kaerebalink-powered-date a,
.kaerebalink-detail {
  color: #aaa;
  text-decoration: none;
  font-size: 0.75rem;
}

@media (max-width: 767px) {
  .kaerebalink-powered-date,
  .kaerebalink-detail {
    padding-left: 120px;
  }
}
.booklink-powered-date a,
.booklink-powered-date,
.booklink-detail {
  font-size: 13px;
  color: #acacac !important;
}

.appreach {
  text-align: left;
  padding: 25px;
  margin: 20px;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0px 2px 5px 1px #e5e5e5;
}

.appreach:after {
  content: "";
  display: block;
  clear: both;
}

.appreach img,
.appreach p {
  margin: 0;
  padding: 0;
}

.appreach a:after {
  display: none;
}

.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}

.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}

.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}

p.appreach__name {
  font-size: 16px;
  color: #555;
  padding-bottom: 10px;
  font-weight: 700;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}

.appreach__info {
  font-size: 12px !important;
  color: #888;
}

.appreach__info a {
  color: #aaa;
}

.appreach__developper,
.appreach__price {
  margin-right: 0.5em;
}

.appreach__posted a {
  margin-left: 0.5em;
}

.appreach__links {
  float: left;
  height: 40px;
  margin-top: 15px;
  white-space: nowrap;
}

.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}

.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}

@media (max-width: 767px) {
  .appreach__links {
    display: flex;
  }
  .appreach {
    margin: 20px 0;
    padding: 20px;
  }
  .appreach__info {
    font-size: 11px !important;
  }
  p.appreach__name {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .kaisetsu-box5 {
    margin-top: 64px !important;
  }
  .kaisetsu-box5-title {
    line-height: 1.4;
    top: -60px;
  }
}
code[class*="language-"],
pre[class*="language-"] {
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}

code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

code[class*="language-"] ::selection,
code[class*="language-"]::selection,
pre[class*="language-"] ::selection,
pre[class*="language-"]::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}
pre[class*="language-"] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0;
}

:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #708090;
}

.token.punctuation {
  color: #999;
}

.token.namespace {
  opacity: 0.7;
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
  color: #905;
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
  color: #690;
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.class-name,
.token.function {
  color: #dd4a68;
}

.token.important,
.token.regex,
.token.variable {
  color: #e90;
}

.token.bold,
.token.important {
  font-weight: 700;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

pre[class*="language-"].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
  position: relative;
  white-space: inherit;
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

div.code-toolbar {
  position: relative;
}

div.code-toolbar > .toolbar {
  position: absolute;
  z-index: 10;
  top: 0.3em;
  right: 0.2em;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

div.code-toolbar:hover > .toolbar {
  opacity: 1;
}

div.code-toolbar:focus-within > .toolbar {
  opacity: 1;
}

div.code-toolbar > .toolbar > .toolbar-item {
  display: inline-block;
}

div.code-toolbar > .toolbar > .toolbar-item > a {
  cursor: pointer;
}

div.code-toolbar > .toolbar > .toolbar-item > button {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

div.code-toolbar > .toolbar > .toolbar-item > a,
div.code-toolbar > .toolbar > .toolbar-item > button,
div.code-toolbar > .toolbar > .toolbar-item > span {
  color: #bbb;
  font-size: 0.8em;
  padding: 0 0.5em;
  background: #f5f2f0;
  background: rgba(224, 224, 224, 0.2);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}

div.code-toolbar > .toolbar > .toolbar-item > a:focus,
div.code-toolbar > .toolbar > .toolbar-item > a:hover,
div.code-toolbar > .toolbar > .toolbar-item > button:focus,
div.code-toolbar > .toolbar > .toolbar-item > button:hover,
div.code-toolbar > .toolbar > .toolbar-item > span:focus,
div.code-toolbar > .toolbar > .toolbar-item > span:hover {
  color: inherit;
  text-decoration: none;
}

html {
  font-size: 62.5%;
  font-feature-settings: "palt";
  scroll-behavior: smooth;
}

body {
  line-height: 1;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", "Roboto", serif;
  font-weight: 400;
  color: #000000;
  margin: 0;
  overflow-wrap: anywhere;
  font-kerning: normal;
  animation: fadeIn 1.5s ease 0s 1 normal;
}

body#nofont-style.page-template-lp-webmarks-plus,
body#nofont-style.page-template-page-webmarks-plus,
body#nofont-style.page-template-lp-webmarks-pluspage-webmarks-plus-php {
  font-family: "Noto Sans JP", "Roboto", serif;
}

main {
  overflow: hidden;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
p,
ul {
  line-height: 1.6;
}

ul {
  list-style: none;
}

a {
  transition: 1s;
}

a:hover {
  opacity: 0.5;
  transition: 0.5s;
}

strong,
b {
  font-weight: 700;
}

small {
  font-size: 100%;
}

img {
  width: auto;
  height: auto;
  vertical-align: bottom;
}

.sp {
  display: none;
}

.flex {
  display: flex;
}

body.page-template-lp-webmarks-plus #breadcrumb,
body.page-template-page-webmarks-plus #breadcrumb,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php #breadcrumb {
  display: none;
}

body.page-template-lp-webmarks-plus #contents,
body.page-template-page-webmarks-plus #contents,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php #contents,
body.page-template-lp-webmarks-plus #main-contents,
body.page-template-page-webmarks-plus #main-contents,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php #main-contents {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  html {
    font-size: min(1.3333vw, 10px);
  }
  body {
    font-size: clamp(14px, 1.6rem, 18px);
    -webkit-text-size-adjust: 100%;
  }
  .sp {
    display: block;
  }
}
#keyvisual {
  padding: 22rem 0 4rem 0;
  position: relative;
  background: url(../images/fv/bg_pc.webp) no-repeat left top/cover;
  position: relative;
}
#keyvisual .container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
#keyvisual .container h1 .key-visual__title-top {
  font-size: 2.4rem;
  font-weight: 700;
}
#keyvisual .container h1 .key-visual__title-top .key-visual__title-strong {
  display: inline-block;
  font-size: 3.6rem;
  background: linear-gradient(transparent 70%, #f7e57f 70%);
}
#keyvisual .container h1 .key-visual__title-top .key-visual__title-text {
  font-size: 2.8rem;
}
#keyvisual .container h1 .key-visual__title-bottom {
  display: block;
  font-family: "Zen Old Mincho", serif;
  font-size: 6rem;
  font-weight: 700;
  letter-spacing: -0.2rem;
  margin-top: 2rem;
}
#keyvisual .container h1 .key-visual__title-bottom .key-visual__highlight {
  font-size: 7.2rem;
  font-weight: 900;
}
#keyvisual
  .container
  h1
  .key-visual__title-bottom
  .key-visual__highlight:first-of-type {
  background-image: url("../images/fv/text_mask01.webp");
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 0.5rem;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
#keyvisual
  .container
  h1
  .key-visual__title-bottom
  .key-visual__highlight:last-of-type {
  background-image: url("../images/fv/text_mask02.webp");
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
#keyvisual
  .container
  h1
  .key-visual__title-bottom
  .key-visual__highlight-nunit {
  font-size: 4.8rem;
}
#keyvisual .container h1 .key-visual__title-bottom br {
  display: none;
}
#keyvisual .container .key-visual__content {
  width: 66.4rem;
}
#keyvisual .container .key-visual__content .key-visual__subtitle {
  display: table;
  font-size: 3.2rem;
  font-weight: 700;
  margin-top: 5rem;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#keyvisual .container .key-visual__content .key-visual__description {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 1rem 0 2.8rem 0;
}
#keyvisual .container .key-visual__content .key-visual__features {
  width: 100%;
  gap: 2rem;
}
#keyvisual
  .container
  .key-visual__content
  .key-visual__features
  .key-visual__feature-item {
  width: calc(33.33% - 1.6666rem);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  font-size: 1.4rem;
  font-weight: 400;
  color: #3c1e0a;
  background: url(../images/common/emblem.svg) no-repeat center center/cover;
  position: relative;
}
#keyvisual
  .container
  .key-visual__content
  .key-visual__features
  .key-visual__feature-item
  .inhouse__achievements-num {
  display: inline-block;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 auto;
  background: linear-gradient(
    to right,
    rgb(60, 30, 10) 0%,
    rgb(110, 70, 30) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#keyvisual
  .container
  .key-visual__content
  .key-visual__features
  .key-visual__feature-item
  .inhouse__achievements-num
  .key-visual__unit {
  font-size: 2.4rem;
  font-weight: 400;
}
#keyvisual
  .container
  .key-visual__content
  .key-visual__features
  .key-visual__feature-item
  .key-visual__note {
  font-size: 1.6rem;
  font-weight: 400;
  position: absolute;
  top: 9rem;
  right: 6.3rem;
}
#keyvisual
  .container
  .key-visual__content
  .key-visual__features
  .key-visual__feature-item
  .key-visual__accent {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  background: linear-gradient(
    to right,
    rgb(60, 30, 10) 0%,
    rgb(110, 70, 30) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#keyvisual .container .key-visual__content .key-visual__meta {
  font-size: 1.2rem;
  margin: 1.4rem 0;
}
#keyvisual .container .key-visual__actions {
  display: flex;
  flex-flow: column;
  gap: 1.4rem;
  width: 66.4rem;
  position: absolute;
  bottom: -17rem;
}
#keyvisual
  .container
  .key-visual__actions
  .key-visual__btn
  a.key-visual__btn--primary {
  display: block;
  width: 100%;
  font-size: 2.8rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding: 2.5rem 8rem;
  background: linear-gradient(
    to right,
    rgb(255, 60, 60) 0%,
    rgb(255, 122, 24) 100%
  );
}
#keyvisual
  .container
  .key-visual__actions
  .key-visual__btn
  a.key-visual__btn--primary:after {
  content: " ";
  display: inline-block;
  width: 1.3rem;
  height: 2.4rem;
  vertical-align: middle;
  margin-left: 2rem;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/cover;
}
#keyvisual
  .container
  .key-visual__actions
  .key-visual__btn
  a.key-visual__btn--secondary {
  display: table;
  width: auto;
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding: 1rem 4rem;
  background: #545253;
}
#keyvisual
  .container
  .key-visual__actions
  .key-visual__btn
  a.key-visual__btn--secondary:after {
  content: " ";
  display: inline-block;
  width: 0.7rem;
  height: 1.3rem;
  vertical-align: middle;
  margin-left: 1rem;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/cover;
}

@media screen and (max-width: 1400px) {
  #keyvisual .container {
    padding: 0 2rem;
  }
  #keyvisual .container h1 .key-visual__title-top {
    font-size: 2.4rem;
  }
  #keyvisual .container h1 .key-visual__title-top .key-visual__title-strong {
    font-size: 3.2rem;
  }
  #keyvisual .container h1 .key-visual__title-top .key-visual__title-text {
    font-size: 2.8rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom {
    font-size: 5.2rem;
    line-height: 1.6;
  }
  #keyvisual .container h1 .key-visual__title-bottom .key-visual__highlight {
    font-size: 6rem;
  }
  #keyvisual
    .container
    h1
    .key-visual__title-bottom
    .key-visual__highlight-nunit {
    font-size: 4.2rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom br {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #keyvisual {
    margin-bottom: 10rem;
    padding-bottom: 30rem;
  }
  #keyvisual .container h1 .key-visual__title-top {
    font-size: 2rem;
  }
  #keyvisual .container h1 .key-visual__title-top .key-visual__title-strong {
    font-size: 3rem;
  }
  #keyvisual .container h1 .key-visual__title-top .key-visual__title-text {
    font-size: 2.2rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom {
    font-size: 4rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom .key-visual__highlight {
    font-size: 5.4rem;
  }
  #keyvisual
    .container
    h1
    .key-visual__title-bottom
    .key-visual__highlight-nunit {
    font-size: 4.8rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom br {
    display: none;
  }
  #keyvisual .container .key-visual__content {
    width: 100%;
  }
  #keyvisual .container .key-visual__content .key-visual__description br {
    display: none;
  }
  #keyvisual .container .key-visual__content .key-visual__features {
    width: 60rem;
    justify-content: center;
    gap: 2rem;
  }
  #keyvisual
    .container
    .key-visual__content
    .key-visual__features
    .key-visual__feature-item
    .key-visual__note {
    top: 8rem;
    right: 5.3rem;
  }
  #keyvisual .container .key-visual__actions {
    width: 60rem;
    position: fixed;
    left: calc(50% - 30rem);
    bottom: 2rem;
    z-index: 50;
  }
  #keyvisual
    .container
    .key-visual__actions
    .key-visual__btn
    a.key-visual__btn--secondary {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #keyvisual .container h1 .key-visual__title-bottom .key-visual__highlight {
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 981px) {
  #keyvisual .container h1 .key-visual__title-bottom .key-visual__highlight {
    font-size: 5.4rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom br.sp {
    display: table;
  }
  #keyvisual .container .key-visual__content .key-visual__description br {
    display: table;
  }
}
@media screen and (max-width: 750px) {
  #keyvisual {
    margin-bottom: 100rem;
    padding: 24rem 1rem 16rem 1rem;
    background: url(../images/fv/bg_sp.webp) no-repeat left top/cover;
  }
  #keyvisual .container h1 .key-visual__title-top .key-visual__title-strong {
    display: inline-block;
    font-size: 3.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-right: 0.5rem;
    padding: 0.5rem 1.5rem 0.75rem 1.5rem;
    background: linear-gradient(
      to right,
      rgb(157, 78, 221) 0%,
      rgb(0, 180, 216) 100%
    );
  }
  #keyvisual .container h1 .key-visual__title-top .key-visual__title-text {
    font-size: 2.8rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom {
    font-size: 5rem;
    font-weight: 900;
    margin-top: 1.6rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom .key-visual__highlight {
    font-size: 6.4rem;
    font-weight: 900;
  }
  #keyvisual
    .container
    h1
    .key-visual__title-bottom
    .key-visual__highlight-nunit {
    font-size: 4.8rem;
  }
  #keyvisual .container h1 .key-visual__title-bottom br {
    display: none;
  }
  #keyvisual .container .key-visual__content {
    width: 100%;
  }
  #keyvisual .container .key-visual__content .key-visual__subtitle {
    font-size: 3.2rem;
  }
  #keyvisual .container .key-visual__content .key-visual__description {
    font-size: 2.4rem;
  }
  #keyvisual .container .key-visual__content .key-visual__features {
    width: 100%;
    gap: 2rem;
  }
  #keyvisual
    .container
    .key-visual__content
    .key-visual__features
    .key-visual__feature-item {
    display: flex;
    font-size: 1.8rem;
  }
  #keyvisual
    .container
    .key-visual__content
    .key-visual__features
    .key-visual__feature-item
    .inhouse__achievements-num {
    font-size: 4.8rem;
  }
  #keyvisual
    .container
    .key-visual__content
    .key-visual__features
    .key-visual__feature-item
    .inhouse__achievements-num
    .key-visual__unit {
    font-size: 2.4rem;
  }
  #keyvisual
    .container
    .key-visual__content
    .key-visual__features
    .key-visual__feature-item
    .key-visual__note {
    font-size: 1.6rem;
    top: 10rem;
  }
  #keyvisual
    .container
    .key-visual__content
    .key-visual__features
    .key-visual__feature-item
    .key-visual__accent {
    font-size: 2.4rem;
  }
  #keyvisual .container .key-visual__content .key-visual__meta {
    font-size: 1.2rem;
  }
  #keyvisual .container .key-visual__actions {
    bottom: 1rem;
  }
}
#inquiry_top {
  width: 54rem;
  background: #ffffff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 18rem;
  right: 0;
}
#inquiry_top .inner .mw_wp_form {
  padding: 2rem;
}
#inquiry_top .inner .mw_wp_form .inquiry__flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__left {
  width: 16rem;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__left .tag {
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  vertical-align: middle;
  margin-left: 1rem;
}
#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right {
  width: calc(100% - 16rem);
  margin-bottom: 1rem;
}
#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right input,
#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select {
  width: 100%;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  background: #f5f5f5;
}
#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right textarea {
  width: 100%;
  height: 12rem;
  padding: 1.5rem 2rem;
  background: #f5f5f5;
}
#inquiry_top .inner .mw_wp_form .inquiry__flex.textarea {
  align-items: flex-start;
}
#inquiry_top .inner .mw_wp_form .btn-main-contact {
  display: table;
  margin: 1rem auto 0 auto;
}
#inquiry_top .inner .mw_wp_form .btn-main-contact input {
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
  padding: 1.5rem 8rem;
  background: #2a2a2a;
}

@media screen and (max-width: 1400px) {
  #inquiry_top {
    width: 46rem;
    right: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  #inquiry_top {
    width: 82rem;
    left: calc(50% - 41rem);
    right: auto;
    position: absolute;
    top: 54rem;
  }
}
@media screen and (max-width: 981px) {
  #inquiry_top {
    top: 67rem;
  }
}
@media screen and (max-width: 750px) {
  #inquiry_top {
    width: calc(100% - 4rem);
    top: 74rem;
    left: 2rem;
  }
  #inquiry_top .inner .mw_wp_form {
    padding: 4rem 3.5rem 2.2rem;
  }
  #inquiry_top .inner .mw_wp_form .inquiry__flex {
    flex-flow: column;
    gap: 0.8rem;
  }
  #inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__left {
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
  #inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__left .tag {
    font-size: 1.2rem;
  }
  #inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right {
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 2.2rem;
  }
  #inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right input,
  #inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select {
    font-size: 1.8rem;
    height: 4.4rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  #inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right textarea {
    height: 10rem;
    padding: 1.2rem 1.6rem;
  }
  #inquiry_top .inner .mw_wp_form .btn-main-contact {
    height: 44px;
  }
}
#indispensable {
  padding: 22rem 0 8rem 0;
}
#indispensable .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #indispensable .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #indispensable .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #indispensable .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #indispensable .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#indispensable .container .indispensable__title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5rem;
}
#indispensable
  .container
  .indispensable__title
  .indispensable__title-highlight {
  display: table;
  font-size: 5.4rem;
  margin: 1.5rem auto 0 auto;
}
#indispensable .container .indispensable__title:after {
  content: " ";
  display: table;
  width: 64.2rem;
  height: 0.6rem;
  margin: 2rem auto 0 auto;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
}
#indispensable .container .indispensable__sub-title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
}
#indispensable .container .indispensable__text {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 5rem;
}
#indispensable .container .indispensable__graph {
  display: table;
  margin: 0 auto;
}
#indispensable .container .indispensable__graph img {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  #indispensable .container .indispensable__title {
    font-size: 3.6rem;
  }
  #indispensable
    .container
    .indispensable__title
    .indispensable__title-highlight {
    font-size: 5rem;
  }
  #indispensable .container .indispensable__title:after {
    width: 54.2rem;
  }
  #indispensable .container .indispensable__sub-title {
    font-size: 3.2rem;
  }
  #indispensable .container .indispensable__text {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  #indispensable .container .indispensable__title {
    font-size: 3.2rem;
  }
  #indispensable
    .container
    .indispensable__title
    .indispensable__title-highlight {
    font-size: 4.4rem;
  }
  #indispensable .container .indispensable__title:after {
    width: 46rem;
  }
  #indispensable .container .indispensable__sub-title {
    font-size: 2.8rem;
  }
  #indispensable .container .indispensable__text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 981px) {
  #indispensable .container .indispensable__title {
    font-size: 2.8rem;
  }
  #indispensable
    .container
    .indispensable__title
    .indispensable__title-highlight {
    font-size: 4rem;
  }
  #indispensable .container .indispensable__title:after {
    width: 40rem;
  }
  #indispensable .container .indispensable__sub-title {
    font-size: 2.4rem;
  }
  #indispensable .container .indispensable__text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 750px) {
  #indispensable {
    padding: 8rem 0;
  }
  #indispensable .container .indispensable__title {
    font-size: 3.6rem;
    margin-bottom: 5rem;
  }
  #indispensable
    .container
    .indispensable__title
    .indispensable__title-highlight {
    font-size: 4.8rem;
    line-height: 1.4;
    margin: 1.5rem auto 0 auto;
  }
  #indispensable
    .container
    .indispensable__title
    .indispensable__title-highlight
    .indispensable__title-en {
    font-size: 3.6rem;
  }
  #indispensable .container .indispensable__title:after {
    width: 100%;
  }
  #indispensable .container .indispensable__sub-title {
    font-size: 3.2rem;
  }
  #indispensable .container .indispensable__text {
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 5rem;
  }
}
#can {
  padding: 8rem 0 20rem 0;
  background:
    url(../images/can/bg.svg) no-repeat center bottom/100% auto,
    url(../images/can/bg.webp) no-repeat center center/cover;
}
#can .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #can .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #can .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #can .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #can .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#can .container .can__title {
  font-family: "Zen Old Mincho", serif;
  font-size: 4rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 3rem;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.6));
}
#can .container .can__list {
  display: table;
  font-size: 2.4rem;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  margin: 0 auto;
}
#can .container .can__list li {
  padding: 0 0 1.25rem 3.3rem;
  position: relative;
}
#can .container .can__list li:before {
  content: " ";
  display: block;
  width: 2.3rem;
  height: 1.9rem;
  background: url(../images/can/icon_check.svg) no-repeat center center/cover;
  position: absolute;
  left: 0;
  top: 1rem;
}

@media screen and (max-width: 1024px) {
  #can .container .can__list {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 981px) {
  #can {
    padding: 8rem 0 16rem 0;
  }
  #can .container .can__title {
    font-size: 3.6rem;
  }
  #can .container .can__list {
    font-size: 2rem;
  }
}
@media screen and (max-width: 750px) {
  #can {
    padding: 5rem 0 16rem 0;
  }
  #can .container .can__title {
    font-size: 3.6rem;
    line-height: 1.4;
  }
  #can .container .can__list {
    font-size: 1.8rem;
  }
  #can .container .can__list li {
    padding: 0 0 1rem 3.3rem;
  }
}
#worries {
  padding: 12rem 0 14rem 0;
}
#worries .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #worries .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #worries .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #worries .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #worries .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#worries .container .worries__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 9rem;
}
#worries .container .worries__title .worries__title-accent {
  font-family: "Zen Old Mincho", serif;
  font-size: 7.8rem;
  font-weight: 900;
  color: #232e6d;
  position: relative;
}
#worries .container .worries__title .worries__title-accent:before {
  content: " ";
  display: block;
  width: 16.1rem;
  height: 0.9rem;
  background: url(../images/worries/dot.svg) no-repeat center center/cover;
  position: relative;
  top: -1.75rem;
  left: 0.35em;
}
#worries .container .worries__sub-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 3.2rem;
  font-weight: 500;
  text-align: center;
}
#worries .container .worries__sub-title .worries__text-goal,
#worries .container .worries__sub-title .worries__text-issue {
  font-size: 2.6rem;
  font-weight: 900;
  color: #ffffff;
  padding: 1rem 2rem;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
}
#worries .container .worries__sub-title .worries__plan-badge {
  width: 100%;
  display: table;
  font-size: 3.2rem;
  font-weight: 900;
  margin: 0 auto 5rem auto;
  padding-top: 2rem;
}
#worries .container .worries__sub-title .worries__plan-badge .worries__logo {
  width: 21rem;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 0.5rem;
}
#worries
  .container
  .worries__sub-title
  .worries__plan-badge
  .worries__plan-text {
  font-size: 3.6rem;
}
#worries .container .worries__sub-title .worries__plan-badge:before {
  content: " ";
  display: inline-block;
  width: 5.25rem;
  height: 0.3rem;
  vertical-align: middle;
  margin-right: 3rem;
  background: #000;
  transform: rotate(45deg);
}
#worries .container .worries__sub-title .worries__plan-badge:after {
  content: " ";
  display: inline-block;
  width: 5.25rem;
  height: 0.3rem;
  vertical-align: middle;
  margin-left: 3rem;
  background: #000;
  transform: rotate(135deg);
}
#worries .container .worries__lead {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 12rem;
}
#worries .container .worries__list {
  gap: 4rem;
}
#worries .container .worries__list .worries__card {
  display: flex !important;
  flex-direction: column !important;
  width: calc(33.33% - 2.66rem);
  padding: 13rem 4rem 4rem 4rem;
  background: linear-gradient(
    to right,
    rgb(246, 250, 255) 0%,
    rgb(238, 247, 255) 100%
  );
  position: relative;
}
#worries .container .worries__list .worries__card:hover {
  cursor: pointer;
  opacity: 0.7;
}
#worries .container .worries__list .worries__card .worries__card-title {
  width: calc(100% - 8rem);
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  position: absolute;
  top: -6rem;
}
#worries
  .container
  .worries__list
  .worries__card
  .worries__card-title
  .worries__card-number {
  display: table;
  font-size: 8.2rem;
  font-weight: 500;
  margin: 0 auto 3rem auto;
  background: linear-gradient(
    to right,
    rgb(202, 139, 254) 0%,
    rgb(53, 216, 249) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#worries
  .container
  .worries__list
  .worries__card
  .worries__card-title
  .worries__card-label {
  font-size: 1.8rem;
  font-weight: 500;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#worries
  .container
  .worries__list
  .worries__card
  .worries__card-title
  .worries__card-label-sub {
  display: table;
  font-size: 3.2rem;
  font-weight: 500;
  margin: 1rem auto 0 auto;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#worries .container .worries__list .worries__card .worries__card-text {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 4rem 0;
}
#worries
  .container
  .worries__list
  .worries__card
  .worries__card-target
  .worries__card-target-title {
  display: table;
  font-size: 1.8rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0 auto 1.5rem auto;
  padding: 0.6rem 4rem;
  background: linear-gradient(
    to right,
    rgb(36, 42, 73) 0%,
    rgb(66, 80, 151) 100%
  );
}
#worries
  .container
  .worries__list
  .worries__card
  .worries__card-target
  .worries__card-target-content
  .worries__card-target-list {
  font-size: 1.5rem;
  font-weight: 500;
  list-style: disc;
  margin-left: 1em;
}

@media screen and (max-width: 1200px) {
  #worries .container .worries__title {
    font-size: 3.4rem;
  }
  #worries .container .worries__title .worries__title-accent {
    font-size: 7.4rem;
  }
  #worries .container .worries__title .worries__title-accent:before {
    width: 15.8rem;
    height: 0.8rem;
    top: -1.5rem;
    left: 0.4em;
  }
  #worries .container .worries__sub-title {
    font-size: 2.4rem;
  }
  #worries .container .worries__sub-title .worries__text-goal,
  #worries .container .worries__sub-title .worries__text-issue {
    font-size: 2.4rem;
    font-weight: 700;
  }
  #worries .container .worries__sub-title .worries__plan-badge {
    font-size: 3rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge .worries__logo {
    width: 19rem;
  }
  #worries
    .container
    .worries__sub-title
    .worries__plan-badge
    .worries__plan-text {
    font-size: 3.2rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge:before {
    width: 4.8rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge:after {
    width: 4.8rem;
  }
  #worries .container .worries__lead {
    font-size: 2rem;
  }
  #worries .container .worries__list {
    gap: 4rem;
  }
  #worries .container .worries__list .worries__card {
    padding: 11rem 3rem 3rem 3rem;
  }
  #worries .container .worries__list .worries__card .worries__card-title {
    width: calc(100% - 6rem);
    font-size: 1.8rem;
    top: -6rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-number {
    font-size: 7.4rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-label {
    font-size: 1.6rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-label-sub {
    font-size: 2.8rem;
  }
  #worries .container .worries__list .worries__card .worries__card-text {
    font-size: 1.6rem;
    margin: 3rem 0;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-target
    .worries__card-target-title {
    font-size: 1.6rem;
    padding: 0.6rem 3rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-target
    .worries__card-target-content
    .worries__card-target-list {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  #worries .container .worries__title {
    font-size: 3rem;
    margin-bottom: 5rem;
  }
  #worries .container .worries__title .worries__title-accent {
    font-size: 7rem;
  }
  #worries .container .worries__title .worries__title-accent:before {
    width: 14.8rem;
  }
  #worries .container .worries__sub-title {
    font-size: 2rem;
  }
  #worries .container .worries__sub-title .worries__text-goal,
  #worries .container .worries__sub-title .worries__text-issue {
    font-size: 2rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge {
    font-size: 2.4rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge .worries__logo {
    width: 16rem;
  }
  #worries
    .container
    .worries__sub-title
    .worries__plan-badge
    .worries__plan-text {
    font-size: 3rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge:before {
    width: 4.2rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge:after {
    width: 4.2rem;
  }
  #worries .container .worries__lead {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 981px) {
  #worries .container .worries__title {
    font-size: 2.8rem;
    margin-bottom: 6rem;
  }
  #worries .container .worries__title .worries__title-accent {
    font-size: 6.8rem;
  }
  #worries .container .worries__title .worries__title-accent:before {
    width: 15.1rem;
    height: 0.85rem;
    background: url(../images/worries/dot.svg) no-repeat center center/100% auto;
    top: -1.25rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge {
    font-size: 2.8rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge .worries__logo {
    width: 16rem;
  }
  #worries
    .container
    .worries__sub-title
    .worries__plan-badge
    .worries__plan-text {
    font-size: 3rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge:before {
    width: 3.25rem;
    margin-right: 2rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge:after {
    width: 3.25rem;
    margin-left: 2rem;
  }
  #worries .container .worries__lead {
    font-size: 1.6rem;
    margin-bottom: 10rem;
  }
  #worries .container .worries__list {
    gap: 2rem;
  }
  #worries .container .worries__list .worries__card {
    width: calc(33.33% - 1.33rem);
    padding: 9rem 1.5rem 3rem 1.5rem;
  }
  #worries .container .worries__list .worries__card .worries__card-title {
    width: calc(100% - 3rem);
    font-size: 1.6rem;
    top: -5rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-number {
    font-size: 6.4rem;
    margin: 0 auto 2rem auto;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-label {
    font-size: 1.4rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-label-sub {
    font-size: 2.2rem;
  }
  #worries .container .worries__list .worries__card .worries__card-text {
    font-size: 1.5rem;
    margin: 3rem 0;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-target
    .worries__card-target-title {
    font-size: 1.6rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-target
    .worries__card-target-content
    .worries__card-target-list {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 750px) {
  #worries {
    padding: 8rem 0 14rem 0;
  }
  #worries .container .worries__title {
    flex-flow: column;
    gap: 0.7rem;
    font-size: 3.6rem;
    margin-bottom: 9rem;
  }
  #worries .container .worries__title .worries__title-accent {
    font-size: 7.8rem;
    padding: 2.6rem 0 1.5rem 0;
  }
  #worries .container .worries__title .worries__title-accent:before {
    width: 16.1rem;
    background: url(../images/worries/dot.svg) no-repeat center center/100% auto;
    top: -1.5rem;
    left: 0.35em;
  }
  #worries .container .worries__sub-title {
    font-size: 2.4rem;
  }
  #worries .container .worries__sub-title .worries__text-goal,
  #worries .container .worries__sub-title .worries__text-issue {
    font-size: 2.6rem;
    padding: 1rem 2rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge {
    width: auto;
    display: table;
    font-size: 3.2rem;
    text-align: center;
    margin: 0 auto 5rem auto;
    padding-top: 4rem;
    position: relative;
  }
  #worries .container .worries__sub-title .worries__plan-badge .worries__logo {
    width: 21rem;
    vertical-align: bottom;
    margin-right: 0.5rem;
  }
  #worries
    .container
    .worries__sub-title
    .worries__plan-badge
    .worries__plan-text {
    display: table;
    font-size: 3.6rem;
    margin-top: 1.5rem;
  }
  #worries .container .worries__sub-title .worries__plan-badge:before {
    width: 5.25rem;
    height: 0.3rem;
    position: absolute;
    top: 7rem;
    left: 0;
  }
  #worries .container .worries__sub-title .worries__plan-badge:after {
    width: 5.25rem;
    height: 0.3rem;
    position: absolute;
    top: 7rem;
    right: 0;
  }
  #worries .container .worries__lead {
    font-size: 2.4rem;
    margin-bottom: 5rem;
  }
  #worries .container .worries__list {
    flex-flow: column;
    gap: 4rem;
  }
  #worries .container .worries__list .worries__card {
    width: 100%;
    margin-top: 7rem;
    padding: 14rem 4rem 4rem 4rem;
  }
  #worries .container .worries__list .worries__card .worries__card-title {
    width: calc(100% - 8rem);
    font-size: 2rem;
    top: -6rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-number {
    font-size: 8.2rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-label {
    font-size: 2.8rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-title
    .worries__card-label-sub {
    font-size: 4.2rem;
  }
  #worries .container .worries__list .worries__card .worries__card-text {
    font-size: 1.8rem;
    margin: 4rem 0;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-target
    .worries__card-target-title {
    font-size: 1.8rem;
    margin: 0 auto 1.5rem auto;
    padding: 0.6rem 4rem;
  }
  #worries
    .container
    .worries__list
    .worries__card
    .worries__card-target
    .worries__card-target-content
    .worries__card-target-list {
    font-size: 1.5rem;
  }
}
#e-learning {
  padding: 12rem 0 18rem 0;
  background: #f7f7f7;
}
#e-learning .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #e-learning .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #e-learning .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #e-learning .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #e-learning .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#e-learning .container {
  position: relative;
}
#e-learning .container .learning__illust {
  position: absolute;
  top: -18rem;
  left: -13rem;
}
#e-learning .container .learning__header {
  margin-left: 38rem;
  padding-bottom: 9rem;
}
#e-learning .container .learning__header .learning__title {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 4rem;
}
#e-learning .container .learning__header .learning__title .learning__title-sub {
  display: table;
  font-family: "Zen Old Mincho", serif;
  font-size: 8.2rem;
  margin-top: 1rem;
}
#e-learning .container .learning__header .learning__lead {
  font-size: 3.2rem;
  font-weight: 500;
}
#e-learning .container .learning__features {
  gap: 5rem;
  margin: 6rem 0 5rem 0;
}
#e-learning .container .learning__features .learning__feature-item {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: calc(50% - 2.5rem);
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-icon {
  width: 30rem;
  padding: 0.3rem;
  aspect-ratio: 1/1;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  border-radius: 50%;
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-icon
  span {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  background: #ffffff;
  border-radius: 50%;
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-icon
  span
  img {
  width: 60%;
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-desc {
  width: calc(100% - 33rem);
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-desc
  .learning__feature-label {
  font-size: 3.2rem;
  font-weight: 500;
  margin-bottom: 1.75rem;
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-desc
  .learning__feature-text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-desc
  .learning__feature-text
  .learning__time-info
  .learning__time-label {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-desc
  .learning__feature-text
  .learning__time-info
  .learning__time-value {
  font-size: 3.2rem;
}
#e-learning
  .container
  .learning__features
  .learning__feature-item
  .learning__feature-desc
  .learning__feature-text
  .learning__time-info
  .learning__time-value
  .learning__time-note {
  display: block;
  font-size: 1.4rem;
  margin-top: 1rem;
}
#e-learning .container .learning__grid {
  display: flex;
  flex-flow: column;
  gap: 9rem;
  padding-top: 10rem;
}
#e-learning .container .learning__grid .learning__point {
  padding: 10rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
  position: relative;
}
#e-learning
  .container
  .learning__grid
  .learning__point
  .learning__point-content {
  width: calc(100% - 51rem);
}
#e-learning
  .container
  .learning__grid
  .learning__point
  .learning__point-content
  .learning__point-title {
  font-size: 3.2rem;
  font-weight: 500;
  color: #333d70;
  margin-bottom: 2rem;
}
#e-learning
  .container
  .learning__grid
  .learning__point
  .learning__point-content
  .learning__point-title
  .learning__point-num {
  font-size: 12rem;
  font-weight: 400;
  background: linear-gradient(
    to right,
    rgb(202, 139, 254) 0%,
    rgb(53, 216, 249) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -6rem;
  left: 3rem;
}
#e-learning
  .container
  .learning__grid
  .learning__point
  .learning__point-content
  .learning__point-title
  .learning__point-accent {
  font-size: 3.8rem;
}
#e-learning
  .container
  .learning__grid
  .learning__point
  .learning__point-content
  .learning__point-text {
  font-size: 1.8rem;
}
#e-learning .container .learning__grid .learning__point .learning__point-image {
  position: absolute;
  bottom: 4rem;
  right: 4rem;
}
#e-learning
  .container
  .learning__grid
  .learning__point:nth-of-type(2)
  .learning__point-content {
  margin-left: 50rem;
}
#e-learning
  .container
  .learning__grid
  .learning__point:nth-of-type(2)
  .learning__point-content
  .learning__point-title
  .learning__point-num {
  position: absolute;
  top: -6rem;
  left: auto;
  right: 3rem;
}
#e-learning
  .container
  .learning__grid
  .learning__point:nth-of-type(2)
  .learning__point-image {
  left: 4rem;
  right: auto;
}
#e-learning .container .learning__summary-title {
  font-family: "Zen Old Mincho", serif;
  font-size: 8.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  margin-top: 10rem;
}
#e-learning .container .learning__summary-title .learning__summary-accent {
  display: table;
  font-family: "Roboto", "Noto Sans JP", serif;
  font-size: 4.8rem;
  font-weight: 700;
  margin: 0 auto 4rem auto;
}
#e-learning
  .container
  .learning__summary-title
  .learning__summary-accent:before {
  content: " ";
  display: inline-block;
  width: 5.2rem;
  height: 0.3rem;
  vertical-align: middle;
  margin-left: 2rem;
  background: #000000;
  transform: rotate(45deg);
}
#e-learning
  .container
  .learning__summary-title
  .learning__summary-accent:after {
  content: " ";
  display: inline-block;
  width: 5.2rem;
  height: 0.3rem;
  vertical-align: middle;
  margin-right: 2rem;
  background: #000000;
  transform: rotate(135deg);
}
#e-learning .container .learning__summary-title .learning__summary-note {
  font-size: 6.4rem;
}
#e-learning .container .learning__stats {
  gap: 3rem;
  margin: 4rem 0 12rem 0;
}
#e-learning .container .learning__stats .learning__stats-item {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: calc(50% - 2rem);
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-icon {
  width: 18rem;
  padding: 0.3rem;
  aspect-ratio: 1/1;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  border-radius: 50%;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-icon
  span {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  background: #ffffff;
  border-radius: 50%;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-icon
  span
  img {
  width: 60%;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-desc {
  width: calc(100% - 20rem);
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-desc
  .learning__stats-label {
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 1.75rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-desc
  .learning__stats-text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-desc
  .learning__stats-text
  .learning__time-info
  .learning__time-label {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-desc
  .learning__stats-text
  .learning__time-info
  .learning__time-value {
  font-size: 3.2rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item
  .learning__stats-desc
  .learning__stats-text
  .learning__time-info
  .learning__time-value
  .learning__time-note {
  display: block;
  font-size: 1.4rem;
  margin-top: 1rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item:first-of-type
  .learning__stats-icon
  span
  img {
  width: 11rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item:nth-of-type(2)
  .learning__stats-icon
  span
  img {
  width: 12rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item:nth-of-type(2)
  .learning__stats-desc
  .learning__stats-text {
  font-size: 3.2rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item:last-of-type
  .learning__stats-desc
  .learning__stats-text {
  font-size: 1.8rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item:last-of-type
  .learning__stats-desc
  .learning__stats-text
  .learning__stats-accent {
  font-size: 3.2rem;
}
#e-learning .container .learning__curriculum-title {
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  margin-top: 10rem;
  margin-bottom: 4rem;
}
#e-learning .container .learning__slide-nav {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 4rem;
  list-style: none;
  padding: 0;
  position: relative;
  z-index: 100;
}
#e-learning
  .container
  .learning__slide-nav
  .learning__slide-nav-item
  .learning__slide-nav-link {
  display: block;
  font-size: 1.6rem;
  color: #fff;
  text-decoration: none;
  padding: 0.75rem 2rem;
  background: linear-gradient(
    to right,
    rgb(36, 42, 73) 0%,
    rgb(66, 80, 151) 100%
  );
  transition: all 0.3s;
  cursor: pointer !important;
}
#e-learning
  .container
  .learning__slide-nav
  .learning__slide-nav-item
  .learning__slide-nav-link.is-active {
  opacity: 0.5;
  pointer-events: none;
}
#e-learning .container .learning__slide-wrapper {
  --wmp-learning-nav-offset: 8.4rem;
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding-top: var(--wmp-learning-nav-offset);
  margin: 0 auto;
}
#e-learning .container .learning__slide-wrapper .learning__slide-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
}
#e-learning .container .learning__slide-wrapper .learning__slide.swiper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#e-learning .container .learning__slide-wrapper .swiper-button-prev,
#e-learning .container .learning__slide-wrapper .swiper-button-next {
  position: absolute;
  top: calc(50% + (var(--wmp-learning-nav-offset) / 2));
  transform: translateY(-50%);
  margin-top: 0 !important;
  width: 5rem;
  height: 5rem;
  z-index: 110;
  cursor: pointer !important;
  background: transparent !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#e-learning .container .learning__slide-wrapper .swiper-button-prev::after,
#e-learning .container .learning__slide-wrapper .swiper-button-next::after {
  display: none !important;
  content: "";
}
#e-learning .container .learning__slide-wrapper .swiper-button-prev::before,
#e-learning .container .learning__slide-wrapper .swiper-button-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  border-top: 0.2rem solid #000;
  border-left: 0.2rem solid #000;
  display: block;
}
#e-learning
  .container
  .learning__slide-wrapper
  .swiper-button-prev.swiper-button-prev,
#e-learning
  .container
  .learning__slide-wrapper
  .swiper-button-next.swiper-button-prev {
  left: -1rem;
}
#e-learning
  .container
  .learning__slide-wrapper
  .swiper-button-prev.swiper-button-prev::before,
#e-learning
  .container
  .learning__slide-wrapper
  .swiper-button-next.swiper-button-prev::before {
  transform: translate(-30%, -50%) rotate(-45deg);
}
#e-learning
  .container
  .learning__slide-wrapper
  .swiper-button-prev.swiper-button-next,
#e-learning
  .container
  .learning__slide-wrapper
  .swiper-button-next.swiper-button-next {
  right: -0.5rem;
}
#e-learning
  .container
  .learning__slide-wrapper
  .swiper-button-prev.swiper-button-next::before,
#e-learning
  .container
  .learning__slide-wrapper
  .swiper-button-next.swiper-button-next::before {
  transform: translate(-70%, -50%) rotate(135deg);
}
@media screen and (min-width: 751px) {
  #e-learning .container .learning__slide-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1000px) minmax(0, 1fr);
    grid-template-rows: auto auto;
    row-gap: 4rem;
    padding-top: 0;
  }
  #e-learning .container .learning__slide-wrapper .learning__slide-nav {
    position: static;
    grid-column: 1/-1;
    grid-row: 1;
    margin-bottom: 0;
  }
  #e-learning .container .learning__slide-wrapper .learning__slide.swiper {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
  }
  #e-learning .container .learning__slide-wrapper .swiper-button-prev,
  #e-learning .container .learning__slide-wrapper .swiper-button-next {
    position: static;
    top: auto;
    transform: none;
    align-self: center;
  }
  #e-learning
    .container
    .learning__slide-wrapper
    .swiper-button-prev.swiper-button-prev,
  #e-learning
    .container
    .learning__slide-wrapper
    .swiper-button-next.swiper-button-prev {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
    margin-right: 6rem !important;
    left: auto;
  }
  #e-learning
    .container
    .learning__slide-wrapper
    .swiper-button-prev.swiper-button-next,
  #e-learning
    .container
    .learning__slide-wrapper
    .swiper-button-next.swiper-button-next {
    grid-column: 3;
    grid-row: 2;
    justify-self: start;
    margin-left: 5.5rem !important;
    right: auto;
  }
}
#e-learning .container .swiper-wrapper {
  display: flex !important;
}
#e-learning .container .learning__course.swiper-slide {
  width: 100% !important;
  height: auto !important;
  padding: 0.3rem;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  box-sizing: border-box;
}
#e-learning .container .learning__course.swiper-slide .learning__course--inner {
  display: flex;
  flex-flow: column;
  height: 100%;
  padding: 6rem 5rem;
  background: #ffffff;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-title {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1rem;
  font-size: 2.8rem;
  margin-bottom: 5rem;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-title
  .learning__course-num {
  font-size: 5.4rem;
  line-height: 1;
  font-family: "Zen Old Mincho", serif;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-title
  small {
  font-size: 2rem;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-note {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 3rem;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-grid {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-grid
  .learning__curriculum-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 3rem);
  font-size: 1.8rem;
  border-bottom: 0.1rem solid #000000;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-grid
  .learning__curriculum-list
  .learning__curriculum-term {
  width: 4em;
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-top: 0.1rem solid #000000;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-grid
  .learning__curriculum-list
  .learning__curriculum-term:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-grid
  .learning__curriculum-list
  .learning__curriculum-desc {
  width: calc(100% - 4em);
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-top: 0.1rem solid #000000;
}
#e-learning
  .container
  .learning__course.swiper-slide
  .learning__course--inner
  .learning__course-grid
  .learning__curriculum-list
  .learning__curriculum-desc:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
#e-learning
  .container
  .learning__course.swiper-slide.lat-slide
  .learning__course--inner
  .learning__course-grid {
  display: flex;
  flex-flow: column;
}
#e-learning
  .container
  .learning__course.swiper-slide.lat-slide
  .learning__course--inner
  .learning__course-grid
  .learning__curriculum-list {
  width: 100%;
}
#e-learning
  .container
  .learning__course.swiper-slide.lat-slide
  .learning__course--inner
  .learning__course-grid
  .learning__curriculum-list
  .learning__curriculum-term {
  width: 16em;
}
#e-learning
  .container
  .learning__course.swiper-slide.lat-slide
  .learning__course--inner
  .learning__course-grid
  .learning__curriculum-list
  .learning__curriculum-desc {
  width: calc(100% - 16em);
}

@media screen and (max-width: 1200px) {
  #e-learning .container .learning__header {
    margin-left: 38rem;
    padding-bottom: 9rem;
  }
  #e-learning .container .learning__header .learning__title {
    font-size: 3.6rem;
  }
  #e-learning
    .container
    .learning__header
    .learning__title
    .learning__title-sub {
    font-size: 7.8rem;
  }
  #e-learning .container .learning__header .learning__lead {
    font-size: 2.4rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-icon {
    width: 24rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-icon
    span
    img {
    width: 60%;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc {
    width: calc(100% - 27rem);
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-label {
    font-size: 2.8rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text {
    font-size: 1.6rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info
    .learning__time-label {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info
    .learning__time-value {
    font-size: 2.4rem;
  }
  #e-learning .container .learning__grid .learning__point {
    padding: 9rem 4rem 8rem 4rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content {
    width: calc(100% - 47rem);
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title {
    font-size: 2.8rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title
    .learning__point-num {
    font-size: 10rem;
    top: -5rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title
    .learning__point-accent {
    font-size: 3.2rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-text {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-image {
    width: 38rem;
    bottom: 4rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-image
    img {
    width: 100%;
    vertical-align: bottom;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-content {
    margin-left: 42rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-content
    .learning__point-title
    .learning__point-num {
    top: -5rem;
  }
  #e-learning .container .learning__summary-title {
    font-size: 6.2rem;
  }
  #e-learning .container .learning__summary-title .learning__summary-accent {
    font-size: 3.8rem;
  }
  #e-learning
    .container
    .learning__summary-title
    .learning__summary-accent:before {
    width: 3.8rem;
  }
  #e-learning
    .container
    .learning__summary-title
    .learning__summary-accent:after {
    width: 3.8rem;
  }
  #e-learning .container .learning__summary-title .learning__summary-note {
    font-size: 5.4rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-icon {
    width: 14rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-icon
    span
    img {
    width: 60%;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc {
    width: calc(100% - 17rem);
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-label {
    font-size: 2.4rem;
    margin-bottom: 1.25rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.6rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-text
    .learning__time-info
    .learning__time-label {
    font-size: 1.6rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-text
    .learning__time-info
    .learning__time-value {
    font-size: 2.8rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:first-of-type
    .learning__stats-icon
    span
    img {
    width: 60%;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:nth-of-type(2)
    .learning__stats-icon
    span
    img {
    width: 60%;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:nth-of-type(2)
    .learning__stats-desc
    .learning__stats-text {
    font-size: 2.6rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-text
    .learning__stats-accent {
    font-size: 3.2rem;
  }
  #e-learning .container .learning__curriculum-title {
    font-size: 2.8rem;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner {
    padding: 4rem;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner
    .learning__course-title {
    font-size: 2.4rem;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner
    .learning__course-title
    .learning__course-part {
    font-size: 2.4rem;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner
    .learning__course-title
    .learning__course-part
    .learning__course-num {
    font-size: 4.2rem;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner
    .learning__curriculum-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 3rem);
    font-size: 1.8rem;
    border-bottom: 0.1rem solid #000000;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner
    .learning__curriculum-list
    .learning__curriculum-term {
    width: 4em;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-top: 0.1rem solid #000000;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner
    .learning__curriculum-list
    .learning__curriculum-term:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner
    .learning__curriculum-list
    .learning__curriculum-desc {
    width: calc(100% - 4em);
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-top: 0.1rem solid #000000;
  }
  #e-learning
    .container
    .learning__slide
    .learning__course
    .learning__course--inner
    .learning__curriculum-list
    .learning__curriculum-desc:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}
@media screen and (max-width: 1024px) {
  #e-learning .container .learning__illust {
    width: 38rem;
  }
  #e-learning .container .learning__illust img {
    width: 100%;
  }
  #e-learning .container .learning__header {
    margin-left: 35rem;
    padding-bottom: 7rem;
  }
  #e-learning .container .learning__header .learning__title {
    font-size: 3.2rem;
  }
  #e-learning
    .container
    .learning__header
    .learning__title
    .learning__title-sub {
    font-size: 6.8rem;
  }
  #e-learning .container .learning__header .learning__lead {
    font-size: 2rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-icon {
    width: 20rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc {
    width: calc(100% - 23rem);
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-label {
    font-size: 2.4rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info
    .learning__time-label {
    font-size: 1.6rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info
    .learning__time-value {
    font-size: 2.2rem;
  }
  #e-learning .container .learning__grid .learning__point {
    padding: 8rem 4rem 5rem 4rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content {
    width: calc(100% - 41rem);
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title {
    font-size: 2.6rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title
    .learning__point-num {
    font-size: 10rem;
    top: -5rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title
    .learning__point-accent {
    font-size: 3rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-text {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-image {
    width: 32rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-content {
    margin-left: 37rem;
  }
  #e-learning .container .learning__summary-title {
    font-size: 5.2rem;
  }
  #e-learning .container .learning__summary-title .learning__summary-accent {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  #e-learning
    .container
    .learning__summary-title
    .learning__summary-accent:before {
    width: 3rem;
  }
  #e-learning
    .container
    .learning__summary-title
    .learning__summary-accent:after {
    width: 3rem;
  }
  #e-learning .container .learning__summary-title .learning__summary-note {
    font-size: 4.2rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-label {
    font-size: 2.2rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-text
    .learning__time-info
    .learning__time-value {
    font-size: 2.4rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:nth-of-type(2)
    .learning__stats-desc
    .learning__stats-text {
    font-size: 2.4rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.6rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-text
    .learning__stats-accent {
    font-size: 3rem;
  }
  #e-learning .container .learning__curriculum-title {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 981px) {
  #e-learning .container .learning__illust {
    width: 32rem;
    left: -11rem;
  }
  #e-learning .container .learning__header {
    margin-left: 26rem;
    padding-bottom: 5rem;
  }
  #e-learning .container .learning__header .learning__title {
    font-size: 3rem;
  }
  #e-learning
    .container
    .learning__header
    .learning__title
    .learning__title-sub {
    font-size: 5.8rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-icon {
    width: 14rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc {
    width: calc(100% - 17rem);
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-label {
    font-size: 2rem;
    font-weight: 600;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info
    .learning__time-value {
    font-size: 2rem;
  }
  #e-learning .container .learning__grid .learning__point {
    padding: 6rem 2rem 4rem 2rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content {
    width: calc(100% - 31rem);
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title {
    font-size: 2rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title
    .learning__point-num {
    font-size: 8rem;
    top: -4rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title
    .learning__point-accent {
    font-size: 2.6rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-text {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-image {
    width: 26rem;
    bottom: 2rem;
    right: 2rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-content {
    margin-left: 29rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-content
    .learning__point-title
    .learning__point-num {
    top: -4rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-image {
    left: 2rem;
  }
  #e-learning .container .learning__summary-title {
    font-size: 5.2rem;
  }
  #e-learning .container .learning__summary-title .learning__summary-accent {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  #e-learning
    .container
    .learning__summary-title
    .learning__summary-accent:before {
    width: 3rem;
  }
  #e-learning
    .container
    .learning__summary-title
    .learning__summary-accent:after {
    width: 3rem;
  }
  #e-learning .container .learning__summary-title .learning__summary-note {
    font-size: 4.2rem;
  }
  #e-learning .container .learning__stats {
    margin-bottom: 5rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-icon {
    width: 10rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc {
    width: calc(100% - 12rem);
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-label {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.4rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-text
    .learning__time-info
    .learning__time-value {
    font-size: 2.2rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:nth-of-type(2)
    .learning__stats-desc
    .learning__stats-text {
    font-size: 2.2rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-text
    .learning__stats-accent {
    font-size: 2.6rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-title {
    font-size: 2.4rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-title
    small {
    font-size: 1.4rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-note {
    display: block;
    font-size: 1.2rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid {
    gap: 2rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list {
    width: calc(50% - 1rem);
    font-size: 1.6rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-term {
    width: 4em;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-top: 0.1rem solid #000000;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-term:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-desc {
    width: calc(100% - 4em);
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-top: 0.1rem solid #000000;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-desc:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  #e-learning
    .container
    .learning__course.swiper-slide.lat-slide
    .learning__course--inner
    .learning__course-grid {
    display: flex;
    flex-flow: column;
  }
  #e-learning
    .container
    .learning__course.swiper-slide.lat-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list {
    width: 100%;
  }
  #e-learning
    .container
    .learning__course.swiper-slide.lat-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-term {
    width: 16em;
  }
  #e-learning
    .container
    .learning__course.swiper-slide.lat-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-desc {
    width: calc(100% - 16em);
  }
}
@media screen and (max-width: 750px) {
  #e-learning .container .learning__slide-wrapper {
    --wmp-learning-nav-offset: 0rem;
    padding-top: 0;
  }
  #e-learning {
    padding: 51rem 0 14rem 0;
  }
  #e-learning .container .learning__illust {
    position: absolute;
    width: 47rem;
    top: -60rem;
    left: calc(50% - 23.5rem);
  }
  #e-learning .container .learning__header {
    margin-left: 0;
    padding-bottom: 0;
  }
  #e-learning .container .learning__header .learning__title {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
  #e-learning
    .container
    .learning__header
    .learning__title
    .learning__title-sub {
    font-size: 7.2rem;
    margin-top: 1rem;
  }
  #e-learning .container .learning__header .learning__lead {
    font-size: 3.2rem;
  }
  #e-learning .container .learning__features {
    gap: 5rem;
    margin: 5rem 0;
  }
  #e-learning .container .learning__features .learning__feature-item {
    flex-flow: column;
    gap: 2rem;
    width: calc(50% - 2.5rem);
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-icon {
    width: 20rem;
    padding: 0.2rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc {
    width: 100%;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-label {
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: 1.75rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info {
    display: table;
    text-align: center;
    margin: 0 auto;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info
    .learning__time-label {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info
    .learning__time-value {
    font-size: 3.2rem;
  }
  #e-learning
    .container
    .learning__features
    .learning__feature-item
    .learning__feature-desc
    .learning__feature-text
    .learning__time-info
    .learning__time-value
    .learning__time-note {
    display: block;
    font-size: 1.4rem;
    margin-top: 1rem;
  }
  #e-learning .container .learning__grid {
    display: flex;
    flex-flow: column;
    gap: 7rem;
    padding-top: 10rem;
  }
  #e-learning .container .learning__grid .learning__point {
    padding: 6rem 3rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content {
    width: 100%;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title {
    font-size: 3.2rem;
    margin-bottom: 2rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title
    .learning__point-num {
    font-size: 11rem;
    font-weight: 400;
    top: -6rem;
    left: auto;
    right: 3rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-title
    .learning__point-accent {
    font-size: 3.8rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-content
    .learning__point-text {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point
    .learning__point-image {
    display: none;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-content {
    margin-left: 0;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-content
    .learning__point-title
    .learning__point-num {
    position: absolute;
    top: -6rem;
    left: auto;
    right: 3rem;
  }
  #e-learning
    .container
    .learning__grid
    .learning__point:nth-of-type(2)
    .learning__point-image {
    display: none;
  }
  #e-learning .container .learning__summary-title {
    font-size: 6.2rem;
    margin-top: 9rem;
  }
  #e-learning .container .learning__summary-title .learning__summary-accent {
    font-size: 4.8rem;
    margin: 0 auto 5rem auto;
    position: relative;
  }
  #e-learning
    .container
    .learning__summary-title
    .learning__summary-accent:before {
    width: 5.2rem;
    height: 0.3rem;
    transform: rotate(45deg);
    position: absolute;
    top: 10rem;
    left: -10rem;
  }
  #e-learning
    .container
    .learning__summary-title
    .learning__summary-accent:after {
    width: 5.2rem;
    height: 0.3rem;
    position: absolute;
    top: 10rem;
    right: -10rem;
  }
  #e-learning .container .learning__summary-title .learning__summary-note {
    font-size: 3.8rem;
  }
  #e-learning .container .learning__stats {
    gap: 3rem;
    margin: 5rem 0 9rem 0;
  }
  #e-learning .container .learning__stats .learning__stats-item {
    flex-flow: column;
    width: calc(33.33% - 2rem);
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-icon {
    width: 18rem;
    padding: 0.2rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc {
    width: 100%;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-label {
    font-size: 3rem;
    text-align: center;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.8rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:nth-of-type(2)
    .learning__stats-desc
    .learning__stats-text {
    font-size: 3.2rem;
    text-align: center;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.8rem;
    text-align: center;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-text
    .learning__stats-accent {
    font-size: 3.2rem;
  }
  #e-learning .container .learning__curriculum-title {
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }
  #e-learning .container .learning__slide-nav {
    display: none;
  }
  #e-learning .container .learning__slide-wrapper .swiper-button-prev,
  #e-learning .container .learning__slide-wrapper .swiper-button-next {
    width: 3.8rem;
    height: 3.8rem;
    font-weight: 300;
    top: 0 !important;
    bottom: 0 !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    transform: none !important;
  }
  #e-learning .container .learning__slide-wrapper .swiper-button-prev::after,
  #e-learning .container .learning__slide-wrapper .swiper-button-next::after {
    font-size: 3rem;
  }
  #e-learning .container .learning__slide-wrapper .swiper-button-prev::before,
  #e-learning .container .learning__slide-wrapper .swiper-button-next::before {
    width: 3.2rem;
    height: 3.2rem;
    border-top-width: 0.16rem;
    border-left-width: 0.16rem;
  }
  #e-learning .container .learning__slide-wrapper .swiper-button-prev,
  #e-learning .container .learning__slide-wrapper .swiper-button-next {
    background: transparent !important;
  }
  #e-learning
    .container
    .learning__slide-wrapper
    .swiper-button-prev.swiper-button-prev,
  #e-learning
    .container
    .learning__slide-wrapper
    .swiper-button-next.swiper-button-prev {
    left: -5rem !important;
  }
  #e-learning
    .container
    .learning__slide-wrapper
    .swiper-button-prev.swiper-button-next,
  #e-learning
    .container
    .learning__slide-wrapper
    .swiper-button-next.swiper-button-next {
    right: -5rem !important;
  }
  #e-learning .container .swiper-wrapper {
    display: flex !important;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-title {
    flex-flow: column;
    align-items: center;
    font-size: 2.8rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-title
    .learning__course-part
    .learning__course-num {
    font-size: 5.4rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-title
    small {
    font-size: 1.2rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-note {
    font-size: 1.2rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid {
    flex-flow: column;
    gap: 1.5rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list {
    width: 100%;
    font-size: 2rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-desc {
    margin-bottom: 1.8rem;
  }
  #e-learning
    .container
    .learning__course.swiper-slide.lat-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list {
    width: 100%;
    flex-flow: column;
  }
  #e-learning
    .container
    .learning__course.swiper-slide.lat-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-term {
    width: 100%;
    margin-bottom: 0;
  }
  #e-learning
    .container
    .learning__course.swiper-slide.lat-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-desc {
    width: 100%;
    border-top: none;
  }
  #e-learning
    .container
    .learning__course.swiper-slide.lat-slide
    .learning__course--inner
    .learning__course-grid
    .learning__curriculum-list
    .learning__curriculum-desc:first-of-type {
    padding-top: 1.5rem;
  }
}
#in-house {
  padding: 14rem 0;
}
#in-house .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #in-house .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #in-house .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #in-house .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #in-house .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#in-house .container {
  position: relative;
}
#in-house .container .inhouse__illust {
  position: absolute;
  top: -24rem;
  left: -13rem;
}
#in-house .container .inhouse__header {
  gap: 3rem;
  margin-left: 38rem;
  padding-bottom: 9rem;
}
#in-house .container .inhouse__header .inhouse__header-main {
  width: calc(100% - 19.5rem);
}
#in-house .container .inhouse__header .inhouse__header-main .inhouse__title {
  font-family: "Zen Old Mincho", serif;
  font-size: 8.2rem;
  font-weight: 900;
  margin-bottom: 4rem;
}
#in-house
  .container
  .inhouse__header
  .inhouse__header-main
  .inhouse__lead-large {
  font-size: 3.2rem;
  font-weight: 500;
  margin-bottom: 3rem;
}
#in-house
  .container
  .inhouse__header
  .inhouse__header-main
  .inhouse__lead-text {
  font-size: 2.4rem;
}
#in-house .container .inhouse__header .inhouse__achievements {
  width: 16.5rem;
}
#in-house
  .container
  .inhouse__header
  .inhouse__achievements
  .inhouse__achievements-list {
  display: flex;
  flex-flow: column;
  gap: 1.68rem;
}
#in-house
  .container
  .inhouse__header
  .inhouse__achievements
  .inhouse__achievements-list
  .inhouse__achievements-item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  font-size: 1.4rem;
  font-weight: 400;
  color: #3c1e0a;
  background: url(../images/common/emblem.svg) no-repeat center center/cover;
}
#in-house
  .container
  .inhouse__header
  .inhouse__achievements
  .inhouse__achievements-list
  .inhouse__achievements-item
  .inhouse__achievements-num {
  display: inline-block;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 auto;
  background: linear-gradient(
    to right,
    rgb(60, 30, 10) 0%,
    rgb(110, 70, 30) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#in-house
  .container
  .inhouse__header
  .inhouse__achievements
  .inhouse__achievements-list
  .inhouse__achievements-item
  .inhouse__achievements-num
  .inhouse__achievements-parsent {
  font-size: 1.8rem;
  font-weight: 400;
}
#in-house
  .container
  .inhouse__header
  .inhouse__achievements
  .inhouse__achievements-list
  .inhouse__achievements-item
  .inhouse__achievements-accent {
  display: inline-block;
  font-size: 1.88rem;
  font-weight: 700;
  background: linear-gradient(
    to right,
    rgb(60, 30, 10) 0%,
    rgb(110, 70, 30) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#in-house .container .inhouse__content-summary {
  align-items: center;
  gap: 3rem;
}
#in-house .container .inhouse__content-summary .inhouse__content-label {
  font-size: 2rem;
  font-weight: 400;
  padding: 0.3rem;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
}
#in-house .container .inhouse__content-summary .inhouse__content-label span {
  display: block;
  padding: 0.6rem 3rem;
  background: #ffffff;
}
#in-house .container .inhouse__content-summary .inhouse__content-text {
  font-size: 2.8rem;
  font-weight: 700;
}
#in-house .container .inhouse__points {
  display: flex;
  flex-flow: column;
  gap: 9rem;
  padding-top: 10rem;
}
#in-house .container .inhouse__points .inhouse__point {
  padding: 10rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
  position: relative;
}
#in-house .container .inhouse__points .inhouse__point .inhouse__point-body {
  width: 100%;
}
#in-house
  .container
  .inhouse__points
  .inhouse__point
  .inhouse__point-body
  .inhouse__point-title {
  font-size: 3.2rem;
  font-size: 500;
  color: #333d70;
  margin-bottom: 2rem;
}
#in-house
  .container
  .inhouse__points
  .inhouse__point
  .inhouse__point-body
  .inhouse__point-title
  .inhouse__point-num {
  font-size: 12rem;
  font-weight: 400;
  background: linear-gradient(
    to right,
    rgb(202, 139, 254) 0%,
    rgb(53, 216, 249) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -6rem;
  left: 3rem;
}
#in-house
  .container
  .inhouse__points
  .inhouse__point
  .inhouse__point-body
  .inhouse__point-title
  .inhouse__point-accent {
  font-size: 3.8rem;
}
#in-house
  .container
  .inhouse__points
  .inhouse__point
  .inhouse__point-body
  .inhouse__point-text {
  font-size: 1.8rem;
}
#in-house .container .inhouse__points .inhouse__point .inhouse__point-image {
  position: absolute;
  bottom: 4rem;
  right: 4rem;
}
#in-house
  .container
  .inhouse__points
  .inhouse__point:nth-of-type(2)
  .inhouse__point-body {
  margin-left: 46rem;
}
#in-house
  .container
  .inhouse__points
  .inhouse__point:nth-of-type(2)
  .inhouse__point-body
  .inhouse__point-title
  .inhouse__point-num {
  position: absolute;
  top: -6rem;
  left: auto;
  right: 3rem;
}
#in-house
  .container
  .inhouse__points
  .inhouse__point:nth-of-type(2)
  .inhouse__point-image {
  left: 4rem;
  right: auto;
}
#in-house .container .inhouse__footer-text {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  margin: 11rem 0 5rem 0;
}
#in-house .container .inhouse__result-text {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
#in-house .container .inhouse__result-text .inhouse__result-highlight {
  display: table;
  font-size: 4.2rem;
  font-weight: 700;
  margin: 1.5rem auto 0 auto;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 1200px) {
  #in-house .container .inhouse__illust {
    width: 34rem;
  }
  #in-house .container .inhouse__illust img {
    width: 100%;
  }
  #in-house .container .inhouse__header {
    margin-left: 29rem;
  }
  #in-house .container .inhouse__header .inhouse__header-main .inhouse__title {
    font-size: 7.4rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__header-main
    .inhouse__lead-large {
    font-size: 2.8rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__header-main
    .inhouse__lead-text {
    font-size: 2rem;
  }
  #in-house .container .inhouse__content-summary .inhouse__content-label {
    font-size: 1.8rem;
  }
  #in-house .container .inhouse__content-summary .inhouse__content-text {
    font-size: 2.4rem;
  }
  #in-house .container .inhouse__points .inhouse__point {
    padding: 9rem 4rem 8rem 4rem;
  }
  #in-house .container .inhouse__points .inhouse__point .inhouse__point-body {
    width: calc(100% - 47rem);
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title {
    font-size: 2.8rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-num {
    font-size: 10rem;
    top: -5rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-accent {
    font-size: 3.2rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-text {
    font-size: 1.8rem;
  }
  #in-house .container .inhouse__points .inhouse__point .inhouse__point-image {
    width: 38rem;
    bottom: 4rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-image
    img {
    width: 100%;
    vertical-align: bottom;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-body {
    margin-left: 42rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-num {
    top: -5rem;
  }
}
@media screen and (max-width: 1024px) {
  #in-house .container .inhouse__illust {
    width: 32rem;
    left: -2rem;
  }
  #in-house .container .inhouse__content-summary .inhouse__content-label {
    font-size: 1.6rem;
  }
  #in-house .container .inhouse__content-summary .inhouse__content-text {
    font-size: 2rem;
  }
  #in-house .container .inhouse__header {
    margin-left: 34rem;
  }
  #in-house .container .inhouse__header .inhouse__header-main .inhouse__title {
    font-size: 6.2rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__header-main
    .inhouse__lead-large {
    font-size: 2.4rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__header-main
    .inhouse__lead-text {
    font-size: 1.8rem;
  }
  #in-house .container .inhouse__points .inhouse__point {
    padding: 8rem 4rem 5rem 4rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-content {
    width: calc(100% - 41rem);
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-content
    .inhouse__point-title {
    font-size: 2.6rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-content
    .inhouse__point-title
    .inhouse__point-num {
    font-size: 10rem;
    top: -5rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-content
    .inhouse__point-title
    .inhouse__point-accent {
    font-size: 3rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-content
    .inhouse__point-text {
    font-size: 1.8rem;
  }
  #in-house .container .inhouse__points .inhouse__point .inhouse__point-image {
    width: 32rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-body {
    margin-left: 37rem;
  }
}
@media screen and (max-width: 981px) {
  #in-house .container .inhouse__illust {
    width: 27rem;
    left: -12.5rem;
  }
  #in-house .container .inhouse__header {
    margin-left: 18rem;
    padding-bottom: 5rem;
  }
  #in-house .container .inhouse__header .inhouse__header-main {
    width: calc(100% - 16rem);
  }
  #in-house .container .inhouse__header .inhouse__header-main .inhouse__title {
    font-size: 5.2rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__header-main
    .inhouse__lead-large {
    font-size: 2.2rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__header-main
    .inhouse__lead-text {
    font-size: 1.8rem;
  }
  #in-house .container .inhouse__header .inhouse__achievements {
    width: 13rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list
    .inhouse__achievements-item {
    font-size: 1.2rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list
    .inhouse__achievements-item
    .inhouse__achievements-num {
    font-size: 2.75rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list
    .inhouse__achievements-item
    .inhouse__achievements-num
    .inhouse__achievements-parsent {
    font-size: 1.6rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list
    .inhouse__achievements-item
    .inhouse__achievements-accent {
    font-size: 1.6rem;
  }
  #in-house .container .inhouse__points .inhouse__point {
    padding: 6rem 2rem 4rem 2rem;
  }
  #in-house .container .inhouse__points .inhouse__point .inhouse__point-body {
    width: calc(100% - 31rem);
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title {
    font-size: 2rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-num {
    font-size: 8rem;
    top: -4rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-accent {
    font-size: 2.6rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-text {
    font-size: 1.8rem;
  }
  #in-house .container .inhouse__points .inhouse__point .inhouse__point-image {
    width: 26rem;
    bottom: 2rem;
    right: 2rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-body {
    margin-left: 29rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-num {
    top: -4rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-image {
    left: 2rem;
  }
  #in-house .container .inhouse__footer-text {
    font-size: 1.8rem;
  }
  #in-house .container .inhouse__result-text {
    font-size: 2.8rem;
  }
  #in-house .container .inhouse__result-text .inhouse__result-highlight {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 750px) {
  #in-house {
    padding: 59rem 0 14rem 0;
  }
  #in-house .container .inhouse__illust {
    position: absolute;
    width: 43.5rem;
    top: -67rem;
    left: 21.75rem;
  }
  #in-house .container .inhouse__header {
    flex-flow: column;
    gap: 3rem;
    margin-left: 0;
    padding-bottom: 9rem;
  }
  #in-house .container .inhouse__header .inhouse__header-main {
    width: 100%;
    gap: 4rem;
  }
  #in-house .container .inhouse__header .inhouse__header-main .inhouse__title {
    font-size: 7.2rem;
    margin-bottom: 3.5rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__header-main
    .inhouse__lead-large {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__header-main
    .inhouse__lead-text {
    font-size: 2.4rem;
  }
  #in-house .container .inhouse__header .inhouse__achievements {
    width: 100%;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list {
    display: flex;
    flex-flow: row;
    width: 100%;
    gap: 3rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list
    .inhouse__achievements-item {
    width: calc(50% - 1.5rem);
    font-size: 2.6rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list
    .inhouse__achievements-item
    .inhouse__achievements-num {
    font-size: 7rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list
    .inhouse__achievements-item
    .inhouse__achievements-num
    .inhouse__achievements-parsent {
    font-size: 3.5rem;
  }
  #in-house
    .container
    .inhouse__header
    .inhouse__achievements
    .inhouse__achievements-list
    .inhouse__achievements-item
    .inhouse__achievements-accent {
    font-size: 3.45rem;
  }
  #in-house .container .inhouse__content-summary {
    flex-flow: column;
    align-items: flex-start;
    gap: 2rem;
  }
  #in-house .container .inhouse__content-summary .inhouse__content-label {
    font-size: 2rem;
  }
  #in-house .container .inhouse__content-summary .inhouse__content-label span {
    padding: 0.6rem 8rem;
  }
  #in-house .container .inhouse__content-summary .inhouse__content-text {
    font-size: 3rem;
  }
  #in-house .container .inhouse__points {
    display: flex;
    flex-flow: column;
    gap: 7rem;
    padding-top: 8rem;
  }
  #in-house .container .inhouse__points .inhouse__point {
    padding: 6rem 3rem;
  }
  #in-house .container .inhouse__points .inhouse__point .inhouse__point-body {
    width: 100%;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title {
    font-size: 3.2rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-num {
    font-size: 11rem;
    top: -6rem;
    left: auto;
    right: 3rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-accent {
    font-size: 3.8rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point
    .inhouse__point-body
    .inhouse__point-text {
    font-size: 1.8rem;
  }
  #in-house .container .inhouse__points .inhouse__point .inhouse__point-image {
    display: none;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-body {
    margin-left: 0;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-body
    .inhouse__point-title
    .inhouse__point-num {
    top: -6rem;
    right: 3rem;
  }
  #in-house
    .container
    .inhouse__points
    .inhouse__point:nth-of-type(2)
    .inhouse__point-image {
    display: none;
  }
  #in-house .container .inhouse__footer-text {
    font-size: 2rem;
    margin: 11rem 0 5rem 0;
  }
  #in-house .container .inhouse__result-text {
    font-size: 2.8rem;
  }
  #in-house .container .inhouse__result-text .inhouse__result-highlight {
    font-size: 4.2rem;
  }
}
#self-propelled {
  padding: 12rem 0 18rem 0;
  background: #f7f7f7;
}
#self-propelled .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #self-propelled .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #self-propelled .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #self-propelled .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #self-propelled .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#self-propelled .container {
  position: relative;
}
#self-propelled .container .self-propelled__illust {
  position: absolute;
  top: -19rem;
  left: -10rem;
}
#self-propelled .container .self-propelled__header {
  margin-left: 38rem;
  padding-bottom: 2rem;
}
#self-propelled .container .self-propelled__header .self-propelled__title {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 4rem;
}
#self-propelled
  .container
  .self-propelled__header
  .self-propelled__title
  .self-propelled__title-sub {
  display: table;
  font-family: "Zen Old Mincho", serif;
  font-size: 7.8rem;
  margin-top: 1rem;
}
#self-propelled .container .self-propelled__header .self-propelled__lead-large {
  font-size: 3.2rem;
  font-weight: 500;
  margin-bottom: 3rem;
}
#self-propelled .container .self-propelled__header .self-propelled__lead-text {
  font-size: 2.4rem;
}
#self-propelled .container .self-propelled__features {
  gap: 5rem;
  margin: 6rem 0 5rem 0;
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: calc(50% - 2.5rem);
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-icon {
  width: 30rem;
  padding: 0.3rem;
  aspect-ratio: 1/1;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  border-radius: 50%;
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-icon
  span {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  background: #ffffff;
  border-radius: 50%;
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-icon
  span
  img {
  width: 60%;
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-desc {
  width: calc(100% - 33rem);
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-desc
  .self-propelled__feature-label {
  font-size: 3.2rem;
  font-weight: 500;
  margin-bottom: 1.75rem;
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-desc
  .self-propelled__feature-text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-desc
  .self-propelled__feature-text
  .self-propelled__time-info
  .self-propelled__time-label {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-desc
  .self-propelled__feature-text
  .self-propelled__time-info
  .self-propelled__time-value {
  font-size: 3.2rem;
}
#self-propelled
  .container
  .self-propelled__features
  .self-propelled__feature-item
  .self-propelled__feature-desc
  .self-propelled__feature-text
  .self-propelled__time-info
  .self-propelled__time-value
  .self-propelled__time-note {
  display: block;
  font-size: 1.4rem;
  margin-top: 1rem;
}
#self-propelled .container .self-propelled__content-summary {
  align-items: center;
  gap: 3rem;
}
#self-propelled
  .container
  .self-propelled__content-summary
  .self-propelled__content-label {
  font-size: 2rem;
  font-weight: 400;
  padding: 0.3rem;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
}
#self-propelled
  .container
  .self-propelled__content-summary
  .self-propelled__content-label
  span {
  display: block;
  padding: 0.6rem 3rem;
  background: #ffffff;
}
#self-propelled
  .container
  .self-propelled__content-summary
  .self-propelled__content-text {
  font-size: 2.5rem;
  font-weight: 700;
}
#self-propelled
  .container
  .self-propelled__content-summary
  .self-propelled__content-text
  .self-propelled__content-note {
  display: block;
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
#self-propelled .container .self-propelled__points {
  display: flex;
  flex-flow: column;
  gap: 9rem;
  padding-top: 10rem;
}
#self-propelled .container .self-propelled__points .self-propelled__point {
  padding: 6.4rem 4rem;
  background: #ffffff;
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
  position: relative;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point
  .self-propelled__point-body {
  width: 100%;
  padding-right: 50rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point
  .self-propelled__point-body
  .self-propelled__point-title {
  font-size: 3.2rem;
  font-weight: 500;
  color: #333d70;
  line-height: 1.2;
  margin-bottom: 2rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point
  .self-propelled__point-body
  .self-propelled__point-title
  .self-propelled__point-num {
  font-size: 12rem;
  font-weight: 400;
  background: linear-gradient(
    to right,
    rgb(202, 139, 254) 0%,
    rgb(53, 216, 249) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -8rem;
  left: 3rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point
  .self-propelled__point-body
  .self-propelled__point-title
  .self-propelled__point-accent {
  font-size: 3.8rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point
  .self-propelled__point-body
  .self-propelled__point-text {
  font-size: 1.8rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point
  .self-propelled__point-image {
  position: absolute;
  bottom: 4rem;
  right: 4rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point:nth-of-type(even) {
  padding: 10rem 4rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point:nth-of-type(even)
  .self-propelled__point-body {
  padding: 0 0 0 50rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point:nth-of-type(even)
  .self-propelled__point-body
  .self-propelled__point-title
  .self-propelled__point-num {
  position: absolute;
  top: -6rem;
  left: auto;
  right: 3rem;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point:nth-of-type(even)
  .self-propelled__point-image {
  left: 4rem;
  right: auto;
}
#self-propelled
  .container
  .self-propelled__points
  .self-propelled__point:nth-of-type(3) {
  padding: 8.5rem 4rem;
}

@media screen and (max-width: 1200px) {
  #self-propelled .container .self-propelled__illust {
    width: 32rem;
  }
  #self-propelled .container .self-propelled__illust img {
    width: 100%;
  }
  #self-propelled .container .self-propelled__header {
    margin-left: 28rem;
  }
  #self-propelled .container .self-propelled__header .self-propelled__title {
    font-size: 3.6rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__title
    .self-propelled__title-sub {
    font-size: 6.8rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__title
    .self-propelled__lead-large {
    font-size: 2.8rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__title
    .self-propelled__lead-text {
    font-size: 2rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__lead-large {
    font-size: 2.8rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__lead-text {
    font-size: 2rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-icon {
    width: 24rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-icon
    span
    img {
    width: 60%;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc {
    width: calc(100% - 27rem);
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-label {
    font-size: 2.8rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text {
    font-size: 1.6rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info
    .learning__time-label {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info
    .self-propelled__time-value {
    font-size: 2.4rem;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-label {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-text {
    font-size: 2.2rem;
  }
  #self-propelled .container .self-propelled__points .self-propelled__point {
    padding: 9rem 4rem 8rem 4rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body {
    width: calc(100% - 47rem);
    padding: 0;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title {
    font-size: 2.8rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-num {
    font-size: 10rem;
    top: -5rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-accent {
    font-size: 3.2rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-text {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-image {
    width: 38rem;
    bottom: 4rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-image
    img {
    width: 100%;
    vertical-align: bottom;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-body {
    margin-left: 42rem;
    padding: 0;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-num {
    top: -5rem;
  }
}
@media screen and (max-width: 1024px) {
  #self-propelled .container .self-propelled__illust {
    width: 38rem;
  }
  #self-propelled .container .self-propelled__illust img {
    width: 100%;
  }
  #self-propelled .container .self-propelled__header {
    margin-left: 35rem;
    padding-bottom: 7rem;
  }
  #self-propelled .container .self-propelled__header .self-propelled__title {
    font-size: 3.2rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__title
    .self-propelled__title-sub {
    font-size: 6rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__title
    .self-propelled__lead-large {
    font-size: 2.4rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__title
    .self-propelled__lead-text {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-icon {
    width: 20rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc {
    width: calc(100% - 23rem);
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-label {
    font-size: 2.4rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info
    .lself-propelled__time-label {
    font-size: 1.6rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info
    .self-propelled__time-value {
    font-size: 2.2rem;
  }
  #self-propelled .container .self-propelled__points .self-propelled__point {
    padding: 8rem 4rem 5rem 4rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body {
    width: calc(100% - 41rem);
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title {
    font-size: 2.6rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-num {
    font-size: 10rem;
    top: -5rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-accent {
    font-size: 3rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-text {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-image {
    width: 32rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-body {
    margin-left: 37rem;
  }
}
@media screen and (max-width: 981px) {
  #self-propelled .container .self-propelled__illust {
    width: 26rem;
    left: -11rem;
  }
  #self-propelled .container .self-propelled__header {
    margin-left: 19rem;
    padding-bottom: 5rem;
  }
  #self-propelled .container .self-propelled__header .self-propelled__title {
    font-size: 3rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__title
    .self-propelled__title-sub {
    font-size: 5.2rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__lead-large {
    font-size: 2.2rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__lead-text {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-icon {
    width: 14rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc {
    width: calc(100% - 17rem);
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-label {
    font-size: 2rem;
    font-weight: 600;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info
    .self-propelled__time-value {
    font-size: 2rem;
  }
  #self-propelled .container .self-propelled__content-summary {
    gap: 2rem;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-label {
    font-size: 1.4rem;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-label
    span {
    padding: 0.6rem 1rem;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-text {
    font-size: 1.7rem;
  }
  #self-propelled .container .self-propelled__points .self-propelled__point {
    padding: 6rem 2rem 4rem 2rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body {
    width: calc(100% - 28rem);
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title {
    font-size: 2rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-num {
    font-size: 8rem;
    top: -4rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-accent {
    font-size: 2.6rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-text {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-image {
    width: 26rem;
    bottom: 2rem;
    right: 2rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-body {
    margin-left: 28rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-num {
    top: -4rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-image {
    left: 2rem;
  }
}
@media screen and (max-width: 750px) {
  #self-propelled {
    padding: 48rem 0 11rem 0;
    background: #f7f7f7;
  }
  #self-propelled .container .self-propelled__illust {
    width: 29.1rem;
    top: -54rem;
    left: 24.55rem;
  }
  #self-propelled .container .self-propelled__header {
    margin-left: 0;
    padding-bottom: 0;
  }
  #self-propelled .container .self-propelled__header .self-propelled__title {
    font-size: 4rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__title
    .self-propelled__title-sub {
    font-size: 6.8rem;
    line-height: 1.4;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__lead-large {
    font-size: 3.2rem;
  }
  #self-propelled
    .container
    .self-propelled__header
    .self-propelled__lead-text {
    font-size: 2.4rem;
  }
  #self-propelled .container .self-propelled__features {
    gap: 5rem;
    margin: 9rem 0 5rem 0;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item {
    flex-flow: column;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-icon {
    width: 20rem;
    padding: 0.2rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc {
    width: 100%;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-label {
    font-size: 3.2rem;
    text-align: center;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info {
    display: table;
    margin: 0 auto;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info
    .self-propelled__time-label {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info
    .self-propelled__time-value {
    font-size: 3.2rem;
  }
  #self-propelled
    .container
    .self-propelled__features
    .self-propelled__feature-item
    .self-propelled__feature-desc
    .self-propelled__feature-text
    .self-propelled__time-info
    .self-propelled__time-value
    .self-propelled__time-note {
    font-size: 1.4rem;
  }
  #self-propelled .container .self-propelled__content-summary {
    flex-flow: column;
    align-items: flex-start;
    gap: 3rem;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-label {
    font-size: 2.4rem;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-label
    span {
    padding: 0.6rem 8rem;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-text {
    font-size: 2.8rem;
    line-height: 1.4;
  }
  #self-propelled
    .container
    .self-propelled__content-summary
    .self-propelled__content-text
    .self-propelled__content-note {
    font-size: 1.2rem;
  }
  #self-propelled .container .self-propelled__points {
    flex-flow: column;
    gap: 7rem;
    padding-top: 6rem;
  }
  #self-propelled .container .self-propelled__points .self-propelled__point {
    padding: 6.4rem 4rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body {
    width: 100%;
    padding-right: 0;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title {
    font-size: 3.2rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-num {
    font-size: 11rem;
    top: -6rem;
    left: auto;
    right: 3rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-accent {
    font-size: 3.8rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-body
    .self-propelled__point-text {
    font-size: 1.8rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point
    .self-propelled__point-image {
    display: none;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even) {
    padding: 6rem 4rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-body {
    margin: 0;
    padding: 0;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-body
    .self-propelled__point-title
    .self-propelled__point-num {
    top: -6rem;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(even)
    .self-propelled__point-image {
    display: none;
  }
  #self-propelled
    .container
    .self-propelled__points
    .self-propelled__point:nth-of-type(3) {
    padding: 6rem 4rem;
  }
}
#achievements {
  padding: 11rem 0;
}
#achievements .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #achievements .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #achievements .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #achievements .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #achievements .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#achievements .container .achievements__title {
  display: table;
  font-size: 3.6rem;
  font-weight: 700;
  margin: 0 auto 5rem auto;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#achievements .container .achievements__title:before {
  content: " ";
  display: inline-block;
  width: 4.65rem;
  height: 0.2rem;
  vertical-align: middle;
  margin-right: 2rem;
  background: #cb66e6;
  transform: rotate(45deg);
}
#achievements .container .achievements__title:after {
  content: " ";
  display: inline-block;
  width: 4.65rem;
  height: 0.2rem;
  vertical-align: middle;
  margin-left: 2rem;
  background: #1bdac5;
  transform: rotate(135deg);
}
#achievements .container .achievements__lead {
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
}
#achievements .container .achievements__lead .achievements__logo {
  display: table;
  width: 22rem;
  margin: 0 auto 3rem auto;
}
#achievements .container .achievements__list {
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 5rem;
}
#achievements .container .achievements__list li {
  width: calc(16.6666% - 1.6666rem);
}

@media screen and (max-width: 1200px) {
  #achievements .container .achievements__title {
    font-size: 3.4rem;
  }
  #achievements .container .achievements__lead {
    font-size: 2.4rem;
  }
  #achievements .container .achievements__lead .achievements__logo {
    width: 22rem;
  }
  #achievements .container .achievements__list {
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 5rem;
  }
  #achievements .container .achievements__list li {
    width: calc(16.6666% - 1.6666rem);
  }
}
@media screen and (max-width: 1024px) {
  #achievements .container .achievements__title {
    font-size: 3.2rem;
  }
  #achievements .container .achievements__lead {
    font-size: 2rem;
  }
  #achievements .container .achievements__lead .achievements__logo {
    width: 18rem;
  }
  #achievements .container .achievements__list {
    flex-wrap: wrap;
    justify-content: center;
  }
  #achievements .container .achievements__list li {
    width: calc(20% - 1.6rem);
  }
}
@media screen and (max-width: 981px) {
  #achievements .container .achievements__title {
    font-size: 3rem;
  }
  #achievements .container .achievements__list {
    flex-wrap: wrap;
    justify-content: center;
  }
  #achievements .container .achievements__list li {
    width: calc(25% - 1.5rem);
  }
}
@media screen and (max-width: 750px) {
  #achievements {
    padding: 14rem 0 11rem 0;
  }
  #achievements .container .achievements__title {
    font-size: 3.6rem;
    margin: 0 auto 5rem auto;
  }
  #achievements .container .achievements__title:before {
    width: 4.65rem;
    height: 0.2rem;
  }
  #achievements .container .achievements__title:after {
    width: 4.65rem;
    height: 0.2rem;
  }
  #achievements .container .achievements__lead {
    font-size: 2.6rem;
  }
  #achievements .container .achievements__lead .achievements__logo {
    width: 26rem;
    margin: 0 auto 3rem auto;
  }
  #achievements .container .achievements__list {
    gap: 2rem;
    margin-top: 5rem;
  }
  #achievements .container .achievements__list li {
    width: calc((100% - 4rem) / 3);
  }
  #achievements .container .achievements__list li img {
    width: 100%;
  }
}
#results {
  padding: 14rem 0 11rem 0;
  background: linear-gradient(
    to right,
    rgb(67, 85, 177) 0%,
    rgb(45, 156, 219) 100%
  );
}
#results .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #results .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #results .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #results .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #results .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#results .container .results__title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  margin-bottom: 9rem;
}
#results .container .results__title .results__title-accent {
  display: table;
  font-family: "Zen Old Mincho", serif;
  font-size: 7.4rem;
  font-weight: 900;
  margin: 1.5rem auto 0 auto;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.6));
}
#results .container .results__case {
  margin-bottom: 10rem;
  padding: 8rem 8rem 6rem 8rem;
  background: url(../images/results/bg.svg) no-repeat left top;
  position: relative;
}
#results
  .container
  .results__case.last
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-accent:after {
  top: -2.5rem;
  left: -52.5rem;
}
#results .container .results__case .results__case-header {
  align-items: center;
  gap: 5rem;
  margin-bottom: 8rem;
}
#results .container .results__case .results__case-header .results__case-img {
  width: 34.5rem;
  flex: 0 0 34.5rem;
}
#results .container .results__case .results__case-header .results__case-info {
  width: calc(100% - 39.5rem);
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title {
  font-size: 4rem;
  font-weight: 600;
  position: relative;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-label {
  position: absolute;
  left: -51rem;
  top: -11rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  font-size: 2rem;
  font-weight: 900;
  color: #ffffff;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-label
  .results__case-num {
  display: table;
  font-size: 8.2rem;
  font-weight: 500;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: middle;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-accent {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 1rem;
  margin-top: 2rem;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-accent:after {
  content: " ";
  display: block;
  width: 24.75rem;
  height: 0.2rem;
  background: #ffffff;
  transform: rotate(135deg);
  position: absolute;
  top: -0.5rem;
  left: -52.5rem;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-accent
  .results__case-slash {
  display: inline-block;
  font-size: 12.8rem;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-accent
  .results__case-slash:before {
  content: " ";
  display: inline-block;
  width: 5.25rem;
  height: 0.3rem;
  vertical-align: middle;
  margin-right: 1.5rem;
  transform: rotate(45deg);
  background: #000000;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-accent
  .results__case-slash:after {
  content: " ";
  display: inline-block;
  width: 5.25rem;
  height: 0.3rem;
  vertical-align: middle;
  margin-left: 1.5rem;
  transform: rotate(135deg);
  background: #000000;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-accent
  .results__case-unit {
  font-size: 8.6rem;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-accent
  .results__case-text {
  display: inline-block;
  font-size: 6.4rem;
  white-space: nowrap;
  flex-shrink: 0;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-title
  .results__case-text-middle {
  display: table;
  font-size: 5.4rem;
  font-weight: 700;
  margin: 1.5rem 0 3rem 0;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-quote {
  font-size: 2.6rem;
  font-weight: 500;
  margin: 3rem 0;
}
#results
  .container
  .results__case
  .results__case-header
  .results__case-info
  .results__case-client {
  font-size: 1.8rem;
}
#results .container .results__case .results__case-button {
  display: none;
}
#results .container .results__case .results__case-details {
  gap: 9.64rem;
}
#results .container .results__case .results__case-details .results__detail-box {
  width: calc(50% - 4.82rem);
  border: 0.1rem solid #000000;
  position: relative;
}
#results
  .container
  .results__case
  .results__case-details
  .results__detail-box
  .results__detail-title {
  font-size: 2.4rem;
  font-weight: 600;
  padding: 1.5rem 3rem;
}
#results
  .container
  .results__case
  .results__case-details
  .results__detail-box
  .results__detail-text {
  padding: 3rem;
}
#results
  .container
  .results__case
  .results__case-details
  .results__detail-box
  .results__detail-text
  b {
  font-size: 2rem;
  font-weight: 700;
}
#results
  .container
  .results__case
  .results__case-details
  .results__detail-box:first-of-type
  .results__detail-title {
  background: #dfdfdf;
}
#results
  .container
  .results__case
  .results__case-details
  .results__detail-box:first-of-type:after {
  content: " ";
  display: block;
  width: 3.64rem;
  border-left: 3.15rem solid #d9d9d9;
  border-top: 1.575rem solid transparent;
  border-bottom: 1.575rem solid transparent;
  position: absolute;
  right: -6.82rem;
  top: calc(50% - 1.575rem);
}
#results
  .container
  .results__case
  .results__case-details
  .results__detail-box:last-of-type
  .results__detail-title {
  color: #ffffff;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
}
#results .container .results__badge {
  margin-top: 3rem;
  padding: 0.4rem;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
}
#results .container .results__badge .results__badge--inner {
  padding: 4rem 3rem;
  background: linear-gradient(
    to right,
    rgb(67, 85, 177) 0%,
    rgb(45, 156, 219) 100%
  );
}
#results
  .container
  .results__badge
  .results__badge--inner
  .results__badge-text {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: "Zen Old Mincho", serif;
  font-size: 4.8rem;
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.6));
  vertical-align: middle;
}
#results
  .container
  .results__badge
  .results__badge--inner
  .results__badge-text
  .results__badge-label {
  display: inline-block;
  font-size: 7.4rem;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: middle;
}
#results
  .container
  .results__badge
  .results__badge--inner
  .results__badge-text
  .results__badge-num {
  display: inline-block;
  font-size: 12.8rem;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: middle;
}
#results
  .container
  .results__badge
  .results__badge--inner
  .results__badge-text
  .results__badge-unit {
  display: inline-block;
  font-size: 6.4rem;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: middle;
}
#results
  .container
  .results__badge
  .results__badge--inner
  .results__badge-text
  .results__badge-note {
  display: inline-block;
  font-size: 3.2rem;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: middle;
}
#results .container .results__disclaimer {
  display: table;
  font-size: 1.6rem;
  color: #ffffff;
  margin-top: 3rem;
}

@media screen and (max-width: 1200px) {
  #results .container .results__title {
    font-size: 3.2rem;
  }
  #results .container .results__title .results__title-accent {
    font-size: 6.4rem;
  }
  #results .container .results__case {
    margin-bottom: 10rem;
    padding: 6rem 6rem 4rem 6rem;
    background: url(../images/results/bg.svg) no-repeat left top/140rem auto;
  }
  #results
    .container
    .results__case.last
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent:after {
    left: -44.75rem;
  }
  #results .container .results__case .results__case-header {
    gap: 4rem;
    margin-bottom: 6rem;
  }
  #results .container .results__case .results__case-header .results__case-img {
    width: 30rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-img
    img {
    width: 100%;
  }
  #results .container .results__case .results__case-header .results__case-info {
    width: calc(100% - 34rem);
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title {
    font-size: 3rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-label {
    left: -43rem;
    top: -10rem;
    font-size: 1.6rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-label
    .results__case-num {
    font-size: 7.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent:after {
    width: 19.75rem;
    height: 0.2rem;
    top: -0.75rem;
    left: -44.75rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-slash {
    font-size: 9.8rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-unit {
    font-size: 6.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-text {
    font-size: 4.6rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-text-middle {
    font-size: 4.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-quote {
    font-size: 2.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-client {
    font-size: 1.6rem;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box
    .results__detail-title {
    font-size: 2rem;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box
    .results__detail-text
    b {
    font-size: 1.8rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text {
    font-size: 3.8rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-label {
    font-size: 6.4rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-num {
    font-size: 10.8rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-unit {
    font-size: 5.4rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-note {
    font-size: 2.6rem;
  }
  #results .container .results__disclaimer {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 981px) {
  #results .container .results__title {
    font-size: 3rem;
  }
  #results .container .results__title .results__title-accent {
    font-size: 5.4rem;
  }
  #results .container .results__case {
    margin-bottom: 10rem;
    padding: 6rem 6rem 4rem 6rem;
    background: url(../images/results/bg.svg) no-repeat left top/140rem auto;
  }
  #results
    .container
    .results__case.last
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent:after {
    top: -0.7rem;
    left: -33.5rem;
  }
  #results .container .results__case .results__case-header {
    gap: 4rem;
    margin-bottom: 6rem;
  }
  #results .container .results__case .results__case-header .results__case-img {
    width: 20rem;
  }
  #results .container .results__case .results__case-header .results__case-info {
    width: calc(100% - 20rem);
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title {
    font-size: 2.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-label {
    left: -30rem;
    top: -10rem;
    font-size: 1.6rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-label
    .results__case-num {
    font-size: 6.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent {
    gap: 0.5rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent:after {
    width: 19.75rem;
    height: 0.2rem;
    top: -0.75rem;
    left: -33.5rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-slash {
    font-size: 7.8rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-slash:before {
    width: 3.5rem;
    margin-right: 1rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-slash:after {
    width: 3.5rem;
    margin-left: 1rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-unit {
    font-size: 5.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-text {
    font-size: 4.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-text-middle {
    font-size: 3.6rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-quote {
    font-size: 1.8rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-client {
    font-size: 1.4rem;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box
    .results__detail-title {
    font-size: 1.6rem;
    padding: 1rem 2rem;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box
    .results__detail-text {
    padding: 2rem;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box
    .results__detail-text
    b {
    font-size: 1.6rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text {
    font-size: 3rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-label {
    font-size: 4.2rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-num {
    font-size: 7.8rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-unit {
    font-size: 4rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-note {
    font-size: 2rem;
  }
}
@media screen and (max-width: 750px) {
  #results .container .results__title {
    font-size: 3.2rem;
  }
  #results .container .results__title .results__title-accent {
    font-size: 7.4rem;
    margin: 1.5rem auto 0 auto;
  }
  #results .container .results__case {
    margin-bottom: 10rem;
    padding: 6rem;
    background: url(../images/results/bg.svg) no-repeat left top/377% auto;
  }
  #results
    .container
    .results__case.last
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent {
    flex-flow: row;
    align-items: flex-end;
  }
  #results
    .container
    .results__case.last
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent:after {
    top: -2.5rem;
    left: -52.5rem;
  }
  #results
    .container
    .results__case.last
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-text-middle {
    font-size: 4.2rem;
    margin: 1rem auto 3rem auto;
  }
  #results .container .results__case .results__case-header {
    flex-flow: column;
    gap: 5rem;
    margin-bottom: 8rem;
  }
  #results .container .results__case .results__case-header .results__case-img {
    width: 34.5rem;
  }
  #results .container .results__case .results__case-header .results__case-info {
    width: 100%;
    text-align: center;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title {
    font-size: 4rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-label {
    left: -6.5rem;
    top: -49.5rem;
    font-size: 2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-label
    .results__case-num {
    font-size: 8.2rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent:after {
    position: absolute;
    width: 30.8rem;
    top: -37.5rem;
    left: -12.5rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-slash {
    font-size: 12.8rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-slash:before {
    vertical-align: top;
    margin: 3rem 1.5rem 0 0;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-slash:after {
    vertical-align: top;
    margin: 3rem 0 0 1.5rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-unit {
    font-size: 8.6rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-accent
    .results__case-text {
    font-size: 6.4rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-title
    .results__case-text-middle {
    font-size: 5.4rem;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-quote {
    font-size: 2.6rem;
    text-align: left;
  }
  #results
    .container
    .results__case
    .results__case-header
    .results__case-info
    .results__case-client {
    font-size: 1.8rem;
    text-align: left;
  }
  #results .container .results__case .results__case-button {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 2.4rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 3rem;
    padding: 1.5rem 3rem 1.75rem 3rem;
    background: linear-gradient(
      to right,
      rgb(36, 42, 73) 0%,
      rgb(66, 80, 151) 100%
    );
  }
  #results .container .results__case .results__case-button:after {
    content: " ";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url(../images/results/icon_opne.svg) no-repeat center center;
  }
  #results .container .results__case .results__case-button.close:after {
    content: " ";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    transform: rotate(180deg);
    background: url(../images/results/icon_opne.svg) no-repeat center center;
  }
  #results .container .results__case .results__cas-toggle {
    display: none;
  }
  #results .container .results__case .results__case-details {
    flex-flow: column;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box {
    width: 100%;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box
    .results__detail-title {
    font-size: 2.4rem;
    padding: 1.5rem 3rem;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box
    .results__detail-text {
    padding: 3rem;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box
    .results__detail-text
    b {
    font-size: 2rem;
  }
  #results
    .container
    .results__case
    .results__case-details
    .results__detail-box:first-of-type:after {
    content: " ";
    display: block;
    width: 3.64rem;
    border-top: 3.15rem solid #d9d9d9;
    border-left: 1.82rem solid transparent;
    border-right: 1.82rem solid transparent;
    border-bottom: none;
    right: calc(50% - 1.82rem);
    top: auto;
    bottom: -6rem;
  }
  #results .container .results__badge {
    flex-wrap: wrap;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text {
    flex-wrap: wrap;
    font-size: 4.8rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-client {
    width: 100%;
    text-align: center;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-label {
    font-size: 6.4rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-num {
    font-size: 12.8rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-unit {
    font-size: 6.4rem;
  }
  #results
    .container
    .results__badge
    .results__badge--inner
    .results__badge-text
    .results__badge-note {
    font-size: 3.2rem;
  }
  #results .container .results__disclaimer {
    font-size: 1.6rem;
  }
}
#case {
  padding: 14rem 0 11rem 0;
  overflow: hidden;
}
#case .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #case .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #case .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #case .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #case .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#case .container .case-slider__title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5rem;
}
#case .container .case-slider__inner {
  position: relative;
  width: 100%;
  padding: 0 6rem;
}
#case .container .case-slider__inner .case-arrow {
  position: absolute;
  top: 50%;
  width: 4rem;
  height: 6rem;
  margin-top: -3rem;
  cursor: pointer;
  z-index: 10;
  background: none;
}
#case .container .case-slider__inner .case-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.5rem;
  height: 3.5rem;
  border-top: 0.2rem solid #000;
  border-left: 0.2rem solid #000;
  display: block;
}
#case .container .case-slider__inner .case-arrow._prev {
  left: 0;
}
#case .container .case-slider__inner .case-arrow._prev::before {
  transform: translate(-20%, -50%) rotate(-45deg);
}
#case .container .case-slider__inner .case-arrow._next {
  right: 0;
}
#case .container .case-slider__inner .case-arrow._next::before {
  transform: translate(-80%, -50%) rotate(135deg);
}
#case .container .case-slider__list {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#case .container .case-slider__list .case-slider__item {
  height: auto;
  border: 0.1rem solid #000000;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
#case .container .case-slider__list .case-slider__item .case-slider__img {
  width: 100%;
  display: block;
}
#case
  .container
  .case-slider__list
  .case-slider__item
  .case-slider__item-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 3rem 2.75rem 0.5rem 2.75rem;
  background: linear-gradient(
    to right,
    rgb(36, 42, 73) 0%,
    rgb(66, 80, 151) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#case .container .case-slider__list .case-slider__item .case-slider__client {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0 2.75rem 1.5rem 2.75rem;
}
#case .container .case-slider__list .case-slider__item .case-slider__desc {
  font-size: 1.4rem;
  margin: 0 2.75rem 3rem 2.75rem;
  flex-grow: 1;
}
#case .container .case-slider__btn {
  display: table;
  margin: 5rem auto 0 auto;
}
#case .container .case-slider__btn a {
  display: table;
  font-size: 2.4rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding: 1.5rem 8rem;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
}
#case .container .case-slider__btn a:after {
  content: " ";
  display: inline-block;
  width: 1rem;
  height: 1.9rem;
  vertical-align: middle;
  margin-left: 2rem;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/cover;
}

@media screen and (max-width: 1200px) {
  #case .container .case-slider__title {
    font-size: 3.6rem;
  }
  #case .container .case-slider__list {
    gap: 3rem;
  }
  #case .container .case-slider__list .case-slider__item {
    width: calc((100% - 9rem) / 4);
  }
  #case .container .case-slider__list .case-slider__item .case-slider__img {
    width: 100%;
  }
  #case
    .container
    .case-slider__list
    .case-slider__item
    .case-slider__item-title {
    font-size: 1.8rem;
    margin: 2.25rem 1.5em 0.5rem 1.5rem;
  }
  #case .container .case-slider__list .case-slider__item .case-slider__client {
    font-size: 1.2rem;
    margin: 0 1.5rem 1.5rem 1.5rem;
  }
  #case .container .case-slider__list .case-slider__item .case-slider__desc {
    font-size: 1.4rem;
    margin: 0 1.5rem 2rem 1.5rem;
  }
  #case .container .case-slider__btn a {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  #case .container .case-slider__title {
    font-size: 3.2rem;
  }
  #case .container .case-slider__list {
    gap: 4rem;
  }
  #case .container .case-slider__list .case-slider__item {
    width: calc((100% - 8rem) / 3);
  }
  #case
    .container
    .case-slider__list
    .case-slider__item
    .case-slider__item-title {
    font-size: 1.8rem;
    margin: 2.75rem 2.75rem 0.5rem 2.75rem;
  }
  #case .container .case-slider__list .case-slider__item .case-slider__client {
    font-size: 1.3rem;
    margin: 0 2.75rem 1.5rem 2.75rem;
  }
  #case .container .case-slider__list .case-slider__item .case-slider__desc {
    font-size: 1.4rem;
    margin: 0 2.75rem 3rem 2.75rem;
  }
}
@media screen and (max-width: 981px) {
  #case .container .case-slider__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 750px) {
  #case .container .case-slider__title {
    font-size: 3.8rem;
    line-height: 1.4;
  }
  #case .container .case-slider__list {
    gap: 4rem;
  }
  #case .container .case-slider__list .case-slider__item {
    width: calc((100% - 4rem) / 2);
  }
  #case
    .container
    .case-slider__list
    .case-slider__item
    .case-slider__item-title {
    font-size: 2rem;
    margin: 3rem 3rem 0.5rem 3rem;
  }
  #case .container .case-slider__list .case-slider__item .case-slider__client {
    font-size: 1.3rem;
    margin: 0 3rem 1.5rem 3rem;
  }
  #case .container .case-slider__list .case-slider__item .case-slider__desc {
    font-size: 1.4rem;
    margin: 0 3rem 3rem 3rem;
  }
  #case .container .case-slider__btn a {
    font-size: 2.4rem;
    padding: 1.5rem 8rem;
  }
}
#flow {
  padding: 14rem 0 11rem 0;
  background: #f7f7f7;
}
#flow .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #flow .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #flow .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #flow .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #flow .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#flow .container .flow__title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
}
#flow .container .flow__note {
  text-align: center;
  margin: 2rem 0 7rem 0;
}
#flow .container .flow__img-wrapper img {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  #flow .container .flow__title {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1024px) {
  #flow .container .flow__title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 981px) {
  #flow .container .flow__title {
    font-size: 3rem;
  }
  #flow .container .flow__note {
    text-align: center;
    margin: 2rem 0 4rem 0;
  }
}
@media screen and (max-width: 750px) {
  #flow .container .flow__title {
    font-size: 4rem;
  }
  #flow .container .flow__note {
    font-size: 1.6rem;
  }
  #flow .container .flow__img-wrapper {
    display: table;
    width: 47.4rem;
    margin: 0 auto;
  }
}
#why {
  padding: 14rem 0;
}
#why .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #why .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #why .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #why .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #why .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#why .container .why__title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 9rem;
}
#why .container .why__title .why__title-accent {
  display: table;
  font-family: "Zen Old Mincho", serif;
  font-size: 6.4rem;
  line-height: 1.3;
  margin: 1rem auto 0 auto;
}
#why .container .why__list {
  display: flex;
  flex-flow: column;
  gap: 4rem;
}
#why .container .why__list .why__item {
  padding-left: 27rem;
  position: relative;
}
#why .container .why__list .why__item .why__item-img {
  position: absolute;
}
#why .container .why__list .why__item:first-of-type .why__item-img {
  width: 13rem;
  right: calc(100% - 29rem);
  bottom: 2rem;
}
#why .container .why__list .why__item:nth-of-type(2) .why__item-img {
  width: 17rem;
  right: calc(100% - 31.5rem);
  bottom: -1rem;
}
#why .container .why__list .why__item:last-of-type .why__item-img {
  width: 17rem;
  right: calc(100% - 32rem);
  bottom: 2rem;
}
#why .container .why__list .why__item .why__item-body {
  padding: 0.2rem;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
}
#why .container .why__list .why__item .why__item-body .why__item-body--inner {
  padding: 8rem 4rem 8rem 8rem;
  background: #ffffff;
}
#why
  .container
  .why__list
  .why__item
  .why__item-body
  .why__item-body--inner
  .why__item-title {
  font-size: 2rem;
  margin-bottom: 3.4rem;
}
#why
  .container
  .why__list
  .why__item
  .why__item-body
  .why__item-body--inner
  .why__item-title
  .why__item-label {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
}
#why
  .container
  .why__list
  .why__item
  .why__item-body
  .why__item-body--inner
  .why__item-title
  .why__item-label
  .why__item-num {
  font-size: 8.2rem;
  font-weight: 400;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#why
  .container
  .why__list
  .why__item
  .why__item-body
  .why__item-body--inner
  .why__item-title
  .why__item-accent {
  font-size: 3.2rem;
  vertical-align: middle;
  color: #4355b1;
}
#why
  .container
  .why__list
  .why__item
  .why__item-body
  .why__item-body--inner
  .why__item-text {
  font-size: 1.8rem;
  font-weight: 500;
}

@media screen and (max-width: 1200px) {
  #why .container .why__title {
    font-size: 3.6rem;
  }
  #why .container .why__title .why__title-accent {
    font-size: 5.8rem;
  }
  #why .container .why__list .why__item .why__item-body .why__item-body--inner {
    padding: 6rem 3rem 6rem 7rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title
    .why__item-accent {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  #why .container .why__title {
    font-size: 3.4rem;
  }
  #why .container .why__title .why__title-accent {
    font-size: 5.2rem;
  }
  #why .container .why__list .why__item {
    padding-left: 20rem;
  }
  #why .container .why__list .why__item:first-of-type .why__item-img {
    width: 13rem;
    right: calc(100% - 25rem);
  }
  #why .container .why__list .why__item:nth-of-type(2) .why__item-img {
    width: 17rem;
    right: calc(100% - 26.5rem);
  }
  #why .container .why__list .why__item:last-of-type .why__item-img {
    width: 17rem;
    right: calc(100% - 27rem);
  }
  #why .container .why__list .why__item .why__item-body .why__item-body--inner {
    padding: 5rem 3rem 5rem 8rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title {
    margin-bottom: 2.4rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title
    .why__item-accent {
    font-size: 3rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 981px) {
  #why .container .why__title {
    font-size: 3rem;
  }
  #why .container .why__title .why__title-accent {
    font-size: 4.2rem;
  }
  #why .container .why__list .why__item {
    padding-left: 14rem;
  }
  #why .container .why__list .why__item:first-of-type .why__item-img {
    width: 11rem;
    right: calc(100% - 17rem);
  }
  #why .container .why__list .why__item:nth-of-type(2) .why__item-img {
    width: 14rem;
    right: calc(100% - 16.5rem);
  }
  #why .container .why__list .why__item:last-of-type .why__item-img {
    width: 15rem;
    right: calc(100% - 17rem);
  }
  #why .container .why__list .why__item .why__item-body .why__item-body--inner {
    padding: 4rem 3rem 4rem 6rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title {
    margin-bottom: 2rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title
    .why__item-label {
    font-size: 1.6rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title
    .why__item-label
    .why__item-num {
    font-size: 6rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title
    .why__item-accent {
    display: block;
    font-size: 2.6rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 750px) {
  #why .container .why__title {
    font-size: 3.2rem;
    margin-bottom: 5rem;
  }
  #why .container .why__title .why__title-accent {
    font-size: 5.2rem;
  }
  #why .container .why__list {
    gap: 6rem;
  }
  #why .container .why__list .why__item {
    padding: 17rem 0 0 0;
  }
  #why .container .why__list .why__item .why__item-img {
    position: absolute;
    top: 0;
  }
  #why .container .why__list .why__item:first-of-type .why__item-img {
    width: 19rem;
    right: calc(50% - 8rem);
    top: 0;
    bottom: auto;
  }
  #why .container .why__list .why__item:nth-of-type(2) .why__item-img {
    width: 23rem;
    right: calc(50% - 11.5rem);
    top: 0;
    bottom: auto;
  }
  #why .container .why__list .why__item:last-of-type .why__item-img {
    width: 24rem;
    right: calc(50% - 12rem);
    top: 0;
    bottom: auto;
  }
  #why .container .why__list .why__item .why__item-body {
    padding: 0.2rem;
  }
  #why .container .why__list .why__item .why__item-body .why__item-body--inner {
    padding: 8rem 4rem 4rem 4rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title {
    font-size: 2rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title
    .why__item-label {
    font-size: 2rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title
    .why__item-label
    .why__item-num {
    font-size: 8.2rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-title
    .why__item-accent {
    font-size: 3.2rem;
  }
  #why
    .container
    .why__list
    .why__item
    .why__item-body
    .why__item-body--inner
    .why__item-text {
    font-size: 1.8rem;
  }
}
#lecturer {
  padding: 14rem 0;
  background: #f5f5f5;
  overflow: hidden;
}
#lecturer .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #lecturer .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #lecturer .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #lecturer .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #lecturer .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#lecturer .container {
  overflow: visible !important;
}
#lecturer .container .lecturer__title {
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8rem;
}
#lecturer .container .lecturer__title .lecturer__title-accent {
  display: table;
  font-size: 4rem;
  margin: 1rem auto 0 auto;
}
#lecturer .container .lecturer__list {
  position: relative;
  width: 100%;
  padding-bottom: 50px;
  overflow: visible !important;
}
#lecturer .container .lecturer__list .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
#lecturer .container .lecturer__list .lecturer__item {
  box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
  background: #ffffff;
  height: auto;
  box-sizing: border-box;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
#lecturer .container .lecturer__list .lecturer__item.swiper-slide-visible {
  opacity: 1;
}
#lecturer .container .lecturer__list .lecturer__item.swiper-slide-active {
  opacity: 1;
  z-index: 2;
}
#lecturer .container .lecturer__list .lecturer__item .lecturer__img {
  width: 100%;
  display: block;
}
#lecturer .container .lecturer__list .lecturer__item .lecturer__name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 3rem 3rem 2rem 3rem;
}
#lecturer
  .container
  .lecturer__list
  .lecturer__item
  .lecturer__name
  span:first-of-type {
  font-size: 2rem;
  font-weight: 500;
}
#lecturer
  .container
  .lecturer__list
  .lecturer__item
  .lecturer__name
  span.lecturer__post {
  font-size: 1.3rem;
  color: rgba(153, 153, 153, 0.6);
}
#lecturer .container .lecturer__list .lecturer__item .lecturer__profile {
  font-size: 1.2rem;
  padding: 0 3rem 3rem 3rem;
}

@media screen and (max-width: 1200px) {
  #lecturer .container .lecturer__title {
    font-size: 3rem;
  }
  #lecturer .container .lecturer__title .lecturer__title-accent {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 1024px) {
  #lecturer .container .lecturer__title {
    font-size: 2.8rem;
  }
  #lecturer .container .lecturer__title .lecturer__title-accent {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 981px) {
  #lecturer .container .lecturer__title {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
  #lecturer .container .lecturer__title .lecturer__title-accent {
    font-size: 3rem;
  }
  #lecturer .container .lecturer__list .lecturer__item .lecturer__name {
    margin: 3rem 2rem 2rem 2rem;
  }
  #lecturer
    .container
    .lecturer__list
    .lecturer__item
    .lecturer__name
    span:first-of-type {
    font-size: 1.8rem;
    font-weight: 500;
  }
  #lecturer .container .lecturer__list .lecturer__item .lecturer__profile {
    padding: 0 2rem 3rem 2rem;
  }
}
@media screen and (max-width: 750px) {
  #lecturer .container .lecturer__title {
    font-size: 3.2rem;
  }
  #lecturer .container .lecturer__title .lecturer__title-accent {
    font-size: 4rem;
  }
  #lecturer .container .lecturer__list {
    display: flex;
    justify-content: center;
    gap: 4rem;
  }
  #lecturer .container .lecturer__list .lecturer__item {
    width: 32rem;
  }
  #lecturer .container .lecturer__list .lecturer__item .lecturer__name {
    margin: 3rem 3rem 2rem 3rem;
  }
  #lecturer
    .container
    .lecturer__list
    .lecturer__item
    .lecturer__name
    span:first-of-type {
    font-size: 2rem;
  }
  #lecturer
    .container
    .lecturer__list
    .lecturer__item
    .lecturer__name
    span.lecturer__post {
    font-size: 1.3rem;
  }
  #lecturer .container .lecturer__list .lecturer__item .lecturer__profile {
    padding: 0 3rem 3rem 3rem;
  }
}
#qa {
  padding: 14rem 0;
}
#qa .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #qa .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #qa .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #qa .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #qa .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#qa .container .qa__title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5rem;
}
#qa .container .qa__list .qa__item {
  width: 100%;
  margin: 0 0 2rem 0;
  padding: 2rem;
  background: #f5f5f5;
}
#qa .container .qa__list .qa__item:last-of-type {
  margin-bottom: 0;
}
#qa .container .qa__list .qa__item .qa__question {
  font-size: 2rem;
  font-size: 500;
  padding: 0 47px 0 0;
  position: relative;
  transition: 0.5s;
}
#qa .container .qa__list .qa__item .qa__question .qa__icon {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 700;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  vertical-align: middle;
  margin-right: 2rem;
}
#qa .container .qa__list .qa__item .qa__question:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  background: url(../images/qa/icon_open.svg) no-repeat center center;
}
#qa .container .qa__list .qa__item .qa__question:hover {
  opacity: 0.5;
  cursor: pointer;
}
#qa .container .qa__list .qa__item .qa__question.close:after {
  background: url(../images/qa/icon_close.svg) no-repeat center center;
}
#qa .container .qa__list .qa__item .qa__answer {
  display: none;
  font-size: 1.6rem;
  padding-top: 2rem;
}

@media screen and (max-width: 1200px) {
  #qa .container .qa__title {
    font-size: 3.6rem;
  }
  #qa .container .qa__list .qa__item .qa__question {
    font-size: 1.8rem;
  }
  #qa .container .qa__list .qa__item .qa__question .qa__icon {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  #qa .container .qa__title {
    font-size: 3.2rem;
  }
  #qa .container .qa__list .qa__item .qa__question {
    font-size: 1.6rem;
  }
  #qa .container .qa__list .qa__item .qa__question .qa__icon {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 981px) {
  #qa .container .qa__title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 750px) {
  #qa .container .qa__title {
    font-size: 4rem;
  }
  #qa .container .qa__list .qa__item .qa__question {
    font-size: 2rem;
  }
  #qa .container .qa__list .qa__item .qa__question .qa__icon {
    font-size: 2.4rem;
  }
  #qa .container .qa__list .qa__item .qa__answer {
    display: none;
  }
}
#message {
  padding: 14rem 0;
  background:
    url(../images/message/bg.webp) no-repeat left center/auto 100%,
    linear-gradient(to right, rgb(67, 85, 177) 0%, rgb(45, 156, 219) 100%);
}
#message .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #message .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #message .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #message .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #message .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#message .container {
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  line-height: 1.8;
}
#message .container .message__title {
  font-family: "Zen Old Mincho", serif;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 8rem;
  background: linear-gradient(
    to right,
    rgb(247, 242, 174) 0%,
    rgb(247, 237, 154) 43%,
    rgb(217, 163, 87) 68%,
    rgb(239, 216, 130) 80%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.6));
}

@media screen and (max-width: 1200px) {
  #message .container .message__title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 1024px) {
  #message .container {
    font-size: 1.8rem;
  }
  #message .container .message__title {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 981px) {
  #message {
    padding: 12rem 0;
  }
  #message .container {
    font-size: 1.6rem;
  }
  #message .container .message__title {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 750px) {
  #message {
    background:
      url(../images/message/bg.webp) no-repeat left center/auto 100%,
      linear-gradient(to right, rgb(67, 85, 177) 0%, rgb(45, 156, 219) 100%);
  }
  #message .container {
    font-size: 2rem;
  }
  #message .container .message__title {
    font-size: 4.2rem;
    margin-bottom: 8rem;
  }
}
#step {
  padding: 14rem 0;
}
#step .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #step .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #step .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #step .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #step .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#step .container .step__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 11rem;
}
#step .container .step__title .step__title-num {
  font-size: 9.6rem;
}
#step .container .step__title .step__title-unit {
  font-size: 6.4rem;
}
#step .container .step__list {
  align-items: center;
  gap: 4rem;
}
#step .container .step__list .step__item {
  width: calc(100% - 10.1rem);
  position: relative;
}
#step .container .step__list .step__item .step__item-title {
  display: table;
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  position: absolute;
  top: 1rem;
}
#step .container .step__list .step__item .step__item-title .step__item-num {
  display: table;
  font-size: 8.2rem;
  font-weight: 500;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#step .container .step__list .step__item .step__item-illust {
  display: flex;
  justify-self: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  background: #f7f7f7;
  border-radius: 50%;
}
#step .container .step__list .step__item .step__item-illust .step__item-img {
  width: 40%;
  display: table;
  margin: 0 auto;
}
#step .container .step__list .step__item .step__item-note {
  display: table;
  font-size: 1.8rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.4;
  margin: -5rem auto 0 auto;
  padding: 0.6rem 2rem;
  background: linear-gradient(
    to right,
    rgb(67, 85, 177) 0%,
    rgb(45, 156, 219) 100%
  );
  border-radius: 0.6rem;
}
#step .container .step__list .step__item .step__item-text {
  font-size: 2.6rem;
  font-weight: 600;
  text-align: center;
  margin-top: 2.6rem;
}
#step .container .step__list .step__item:first-of-type .step__item-note {
  margin: -3rem auto 0 auto;
}

@media screen and (max-width: 1200px) {
  #step .container .step__title {
    font-size: 3.4rem;
    margin-bottom: 10rem;
  }
  #step .container .step__title .step__title-num {
    font-size: 8.6rem;
  }
  #step .container .step__title .step__title-unit {
    font-size: 4.6rem;
  }
  #step .container .step__list .step__item {
    width: calc(100% - 10.1rem);
  }
  #step .container .step__list .step__item .step__item-title {
    font-size: 1.8rem;
  }
  #step .container .step__list .step__item .step__item-title .step__item-num {
    font-size: 7.2rem;
  }
  #step .container .step__list .step__item .step__item-illust .step__item-img {
    width: 40%;
    display: table;
    margin: 0 auto;
  }
  #step .container .step__list .step__item .step__item-note {
    font-size: 1.6rem;
  }
  #step .container .step__list .step__item .step__item-text {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  #step .container .step__title {
    font-size: 3rem;
    margin-bottom: 8rem;
  }
  #step .container .step__title .step__title-num {
    font-size: 7.2rem;
  }
  #step .container .step__title .step__title-unit {
    font-size: 3.8rem;
  }
  #step .container .step__list .step__item .step__item-title {
    font-size: 1.8rem;
  }
  #step .container .step__list .step__item .step__item-title .step__item-num {
    font-size: 6.4rem;
  }
  #step .container .step__list .step__item .step__item-note {
    font-size: 1.4rem;
  }
  #step .container .step__list .step__item .step__item-text {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 981px) {
  #step .container .step__title {
    margin-bottom: 5rem;
  }
  #step .container .step__list {
    gap: 2rem;
  }
  #step .container .step__list .step__item {
    width: calc(100% - 8.1rem);
  }
  #step .container .step__list .step__item .step__item-title {
    font-size: 1.4rem;
  }
  #step .container .step__list .step__item .step__item-title .step__item-num {
    font-size: 4.6rem;
  }
  #step .container .step__list .step__item .step__item-note {
    font-size: 1.4rem;
  }
  #step .container .step__list .step__item .step__item-text {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  #step {
    padding: 14rem 0 8rem 0;
  }
  #step .container .step__title {
    display: table;
    font-size: 4rem;
    margin: 0 auto 6rem auto;
  }
  #step .container .step__title .step__title-num {
    display: inline-block;
    font-size: 9.6rem;
    margin-top: 1.5rem;
  }
  #step .container .step__title .step__title-unit {
    font-size: 6.4rem;
  }
  #step .container .step__list {
    flex-flow: column;
    gap: 4rem;
  }
  #step .container .step__list .step__item {
    width: 100%;
    position: relative;
  }
  #step .container .step__list .step__item .step__item-title {
    font-size: 2rem;
  }
  #step .container .step__list .step__item .step__item-title .step__item-num {
    font-size: 8.2rem;
  }
  #step .container .step__list .step__item .step__item-illust {
    width: 30rem;
    margin: 0 auto;
  }
  #step .container .step__list .step__item .step__item-note {
    font-size: 1.8rem;
  }
  #step .container .step__list .step__item .step__item-text {
    font-size: 2.6rem;
  }
  #step .container .step__list .step__arrow img {
    width: 3.2rem;
    transform: rotate(90deg);
  }
}
#cta {
  padding: 14rem 0 11rem 0;
  background: #f7f7f7;
}
#cta .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #cta .container {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #cta .container {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #cta .container {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #cta .container {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#cta .container .cta__buttons {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 5rem;
}
#cta .container .cta__buttons .cta__btn.cta__btn--red a {
  display: block;
  font-size: 3.2rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding: 5rem 11rem;
  background: linear-gradient(
    to right,
    rgb(255, 60, 60) 0%,
    rgb(255, 122, 24) 100%
  );
}
#cta .container .cta__buttons .cta__btn.cta__btn--red a .cta__btn-text {
  display: inline-block;
  font-size: 5.4rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}
#cta .container .cta__buttons .cta__btn.cta__btn--red a:after {
  content: " ";
  display: inline-block;
  width: 2.3rem;
  height: 4rem;
  vertical-align: middle;
  margin-left: 5rem;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/auto
    100%;
}
#cta .container .cta__buttons .cta__btn.cta__btn--gray a {
  display: table;
  font-size: 3.2rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding: 2rem 11rem;
  background: linear-gradient(
    to right,
    rgb(36, 42, 73) 0%,
    rgb(66, 80, 151) 100%
  );
}
#cta .container .cta__buttons .cta__btn.cta__btn--gray a:after {
  content: " ";
  display: inline-block;
  width: 1.8rem;
  height: 2.4rem;
  vertical-align: middle;
  margin-left: 2rem;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/auto
    100%;
}

@media screen and (max-width: 1200px) {
  #cta .container .cta__buttons .cta__btn.cta__btn--red a {
    font-size: 2.8rem;
    padding: 5rem 8rem;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--red a .cta__btn-text {
    font-size: 4.8rem;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--gray a {
    font-size: 3rem;
    padding: 2rem 8rem;
  }
}
@media screen and (max-width: 981px) {
  #cta .container .cta__buttons .cta__btn.cta__btn--red a {
    font-size: 2.4rem;
    padding: 3rem;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--red a .cta__btn-text {
    font-size: 3.8rem;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--gray a {
    font-size: 2.4rem;
    padding: 2rem 4rem;
  }
}
@media screen and (max-width: 750px) {
  #cta {
    padding: 8rem 0 11rem 0;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--red {
    width: 100%;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--red a {
    font-size: 3.2rem;
    text-align: left;
    padding: 5rem 8rem;
    position: relative;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--red a .cta__btn-text {
    font-size: 5.4rem;
    margin-left: 0;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--red a:after {
    width: 2.3rem;
    height: 4rem;
    margin-left: 0;
    background: url(../images/common/icon_arrow.svg) no-repeat center
      center/auto 100%;
    position: absolute;
    right: 9rem;
    top: calc(50% - 2rem);
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--gray {
    width: 100%;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--gray a {
    display: block;
    font-size: 3.2rem;
    padding: 2rem 11rem;
  }
  #cta .container .cta__buttons .cta__btn.cta__btn--gray a:after {
    width: 1.8rem;
    height: 2.4rem;
  }
}
#inquiry {
  padding: 0 0 11rem 0;
  background: #f7f7f7;
}
#inquiry .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  #inquiry .inner {
    width: 102.4rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  #inquiry .inner {
    width: 98.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 981px) {
  #inquiry .inner {
    width: 75.1rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inner {
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
#inquiry .inner .inquiry__title {
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5rem;
}
#inquiry .inner .inquiry__box.mail-form {
  margin-top: 0;
}
#inquiry .inner .mw_wp_form {
  padding: 8rem 10rem;
  background: #ffffff;
}
#inquiry .inner .mw_wp_form .inquiry__flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__left {
  width: 22rem;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 4rem;
}
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__left .tag {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  vertical-align: middle;
  margin-left: 1.5rem;
}
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right {
  width: calc(100% - 22rem);
  margin-bottom: 4rem;
}
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right input,
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select {
  width: 100%;
  padding: 1.5rem 2rem;
  background: #f5f5f5;
}
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right textarea {
  width: 100%;
  height: 16rem;
  padding: 1.5rem 2rem;
  background: #f5f5f5;
}
#inquiry .inner .mw_wp_form .inquiry__flex.textarea {
  align-items: flex-start;
}
#inquiry .inner .mw_wp_form .btn-main-contact {
  display: table;
  margin: 2rem auto 0 auto;
}
#inquiry .inner .mw_wp_form .btn-main-contact input {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  padding: 2rem 11rem;
  background: #2a2a2a;
}

@media screen and (max-width: 981px) {
  #inquiry .inner .mw_wp_form {
    padding: 6rem 4rem;
  }
}
@media screen and (max-width: 750px) {
  #inquiry .inner .mw_wp_form {
    padding: 8rem 4rem;
  }
  #inquiry .inner .mw_wp_form .inquiry__flex {
    flex-flow: column;
    gap: 1rem;
  }
  #inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__left {
    width: 100%;
    margin-bottom: 0;
  }
  #inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right {
    width: 100%;
  }
  #inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right input,
  #inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select {
    font-size: 1.8rem;
  }
}
#pagetop {
  position: fixed;
  right: 0.5%;
  bottom: 2%;
  z-index: 5;
  transition: 0.5s;
}
#pagetop:before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 16px;
  margin-right: 1rem;
  vertical-align: middle;
  border-bottom: 16px solid #999999;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
#pagetop:hover {
  opacity: 0.7;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  #pagetop {
    display: none !important;
  }
}

/* webmarks-plus form: force LP-specific styles over common theme rules */
#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__left .tag,
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__left .tag {
  background: transparent;
  color: #111111;
}

#inquiry_top
  .inner
  .mw_wp_form
  .inquiry__flex
  .inquiry__flex__left
  .tag.tag-require,
#inquiry
  .inner
  .mw_wp_form
  .inquiry__flex
  .inquiry__flex__left
  .tag.tag-require {
  background: transparent;
  color: #111111;
  line-height: inherit;
  padding: 0;
}

#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select[name="your-select"],
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select[name="your-select"] {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  color: #111111;
}

#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select[name="your-select"].is-placeholder,
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select[name="your-select"].is-placeholder {
  color: #9b9b9b;
  font-weight: 500;
}

#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select[name="your-select"] option,
#inquiry .inner .mw_wp_form .inquiry__flex .inquiry__flex__right select[name="your-select"] option {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #111111;
}

@media screen and (min-width: 768px) {
  #inquiry_top .inner .mw_wp_form .inquiry__flex.textarea .inquiry__flex__left,
  #inquiry .inner .mw_wp_form .inquiry__flex.textarea .inquiry__flex__left {
    white-space: nowrap;
  }
  #inquiry_top
    .inner
    .mw_wp_form
    .inquiry__flex.textarea
    .inquiry__flex__left
    .tag,
  #inquiry
    .inner
    .mw_wp_form
    .inquiry__flex.textarea
    .inquiry__flex__left
    .tag {
    display: inline-block;
    vertical-align: baseline;
  }
  #inquiry_top
    .inner
    .mw_wp_form
    .inquiry__flex.textarea
    .inquiry__flex__left
    .tag {
    margin-left: 0.2rem;
  }
  #inquiry
    .inner
    .mw_wp_form
    .inquiry__flex.textarea
    .inquiry__flex__left
    .tag {
    margin-left: 0.8rem;
  }
}

#inquiry_top .inner .mw_wp_form .btn-main-contact,
#inquiry .inner .mw_wp_form .btn-main-contact {
  display: table;
  width: 150px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  #inquiry_top .inner .mw_wp_form .btn-main-contact,
  #inquiry .inner .mw_wp_form .btn-main-contact {
    width: 150px;
    height: 50px;
  }
}

@media only screen and (max-width: 320px) {
  #inquiry_top .inner .mw_wp_form .btn-main-contact,
  #inquiry .inner .mw_wp_form .btn-main-contact {
    width: 230px;
  }
}

/* webmarks-plus font map: forced parity with backup/webmarks-plus 3 */
body#nofont-style.page-template-lp-webmarks-plus,
body#nofont-style.page-template-page-webmarks-plus,
body#nofont-style.page-template-lp-webmarks-pluspage-webmarks-plus-php,
body.page-template-lp-webmarks-plus,
body.page-template-page-webmarks-plus,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", "Roboto", serif !important;
  font-kerning: normal;
}

body:is(
    #nofont-style.page-template-lp-webmarks-plus,
    #nofont-style.page-template-page-webmarks-plus,
    #nofont-style.page-template-lp-webmarks-pluspage-webmarks-plus-php,
    .page-template-lp-webmarks-plus,
    .page-template-page-webmarks-plus,
    .page-template-lp-webmarks-pluspage-webmarks-plus-php
  )
  :is(
    footer,
    #footer-box,
    .footersen,
    #footer-widget-area,
    #footer-widget-box
  ) {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-family:
    "游ゴシック体", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ",
    " Meiryo", "Hiragino Kaku Gothic Pro", sans-serif !important;
  font-kerning: auto;
}

/* webmarks-plus: 共有フッターは LP 本文の書体・改行設定から切り離してトップと揃える */
body:is(
    .page-template-lp-webmarks-plus,
    .page-template-page-webmarks-plus,
    .page-template-lp-webmarks-pluspage-webmarks-plus-php
  )
  :is(
    footer,
    #footer-box,
    .footersen,
    #footer-widget-area,
    #footer-widget-box,
    .footer-catch
  ),
body:is(
    .page-template-lp-webmarks-plus,
    .page-template-page-webmarks-plus,
    .page-template-lp-webmarks-pluspage-webmarks-plus-php
  )
  :is(
    footer,
    #footer-box,
    .footersen,
    #footer-widget-area,
    #footer-widget-box,
    .footer-catch
  )
  :where(h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, a, span, small, strong, em, b, i) {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-family:
    "ヒラギノ角ゴ ProN W3", Hiragino Sans, "ヒラギノ角ゴ ProN W3",
    Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif !important;
  font-kerning: auto;
  letter-spacing: normal;
  overflow-wrap: normal;
  word-break: normal;
  line-break: auto;
}

#inquiry_top .inner .mw_wp_form .btn-main-contact input,
#inquiry .inner .mw_wp_form .btn-main-contact input {
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 100%;
  letter-spacing: 2px;
  transition: all 0.15s ease-out;
  -webkit-appearance: none;
}

#inquiry_top .inner .mw_wp_form .btn-main-contact input:hover,
#inquiry .inner .mw_wp_form .btn-main-contact input:hover {
  opacity: 1;
}

/* backup準拠の明朝箇所（子要素まで強制） */
body#nofont-style.page-template-lp-webmarks-plus
  :is(
    #keyvisual .container h1 .key-visual__title-bottom,
    #can .container .can__title,
    #worries .container .worries__title .worries__title-accent,
    #e-learning
      .container
      .learning__header
      .learning__title
      .learning__title-sub,
    #e-learning .container .learning__summary-title,
    #e-learning
      .container
      .learning__course.swiper-slide
      .learning__course--inner
      .learning__course-title
      .learning__course-num,
    #in-house .container .inhouse__header .inhouse__header-main .inhouse__title,
    #self-propelled
      .container
      .self-propelled__header
      .self-propelled__title
      .self-propelled__title-sub,
    #results .container .results__title .results__title-accent,
    #results
      .container
      .results__badge
      .results__badge--inner
      .results__badge-text,
    #why .container .why__title .why__title-accent,
    #message .container .message__title
  ),
body#nofont-style.page-template-lp-webmarks-plus
  :is(
    #keyvisual .container h1 .key-visual__title-bottom,
    #can .container .can__title,
    #worries .container .worries__title .worries__title-accent,
    #e-learning
      .container
      .learning__header
      .learning__title
      .learning__title-sub,
    #e-learning .container .learning__summary-title,
    #e-learning
      .container
      .learning__course.swiper-slide
      .learning__course--inner
      .learning__course-title
      .learning__course-num,
    #in-house .container .inhouse__header .inhouse__header-main .inhouse__title,
    #self-propelled
      .container
      .self-propelled__header
      .self-propelled__title
      .self-propelled__title-sub,
    #results .container .results__title .results__title-accent,
    #results
      .container
      .results__badge
      .results__badge--inner
      .results__badge-text,
    #why .container .why__title .why__title-accent,
    #message .container .message__title
  )
  :where(span, small, strong, em, b, i) {
  font-family: "Zen Old Mincho", serif !important;
}

/* LP本文: 想定外改行を抑制（paltは維持） */
body#nofont-style.page-template-lp-webmarks-plus
  :where(
    #keyvisual,
    #indispensable,
    #can,
    #worries,
    #e-learning,
    #in-house,
    #self-propelled,
    #achievements,
    #results,
    #case,
    #flow,
    #why,
    #lecturer,
    #qa,
    #message,
    #step,
    #cta,
    #inquiry_top,
    #inquiry
  )
  :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    span,
    li,
    dt,
    dd,
    a,
    small,
    strong,
    em,
    b,
    i
  ) {
  overflow-wrap: normal;
  word-break: normal;
  line-break: strict;
}

/* LP本文: Chrome/Blink では palt の実効差が出ないため、本文だけ字間を明示調整 */
body:is(
    #nofont-style.page-template-lp-webmarks-plus,
    #nofont-style.page-template-page-webmarks-plus,
    #nofont-style.page-template-lp-webmarks-pluspage-webmarks-plus-php,
    .page-template-lp-webmarks-plus,
    .page-template-page-webmarks-plus,
    .page-template-lp-webmarks-pluspage-webmarks-plus-php
  )
  :where(
    #keyvisual,
    #indispensable,
    #can,
    #worries,
    #e-learning,
    #in-house,
    #self-propelled,
    #achievements,
    #results,
    #case,
    #flow,
    #why,
    #lecturer,
    #qa,
    #message,
    #step,
    #cta,
    #inquiry_top,
    #inquiry
  )
  :where(p, li, dt, dd) {
  letter-spacing: 0;
}

/* webmarks-plus: footer-catch 画像だけLP側で維持し、共有フッター本体の画像は上書きしない */
body.page-webmarks-plus .footer-catch .footer-copy-box__image img,
body.page-template-lp-webmarks-plus .footer-catch .footer-copy-box__image img,
body.page-template-page-webmarks-plus .footer-catch .footer-copy-box__image img,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php
  .footer-catch
  .footer-copy-box__image
  img {
  width: 100% !important;
  height: auto !important;
}

/* webmarks-plus: html 62.5% の影響で rem 基準の共有フッターだけ縮むため、トップ実寸へ補正 */
@media (min-width: 768px) {
  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    ) footer .widgettitle {
    font-size: 17.6px;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    :is(#footer-widget-left, #footer-widget-center1, #footer-widget-center2, #footer-widget-right)
    .widgettitle {
    font-size: 15.2px !important;
    line-height: 18.4px !important;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    #footer-widget-center2
    dl.footer-widget-html
    dt {
    margin-bottom: 14px;
    font-size: 15.2px !important;
    line-height: 18.4px !important;
    font-weight: 700;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    #footer-widget-center2
    dl.footer-widget-html
    dt:not(:first-of-type) {
    margin-top: 34px;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    #footer-widget-center2
    dl.footer-widget-html
    ul
    li
    a {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    #footer-widget-right
    .footer-widget-company
    p:has(+ p.copy) {
    max-width: 16ch;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65 !important;
    white-space: normal;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    ) footer #footer-box {
    font-size: 11.2px;
  }
}

@media (max-width: 767px) {
  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    ) footer .widgettitle {
    font-size: 17.6px;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    #footer-widget-center2
    dl.footer-widget-html
    dt {
    margin-bottom: 12px;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    #footer-widget-center2
    dl.footer-widget-html
    dt:not(:first-of-type) {
    margin-top: 28px;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    #footer-widget-center2
    dl.footer-widget-html
    ul
    li
    a {
    font-size: 13px !important;
    line-height: 1.6 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    )
    #footer-widget-area.footer_style1
    #footer-widget-right
    .footer-widget-company
    p:has(+ p.copy) {
    max-width: 16ch;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65 !important;
    white-space: normal;
  }

  body:is(
      .page-template-lp-webmarks-plus,
      .page-template-page-webmarks-plus,
      .page-template-lp-webmarks-pluspage-webmarks-plus-php
    ) footer #footer-box {
    font-size: 10.4px;
  }
}

/* e-learning: 指定2箇所のフォントサイズを少し小さく調整 */
#e-learning
  .container
  .learning__stats
  .learning__stats-item:first-of-type
  .learning__stats-desc
  .learning__stats-text {
  font-size: 1.6rem;
}
#e-learning
  .container
  .learning__stats
  .learning__stats-item:last-of-type
  .learning__stats-desc
  .learning__stats-label {
  font-size: 2.8rem;
}

@media screen and (max-width: 1200px) {
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:first-of-type
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.5rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-label {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-label {
    font-size: 2rem;
  }
}
@media screen and (max-width: 981px) {
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:first-of-type
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.3rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-label {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 750px) {
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:first-of-type
    .learning__stats-desc
    .learning__stats-text {
    font-size: 1.6rem;
  }
  #e-learning
    .container
    .learning__stats
    .learning__stats-item:last-of-type
    .learning__stats-desc
    .learning__stats-label {
    font-size: 2.8rem;
  }
}

/* webmarks-plus: ヘッダーCTAをLP意図デザインで強制（共通ヘッダー上書き） */
body.page-template-lp-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__free-consultation,
body.page-template-page-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__free-consultation,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__free-consultation {
  margin-left: 20px !important;
}

body.page-template-lp-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-header-btn,
body.page-template-page-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-header-btn,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php
  #header-box
  .lp-webmarks-header
  .lp-webmarks-header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  padding: 20px 30px;
  font-size: 100%;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  border: none !important;
  border-radius: 0 !important;
  color: #fff !important;
  text-decoration: none;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  ) !important;
}

body.page-template-lp-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-btn-white::after,
body.page-template-lp-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-btn-blue::after,
body.page-template-page-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-btn-white::after,
body.page-template-page-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-btn-blue::after,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php
  #header-box
  .lp-webmarks-header
  .lp-webmarks-btn-white::after,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php
  #header-box
  .lp-webmarks-header
  .lp-webmarks-btn-blue::after {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 1.5rem;
  margin-left: 2rem;
  vertical-align: middle;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/cover;
}

body.page-template-lp-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__document-request:hover
  .lp-webmarks-btn-white,
body.page-template-lp-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__free-consultation:hover
  .lp-webmarks-btn-blue,
body.page-template-page-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__document-request:hover
  .lp-webmarks-btn-white,
body.page-template-page-webmarks-plus
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__free-consultation:hover
  .lp-webmarks-btn-blue,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__document-request:hover
  .lp-webmarks-btn-white,
body.page-template-lp-webmarks-pluspage-webmarks-plus-php
  #header-box
  .lp-webmarks-header
  .lp-webmarks-heade__free-consultation:hover
  .lp-webmarks-btn-blue {
  opacity: 0.7;
  border: none !important;
  border-radius: 0 !important;
  color: #fff !important;
  text-decoration: none;
  background: linear-gradient(
    to right,
    rgb(157, 78, 221) 0%,
    rgb(0, 180, 216) 100%
  ) !important;
}

/* webmarks-plus: メニュー配置は維持し、白背景のみ画面幅いっぱいにする */
@media screen and (min-width: 904px) {
  body.page-template-lp-webmarks-plus #header-box .header-nav,
  body.page-template-page-webmarks-plus #header-box .header-nav,
  body.page-template-lp-webmarks-pluspage-webmarks-plus-php
    #header-box
    .header-nav {
    position: relative;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent;
    z-index: 0;
  }

  body.page-template-lp-webmarks-plus #header-box .header-nav::before,
  body.page-template-page-webmarks-plus #header-box .header-nav::before,
  body.page-template-lp-webmarks-pluspage-webmarks-plus-php
    #header-box
    .header-nav::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #fff;
    z-index: -1;
  }

  body.page-template-lp-webmarks-plus #drawernav3,
  body.page-template-page-webmarks-plus #drawernav3,
  body.page-template-lp-webmarks-pluspage-webmarks-plus-php #drawernav3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.page-template-lp-webmarks-plus #drawernav3 nav.fixed-content,
  body.page-template-page-webmarks-plus #drawernav3 nav.fixed-content,
  body.page-template-lp-webmarks-pluspage-webmarks-plus-php
    #drawernav3
    nav.fixed-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.page-template-lp-webmarks-plus #drawernav3 ul.menu-box,
  body.page-template-page-webmarks-plus #drawernav3 ul.menu-box,
  body.page-template-lp-webmarks-pluspage-webmarks-plus-php
    #drawernav3
    ul.menu-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 3.5rem !important;
  }
}

/* webmarks-plus: 上フォームの項目名サイズ調整（#inquiry_top のみ） */
#inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__left {
  font-size: 1.5rem;
}

@media screen and (max-width: 750px) {
  #inquiry_top .inner .mw_wp_form .inquiry__flex .inquiry__flex__left {
    font-size: 2.1rem;
  }
}