@charset "UTF-8";
/*--==========================
base
============================--*/
/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 0; }

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

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

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

img {
  border: 0;
  vertical-align: top; }

em {
  font-style: italic; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0; }

input, select, textarea {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle; }

input:focus, textarea:focus, select:focus {
  outline: none; }

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

/*------------------------------
表示・非表示切替
-------------------------------*/
@media (max-width: 750px) {
  .pc {
    display: none !important; } }

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

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

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

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

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

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

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

/* ========
html
======== */
html {
  font-size: 62.5%; }

/* ========
body
======== */
body {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #000;
  line-height: 1.86;
  min-width: 1080px;
  position: relative;
  left: 0;
  right: 0; }
  @media (max-width: 750px) {
    body {
      min-width: 320px;
      font-size: 1.2rem; } }

/* ========
tags
======== */
* {
  box-sizing: border-box; }

a {
  color: inherit;
  outline: none;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:link,
a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none;
  outline: none;
  opacity: 0.7; }

a:active {
  outline: none; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

/* ========
input
======== */
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none; }

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

input, button, textarea, select {
  background-color: gray;
  display: block;
  padding: 5px; }

/* ========
animation
======== */
@-webkit-keyframes stripe_animation {
  0% {
    left: -84px; }
  100% {
    left: 0; } }
@keyframes stripe_animation {
  0% {
    left: -84px; }
  100% {
    left: 0; } }

@-webkit-keyframes btn_animation {
  0% {
    top: 0; }
  100% {
    top: -4px; } }

@keyframes btn_animation {
  0% {
    top: 0; }
  100% {
    top: -4px; } }

/*--==========================
layout
============================--*/
/* ========
.layout
======== */
.l-inner {
  max-width: 1080px;
  margin: 0 auto; }
  @media (max-width: 750px) {
    .l-inner {
      max-width: 100%;
      padding: 0 15px; } }

.l-wrapper {
  position: relative; }
  @media (min-width: 751px) {
    .l-wrapper {
      min-width: 1080px; } }
  @media (max-width: 750px) {
    .l-wrapper {
      overflow: hidden;
      width: 100%; } }

.l-content .l-inner {
  display: flex; }

@media (min-width: 751px) {
  .l-content.home {
    margin-top: 50px; } }

@media (min-width: 751px) {
  .l-content.lower, .l-content.category {
    margin-top: 30px; } }

@media (min-width: 751px) {
  .l-content.company {
    margin-top: 20px; } }

.l-main {
  width: 800px; }
  @media (max-width: 750px) {
    .l-main {
      width: 100%;
      margin-top: 30px;
     }
    }
  @media (max-width: 750px) {
    .l-main.home {
      margin-top: 0; }
    .l-main iframe{
        max-width: calc(100vw - 30px); } 
  }

.l-top {
  width: 100%; }
  @media (max-width: 750px) {
    .l-top {
      margin-top: 35px; } }

#SelectBg {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden; }
  #SelectBg.-active {
    visibility: visible; }

.gnav {
  margin-top: 90px;
  display: flex;
  justify-content: center;
  position: relative; }
  .gnav__item {
    position: relative;
    height: 70px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    width: 180px;
    text-align: center;
    border-right: 1px solid #ebebeb;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: .12em;
    color: #23385c; }
    .gnav__item .iconSvg {
      margin: 0 auto;
      display: flex;
      align-items: center; }
      .gnav__item .iconSvg svg {
        height: 30px; }
    .gnav__item .iconSvg[data-icon="book"] {
      width: 36px; }
    .gnav__item:hover {
      opacity: 1; }
      .gnav__item:hover .highlight__text:after {
        transform: translate(-50%, -50%) scaleX(1);
        transition: transform .3s; }
      .gnav__item:hover .iconSvg svg {
        -webkit-animation: fluffy1 2s ease infinite;
                animation: fluffy1 2s ease infinite; }
    .gnav__item > a {
      width: 100%;
      height: 100%; }
    .gnav__item:first-child a {
      border-left: 1px solid #ebebeb; }
    .gnav__item.-haschild:before {
      content: '';
      display: block;
      opacity: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8px 8px 8px;
      border-color: transparent transparent #23385c transparent;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0);
      transition: opacity 0.6s; }
    .gnav__item.-haschild.-active:before {
      opacity: 1;
      transition: opacity 0.6s; }
    .gnav__item .highlight__text {
      margin: 4px 0 8px 0; }
  .gnav__child {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    background-color: #23385c;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3);
    transform: translate(-50%, 0);
    display: none;
    z-index: 99; }
    .gnav__child.flow {
      margin-left: 180px; }
      .gnav__child.flow ul {
        justify-content: center; }
        .gnav__child.flow ul li {
          margin-right: 18px; }
    .gnav__child.category ul li {
      width: 210px; }
    .gnav__child ul {
      display: flex;
      flex-wrap: wrap;
      max-width: 1080px;
      margin: 0 auto;
      padding: 4px 0 20px; }
    .gnav__child li {
      margin-top: 16px; }
      .gnav__child li a {
        display: flex;
        align-items: center;
        color: #fff;
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1;
        letter-spacing: .08em;
        position: relative; }
        .gnav__child li a .arrow {
          left: 10px;
          right: auto;
          top: auto;
          transform: none;
          position: relative;
          margin-right: 5px; }
    .gnav__child__text {
      margin-left: 14px; }
    .gnav__child.-method {
      margin-left: 180px; }

@-webkit-keyframes fluffy1 {
  0% {
    transform: translateX(0); }
  5% {
    transform: translateX(0); }
  10% {
    transform: translateX(0); }
  20% {
    transform: translateX(5px); }
  25% {
    transform: translateX(0); }
  30% {
    transform: translateX(-5px); }
  50% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }

@keyframes fluffy1 {
  0% {
    transform: translateX(0); }
  5% {
    transform: translateX(0); }
  10% {
    transform: translateX(0); }
  20% {
    transform: translateX(5px); }
  25% {
    transform: translateX(0); }
  30% {
    transform: translateX(-5px); }
  50% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }

/* ========
l-content
======== */
/* ========
l-footer
======== */
.l-footer {
  position: relative;
  margin-top: 120px; }
  @media (max-width: 750px) {
    .l-footer {
      margin-top: 80px; } }
  .l-footer__head {
    padding: 30px 0;
    background-image: url(../images/common/bg_footer_head.jpg); }
    @media (max-width: 750px) {
      .l-footer__head {
        background-image: url(../images/common/footer_bg1.png), url(../images/common/footer_bg2.png);
        background-repeat: no-repeat;
        background-position: top left, top right;
        background-size: 140px, 150px;
        background-color: #f3f3f3; } }
  @media (min-width: 751px) {
    .l-footer__inner {
      width: 900px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  @media (max-width: 750px) {
    .l-footer__inner {
      width: 100%; } }
  .l-footer:before {
    content: '';
    display: block;
    background: linear-gradient(to right, #00a5b9 25%, #ffdb00 0, #ffdb00 50%, #1bce8d 0, #1bce8d 75%, #ff6b48 0);
    width: 100%;
    height: 10px; }
    @media (max-width: 750px) {
      .l-footer:before {
        height: 5px; } }
  .l-footer__menu {
    background-color: #23385c;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 15px; }
    @media (max-width: 750px) {
      .l-footer__menu {
        padding: 30px 15px 100px 15px; } }
    .l-footer__menu .l-footer__inner {
      display: block; }

.footer-register {
  width: 500px;
  background-color: #fff;
  text-align: center;
  padding: 14px 10px 10px 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
  @media (max-width: 750px) {
    .footer-register {
      width: 100%;
      margin-top: 13px; } }
  .footer-register__ttl {
    font-size: 2.2rem;
    line-height: 1.5;
    letter-spacing: .06em;
    font-weight: bold; }
    @media (max-width: 750px) {
      .footer-register__ttl {
        font-size: 1.4rem; } }
  .footer-register__btnwrap {
    display: flex;
    width: 100%;
    margin-top: 10px; }
  .footer-register .btn {
    width: calc(50% - 2px);
    margin-right: 2px; }
    @media (max-width: 750px) {
      .footer-register .btn {
        width: calc(50% - 6px);
        margin-right: 6px; } }
    .footer-register .btn a {
      width: 100%;
      border-radius: 8px;
      font-size: 2rem;
      font-weight: 400;
      padding: 16px 8px 16px 24px;
      justify-content: space-between; }
      @media (max-width: 750px) {
        .footer-register .btn a {
          font-size: 1.4rem;
          padding: 16px 8px 16px 18px; } }
    .footer-register .btn:last-child a {
      background-color: #23385c; }
      @media (min-width: 751px) {
        .footer-register .btn:last-child a {
          justify-content: center; } }
      @media (max-width: 750px) {
        .footer-register .btn:last-child a {
          padding-left: 56px; } }
    .footer-register .btn .iconSvg[data-icon="line"] {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 7px;
      left: 28px; }
      @media (max-width: 750px) {
        .footer-register .btn .iconSvg[data-icon="line"] {
          width: 26px;
          height: 26px;
          top: 10px;
          left: 18px; } }

.footer-cat {
  width: 100%;
  border-bottom: 1px solid #fff;
  padding-bottom: 24px; }
  .footer-cat__ttl {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .08em; }
  .footer-cat__list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 8px; }
  .footer-cat__item {
    display: flex;
    align-items: center;
    flex: 1 1 auto; }
    .footer-cat__item a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%; }
    .footer-cat__item:first-child {
      flex: 0 0 auto; }
      .footer-cat__item:first-child a {
        padding-right: 15px; }
      .footer-cat__item:first-child:before {
        display: none; }
    .footer-cat__item:last-child {
      flex: 0 0 auto; }
      .footer-cat__item:last-child a {
        padding-left: 15px; }
    .footer-cat__item:before {
      content: '';
      display: block;
      background-color: #fff;
      width: 2px;
      height: 10px; }

.footer-gnav {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px; }
  .footer-gnav__item a {
    position: relative;
    display: inline-block;
    height: 100%;
    padding-left: 30px; }
  .footer-gnav__item .arrow {
    right: auto;
    left: 0; }
  .footer-gnav__item:nth-child(5n - 4) {
    width: 180px; }
  .footer-gnav__item:nth-child(5n - 3) {
    width: 160px; }
  .footer-gnav__item:nth-child(5n - 2) {
    width: 200px; }
  .footer-gnav__item:nth-child(5n - 1) {
    width: 178px; }
  .footer-gnav__item:nth-child(5n) {
    width: 143px; }
  .footer-gnav__item:nth-child(n + 6) {
    margin-top: 16px; }

.footer-bottom {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 751px) {
    .footer-bottom {
      height: 50px; } }
  .footer-bottom__menu {
    display: flex; }
    .footer-bottom__menu__item {
      margin-right: 24px;
      font-size: 1.4rem; }
      .footer-bottom__menu__item:last-child {
        margin-right: 0; }
  @media (max-width: 750px) {
    .footer-bottom__logo {
      height: 27px; } }
  .footer-bottom__logo a {
    width: 254px;
    display: block; }
    @media (max-width: 750px) {
      .footer-bottom__logo a {
        width: 170px;
        height: 100%; } }
    @media (min-width: 751px) {
      .footer-bottom__logo a {
        margin-right: 90px; } }
    .footer-bottom__logo a .iconSvg[data-icon="logo_white"] {
      fill: #fff;
      width: 100%; }
  .footer-bottom__sns {
    display: flex;
    align-items: center; }
    @media (max-width: 750px) {
      .footer-bottom__sns {
        margin-bottom: 25px;
        justify-content: space-between; } }

.footer-sns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 155px; }
  @media (max-width: 750px) {
    .footer-sns {
      width: 146px;
      margin-left: 17px; } }

.footer-copyright {
  text-align: center;
  margin-top: 30px;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: .08em; }
  @media (max-width: 750px) {
    .footer-copyright {
      font-size: 1rem;
      color: #7f8798; } }

/* ========
l-header
======== */
.l-header {
  padding-top: 10px; }
  @media (min-width: 751px) {
    .l-header {
      min-width: 1080px; } }
  @media (max-width: 750px) {
    .l-header {
      padding: 10px 6px; } }

.header-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
  padding: 10px 0; }
  @media (min-width: 751px) {
    .header-top {
      min-width: 1080px; } }
  .header-top .l-inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .header-top__logo {
    text-align: center; }
    @media (max-width: 750px) {
      .header-top__logo {
        width: 150px;
        position: relative; } }
    .header-top__logo span {
      font-size: 1.3rem;
      font-family: "M PLUS 1p", sans-serif;
      font-weight: bold;
      color: #23385c;
      line-height: 2;
      letter-spacing: .02em; }
      @media (max-width: 750px) {
        .header-top__logo span {
          font-size: 1.5rem;
          display: block;
          transform: scale(0.5);
          white-space: nowrap;
          margin-left: -37px; } }
    .header-top__logo .iconSvg[data-icon="logo"] {
      width: 300px;
      height: 44px; }
      @media (max-width: 750px) {
        .header-top__logo .iconSvg[data-icon="logo"] {
          font-size: 1rem;
          width: 137px;
          height: 30px; } }
  .header-top__right {
    display: flex; }
  .header-top__tel {
    margin-right: 18px; }
  .header-top__teltext {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: .02em; }
  .header-top__telnum {
    display: flex;
    align-items: center; }
    .header-top__telnum p {
      font-family: "Cabin", sans-serif;
      line-height: 1;
      font-weight: 600;
      letter-spacing: .02em; }
      .header-top__telnum p.-small {
        font-size: 2.5rem; }
      .header-top__telnum p.-big {
        font-size: 3.2rem; }
  .header-top__teltime {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: .02em;
    margin-left: -.5em; }
  @media (max-width: 750px) {
    .header-top__registerBtn {
      max-width: 130px;
      margin-right: 10px; } }
  @media (min-width: 751px) {
    .header-top__registerBtn {
      width: 300px; } }
  .header-top__registerBtn a {
    display: block;
    width: 100%; }

.sp-header {
  background-color: #23385c;
  padding-top: 20px;
  overflow-y: scroll;
  display: none;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 98; }
  @media (max-width: 750px) {
    .sp-header {
      padding: 20px 15px 30px 15px; } }
  .sp-header__contact {
    display: flex;
    align-items: center;
    border-radius: 12px;
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #f3f3f3 50%, #f3f3f3 100%);
    margin-bottom: 12px; }
  .sp-header__tel {
    width: 50%;
    padding: 10px; }
  .sp-header__register {
    text-align: center;
    font-size: 1rem;
    line-height: 1.2;
    width: 50%;
    padding: 10px; }
    .sp-header__register .btn {
      width: 150px;
      margin: 4px auto 0 auto; }
  .sp-header .line-bnr .iconSvg[data-icon="line"] {
    width: 75px;
    height: 75px;
    left: 35px; }
  .sp-header .line-bnr__text {
    font-size: 1.3rem;
    padding-left: 120px; }
    .sp-header .line-bnr__text span {
      font-size: 2.1rem; }
  .sp-header .line-bnr__link {
    padding-left: 120px;
    margin: 0; }
    .sp-header .line-bnr__link a {
      width: 170px;
      margin: 0;
      font-size: 1.3rem;
      padding: 4px 15px 4px 35px;
      margin-top: 8px; }
      @media (max-width: 750px) {
        .sp-header .line-bnr__link a {
          width: auto;
          max-width: 170px; } }
      .sp-header .line-bnr__link a:after {
        width: 3px;
        height: 3px; }
  .sp-header .how-bnr {
    margin-top: 13px;
    padding: 25px 10px; }
    .sp-header .how-bnr__boxwrap {
      display: flex; }
    .sp-header .how-bnr__main {
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      font-size: 1.5rem;
      margin-top: 6px; }
      .sp-header .how-bnr__main p {
        margin-left: 0; }
    .sp-header .how-bnr__text {
      font-size: 1.5rem;
      margin-bottom: 14px; }
      .sp-header .how-bnr__text span {
        color: #ff6b48; }
    .sp-header .how-bnr__header {
      font-size: 1.1rem; }
    .sp-header .how-bnr__box {
      width: calc(100%/3 - 5px);
      margin-right: 5px; }
      .sp-header .how-bnr__box:last-child {
        margin-right: 0; }
    .sp-header .how-bnr:before, .sp-header .how-bnr:after {
      background-size: 5px 5px;
      height: 5px; }

/* ========
l-main
======== */
/* ========
l-side
======== */
.l-side {
  width: 240px;
  flex: 0 0 auto;
  margin-right: 40px; }
  @media (max-width: 750px) {
    .l-side {
      display: none; } }
  .l-side .how-bnr .iconSvg {
    margin: 0 10px 0 0; }

.side-tel {
  width: 100%;
  background-color: #23385c;
  text-align: center;
  padding: 25px 12px 10px 12px; }
  .side-tel .iconSvg[data-icon="phone"] {
    margin: 0 auto; }
    .side-tel .iconSvg[data-icon="phone"] svg {
      width: 30px;
      height: 40px;
      transform: rotate(-15deg); }
  .side-tel__head {
    color: #fff;
    text-align: center; }
    .side-tel__head__num {
      font-family: "Cabin", sans-serif;
      font-weight: 600;
      font-size: 3rem;
      letter-spacing: .02em;
      line-height: 1.5; }
    .side-tel__head__text {
      font-weight: 700;
      font-size: 1.5rem;
      line-height: 1.7;
      letter-spacing: .12em; }
    .side-tel__head:after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background-color: #fff;
      margin-top: 15px; }
  .side-tel__content {
    margin-top: 13px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: .08em;
    color: #fff; }

.side-cat {
  margin-top: 40px; }
  .side-cat.category .side-cat__item a {
    opacity: 1; }
  .side-cat__header {
    font-weight: bold;
    font-size: 2.2rem;
    letter-spacing: .12em;
    color: #23385c;
    text-align: center;
    line-height: 1.3; }
    .side-cat__header:after {
      content: '';
      display: block;
      background: linear-gradient(to right, #00a5b9 33.3%, #ff6b48 0, #ff6b48 66.6%, #23385c 0);
      transform: skewX(-20deg);
      width: 100%;
      height: 5px;
      margin-top: 10px; }
  .side-cat__item .iconSvg {
    width: 30px;
    height: 30px;
    fill: #23385c;
    margin-right: 10px; }
    .side-cat__item .iconSvg svg {
      width: 100%;
      height: 100%; }
  .side-cat__item .iconSvg[data-icon="hobby"] {
    height: 44px; }
  .side-cat__item a {
    display: flex;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: .08em;
    align-items: center;
    padding: 14px 0 14px 6px;
    border-bottom: 1px dotted #23385c;
    position: relative; }
    .side-cat__item a:after {
      content: '';
      display: block;
      width: 7px;
      height: 7px;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      transform: translate(0, -50%) rotate(-45deg);
      background: transparent;
      position: absolute;
      top: 50%;
      right: 9px; }
    .side-cat__item a:hover .highlight__text:after {
      transform: translate(-50%, -50%) scaleX(1);
      transition: transform .3s; }
  .side-cat__item.hobby a {
    padding: 7px 0 7px 6px; }

.side-bnr {
  margin-top: 40px; }
  .side-bnr a {
    display: block;
    width: 100%;
    height: 100%; }
    .side-bnr a:nth-child(n+2) {
      margin-top: 20px; }

/*--==========================
  module
============================--*/
iframe#anybot.-hide {
  display: none; }

.arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.2);
  z-index: 1;
  cursor: pointer; }
  .arrow:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-top: 2px solid #23385c;
    border-right: 2px solid #23385c;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: rotate(45deg) translate(-22%, -50%);
    z-index: 2; }
  @media (max-width: 750px) {
    .arrow.sell {
      right: 6px; } }
  .arrow.-red:before {
    border-top: 2px solid #f13c3b;
    border-right: 2px solid #f13c3b; }
  .arrow.-darkblue:before {
    border-top: 2px solid #23385c;
    border-right: 2px solid #23385c; }
  .arrow.-blue:before {
    border-top: 2px solid #00a5b9;
    border-right: 2px solid #00a5b9; }
  .arrow.-slideprev {
    background-color: #23385c;
    width: 40px;
    height: 40px;
    right: auto;
    left: -19px; }
    @media (max-width: 750px) {
      .arrow.-slideprev {
        width: 25px;
        height: 25px;
        left: -22px; } }
    .arrow.-slideprev:before {
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      top: 14px;
      right: 12px;
      transform: rotate(-135deg); }
      @media (max-width: 750px) {
        .arrow.-slideprev:before {
          width: 5px;
          height: 5px;
          top: 9px;
          right: 9px; } }
  .arrow.-slidenext {
    background-color: #23385c;
    width: 40px;
    height: 40px;
    right: -14px; }
    @media (max-width: 750px) {
      .arrow.-slidenext {
        width: 25px;
        height: 25px;
        right: -22px; } }
    .arrow.-slidenext:before {
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      top: 14px;
      right: auto;
      left: 12px;
      transform: rotate(45deg); }
      @media (max-width: 750px) {
        .arrow.-slidenext:before {
          width: 5px;
          height: 5px;
          top: 9px;
          left: 9px; } }
  .arrow.-big {
    width: 30px;
    height: 30px; }
    @media (max-width: 750px) {
      .arrow.-big {
        width: 24px;
        height: 24px; } }
    .arrow.-big:before {
      width: 5px;
      height: 5px; }
  .arrow.-small {
    width: 25px;
    height: 25px; }
    @media (max-width: 750px) {
      .arrow.-small {
        width: 20px;
        height: 20px; } }

.slider-arrow {
  width: 52px;
  height: 52px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
  cursor: pointer; }
  @media (max-width: 750px) {
    .slider-arrow {
      width: 30px;
      height: 30px; } }
  .slider-arrow:after {
    content: '';
    display: block;
    position: absolute;
    height: 10px;
    width: 30px;
    background-image: url(../images/common/arrow_prev.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    left: 12px;
    transform: translate(0, -50%); }
    @media (max-width: 750px) {
      .slider-arrow:after {
        height: 5px;
        width: 15px;
        left: 6px; } }
  .slider-arrow.-prev {
    left: -21px; }
    @media (max-width: 750px) {
      .slider-arrow.-prev {
        left: -25px; } }
  .slider-arrow.-next {
    right: -30px; }
    @media (max-width: 750px) {
      .slider-arrow.-next {
        right: -25px; } }
    .slider-arrow.-next:after {
      background-image: url(../images/common/arrow_next.png); }

.top-arrow {
  width: 60px;
  height: 60px;
  background-color: #ff6b48;
  border-radius: 50%;
  position: fixed;
  right: 12px;
  bottom: 12px;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  opacity: 0; }
  @media (max-width: 750px) {
    .top-arrow {
      width: 50px;
      height: 50px;
      position: absolute;
      top: -76px;
      right: 12px; } }
  @media (max-width: 750px) {
    .top-arrow img {
      width: 15px; } }
  .top-arrow:hover {
    opacity: .7; }

.bnr-wrap {
  margin-top: 60px; }
  @media (max-width: 750px) {
    .bnr-wrap {
      margin: 40px 0 10px 0; } }
  .bnr-wrap a {
    display: block;
    width: 100%;
    height: 100%; }

.register-bnr {
  background-color: #f3f3f3;
  border: 2px solid #23385c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  padding: 20px 0;
  margin-top: 40px; }
  .register-bnr:before {
    content: '';
    display: block;
    border: 1px solid #000;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px; }
  .register-bnr .iconSvg[data-icon="register"] svg {
    width: 66px;
    height: 65px; }
  .register-bnr .btn {
    margin-top: 10px; }
    .register-bnr .btn a .btn__text {
      font-size: 1.6rem; }
  .register-bnr__text01 {
    font-weight: bold;
    font-size: 2.2rem;
    letter-spacing: .04em;
    line-height: 1.5; }
    .register-bnr__text01 span {
      color: #f13c3b; }
  .register-bnr__text02 {
    font-weight: 400;
    font-size: 1.5rem;
    letter-spacing: .08em;
    line-height: 1.7; }

.list-bnr {
  width: 100%;
  height: 266px;
  background-image: url(../images/common/list_bnr_bg.jpg);
  margin-top: 35px;
  position: relative; }
  .list-bnr .btn {
    position: absolute;
    top: 127px;
    left: 20px; }
    .list-bnr .btn .btn__text {
      font-size: 1.6rem; }

.line-bnr {
  background-color: #fff;
  padding: 10px 6px 10px 6px;
  margin-top: 16px;
  border-radius: 5px;
  position: relative; }
  .line-bnr .iconSvg[data-icon="line"] {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px; }
  .line-bnr__text {
    font-weight: 600;
    font-size: 1.4rem;
    color: #23385c;
    margin-left: 4px;
    text-align: left;
    padding-left: 48px;
    line-height: 1; }
    .line-bnr__text span {
      font-weight: 700;
      font-size: 1.7rem;
      margin-top: 6px;
      display: block; }
  .line-bnr__link {
    margin: 14px auto 0 auto; }
    .line-bnr__link a {
      background-color: #23385c;
      color: #fff;
      font-weight: bold;
      font-size: 1.5rem;
      letter-spacing: .08em;
      line-height: 1.7;
      border-radius: 30px;
      width: 180px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: .4s ease;
      padding: 6px 15px 6px 30px; }
      .line-bnr__link a:after {
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        top: 13px;
        right: 15px; }

.breadcrumb {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: .12em;
  margin-top: 10px; }
  @media (max-width: 750px) {
    .breadcrumb {
      overflow: scroll;
      font-size: 1rem; } }
  @media (max-width: 750px) {
    .breadcrumb > span {
      white-space: nowrap; } }
  .breadcrumb > span:nth-child(2n-1) {
    margin-right: 5px; }
  .breadcrumb > span:nth-child(2n) {
    margin: 0 5px; }

/* ========
button
======== */
.btn a {
  position: relative;
  display: block; }

.btn.-big a {
  width: 350px;
  padding: 23px 0;
  box-shadow: 0px 5px #101f38; }
  @media (min-width: 751px) {
    .btn.-big a {
      font-size: 1.8rem; } }
  @media (max-width: 750px) {
    .btn.-big a {
      width: 280px;
      margin: 0 auto;
      padding: 15px 0;
      font-size: 1.7rem;
      box-shadow: 0px 3px #101f38; } }
  .btn.-big a .arrow {
    width: 30px;
    height: 30px; }
    @media (max-width: 750px) {
      .btn.-big a .arrow {
        width: 24px;
        height: 24px; } }
    .btn.-big a .arrow:before {
      width: 5px;
      height: 5px; }
  .btn.-big a:hover {
    position: relative;
    box-shadow: none;
    top: 5px;
    opacity: 0.8; }

.btn.-small a {
  width: 180px;
  padding: 9px 50px 9px 30px;
  font-size: 1.5rem; }
  @media (max-width: 750px) {
    .btn.-small a {
      width: 140px;
      font-size: 1.3rem;
      padding: 9px 30px 9px 11px; } }

.btn.-darkblue a {
  background-color: #23385c;
  position: relative; }

.btn.-blue a {
  background-color: #00a5b9;
  box-shadow: 2px 2px 0 #008595; }
  .btn.-blue a .arrow:before {
    border-top: 2px solid #00a5b9;
    border-right: 2px solid #00a5b9; }

.btn.-red a {
  background-color: #f13c3b;
  box-shadow: 2px 2px 0 #e02a29; }
  .btn.-red a .arrow:before {
    border-top: 2px solid #f13c3b;
    border-right: 2px solid #f13c3b; }

.btn a {
  margin: 0 auto;
  background-color: #f13c3b;
  border-radius: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 50px 13px 30px;
  z-index: 0;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: .02em; }
  @media (max-width: 750px) {
    .btn a {
      padding: 7px 24px 7px 15px;
      font-size: 1.2rem; } }

.btn.-register a {
  justify-content: space-between;
  flex-direction: row-reverse;
  position: relative; }
  @media (max-width: 750px) {
    .btn.-register a {
      max-width: 130px; } }

.btn.-reverse a {
  padding: 9px 30px 9px 50px; }
  @media (max-width: 750px) {
    .btn.-reverse a {
      padding: 9px 0 9px 30px; } }
  .btn.-reverse a .arrow {
    left: 10px;
    right: auto; }
    .btn.-reverse a .arrow:before {
      transform: rotate(-135deg) translate(-22%, 70%); }

.btn__text.small {
  font-size: 1.4rem; }
  @media (max-width: 750px) {
    .btn__text.small {
      font-size: 1rem; } }

.btn__text.medium {
  font-size: 1.5rem; }

.btn__text.big {
  font-size: 2.4rem;
  margin-top: 6px; }
  @media (max-width: 750px) {
    .btn__text.big {
      font-size: 1rem; } }

.togglebtn {
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0, -50%); }
  @media (max-width: 750px) {
    .togglebtn {
      width: 16px;
      height: 16px; } }
  .togglebtn:before {
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    background-color: #23385c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media (max-width: 750px) {
      .togglebtn:before {
        width: 6px; } }
  .togglebtn:after {
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    background-color: #23385c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    transition: .4s ease; }
    @media (max-width: 750px) {
      .togglebtn:after {
        width: 6px; } }
  .togglebtn.-active:after {
    transform: translate(-50%, -50%) rotate(0deg);
    transition: .4s ease; }

.spBtn {
  width: 30px;
  height: 30px;
  position: relative;
  margin-top: 2px; }
  .spBtn__text {
    font-size: 1rem;
    color: #23385c;
    letter-spacing: .08em;
    line-height: 1.2;
    font-family: "Cabin", sans-serif;
    margin-top: 20px; }
  .spBtn span {
    width: 100%;
    height: 2px;
    display: block;
    background-color: #23385c;
    position: absolute;
    left: 0;
    border-radius: 5px;
    transition: all .4s; }
    .spBtn span:nth-of-type(1) {
      top: 0; }
    .spBtn span:nth-of-type(2) {
      top: 7px; }
    .spBtn span:nth-of-type(3) {
      top: 13px; }
  .spBtn.-active span:nth-of-type(1) {
    top: 7px;
    transform: rotate(-45deg); }
  .spBtn.-active span:nth-of-type(2) {
    display: none; }
  .spBtn.-active span:nth-of-type(3) {
    top: 7px;
    transform: rotate(45deg); }

.category-mv {
  background: repeating-linear-gradient(-45deg, #fffbe1, #fffbe1 20px, #fff8cd 0, #fff8cd 40px);
  width: 100%;
  height: 340px; }
  @media (max-width: 750px) {
    .category-mv {
      height: calc(230px + 20vw); } }
  .category-mv .l-inner {
    position: relative;
    z-index: 0;
    height: 100%; }
  .category-mv.technical {
    background: repeating-linear-gradient(-45deg, #e6e9ee, #e6e9ee 20px, #d6dae2 0, #d6dae2 40px); }
    .category-mv.technical .category-mv__img {
      background-image: url(../images/category/mv_technical.png); }
      @media (max-width: 750px) {
        .category-mv.technical .category-mv__img {
          background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_technical_sp.png); } }
  .category-mv.comic {
    background: repeating-linear-gradient(-45deg, #ffefda, #ffefda 20px, #ffe4c1 0, #ffe4c1 40px); }
    .category-mv.comic .category-mv__img {
      background-image: url(../images/category/mv_comic.png); }
      @media (max-width: 750px) {
        .category-mv.comic .category-mv__img {
          background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_comic_sp.png); } }
  .category-mv.cd {
    background: repeating-linear-gradient(-45deg, #f1f8df, #f1f8df 20px, #e7f4c9 0, #e7f4c9 40px); }
    .category-mv.cd .category-mv__img {
      background-image: url(../images/category/mv_cd.png); }
      @media (max-width: 750px) {
        .category-mv.cd .category-mv__img {
          background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_cd_sp.png); } }
  .category-mv.dvd {
    background: repeating-linear-gradient(-45deg, #e3f5f7, #e3f5f7 20px, #d1eef2 0, #d1eef2 40px); }
    .category-mv.dvd .category-mv__img {
      background-image: url(../images/category/mv_dvd.png); }
      @media (max-width: 750px) {
        .category-mv.dvd .category-mv__img {
          background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_dvd_sp.png); } }
  .category-mv.hobby {
    background: repeating-linear-gradient(-45deg, #fceef2, #fceef2 20px, #fae3e9 0, #fae3e9 40px); }
    .category-mv.hobby .category-mv__img {
      background-image: url(../images/category/mv_hobby.png); }
      @media (max-width: 750px) {
        .category-mv.hobby .category-mv__img {
          background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_hobby_sp.png); } }
  .category-mv.game {
    background: repeating-linear-gradient(-45deg, #f0ecfa, #f0ecfa 20px, #e6e0f7 0, #e6e0f7 40px); }
    .category-mv.game .category-mv__img {
      background-image: url(../images/category/mv_game.png); }
      @media (max-width: 750px) {
        .category-mv.game .category-mv__img {
          background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_game_sp.png); } }
  .category-mv.electronic {
    background: repeating-linear-gradient(-45deg, #e0f2e7, #e0f2e7 20px, #cbead7 0, #cbead7 40px); }
    .category-mv.electronic .category-mv__img {
      background-image: url(../images/category/mv_electronic.png); }
      @media (max-width: 750px) {
        .category-mv.electronic .category-mv__img {
          background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_electronic_sp.png); } }
  /* .category-mv.office {
    background: repeating-linear-gradient(-45deg, #eee9e2, #eee9e2 20px, #f5f2ee 0, #f5f2ee 40px); }
    .category-mv.office .category-mv__img {
      background-image: url(../images/category/mv_office.png); }
      @media (max-width: 750px) {
        .category-mv.office .category-mv__img {
          background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_office_sp.png); } } */

  .category-mv.instrument {
    background: repeating-linear-gradient(-45deg, #eee9e2, #eee9e2 20px, #f5f2ee 0, #f5f2ee 40px);
  }
  .category-mv.instrument .category-mv__img {
    background-image: url(../images/category/mv_instrument.png);
  }
  @media (max-width: 750px) {
    .category-mv.instrument .category-mv__img {
      background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_instrument_sp.png); 
    }
  }

  .category-mv.business-book {
    background: repeating-linear-gradient(-45deg, #eee9e2, #eee9e2 20px, #f5f2ee 0, #f5f2ee 40px);
  }
  .category-mv.business-book .category-mv__img {
    background-image: url(../images/category/mv_business.png);
  }
  @media (max-width: 750px) {
    .category-mv.business-book .category-mv__img {
      background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_business_bottom.png); 
    }
  }
  

  .category-mv.musical-score {
    background: repeating-linear-gradient(-45deg, #eee9e2, #eee9e2 20px, #f5f2ee 0, #f5f2ee 40px);
  }
  .category-mv.musical-score .category-mv__img {
    background-image: url(../images/category/mv_musical-score.png);
  }
  @media (max-width: 750px) {
    .category-mv.musical-score .category-mv__img {
      background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_musical-score_bottom.png); 
    }
  }
  
  .category-mv.picture-book {
    background: repeating-linear-gradient(-45deg, #eee9e2, #eee9e2 20px, #f5f2ee 0, #f5f2ee 40px);
  }
  .category-mv.picture-book .category-mv__img {
    background-image: url(../images/category/mv_picture-book.png);
  }
  @media (max-width: 750px) {
    .category-mv.picture-book .category-mv__img {
      background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_picture-book_bottom.png); 
    }
  }

  .category-mv.investment-book{
    background: repeating-linear-gradient(-45deg, #eee9e2, #eee9e2 20px, #f5f2ee 0, #f5f2ee 40px);
  }
  .category-mv.investment-book .category-mv__img {
    background-image: url(../images/category/mv_investment-book.png);
  }
  @media (max-width: 750px) {
    .category-mv.investment-book .category-mv__img {
      background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_investment-book_bottom.png); 
    }
  }

  .category-mv.office{
    background: repeating-linear-gradient(-45deg, #eee9e2, #eee9e2 20px, #f5f2ee 0, #f5f2ee 40px);
  }
  .category-mv.office .category-mv__img {
    background-image: url(../images/category/mv_office-1.png);
  }
  @media (max-width: 750px) {
    .category-mv.office .category-mv__img {
      background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_office-1_bottom.png); 
    }
  }


  .category-mv__img {
    background-image: url(../images/category/mv_book.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 1190px;
    background-size: contain;
    height: 100%;
    top: 0;
    left: -55px; }
    @media (max-width: 750px) {
      .category-mv__img {
        background-image: url(../images/category/mv_book_top.png), url(../images/category/mv_book_bottom.png);
        width: 100%;
        background-size: 100%, 100%;
        background-position: top center, bottom center;
        left: 0;
        z-index: -1; } }
  .category-mv__textarea {
    width: 500px;
    padding-top: 70px; }
    @media (max-width: 750px) {
      .category-mv__textarea {
        width: 100%; } }
  .category-mv__ttl {
    font-weight: bold;
    font-size: 3.4rem;
    color: #23385c; }
    @media (max-width: 750px) {
      .category-mv__ttl {
        font-size: 2.7rem;
        text-align: center; } }
  .category-mv__text {
    font-weight: bold;
    font-size: 1.5rem;
    color: #23385c;
    letter-spacing: .08em; }
    @media (max-width: 750px) {
      .category-mv__text {
        font-size: 1.3rem;
        text-align: center; } }

.fixed-icon {
  position: fixed;
  right: 0;
  width: 100px;
  height: 160px;
  background-image: url(../images/common/fixed-icon_bg.png);
  background-repeat: no-repeat;
  background-position: top 2px right;
  background-color: #fff;
  border-radius: 6px 0px 0px 6px;
  box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  z-index: 99; }
  .fixed-icon a {
    display: block;
    width: 100%;
    height: 100%; }
  .fixed-icon__head {
    color: #fff;
    text-align: center;
    position: relative;
    padding: 13px 10px 0 9px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .08em; }
    .fixed-icon__head:after {
      content: '';
      display: block;
      background-color: #ffdb00;
      width: 60px;
      height: 9px;
      position: absolute;
      top: 28px;
      left: 9px;
      transform: skewX(-10deg);
      z-index: -1; }
    .fixed-icon__head img {
      position: absolute;
      top: 10px;
      left: 12px; }
    .fixed-icon__head span {
      padding-left: 55px; }
  .fixed-icon__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
    font-family: "Cabin", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: #00b900; }
    .fixed-icon__content .iconSvg[data-icon="line"] {
      width: 40px;
      height: 40px; }

.iconSvg.-blue {
  fill: #00a5b9; }

.iconSvg.-darkblue {
  fill: #23385c; }

.iconSvg[data-icon="tel"] {
  fill: #1bce8d;
  width: 30px;
  height: 20px;
  margin-right: 9px; }

.iconSvg[data-icon="intro"] {
  fill: #1bce8d;
  width: 20px;
  height: 30px; }

.iconSvg[data-icon="star"] {
  fill: #ffdb00;
  width: 30px;
  height: 30px; }

.iconSvg[data-icon="basket"] {
  fill: #f13c3b;
  width: 30px; }

.iconSvg[data-icon="list"] {
  fill: #ff6b48;
  width: 27px; }

.iconSvg[data-icon="wallet"] {
  fill: #fd5b98;
  width: 36px; }

.iconSvg[data-icon="line"] {
  fill: #00b900; }

.iconSvg[data-icon="phone"] {
  fill: #fff; }

.iconSvg[data-icon="crown"] {
  fill: #ffdb00; }
  .iconSvg[data-icon="crown"] svg {
    width: 66px;
    height: 54px; }
    @media (max-width: 750px) {
      .iconSvg[data-icon="crown"] svg {
        width: 45px;
        height: 40px; } }

.img-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0; }

.lower-mv {
  background-color: #f3f3f3;
  font-weight: bold;
  font-size: 3.8rem;
  line-height: 1;
  letter-spacing: .12em;
  color: #23385c;
  height: 190px; }
  .lower-mv .l-inner {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .lower-mv__img {
    position: absolute;
    top: 0;
    z-index: -1; }
    @media (min-width: 751px) {
      .lower-mv__img {
        background-image: url(../images/common/lower_bg.png);
        width: 1280px;
        height: 190px;
        left: -100px; } }
    @media (max-width: 750px) {
      .lower-mv__img {
        background-image: url(../images/common/lower_bg_sp.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 140px;
        left: 0; } }
  @media (max-width: 750px) {
    .lower-mv {
      height: 140px;
      background-size: cover;
      font-size: 2.6rem; } }

.scroll-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 36px; }
  .scroll-btn li {
    width: calc(20% - 8px);
    margin-right: 8px;
    margin-bottom: 15px; }
    @media (max-width: 750px) {
      .scroll-btn li {
        width: calc(100%/3 - 4px);
        margin-right: 4px;
        margin-bottom: 8px; } }
    .scroll-btn li a {
      width: 100%;
      display: block;
      border: 1px solid #23385c;
      font-size: 1.5rem;
      font-weight: bold;
      letter-spacing: .04em;
      color: #23385c;
      text-align: center;
      padding: 10px 0 14px;
      border-radius: 4px;
      position: relative; }
      @media (max-width: 750px) {
        .scroll-btn li a {
          font-size: 1.2rem; } }
      .scroll-btn li a:after {
        content: '';
        display: block;
        border-top: 2px solid #00a5b9;
        border-left: 2px solid #00a5b9;
        width: 6px;
        height: 6px;
        transform: translate(-50%, 0) rotate(-135deg);
        position: absolute;
        bottom: 8px;
        left: 50%; }

@media (min-width: 751px) {
  .scroll-wrap {
    transform: translateY(93px);
    margin: -93px 0 93px; } }

@media (min-width: 751px) {
  .scroll-wrap.terms {
    margin: -93px 0 116px; } }

/* ========
text
======== */
.highlight__text {
  display: inline-block;
  position: relative; }
  .highlight__text:after {
    content: '';
    display: block;
    background: linear-gradient(transparent 30%, #ffdb00 30%);
    width: 100%;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleX(0);
    z-index: -1;
    transform-origin: left;
    transition: transform .3s; }

.text-overview {
  font-size: 1.4rem; }
  @media (max-width: 750px) {
    .text-overview {
      font-size: 1.2rem; } }

/* ========
title
======== */
.subsection-ttl {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: .12em;
  color: #23385c;
  display: inline-block;
  align-items: center;
  position: relative;
  padding-left: 20px;
  margin: 60px 0 26px; }
  @media (max-width: 750px) {
    .subsection-ttl {
      font-size: 1.8rem;
      margin: 20px 0 20px; } }
  .subsection-ttl.nomargin {
    margin: 0 0 20px; }
  .subsection-ttl:before {
    display: block;
    content: '';
    width: 6px;
    height: 100%;
    background-color: #23385c;
    position: absolute;
    left: 0; }
  .subsection-ttl.small {
    font-size: 1.5rem;
    margin: 24px 0 11px;
    letter-spacing: .08em; }
    .subsection-ttl.small:before {
      width: 4px; }

.add-line {
  width: 510px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background-color: #f3f3f3;
  border-radius: 4px;
  overflow: hidden; }
  @media (max-width: 750px) {
    .add-line {
      width: 100%;
      margin-top: 20px; } }
  @media (min-width: 751px) {
    .add-line.qrcode {
      width: 270px; } }
  @media (max-width: 750px) {
    .add-line__qrcode {
      max-width: 200px;
      margin: 0 auto; } }
  @media (max-width: 750px) {
    .add-line__img {
      margin-top: 9px; } }
  @media (min-width: 751px) {
    .add-line__img img {
      width: 200px; } }
  .add-line__header {
    background-color: #23385c;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    padding: 3px 0; }
    @media (max-width: 750px) {
      .add-line__header {
        font-size: 1.4rem;
        letter-spacing: .12em; } }
  .add-line__content {
    padding: 20px 35px 30px 35px; }
    @media (max-width: 750px) {
      .add-line__content {
        padding: 15px; } }
  .add-line__flex {
    display: flex;
    align-items: center; }
    @media (min-width: 751px) {
      .add-line__flex {
        justify-content: center; } }
    @media (max-width: 750px) {
      .add-line__flex {
        border-bottom: 1px dotted #ccc;
        justify-content: center;
        padding-bottom: 15px; } }
  .add-line__label {
    font-size: 1.8rem;
    color: #23385c;
    margin-right: 18px; }
    @media (max-width: 750px) {
      .add-line__label {
        font-size: 1.5rem; } }
  .add-line__id {
    background-color: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    color: #23385c;
    width: 200px;
    font-weight: bold;
    font-size: 2.2rem;
    padding-left: 20px; }
    @media (max-width: 750px) {
      .add-line__id {
        font-size: 1.6rem; } }
  .add-line__procedure {
    display: flex;
    justify-content: space-between;
    margin-top: 20px; }
    .add-line__procedure__header {
      font-size: 1.5rem;
      color: #23385c; }
      @media (max-width: 750px) {
        .add-line__procedure__header {
          font-size: 1.1rem;
          font-weight: bold; } }
      .add-line__procedure__header span {
        font-weight: bold; }
    @media (max-width: 750px) {
      .add-line__procedure__item:first-child {
        margin-bottom: 19px; } }

.single-ttl {
  font-weight: bold;
  font-size: 2.6rem;
  letter-spacing: .04em;
  margin-top: 8px; }
  @media (max-width: 750px) {
    .single-ttl {
      font-size: 1.6rem; } }
  .single-ttl:after {
    content: '';
    display: block;
    background: linear-gradient(to right, #00a5b9 25%, #ff6b48 0, #ff6b48 50%, #23385c 0, #23385c 75%, #1bce8d 0);
    transform: skewX(-20deg);
    width: 100%;
    height: 5px;
    margin-top: 8px; }

.single-content {
  padding: 40px 0 14px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px; }
  .single-content figure {
    width: 510px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 750px) {
      .single-content figure {
        width: 100%; } }
  .single-content h2 {
    background-color: #00a5b9;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 9px 0 9px 27px;
    position: relative;
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content h2 {
        font-size: 1.6rem;
        margin-top: 20px;
        padding: 9px 0 9px 20px; } }
    .single-content h2:before {
      content: '';
      display: block;
      height: 100%;
      width: 7px;
      background-color: #23385c;
      position: absolute;
      top: 0;
      left: 0; }
  .single-content h3 {
    font-size: 2.4rem;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content h3 {
        font-size: 1.5rem;
        margin-top: 20px; } }
    .single-content h3:before {
      content: '';
      display: block;
      height: 30px;
      width: 8px;
      background-color: #ff6b48;
      position: absolute;
      top: 8px;
      left: 0; }
      @media (max-width: 750px) {
        .single-content h3:before {
          height: 23px;
          top: 2px; } }
  .single-content h4 {
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content h4 {
        font-size: 1.4rem;
        margin-top: 20px; } }
    .single-content h4:after {
      content: '';
      display: block;
      width: 100%;
      height: 3px;
      border-top: 1px solid #23385c;
      border-bottom: 1px solid #23385c;
      margin-top: -5px; }
  .single-content h5 {
    font-size: 1.8rem;
    font-weight: bold;
    background: linear-gradient(transparent 80%, #ffdb00 80%);
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content h5 {
        font-size: 1.3rem;
        margin-top: 20px; } }
  .single-content h6 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content h6 {
        font-size: 1.2rem;
        margin-top: 20px; } }
  .single-content > p {
    font-size: 1.5rem;
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content > p {
        font-size: 1.2rem;
        margin-top: 20px; } }
  .single-content strong {
    font-size: 1.5rem;
    font-weight: bold; }
    @media (max-width: 750px) {
      .single-content strong {
        font-size: 1.2rem; } }
  .single-content ul {
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content ul {
        margin-top: 20px; } }
    .single-content ul li {
      padding-left: 20px;
      display: flex;
      align-items: center; }
      .single-content ul li:before {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #00a5b9;
        margin-right: 10px; }
  .single-content ol {
    counter-reset: section;
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content ol {
        margin-top: 20px; } }
    .single-content ol li {
      display: flex;
      align-items: center; }
      .single-content ol li:before {
        content: counter(section) ".";
        display: block;
        counter-increment: section;
        font-weight: bold;
        font-size: 1.5rem;
        color: #00a5b9;
        margin-right: 10px; }
  .single-content blockquote {
    background-color: #f3f3f3;
    color: #b1b1b1;
    padding: 24px 30px;
    border-radius: 10px;
    position: relative;
    font-size: 1.4rem;
    letter-spacing: .08em;
    line-height: 2;
    margin-top: 30px; }
    @media (max-width: 750px) {
      .single-content blockquote {
        font-size: 1.2rem;
        margin-top: 20px; } }
    .single-content blockquote p {
      font-size: 1.4rem;
      letter-spacing: .08em;
      line-height: 2; }
      @media (max-width: 750px) {
        .single-content blockquote p {
          font-size: 1.2rem; } }
    .single-content blockquote:after {
      content: '';
      display: block;
      position: absolute;
      top: -5px;
      left: 15px;
      bottom: -5px;
      right: 15px;
      background-image: url(../images/info/quote01.png), url(../images/info/quote02.png);
      background-position: top left, bottom right;
      background-repeat: no-repeat; }
  .single-content a {
    color: #00a5b9;
    text-decoration: underline; }

.blog-single .top-lineup__label {
  font-size: 1.5rem; }
  @media (max-width: 750px) {
    .blog-single .top-lineup__label {
      font-size: 1.2rem; } }

.blog-single .blog-item__info {
  margin: 20px auto 30px auto; }
  @media (min-width: 751px) {
    .blog-single .blog-item__info span.price {
      padding: 0 80px 0 20px; } }

.bnr-svgtext {
  background-image: url(../images/blog/bg_svgtext.jpg);
  background-repeat: no-repeat;
  height: 120px;
  display: flex;
  align-items: center;
  margin-bottom: 30px; }
  .bnr-svgtext .svgtext01 {
    width: 570px;
    height: 70px;
    padding-top: 0; }
    @media (max-width: 750px) {
      .bnr-svgtext .svgtext01 {
        width: 300px;
        height: 40px; } }
    @media (max-width: 750px) {
      .bnr-svgtext .svgtext01 text {
        font-size: 2rem; } }
    @media (max-width: 750px) {
      .bnr-svgtext .svgtext01 #outTextx02 {
        font-size: 3rem; } }

.book-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 60px 0 14px; }
  @media (max-width: 750px) {
    .book-list {
      margin: 30px 0 14px; } }
  .book-list .subsection-ttl {
    margin: 0; }

.box-simple-map {
  width: 100%;
  height: 180px;
  margin: 0 0 8px; }
  .box-simple-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0; }

.cat-intro {
  width: calc(50% - 20px);
  margin-top: 18px; }
  @media (max-width: 750px) {
    .cat-intro {
      width: 100%;
      margin-top: 10px; } }
  .cat-intro__header {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .08em;
    color: #23385c;
    position: relative;
    border-bottom: 2px solid #23385c;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end; }
    @media (max-width: 750px) {
      .cat-intro__header {
        font-size: 1.4rem; } }
    .cat-intro__header .iconSvg {
      width: 66px;
      height: 57px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 750px) {
        .cat-intro__header .iconSvg {
          width: 40px;
          height: 30px; } }
      .cat-intro__header .iconSvg svg {
        width: 30px;
        height: 30px;
        fill: #23385c; }
        @media (max-width: 750px) {
          .cat-intro__header .iconSvg svg {
            width: 20px;
            height: 20px; } }
    .cat-intro__header .iconSvg[data-icon="hobby"] svg, .cat-intro__header .iconSvg[data-icon="audio"] svg {
      width: 25px;
      height: 44px; }
      @media (max-width: 750px) {
        .cat-intro__header .iconSvg[data-icon="hobby"] svg, .cat-intro__header .iconSvg[data-icon="audio"] svg {
          height: 25px; } }
    .cat-intro__header .iconSvg[data-icon="guitar"] svg {
      width: 40px;
      height: 40px; }
      @media (max-width: 750px) {
        .cat-intro__header .iconSvg[data-icon="guitar"] svg {
          height: 25px; } }
  .cat-intro__content {
    padding: 15px 20px 0 20px; }

.cat-toggle {
  width: 100%;
  margin-bottom: 10px; }
  @media (max-width: 750px) {
    .cat-toggle {
      width: 100%; } }
  .cat-toggle__img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .cat-toggle__head {
    background-color: #23385c;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: .08em;
    padding: 14px 0 14px 20px;
    border-radius: 5px;
    position: relative;
    cursor: pointer; }
    @media (max-width: 750px) {
      .cat-toggle__head {
        font-size: 1.1rem;
        width: 100%;
        padding: 12px 20px 12px 10px; } }
    .cat-toggle__head.-active {
      border-radius: 5px 5px 0 0; }
  .cat-toggle__content {
    background-color: #f3f3f3;
    padding: 15px 16px 10px 16px;
    border-radius: 0 0 5px 5px;
    display: none; }
    @media (max-width: 750px) {
      .cat-toggle__content {
        padding: 8px;
        font-size: 1.1rem; } }
  .cat-toggle__productlist {
    display: flex;
    flex-wrap: wrap; }
  .cat-toggle__product {
    background-color: #fff;
    width: calc(25% - 10px);
    margin-right: 10px;
    border: 1px solid #ccc;
    padding: 14px 8px 16px 8px;
    margin-bottom: 10px; }
    @media (max-width: 750px) {
      .cat-toggle__product {
        width: calc(50% - 5px);
        margin-right: 5px;
        margin-bottom: 5px; } }
    @media (min-width: 751px) {
      .cat-toggle__product:nth-child(4n) {
        margin-right: 0; } }
    @media (max-width: 750px) {
      .cat-toggle__product:nth-child(2n) {
        margin-right: 0; } }
    .cat-toggle__product figure {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 160px;
      -o-object-fit: contain;
         object-fit: contain; }
    .cat-toggle__product__ttl {
      font-weight: bold;
      font-size: 1.5rem;
      letter-spacing: .08em; }
      @media (max-width: 750px) {
        .cat-toggle__product__ttl {
          font-size: 1.3rem; } }
    .cat-toggle__product__text {
      font-size: 1.3rem;
      line-height: 1.3; }
      @media (max-width: 750px) {
        .cat-toggle__product__text {
          font-size: 1rem; } }
  .cat-toggle.long {
    width: 100%;
    margin-bottom: 2px; }
    .cat-toggle.long .cat-toggle__head {
      font-weight: bold;
      font-size: 1.8rem;
      border-radius: 5px; }
      @media (max-width: 750px) {
        .cat-toggle.long .cat-toggle__head {
          font-size: 1.4rem; } }
    .cat-toggle.long .cat-toggle__content {
      font-size: 1.4rem; }
    .cat-toggle.long .togglebtn {
      right: 15px; }

.category-select {
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  width: 260px;
  margin-left: auto;
  padding: 5px 0 5px 14px;
  margin-top: 30px; }
  .category-select select {
    width: 160px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: none; }
    .category-select select option {
      border-bottom: 1px solid #ccc; }

.custom-select {
  width: 160px;
  border: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  padding: 8px 0 8px 18px;
  position: relative;
  background-color: #fff;
  margin-left: 16px; }
  @media (max-width: 750px) {
    .custom-select {
      padding: 4px 0 4px 12px; } }
  .custom-select:after {
    content: '';
    display: block;
    background-image: url(../images/blog/select_arrow.png);
    width: 12px;
    height: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    right: 8px; }
    @media (max-width: 750px) {
      .custom-select:after {
        top: 7px; } }

.custom-options {
  position: absolute;
  left: 0;
  top: 44px;
  opacity: 0;
  transform: translateY(-15px);
  transition: all .4s ease-in-out;
  background-color: #fff;
  z-index: 9;
  pointer-events: none; }
  @media (max-width: 750px) {
    .custom-options {
      top: 31px;
      left: -1px; } }
  .custom-options.-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto; }
  .custom-options a {
    width: 160px;
    display: block;
    border: 1px solid #ccc;
    padding: 8px 0 8px 18px;
    font-size: 1.4rem;
    letter-spacing: .08em;
    cursor: pointer;
    background-color: #fff; }
    @media (max-width: 750px) {
      .custom-options a {
        font-size: 1.2rem;
        padding: 4px 0 4px 12px; } }
    .custom-options a:hover {
      background-color: #23385c;
      color: #fff;
      opacity: 1; }

.col-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (max-width: 750px) {
    .col-wrap {
      display: block; } }
  .col-wrap .box-simple-map {
    width: 390px;
    flex: 0 0 auto; }
    @media (max-width: 750px) {
      .col-wrap .box-simple-map {
        width: 100%; } }

.col-wrap-center {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 750px) {
    .col-wrap-center {
      flex-direction: column; } }

.complete-block {
  background: linear-gradient(130deg, #fffbe1 30px, #fff8cd 30px, #fff8cd 60px, #fffbe1 60px, #fffbe1 90px, #fff8cd 90px, #fff8cd);
  background-size: 77px 89px;
  width: 100%;
  height: 300px;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 110px; }
  @media (max-width: 750px) {
    .complete-block {
      margin: 20px 0 80px; } }
  .complete-block__ttl {
    font-weight: bold;
    font-size: 2.6rem;
    color: #23385c;
    letter-spacing: .12em;
    display: inline-block; }
    @media (max-width: 750px) {
      .complete-block__ttl {
        font-size: 1.8rem; } }
    .complete-block__ttl:after {
      display: block;
      content: '';
      background: linear-gradient(to right, #00a5b9 25%, #ff6b48 0, #ff6b48 50%, #23385c 0, #23385c 75%, #1bce8d 0);
      width: 100%;
      height: 5px;
      margin-top: 14px; }
  .complete-block__text {
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: .12em;
    color: #23385c;
    text-align: center;
    margin-top: 35px; }
    @media (max-width: 750px) {
      .complete-block__text {
        font-size: 1.2rem; } }

.contact-block__ttl {
  font-size: 2rem;
  letter-spacing: .08em;
  text-align: center; }
  @media (max-width: 750px) {
    .contact-block__ttl {
      font-size: 1.3rem; } }

.contact-block__memo {
  font-size: 1.3rem;
  letter-spacing: .08em;
  text-align: center; }
  @media (max-width: 750px) {
    .contact-block__memo {
      font-size: 1.1rem; } }

.contact-form {
  margin-top: 40px; }
  .contact-form__unit {
    margin-bottom: 20px; }
    @media (min-width: 751px) {
      .contact-form__unit {
        display: flex; } }
    .contact-form__unit input[type="text"], .contact-form__unit input[type="email"], .contact-form__unit input[type="tel"] {
      width: 600px;
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 4px;
      height: 60px;
      padding-left: 20px; }
      @media (max-width: 750px) {
        .contact-form__unit input[type="text"], .contact-form__unit input[type="email"], .contact-form__unit input[type="tel"] {
          height: 50px;
          width: 100%; } }
    .contact-form__unit textarea {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 4px;
      width: 600px;
      height: 200px; }
      @media (max-width: 750px) {
        .contact-form__unit textarea {
          width: 100%; } }
  .contact-form__label {
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: .12em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 200px;
    margin-right: 5px; }
    @media (max-width: 750px) {
      .contact-form__label {
        font-size: 1.1rem;
        width: 100%; } }
    .contact-form__label:after {
      content: '※';
      display: block;
      color: #f13c3b; }
    .contact-form__label.start {
      align-items: flex-start;
      margin-top: 8px; }
  .contact-form__checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 310px;
    margin: 24px auto 20px auto; }
    @media (max-width: 750px) {
      .contact-form__checkbox {
        width: 250px; } }
    .contact-form__checkbox input[type="checkbox"]:checked + span:after {
      opacity: 1; }
    .contact-form__checkbox .checkbox-privacy-link {
      position: absolute;
      top: 0;
      left: 27px; }
  .contact-form .privacy-text {
    font-size: 1.3rem;
    letter-spacing: .12em;
    text-align: center; }
    @media (max-width: 750px) {
      .contact-form .privacy-text {
        font-size: 1.1rem; } }
    .contact-form .privacy-text a {
      color: #00a5b9;
      text-decoration: underline; }
  .contact-form .btn a {
    font-size: 1.8rem; }
    @media (max-width: 750px) {
      .contact-form .btn a {
        font-size: 1.4rem; } }

.custom-contactselect {
  width: 600px;
  height: 60px;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
  display: block; }
  @media (max-width: 750px) {
    .custom-contactselect {
      height: 50px;
      width: 100%; } }
  .custom-contactselect .wpcf7-form-control-wrap {
    position: static; }
  .custom-contactselect select {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-left: 20px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/contact/contact_arrow.png);
    background-size: 17px 11px;
    background-repeat: no-repeat;
    background-position: top 24px right 12px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media (max-width: 750px) {
      .custom-contactselect select {
        background-size: 12px 8px;
        background-position: top 21px right 12px; } }

.checkbox-privacy .wpcf7-list-item {
  display: flex;
  align-items: center; }
  @media (max-width: 750px) {
    .checkbox-privacy .wpcf7-list-item {
      margin: 0 0 0 2em; } }

.checkbox-privacy input[type="checkbox"]:checked + span:after {
  opacity: 1; }

.checkbox-privacy .wpcf7-list-item-label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-color: #f3f3f3;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 4px;
  left: -11px;
  pointer-events: none; }
  @media (max-width: 750px) {
    .checkbox-privacy .wpcf7-list-item-label:before {
      width: 17px;
      height: 17px; } }

.checkbox-privacy .wpcf7-list-item-label:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: -4px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #23385c;
  border-bottom: 3px solid #23385c;
  transform: rotate(45deg);
  z-index: 99;
  opacity: 0; }

.contactBtn {
  margin: 0 auto;
  border-radius: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: .02em;
  background-color: #23385c;
  position: relative;
  box-shadow: 0px 5px #101f38;
  font-size: 1.8rem;
  width: 350px;
  padding: 23px 0;
  cursor: pointer; }
  @media (max-width: 750px) {
    .contactBtn {
      padding: 20px 0; } }
  .contactBtn:hover {
    position: relative;
    box-shadow: none;
    top: 5px;
    opacity: 0.8; }
  .contactBtn input[type="submit"] {
    background-color: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0; }
  .contactBtn:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.2);
    z-index: 1; }
    @media (max-width: 750px) {
      .contactBtn:after {
        width: 24px;
        height: 24px; } }
  .contactBtn:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #23385c;
    border-right: 2px solid #23385c;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: rotate(45deg) translate(-22%, -50%);
    z-index: 2; }
    @media (max-width: 750px) {
      .contactBtn:before {
        right: 22px; } }

.flow-link__header {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center;
  border-top: 2px solid #23385c;
  margin: 0 auto;
  border-bottom: 2px solid #23385c;
  padding: 7px 0;
  width: calc(100% - 80px); }
  @media (max-width: 750px) {
    .flow-link__header {
      width: calc(100% - 20px); } }
  .flow-link__header .iconSvg[data-icon="home"] {
    margin-right: 17px; }
    .flow-link__header .iconSvg[data-icon="home"] svg {
      width: 30px;
      height: 30px;
      fill: #ff6b48; }
  .flow-link__header .iconSvg[data-icon="box"] {
    margin-right: 17px; }
    .flow-link__header .iconSvg[data-icon="box"] svg {
      width: 37px;
      height: 37px;
      fill: #00a5b9; }
  .flow-link__header .iconSvg[data-icon="shop"] {
    margin-right: 17px; }
    .flow-link__header .iconSvg[data-icon="shop"] svg {
      width: 34px;
      height: 34px;
      fill: #1bce8d; }

.flow-link__label {
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: .08em;
  color: #23385c;
  line-height: 1.5; }
  @media (max-width: 750px) {
    .flow-link__label {
      font-size: 1.5rem; } }

.flow-link__text {
  text-align: center;
  margin: 20px 0; }

.flow-link .btn a {
  font-size: 1.8rem; }
  @media (max-width: 750px) {
    .flow-link .btn a {
      font-size: 1.3rem; } }

/* ========
footNav
======== */
@media (max-width: 750px) {
  .wpcf7 {
    width: 100%; } }

.form-panel {
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
  width: 845px;
  margin: 0 auto; }
  @media (max-width: 750px) {
    .form-panel {
      width: calc(100% - 32px);
      padding: 20px 0; } }
  .form-panel__topic {
    font-weight: bold;
    font-size: 2.6rem;
    letter-spacing: .12em;
    color: #23385c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 9px; }
    @media (max-width: 750px) {
      .form-panel__topic {
        font-size: 1.4rem;
        justify-content: space-between; } }
  .form-panel__desc {
    text-align: center; }
    @media (max-width: 750px) {
      .form-panel__desc {
        text-align: left; } }
  .form-panel__memo {
    font-size: 1.3rem;
    letter-spacing: .08em;
    font-weight: 400;
    margin-top: 10px; }
    @media (max-width: 750px) {
      .form-panel__memo {
        font-size: 1.1rem;
        text-align: left; } }
    @media (min-width: 751px) {
      .form-panel__memo.center {
        text-align: center; } }
    @media (min-width: 751px) {
      .form-panel__memo.link {
        margin-left: 12px; } }
    .form-panel__memo.link a {
      font-weight: bold;
      text-decoration: underline;
      margin: 0 3px; }
    .form-panel__memo.job {
      margin-left: 30px; }
  .form-panel.if-bring {
    display: none; }
    @media (min-width: 751px) {
      .form-panel.if-bring .form-panel__topic {
        padding: 0 0 0 14px; } }
    .form-panel.if-bring .custom-formselect {
      margin: 0 auto; }
    @media (min-width: 751px) {
      .form-panel.if-bring .form-panel__memo {
        text-align: center; } }
  .form-panel.campaign input[type="text"] {
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-top: 20px; }
    @media (max-width: 750px) {
      .form-panel.campaign input[type="text"] {
        font-size: 1.6rem; } }
  .form-panel.noborder {
    border-bottom: 0; }
  @media (max-width: 750px) {
    .form-panel select {
      font-size: 1.6rem; } }
  .form-panel input::-ms-clear {
    visibility: hidden; }
  .form-panel input[type="text"], .form-panel input[type="email"], .form-panel input[type="tel"] {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    height: 60px;
    padding-left: 20px; }
    @media (max-width: 750px) {
      .form-panel input[type="text"], .form-panel input[type="email"], .form-panel input[type="tel"] {
        font-size: 1.6rem; } }
    .form-panel input[type="text"].postnumber, .form-panel input[type="email"].postnumber, .form-panel input[type="tel"].postnumber {
      width: 460px; }
      @media (max-width: 750px) {
        .form-panel input[type="text"].postnumber, .form-panel input[type="email"].postnumber, .form-panel input[type="tel"].postnumber {
          width: 100%; } }
    .form-panel input[type="text"].long-text, .form-panel input[type="email"].long-text, .form-panel input[type="tel"].long-text {
      width: 650px; }
      @media (max-width: 750px) {
        .form-panel input[type="text"].long-text, .form-panel input[type="email"].long-text, .form-panel input[type="tel"].long-text {
          width: 100%; } }
    .form-panel input[type="text"].other, .form-panel input[type="email"].other, .form-panel input[type="tel"].other {
      height: 35px;
      margin-top: 17px; }

.text-account input[type="text"] {
  width: 300px;
  margin-right: 15px; }

.text-account2 input[type="text"] {
  width: 560px; }
  @media (max-width: 750px) {
    .text-account2 input[type="text"] {
      width: 100%; } }

.form-tag {
  display: block;
  background-color: #f13c3b;
  color: #fff;
  font-size: 1.4rem;
  width: 46px;
  text-align: center;
  border-radius: 12px; }
  @media (max-width: 750px) {
    .form-tag {
      font-size: 1.2rem; } }
  .form-tag.option {
    background-color: #23385c; }

.form-btnlist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px; }

.form-label {
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: .08em;
  line-height: 1; }
  @media (max-width: 750px) {
    .form-label {
      font-size: 1.3rem; } }
  .form-label.date {
    margin-right: 15px; }
    @media (max-width: 750px) {
      .form-label.date {
        margin: 8px 0; } }
  .form-label.bank {
    margin-left: 18px; }
  @media (max-width: 750px) {
    .form-label.nowrap {
      white-space: nowrap; } }
  .form-label span.katakana {
    text-indent: -0.5em;
    display: block;
    margin-top: 5px; }

.form-checkbtn {
  width: calc(50% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
  display: block; }
  @media (max-width: 750px) {
    .form-checkbtn {
      width: calc(50% - 10px);
      margin-right: 10px; } }
  @media (max-width: 750px) {
    .form-checkbtn:nth-child(2n) {
      margin-right: 0; } }
  .form-checkbtn input[type="radio"] {
    display: none; }
  .form-checkbtn input[type="radio"]:checked + label {
    background-color: #00a5b9;
    color: #fff; }
    .form-checkbtn input[type="radio"]:checked + label .iconSvg svg {
      fill: #fff; }
  .form-checkbtn.cat {
    width: calc(20% - 7px);
    margin-right: 7px; }
    @media (max-width: 750px) {
      .form-checkbtn.cat {
        width: calc(50% - 7px);
        margin-bottom: 7px; } }
    @media (max-width: 750px) {
      .form-checkbtn.cat:nth-child(2n) {
        margin-right: 0; } }
    .form-checkbtn.cat label {
      font-size: 1.6rem; }
      @media (max-width: 750px) {
        .form-checkbtn.cat label {
          font-size: 1.3rem; } }
  .form-checkbtn.box {
    width: calc(100%/6 - 7px);
    margin-right: 7px; }
    @media (max-width: 750px) {
      .form-checkbtn.box {
        width: calc(50% - 7px); } }
    @media (max-width: 750px) {
      .form-checkbtn.box:nth-child(2n) {
        margin-right: 0; } }
    .form-checkbtn.box label {
      font-size: 1.6rem; }

[data-name="radio-flow"],[data-name="radio-frequency"],[data-name="radio-packing"] {
  width: 100%; }
  [data-name="radio-flow"] .wpcf7-list-item, [data-name="radio-frequency"] .wpcf7-list-item,[data-name="radio-packing"] .wpcf7-list-item{
    width: calc(50% - 20px);
    margin: 0 20px 20px 0; }

.wpcf7-form-control {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 750px) {
    .wpcf7-form-control {
      justify-content: center; } }

[data-name="checkbox-cat"] .wpcf7-list-item {
  width: calc(20% - 7px);
  margin: 0 7px 20px 0; }
  @media (max-width: 750px) {
    [data-name="checkbox-cat"] .wpcf7-list-item {
      width: calc(50% - 7px);
      margin: 0 7px 7px 0; } }

[data-name="checkbox-cat"] .wpcf7-list-item-label {
  font-size: 1.6rem; }

[data-name="radio-boxnum"] .wpcf7-list-item {
  width: calc(100%/6 - 7px);
  margin: 0 7px 20px 0; }
  @media (max-width: 750px) {
    [data-name="radio-boxnum"] .wpcf7-list-item {
      width: calc(50% - 7px);
      margin: 0 7px 7px 0; } }

[data-name="radio-boxnum"] .wpcf7-list-item-label {
  font-size: 1.6rem; }

input[type="radio"] {
  display: none; }

input[type="checkbox"] {
  display: none; }

@media (max-width: 750px) {
  [data-name="radio-flow"] .wpcf7-list-item-label, [data-name="radio-frequency"] .wpcf7-list-item-label,[data-name="radio-packing"] .wpcf7-list-item-label {
    min-height: 70px; } }

[data-name="radio-flow"] .wpcf7-list-item:nth-child(2n), [data-name="radio-frequency"] .wpcf7-list-item:nth-child(2n),[data-name="radio-packing"] .wpcf7-list-item:nth-child(2n) {
  margin-right: 0; }

[data-name="radio-flow"].wpcf7-form-control-wrap, [data-name="checkbox-cat"].wpcf7-form-control-wrap, [data-name="radio-boxnum"].wpcf7-form-control-wrap, [data-name="radio-frequency"].wpcf7-form-control-wrap,[data-name="radio-packing"].wpcf7-form-control-wrap {
  width: 100%; }
  [data-name="radio-flow"].wpcf7-form-control-wrap input[type="radio"]:checked + span, [data-name="checkbox-cat"].wpcf7-form-control-wrap input[type="radio"]:checked + span, [data-name="radio-boxnum"].wpcf7-form-control-wrap input[type="radio"]:checked + span,[data-name="radio-frequency"].wpcf7-form-control-wrap input[type="radio"]:checked + span, [data-name="radio-packing"].wpcf7-form-control-wrap input[type="radio"]:checked + span {
    background-color: #00a5b9;
    color: #fff; }
  [data-name="radio-flow"].wpcf7-form-control-wrap input[type="checkbox"]:checked + span, [data-name="checkbox-cat"].wpcf7-form-control-wrap input[type="checkbox"]:checked + span, [data-name="radio-boxnum"].wpcf7-form-control-wrap input[type="checkbox"]:checked + span, [data-name="radio-frequency"].wpcf7-form-control-wrap input[type="checkbox"]:checked + span, [data-name="radio-packing"].wpcf7-form-control-wrap input[type="checkbox"]:checked + span {
    background-color: #00a5b9;
    color: #fff; }

[data-name="radio-flow"] .wpcf7-list-item-label, [data-name="checkbox-cat"] .wpcf7-list-item-label, [data-name="radio-boxnum"] .wpcf7-list-item-label, [data-name="radio-frequency"] .wpcf7-list-item-label,[data-name="radio-packing"] .wpcf7-list-item-label {
  width: 100%;
  display: block;
  background-color: #fff;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: .08em;
  text-align: center;
  cursor: pointer;
  padding: 25px 0;
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  transition: background-color .2s;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 750px) {
    [data-name="radio-flow"] .wpcf7-list-item-label, [data-name="checkbox-cat"] .wpcf7-list-item-label, [data-name="radio-boxnum"] .wpcf7-list-item-label, [data-name="radio-frequency"] .wpcf7-list-item-label,[data-name="radio-packing"] .wpcf7-list-item-label {
      font-size: 1.2rem;
      padding: 10px; } }
  [data-name="radio-flow"] .wpcf7-list-item-label span, [data-name="checkbox-cat"] .wpcf7-list-item-label span, [data-name="radio-boxnum"] .wpcf7-list-item-label span, [data-name="radio-frequency"] .wpcf7-list-item-label span,[data-name="radio-packing"] .wpcf7-list-item-label span {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.86;
    display: block; }
    @media (max-width: 750px) {
      [data-name="radio-flow"] .wpcf7-list-item-label span, [data-name="checkbox-cat"] .wpcf7-list-item-label span, [data-name="radio-boxnum"] .wpcf7-list-item-label span, [data-name="radio-frequency"] .wpcf7-list-item-label span,[data-name="radio-packing"] .wpcf7-list-item-label span{
        font-size: 1.1rem; } }
  [data-name="radio-flow"] .wpcf7-list-item-label .iconSvg, [data-name="checkbox-cat"] .wpcf7-list-item-label .iconSvg, [data-name="radio-boxnum"] .wpcf7-list-item-label .iconSvg,  [data-name="radio-frequency"] .wpcf7-list-item-label .iconSvg,[data-name="radio-packing"] .wpcf7-list-item-label .iconSvg {
    margin-right: 8px;
    height: 32px; }
    [data-name="radio-flow"] .wpcf7-list-item-label .iconSvg svg, [data-name="checkbox-cat"] .wpcf7-list-item-label .iconSvg svg, [data-name="radio-boxnum"] .wpcf7-list-item-label .iconSvg svg, [data-name="radio-frequency"] .wpcf7-list-item-label .iconSvg svg,[data-name="radio-packing"] .wpcf7-list-item-label .iconSvg svg {
      width: 30px;
      height: 30px; }

[data-name="checkbox-cat"] .wpcf7-list-item-label, [data-name="radio-boxnum"] .wpcf7-list-item-label {
  font-size: 1.6rem; }
  @media (max-width: 750px) {
    [data-name="checkbox-cat"] .wpcf7-list-item-label, [data-name="radio-boxnum"] .wpcf7-list-item-label {
      font-size: 1.2rem; } }

[data-name="gender"] .wpcf7-list-item-label, [data-name="radio-job"] .wpcf7-list-item-label, .checkbox-account .wpcf7-list-item-label, .checkbox-send .wpcf7-list-item-label, .checkbox-elevator .wpcf7-list-item-label, .deliverykit .wpcf7-list-item-label {
  display: flex;
  align-items: center;
  position: relative; }
  [data-name="gender"] .wpcf7-list-item-label:before, [data-name="radio-job"] .wpcf7-list-item-label:before, .checkbox-account .wpcf7-list-item-label:before, .checkbox-send .wpcf7-list-item-label:before, .checkbox-elevator .wpcf7-list-item-label:before, .deliverykit .wpcf7-list-item-label:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    pointer-events: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-right: 10px;
    flex: 0 0 auto; }
  [data-name="gender"] .wpcf7-list-item-label:after, [data-name="radio-job"] .wpcf7-list-item-label:after, .checkbox-account .wpcf7-list-item-label:after, .checkbox-send .wpcf7-list-item-label:after, .checkbox-elevator .wpcf7-list-item-label:after, .deliverykit .wpcf7-list-item-label:after {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #23385c;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(-50%, -50%);
    opacity: 0; }

[data-name="gender"] input[type="radio"]:checked + .wpcf7-list-item-label:after, [data-name="radio-job"] input[type="radio"]:checked + .wpcf7-list-item-label:after, .checkbox-account input[type="radio"]:checked + .wpcf7-list-item-label:after, .checkbox-send input[type="radio"]:checked + .wpcf7-list-item-label:after, .checkbox-elevator input[type="radio"]:checked + .wpcf7-list-item-label:after, .deliverykit input[type="radio"]:checked + .wpcf7-list-item-label:after {
  opacity: 1; }

[data-name="gender"] input[type="checkbox"]:checked + .wpcf7-list-item-label:after, [data-name="radio-job"] input[type="checkbox"]:checked + .wpcf7-list-item-label:after, .checkbox-account input[type="checkbox"]:checked + .wpcf7-list-item-label:after, .checkbox-send input[type="checkbox"]:checked + .wpcf7-list-item-label:after, .checkbox-elevator input[type="checkbox"]:checked + .wpcf7-list-item-label:after, .deliverykit input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
  opacity: 1; }

.checkbox-send .wpcf7-list-item-label {
  font-weight: bold; }

@media (max-width: 750px) {
  .checkbox-send .wpcf7-form-control {
    justify-content: flex-start; } }

.radio-text {
  margin-left: 60px; }
  @media (max-width: 750px) {
    .radio-text {
      margin-left: 53px; } }

[data-name="gender"] .wpcf7-list-item {
  margin: 0 17px 0 0; }

[data-name="radio-job"] .wpcf7-list-item {
  margin: 0 30px 17px 0; }

[data-name="radio-job"] .wpcf7-form-control {
  width: 350px; }

.custom-date {
  width: 300px;
  height: 60px;
  display: block;
  background-color: #fff;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  cursor: pointer; }
  @media (min-width: 751px) {
    .custom-date {
      margin-right: 30px; } }
  @media (max-width: 750px) {
    .custom-date {
      width: 100%; } }
  .custom-date br {
    display: none; }
  .custom-date:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../images/sell/calendar.png);
    background-size: cover;
    position: absolute;
    top: 20px;
    right: 8px; }
  .custom-date .wpcf7-form-control-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.form-date {
  width: 300px;
  height: 60px;
  display: block;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  @media (max-width: 750px) {
    .form-date {
      width: 100%; } }

.custom-formselect {
  width: 300px;
  height: 60px;
  background-color: #fff;
  position: relative;
  display: block;
  border-radius: 4px; }
  @media (max-width: 750px) {
    .custom-formselect {
      width: 100%; } }
  .custom-formselect.birth {
    width: 214px;
    margin-right: 5px; }
    @media (max-width: 750px) {
      .custom-formselect.birth {
        width: 100px; } }
  .custom-formselect.medium {
    width: 470px; }
    @media (max-width: 750px) {
      .custom-formselect.medium {
        width: 100%; } }
  .custom-formselect.long {
    width: 600px; }
    @media (max-width: 750px) {
      .custom-formselect.long {
        width: 100%; } }
  .custom-formselect select {
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url(../images/blog/select_arrow.png);
    background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: top 20px right 10px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media (min-width: 751px) {
      .custom-formselect select {
        padding-left: 28px; } }
    @media (max-width: 750px) {
      .custom-formselect select {
        padding: 5px 5px 5px 20px; } }
  .custom-formselect .wpcf7-form-control-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.form-unit {
  display: flex;
  justify-content: flex-start;
  padding-top: 20px; }
  @media (max-width: 750px) {
    .form-unit {
      flex-direction: column; } }
  .form-unit__flexwrap {
    display: flex;
    align-items: center;
    width: 100%; }
    @media (max-width: 750px) {
      .form-unit__flexwrap.spblock {
        flex-direction: column;
        align-items: flex-start; } }
  .form-unit__head {
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 12px; }
    @media (max-width: 750px) {
      .form-unit__head {
        margin: 0 0 8px 0; } }
    .form-unit__head.deposit {
      width: 250px; }
      @media (max-width: 750px) {
        .form-unit__head.deposit {
          width: 100%; } }
    .form-unit__head.end {
      align-items: flex-end;
      margin-top: 2px; }
    .form-unit__head.start {
      align-items: flex-start;
      margin-top: 3px; }
    .form-unit__head.katakana {
      margin-top: 26px; }
  .form-unit__content {
    width: 100%; }
    .form-unit__content.flexcenter {
      display: flex;
      align-items: flex-start; }
    .form-unit__content.radiolist {
      width: 350px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative; }
      @media (max-width: 750px) {
        .form-unit__content.radiolist {
          width: 100%; } }
      .form-unit__content.radiolist .custom-radio:nth-child(n + 4) {
        margin-top: 17px; }
      .form-unit__content.radiolist input[type="text"] {
        width: 200px;
        height: 30px;
        margin-left: 100px;
        margin-top: -50px; }
      @media (max-width: 750px) {
        .form-unit__content.radiolist .wpcf7-form-control {
          justify-content: flex-start; } }
      @media (max-width: 750px) {
        .form-unit__content.radiolist .wpcf7-list-item:nth-child(2n-1) {
          width: 82px; } }
  @media (min-width: 751px) {
    .form-unit.date {
      align-items: center; } }
  .form-unit.postnum {
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px; }
  .form-unit.nopadding {
    padding-top: 0; }
  .form-unit textarea {
    width: 645px;
    height: 200px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 10px 0 0 10px; }
    @media (max-width: 750px) {
      .form-unit textarea {
        width: 100%;
        font-size: 1.6rem; } }
  .form-unit a.link {
    text-decoration: underline; }

.search-postnumber {
  font-size: 1.4rem;
  letter-spacing: .04em;
  color: #23385c;
  border-bottom: 1px solid #23385c;
  display: flex;
  align-items: center;
  flex: 0 0 auto; }
  @media (min-width: 751px) {
    .search-postnumber {
      margin-left: 21px; } }
  @media (max-width: 750px) {
    .search-postnumber {
      font-size: 1.2rem;
      margin-top: 8px; } }
  .search-postnumber:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-image: url(../images/sell/postlink.png); }

.custom-radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-right: 16px; }
  .custom-radio input[type="radio"] {
    position: absolute;
    top: 10px;
    left: 13px; }
    @media (max-width: 750px) {
      .custom-radio input[type="radio"] {
        top: 10px;
        left: 5px; } }
  .custom-radio input[type="radio"]:checked + label:after {
    opacity: 1; }
  .custom-radio.send {
    align-items: flex-start; }
  .custom-radio__btn {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    position: relative;
    pointer-events: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-right: 10px;
    flex: 0 0 auto; }
    @media (max-width: 750px) {
      .custom-radio__btn {
        width: 25px;
        height: 25px; } }
    .custom-radio__btn:after {
      display: block;
      content: '';
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #23385c;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0; }

.form-delivery-img {
  margin-bottom: 40px; }

.appendDatepicker {
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 90; }

.ui-datepicker {
  top: 0 !important;
  left: 0 !important; }
  @media (max-width: 750px) {
    .ui-datepicker {
      width: 315px; } }

.form-tab__wrap {
  margin-top: 25px; }
  .form-tab__wrap input[type="radio"] {
    display: none; }

.form-tab__area {
  display: flex;
  justify-content: space-between; }
  .form-tab__area li {
    display: block;
    background-color: #23385c;
    width: 420px;
    border-top: 1px solid #23385c;
    border-left: 1px solid #23385c;
    border-right: 1px solid #23385c;
    margin-bottom: -1px;
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: .08em;
    color: #fff;
    padding: 15px 0; }
    @media (max-width: 750px) {
      .form-tab__area li {
        width: 50%;
        font-size: 1.3rem; } }
    .form-tab__area li.is-active {
      background-color: #f3f3f3;
      color: #23385c; }

.form-tab__panel {
  border: 1px solid #23385c;
  padding: 30px 40px 40px 40px;
  display: none; }
  @media (max-width: 750px) {
    .form-tab__panel {
      padding: 0 15px 15px 15px; } }
  .form-tab__panel.is-active {
    display: block; }

.custom-file {
  margin-top: 10px; }
  @media (min-width: 751px) {
    .custom-file {
      display: flex;
      align-items: center; } }
  .custom-file p {
    margin-right: 15px; }
  .custom-file label {
    display: block;
    position: relative;
    width: 125px;
    height: 40px;
    background-color: #dfebf6; }
    .custom-file label:before {
      content: 'アップロード';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      color: #246db5;
      padding: 6px;
      font-size: 1.4rem;
      background-image: url(../images/sell/upload_icon.png);
      background-size: 20px 16px;
      background-repeat: no-repeat;
      background-position: top 12px right 7px; }
    .custom-file label:after {
      content: '選択されていません';
      display: block;
      width: 130px;
      height: 40px;
      position: absolute;
      font-size: 1.4rem;
      top: 3px;
      left: 125px; }
    .custom-file label.changed:after {
      content: ''; }
  .custom-file input[type="file"] {
    display: none; }

.delivery-section {
  display: none; }
  .delivery-section.is-active {
    display: block; }

.normal-section {
  display: none; }
  .normal-section.is-active {
    display: block; }

@media (max-width: 750px) {
  .text-bank .wpcf7-form-control, .text-branch .wpcf7-form-control {
    width: calc(100% - 20px); } }

.text-bank input[type="text"], .text-branch input[type="text"] {
  width: 300px; }
  @media (max-width: 750px) {
    .text-bank input[type="text"], .text-branch input[type="text"] {
      width: 220px; } }

.text-accountnum input[type="text"], .account_katakana input[type="text"] {
  width: 555px; }
  @media (max-width: 750px) {
    .text-accountnum input[type="text"], .account_katakana input[type="text"] {
      width: 100%; } }

@media (max-width: 750px) {
  .radio-account .wpcf7-form-control {
    display: flex;
    width: 100%; } }

.genre-box {
  display: flex;
  background: linear-gradient(90deg, #23385c 0%, #23385c 300px, #f3f3f3 300px, #f3f3f3 100%);
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 2px; }
  @media (max-width: 750px) {
    .genre-box {
      background: linear-gradient(90deg, #23385c 0%, #23385c 40%, #f3f3f3 40%, #f3f3f3 100%); } }
  .genre-box__label {
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: .08em;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
    width: 300px;
    flex: 0 0 auto; }
    @media (max-width: 750px) {
      .genre-box__label {
        width: 40%;
        font-size: 1.3rem;
        text-align: center; } }
  .genre-box__list {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 20px 50px;
    font-size: 1.4rem;
    letter-spacing: .08em; }
    @media (max-width: 750px) {
      .genre-box__list {
        font-size: 1.2rem;
        padding: 12px; } }
    @media (min-width: 751px) {
      .genre-box__list li:nth-child(2n-1) {
        width: 160px; }
      .genre-box__list li:nth-child(2n) {
        width: 260px; } }
    @media (max-width: 750px) {
      .genre-box__list li {
        width: 50%; } }
  .genre-box figure {
    margin-bottom: 8px; }
    @media (max-width: 750px) {
      .genre-box figure {
        width: 20px;
        height: 20px; } }

/* ========
gNav
======== */
.graph-bnr {
  border: 2px solid #23385c;
  border-radius: 12px;
  display: flex;
  background: linear-gradient(90deg, #fff 0%, #fff 45%, #f3f3f3 45%, #f3f3f3 100%);
  margin-top: 30px; }
  @media (min-width: 751px) {
    .graph-bnr {
      justify-content: space-between; } }
  @media (max-width: 750px) {
    .graph-bnr {
      display: block;
      background: linear-gradient(180deg, #fff 0%, #fff 57%, #f3f3f3 57%, #f3f3f3 100%); } }
  .graph-bnr figure {
    width: 340px;
    padding: 8px 0 5px 10px; }
    @media (max-width: 750px) {
      .graph-bnr figure {
        width: 300px;
        margin: 0 auto; } }
  .graph-bnr__textarea {
    padding: 30px 20px 0 20px; }
    @media (max-width: 750px) {
      .graph-bnr__textarea {
        padding: 20px 10px 10px 10px; } }
  .graph-bnr__ttl {
    font-weight: bold;
    font-size: 2.4rem;
    text-align: center; }
    @media (max-width: 750px) {
      .graph-bnr__ttl {
        font-size: 2rem; } }
  .graph-bnr ul {
    margin: 10px 0 0 20px; }
    .graph-bnr ul li {
      display: flex;
      align-items: center;
      font-size: 1.6rem;
      margin-bottom: 5px; }
      @media (max-width: 750px) {
        .graph-bnr ul li {
          font-size: 1.2rem; } }
      .graph-bnr ul li:before {
        content: '';
        display: block;
        background-image: url(../images/about/checkbox.png);
        width: 20px;
        height: 20px; }
        @media (max-width: 750px) {
          .graph-bnr ul li:before {
            width: 10px;
            height: 10px;
            background-size: cover; } }
      .graph-bnr ul li span {
        font-weight: bold; }

.how-bnr {
  background-color: #f3f3f3;
  position: relative;
  margin-top: 40px;
  padding: 30px 20px;
  text-align: center; }
  @media (max-width: 750px) {
    .how-bnr {
      padding: 20px 10px; } }
  .how-bnr:before, .how-bnr:after {
    content: '';
    display: block;
    background-image: linear-gradient(to left, #FFF 50%, #23385c 50%);
    background-size: 10px 10px;
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0; }
    @media (max-width: 750px) {
      .how-bnr:before, .how-bnr:after {
        background-size: 5px 5px;
        height: 5px; } }
  .how-bnr:before {
    top: 0; }
  .how-bnr:after {
    bottom: 0; }
  .how-bnr__text {
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: .08em;
    line-height: 1.6;
    margin-bottom: 20px; }
    .how-bnr__text.strong {
      font-size: 2.4rem; }
      @media (max-width: 750px) {
        .how-bnr__text.strong {
          font-size: 1.5rem; } }
      .how-bnr__text.strong span {
        color: #f13c3b; }
  .how-bnr__box:last-child {
    margin-bottom: 0; }
  .how-bnr__box a {
    display: block;
    transition: .4s ease;
    background-color: #fff;
    padding: 13px 0;
    border-radius: 10px;
    margin-bottom: 8px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
    @media (max-width: 750px) {
      .how-bnr__box a {
        padding: 9px 0; } }
  .how-bnr__box .iconSvg {
    height: 35px; }
    .how-bnr__box .iconSvg svg {
      width: 35px;
      height: 35px; }
  .how-bnr__box.-trip .iconSvg {
    fill: #ff6b48; }
  .how-bnr__box.-trip .how-bnr__maintext {
    color: #ff6b48; }
  .how-bnr__box.-delivery .iconSvg {
    fill: #00a5b9; }
  .how-bnr__box.-delivery .how-bnr__maintext {
    color: #00a5b9; }
  .how-bnr__box.-shop .iconSvg {
    fill: #1bce8d; }
  .how-bnr__box.-shop .how-bnr__maintext {
    color: #1bce8d; }
  .how-bnr__header {
    font-weight: bold;
    font-size: 1.4rem;
    letter-spacing: .08em;
    line-height: 1.7;
    text-indent: .38em; }
    @media (max-width: 750px) {
      .how-bnr__header {
        font-size: 1.1rem;
        line-height: 1.2; } }
  .how-bnr__main {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: .08em; }

.img-block {
  display: flex; }
  @media (max-width: 750px) {
    .img-block {
      display: block; } }
  .img-block.border {
    margin-bottom: 40px; }
    .img-block.border .img-block__text01:after {
      content: '';
      display: block;
      background: linear-gradient(to right, #00a5b9 25%, #ff6b48 0, #ff6b48 50%, #23385c 0, #23385c 75%, #1bce8d 0);
      width: 100%;
      height: 5px;
      margin-top: 8px; }
  .img-block.reverse {
    flex-direction: row-reverse; }
    @media (min-width: 751px) {
      .img-block.reverse .img-block__textarea {
        margin-left: 26px;
        margin-right: 0; } }
  @media (min-width: 751px) {
    .img-block__textarea {
      margin-right: 35px; } }
  .img-block__text01 {
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: .08em;
    margin-bottom: 20px; }
    @media (max-width: 750px) {
      .img-block__text01 {
        font-size: 1.8rem; } }
  @media (max-width: 750px) {
    .img-block__text02 {
      font-size: 1.3rem; } }
  .img-block__pic {
    width: 340px;
    flex: 0 0 auto; }
    @media (max-width: 750px) {
      .img-block__pic {
        width: 100%;
        margin-top: 20px; } }

@media (max-width: 750px) {
  .img-bnr {
    width: 100%; } }

.img-bnr .col-wrap {
  background: linear-gradient(130deg, #fffbe1 30px, #fff8cd 30px, #fff8cd 60px, #fffbe1 60px, #fffbe1 90px, #fff8cd 90px, #fff8cd);
  background-size: 77px 89px;
  position: relative; }
  @media (min-width: 751px) {
    .img-bnr .col-wrap {
      padding: 18px 285px 18px 18px; } }
  @media (max-width: 750px) {
    .img-bnr .col-wrap {
      width: 100%;
      padding: 20px 20px 0; } }

.img-bnr ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  .img-bnr ul li {
    flex: 0 0 auto;
    font-weight: bold;
    font-size: 1.4rem;
    color: #fff;
    border-radius: 40px;
    text-align: center;
    padding: 10px 30px;
    line-height: 1.6; }
    @media (max-width: 750px) {
      .img-bnr ul li {
        width: 100%; } }
    .img-bnr ul li:first-child {
      background-color: #ff6b48;
      padding: 10px 20px; }
      @media (min-width: 751px) {
        .img-bnr ul li:first-child {
          margin-right: 8px; } }
      @media (max-width: 750px) {
        .img-bnr ul li:first-child {
          margin-bottom: 10px; } }
    .img-bnr ul li:nth-child(2) {
      background-color: #00a5b9; }
      @media (min-width: 751px) {
        .img-bnr ul li:nth-child(2) {
          width: 250px; } }
    .img-bnr ul li:nth-child(3) {
      background-color: #1bce8d;
      margin-top: 10px; }
      @media (min-width: 751px) {
        .img-bnr ul li:nth-child(3) {
          width: 340px; } }

@media (max-width: 750px) {
  .img-bnr figure {
    width: 180px;
    height: 160px;
    margin: 20px auto 0 auto; } }

@media (min-width: 751px) {
  .img-bnr figure {
    position: absolute;
    bottom: 0;
    right: 0; } }

.img-bnr__ttl {
  position: relative;
  margin: 0 0 10px 40px; }
  @media (max-width: 750px) {
    .img-bnr__ttl {
      margin: 0; } }

.img-bnr .svgtext02 {
  width: 508px;
  height: 40px;
  position: relative;
  z-index: -1; }
  @media (max-width: 750px) {
    .img-bnr .svgtext02 {
      width: 100%; } }
  .img-bnr .svgtext02 text {
    font-weight: bold;
    font-size: 30px;
    font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    fill: #fff;
    letter-spacing: .125em;
    text-anchor: middle;
    dominant-baseline: alphabetic; }
    @media (max-width: 750px) {
      .img-bnr .svgtext02 text {
        font-size: 18px; } }
  .img-bnr .svgtext02 #introsvgtext {
    stroke: #23385c;
    stroke-width: 4px;
    stroke-linejoin: round;
    fill: none; }
  .img-bnr .svgtext02 #introsvgtext2 {
    fill: #fff879; }

.img-bnr .highlight-text {
  font-family: bold;
  font-size: 2.6rem;
  letter-spacing: .29em;
  color: #fff647;
  position: absolute;
  top: -1px;
  left: 2px;
  height: 40px;
  z-index: 1; }
  @media (max-width: 750px) {
    .img-bnr .highlight-text {
      font-size: 1.2rem;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); } }

.line-box {
  margin-bottom: 40px; }
  .line-box__wrap {
    display: flex; }
    @media (max-width: 750px) {
      .line-box__wrap {
        display: block; } }
  .line-box__label {
    display: flex;
    align-items: center;
    margin-bottom: 25px; }
    @media (max-width: 750px) {
      .line-box__label {
        margin-bottom: 12px; } }
  .line-box__step {
    width: 130px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/line/bg_step.png);
    text-align: center;
    color: #fff;
    font-family: "Cabin", sans-serif;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.5; }
    @media (max-width: 750px) {
      .line-box__step {
        width: 100px;
        height: 30px;
        background-size: contain;
        font-size: 1.5rem; } }
    .line-box__step span {
      font-size: 2.6rem;
      margin-left: 6px; }
      @media (max-width: 750px) {
        .line-box__step span {
          font-size: 2rem; } }
  .line-box__ttl {
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: .08em;
    margin-left: 16px;
    line-height: 1; }
    @media (max-width: 750px) {
      .line-box__ttl {
        font-size: 1.8rem; } }
  .line-box__text {
    font-size: 1.8rem;
    line-height: 1.77; }
    @media (max-width: 750px) {
      .line-box__text {
        font-size: 1.4rem; } }
  .line-box figure {
    flex: 0 0 auto;
    width: 340px; }
    @media (min-width: 751px) {
      .line-box figure {
        margin-left: 30px; } }
    @media (max-width: 750px) {
      .line-box figure {
        width: 100%;
        margin-top: 20px; } }

.location-block {
  margin-bottom: 20px;
  width: 390px; }
  @media (max-width: 750px) {
    .location-block {
      width: 100%; } }
  .location-block__ttl {
    font-weight: bold;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end; }
    @media (max-width: 750px) {
      .location-block__ttl {
        font-size: 1.3rem; } }
    .location-block__ttl .iconSvg[data-icon="location"] {
      width: 18px;
      height: 20px;
      margin-right: 7px; }
      @media (max-width: 750px) {
        .location-block__ttl .iconSvg[data-icon="location"] {
          width: 15px;
          height: 18px; } }
      .location-block__ttl .iconSvg[data-icon="location"] svg {
        width: 100%;
        height: 100%;
        fill: #ff6b48; }
  .location-block__text {
    font-size: 1.4rem; }
    @media (max-width: 750px) {
      .location-block__text {
        font-size: 1.2rem; } }
  .location-block__caution {
    font-size: 1.3rem; }
    @media (max-width: 750px) {
      .location-block__caution {
        font-size: 1.1rem; } }
  .location-block__tel {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: .08em; }
    @media (max-width: 750px) {
      .location-block__tel {
        font-size: 1.2rem; } }
    .location-block__tel .iconSvg[data-icon="tel2"] {
      width: 20px;
      height: 20px;
      margin: 0 5px 0 8px; }
      .location-block__tel .iconSvg[data-icon="tel2"] svg {
        fill: #ff6b48; }
    .location-block__tel p {
      font-weight: bold;
      font-size: 2rem;
      color: #ff6b48; }
      @media (max-width: 750px) {
        .location-block__tel p {
          font-size: 1.5rem; } }
    .location-block__tel.-border {
      border: 1px solid #23385c;
      padding: 8px;
      justify-content: center; }

.map-box__ttl {
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: .08em;
  border-bottom: 1px solid #23385c;
  margin-bottom: 20px; }
  @media (max-width: 750px) {
    .map-box__ttl {
      font-size: 1.4rem; } }

.map-box__content {
  display: flex; }
  @media (max-width: 750px) {
    .map-box__content {
      display: block; } }
  .map-box__content.reverse {
    flex-direction: row-reverse;
    justify-content: space-between; }
    .map-box__content.reverse .map-box__textarea {
      margin-left: 0; }
  @media (max-width: 750px) {
    .map-box__content figure img {
      margin: 0 auto; } }

@media (min-width: 751px) {
  .map-box__textarea {
    margin-left: 30px; } }

@media (max-width: 750px) {
  .map-box__textarea {
    margin-top: 20px; } }

.map-box__cat {
  font-weight: bold; }

.map-box__text {
  font-size: 1.4rem; }
  @media (max-width: 750px) {
    .map-box__text {
      font-size: 1.2rem; } }

.map-box dl {
  margin-bottom: 14px; }

.not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #23385c;
  text-align: center;
  margin-top: 80px; }
  @media (max-width: 750px) {
    .not-found {
      margin-top: 35px; } }
  .not-found__ttl {
    font-size: 3rem;
    font-weight: bold;
    margin: 20px 0; }
    @media (max-width: 750px) {
      .not-found__ttl {
        font-size: 1.7rem; } }
  .not-found .btn {
    margin-top: 20px; }

.note-box {
  border: 1px solid #23385c;
  border-radius: 12px;
  padding: 20px 30px; }
  @media (max-width: 750px) {
    .note-box {
      padding: 15px; } }
  .note-box.intro {
    margin-top: 40px; }
    @media (max-width: 750px) {
      .note-box.intro {
        margin-top: 20px; } }
    .note-box.intro .note-box__list {
      margin: 15px 0;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    .note-box.intro li:nth-child(2n-1) {
      width: 335px; }
    .note-box.intro li:nth-child(2n) {
      width: 400px; }
  .note-box.category {
    margin-top: 30px; }
    .note-box.category .note-box__list {
      margin: 15px 0;
      display: flex;
      flex-wrap: wrap; }
    .note-box.category li {
      width: 50%; }
  .note-box.line {
    margin-top: 30px;
    border: 2px solid #00b900;
    padding: 20px 8px 30px 20px; }
    @media (max-width: 750px) {
      .note-box.line {
        padding: 16px; } }
    .note-box.line .iconSvg[data-icon="caution"] svg {
      fill: #ff6b48; }
    .note-box.line .note-box__ttl {
      color: #000; }
    .note-box.line ul {
      line-height: 2;
      margin-top: 12px; }
  .note-box.flow li {
    line-height: 2; }
  .note-box__ttl {
    font-weight: bold;
    color: #f13c3b;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    @media (max-width: 750px) {
      .note-box__ttl {
        font-size: 1.7rem; } }
    .note-box__ttl:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-image: url(../images/common/caution.png);
      background-size: contain;
      margin-right: 5px; }
  .note-box__list {
    font-weight: bold;
    font-size: 1.4rem; }
    @media (max-width: 750px) {
      .note-box__list {
        font-size: 1.2rem; } }
    .note-box__list li {
      display: flex; }
      .note-box__list li:before {
        display: block;
        content: '・'; }
      .note-box__list li.note-box__memo2:before {
        display: none; }
  .note-box__memo {
    font-size: 1.3rem; }
    @media (max-width: 750px) {
      .note-box__memo {
        font-size: 1.1rem; } }
  .note-box__memo2 {
    font-weight: 400;
    font-size: 1.3rem; }
    @media (max-width: 750px) {
      .note-box__memo2 {
        font-size: 1.1rem; } }
    .note-box__memo2.indent {
      margin-left: 1em; }
  .note-box__point {
    background-color: #f3f3f3;
    border-radius: 12px;
    padding: 20px 100px 20px 20px;
    position: relative; }
    @media (max-width: 750px) {
      .note-box__point {
        padding: 15px 10px 50px 10px; } }
    .note-box__point:after {
      content: '';
      display: block;
      background-image: url(../images/flow/img_fragile.png);
      width: 67px;
      height: 70px;
      position: absolute;
      bottom: 30px;
      right: 20px;
      background-size: cover;
      background-repeat: no-repeat; }
      @media (max-width: 750px) {
        .note-box__point:after {
          width: 32px;
          height: 35px;
          bottom: 19px; } }
    .note-box__point__ttl {
      font-weight: bold;
      font-size: 2rem;
      letter-spacing: .08em;
      color: #00a5b9;
      display: flex;
      align-items: center;
      line-height: 1;
      margin-bottom: 14px; }
      @media (max-width: 750px) {
        .note-box__point__ttl {
          font-size: 1.5rem;
          margin-bottom: 7px; } }
      .note-box__point__ttl:before {
        content: '';
        display: block;
        background-image: url(../images/flow/title_point.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 83px;
        height: 24px;
        margin-right: 10px; }
        @media (max-width: 750px) {
          .note-box__point__ttl:before {
            width: 40px;
            height: 12px; } }
    .note-box__point ul li {
      font-size: 1.4rem;
      display: flex; }
      @media (max-width: 750px) {
        .note-box__point ul li {
          font-size: 1.2rem; } }
      .note-box__point ul li:before {
        content: '・';
        display: block; }
    .note-box__point p {
      font-size: 1.3rem;
      margin-left: 1em; }
      @media (max-width: 750px) {
        .note-box__point p {
          font-size: 1rem; } }

.page-link {
  display: flex;
  justify-content: space-between;
  margin-top: 80px; }
  @media (max-width: 750px) {
    .page-link {
      display: block;
      margin-top: 50px; } }
  @media (min-width: 751px) {
    .page-link.forscroll {
      margin-top: 245px; } }
  .page-link__item {
    width: calc(50% - 20px);
    height: 140px;
    border: 3px solid #23385c;
    font-weight: bold;
    font-size: 2.6rem;
    color: #23385c;
    background-image: url(../images/common/link_bg01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top -20px center; }
    @media (max-width: 750px) {
      .page-link__item {
        width: 100%;
        font-size: 2rem;
        background-position: center center;
        height: 100px; } }
    @media (max-width: 750px) {
      .page-link__item:first-child {
        margin-bottom: 20px; } }
    .page-link__item.flow {
      background-image: url(../images/common/link_bg02.jpg); }
    .page-link__item.intro {
      background-image: url(../images/common/link_bg_intro.jpg);
      background-position: center center; }
    .page-link__item a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      z-index: 0;
      position: relative; }
      .page-link__item a:after {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        left: 7px;
        bottom: 7px;
        right: 7px;
        border: 1px solid #23385c; }
      .page-link__item a:before {
        content: '';
        display: block;
        background-color: rgba(255, 255, 255, 0.8);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        transition: .4s ease; }
      .page-link__item a:hover {
        opacity: .8; }
    .page-link__item .arrow {
      position: relative;
      background-color: #23385c;
      top: auto;
      right: auto;
      transform: none;
      margin-left: 16px; }
      .page-link__item .arrow:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff; }

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0 auto; }
  @media (max-width: 750px) {
    .pagination {
      margin-top: 20px; } }
  .pagination__arrow {
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #23385c;
    border-left: 2px solid #23385c; }
    @media (max-width: 750px) {
      .pagination__arrow {
        width: 6px;
        height: 6px; } }
    .pagination__arrow.prev {
      transform: rotate(-45deg); }
      @media (max-width: 750px) {
        .pagination__arrow.prev {
          margin-right: 10px; } }
    .pagination__arrow.next {
      transform: rotate(135deg); }
      @media (max-width: 750px) {
        .pagination__arrow.next {
          margin-left: 10px; } }
  .pagination ul {
    display: flex;
    font-family: "Cabin", sans-serif;
    font-size: 1.6rem; }
    @media (max-width: 750px) {
      .pagination ul {
        font-size: 1.2rem; } }
    .pagination ul li {
      margin-right: 4px; }
      .pagination ul li .page-numbers {
        width: 40px;
        height: 40px;
        background-color: #f3f3f3;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 750px) {
          .pagination ul li .page-numbers {
            width: 35px;
            height: 35px; } }
        .pagination ul li .page-numbers.current {
          background-color: #23385c;
          color: #fff; }
        .pagination ul li .page-numbers.next, .pagination ul li .page-numbers.prev {
          background-color: transparent; }

.point-box {
  width: calc(100%/3 - 6px);
  margin-right: 6px; }
  @media (max-width: 750px) {
    .point-box {
      width: 100%;
      margin-bottom: 10px; } }
  .point-box:last-child {
    margin-right: 0; }
  .point-box__label {
    background-color: #23385c;
    font-family: "Cabin", sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .08em;
    color: #fff;
    border-radius: 0 5px 0 0;
    width: 210px;
    padding: 9px 24px 9px 13px; }
    @media (max-width: 750px) {
      .point-box__label {
        width: 180px;
        font-size: 1.3rem; } }
    .point-box__label span {
      font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
      font-weight: bold;
      font-size: 1.8rem; }
      @media (max-width: 750px) {
        .point-box__label span {
          font-size: 1.4rem; } }
  .point-box__content {
    border: 1px solid #23385c;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 20px 0; }
    @media (max-width: 750px) {
      .point-box__content {
        padding: 10px 0; } }
    .point-box__content .iconSvg svg {
      height: 94px; }
      @media (max-width: 750px) {
        .point-box__content .iconSvg svg {
          height: 60px; } }
    .point-box__content .iconSvg[data-icon="expensive"] svg {
      width: 90px;
      fill: #ff6b48; }
      @media (max-width: 750px) {
        .point-box__content .iconSvg[data-icon="expensive"] svg {
          width: 60px; } }
    .point-box__content .iconSvg[data-icon="clock"] svg {
      width: 110px;
      fill: #00a5b9; }
    .point-box__content .iconSvg[data-icon="smile"] svg {
      width: 120px;
      fill: #1bce8d; }
  .point-box__text {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: .08em;
    color: #23385c; }
    @media (max-width: 750px) {
      .point-box__text {
        font-size: 1.2rem; } }

.point-box2 {
  width: 257px; }
  @media (max-width: 750px) {
    .point-box2 {
      width: 100%;
      margin-bottom: 20px; } }
  .point-box2.green .point-box2__star {
    background-image: url(../images/svg/point_star_green.svg); }
  .point-box2.blue .point-box2__star {
    background-image: url(../images/svg/point_star_blue.svg); }
  .point-box2__header {
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
  .point-box2__star {
    width: 80px;
    height: 80px;
    background-size: contain;
    text-align: center;
    color: #fff;
    font-family: "Cabin", sans-serif;
    font-size: 1.2rem;
    background-image: url(../images/svg/point_star_orange.svg);
    background-repeat: no-repeat;
    padding-top: 25px;
    line-height: 1;
    margin-right: 5px; }
    @media (max-width: 750px) {
      .point-box2__star {
        width: 60px;
        height: 60px;
        padding-top: 18px; } }
    .point-box2__star span {
      font-size: 2.6rem;
      font-weight: bold; }
      @media (max-width: 750px) {
        .point-box2__star span {
          font-size: 2rem; } }
  .point-box2__ttl {
    font-size: 2.2rem;
    letter-spacing: .12em;
    font-weight: bold;
    line-height: 1.58; }
    @media (max-width: 750px) {
      .point-box2__ttl {
        font-size: 1.5rem; } }
  @media (max-width: 750px) {
    .point-box2__text {
      font-size: 1.2rem; } }

.point-box3 {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px 30px 20px 20px;
  margin-bottom: 6px;
  position: relative; }
  @media (max-width: 750px) {
    .point-box3 {
      padding: 20px; } }
  .point-box3__img {
    width: 340px; }
    @media (max-width: 750px) {
      .point-box3__img {
        width: 100%; } }
  .point-box3__label {
    width: 365px;
    background-image: url(../images/about/bg_label.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font-family: "Cabin", sans-serif;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1;
    padding: 4px 0 4px 30px;
    display: flex;
    align-items: center;
    position: relative;
    left: -24px;
    margin-bottom: 12px; }
    @media (max-width: 750px) {
      .point-box3__label {
        width: 100%;
        font-size: 1.2rem; } }
    .point-box3__label span.number {
      font-size: 3.4rem;
      margin-left: 14px; }
      @media (max-width: 750px) {
        .point-box3__label span.number {
          font-size: 2.2rem; } }
    .point-box3__label span.strong {
      font-size: 2.2rem;
      margin-left: 20px; }
      @media (max-width: 750px) {
        .point-box3__label span.strong {
          font-size: 1.6rem; } }
  @media (min-width: 751px) {
    .point-box3__text.short {
      width: 340px; } }
  .point-box3__text span {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #fff5b8 70%); }
  .point-box3__pricelist {
    display: flex;
    margin-top: 20px; }
    .point-box3__pricelist li {
      text-align: center;
      font-weight: bold;
      font-size: 1.6rem;
      line-height: 1;
      width: 110px;
      margin-right: 1px;
      color: #fff;
      padding: 14px 0; }
      @media (max-width: 750px) {
        .point-box3__pricelist li {
          font-size: 1rem;
          width: 20%; } }
      .point-box3__pricelist li:nth-child(2n-1) {
        background-color: #00a5b9; }
      .point-box3__pricelist li:nth-child(2n) {
        background-color: #007eb9; }
      .point-box3__pricelist li:first-child {
        border-radius: 4px 0 0 4px; }
      .point-box3__pricelist li:last-child {
        border-radius: 0 4px 4px 0; }
  .point-box3__price {
    font-weight: bold;
    color: #23385c;
    line-height: 1;
    font-size: 2rem; }
    @media (min-width: 751px) {
      .point-box3__price {
        position: absolute;
        bottom: 18px;
        right: 67px; } }
    @media (max-width: 750px) {
      .point-box3__price {
        font-size: 1.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -1em; } }
    .point-box3__price span {
      font-family: "Cabin", sans-serif;
      font-size: 5.4rem;
      color: #f13c3b; }
      @media (max-width: 750px) {
        .point-box3__price span {
          font-size: 4rem; } }
  @media (max-width: 750px) {
    .point-box3 .pros-box {
      padding: 20px 0 0; } }

.pros-box {
  background-color: #fff;
  text-align: center;
  color: #00a5b9;
  width: 250px;
  margin-right: 7px;
  padding: 28px 14px;
  border-radius: 5px; }
  @media (max-width: 750px) {
    .pros-box {
      width: 100%;
      display: flex;
      margin-bottom: 5px;
      padding: 10px 12px; } }
  .pros-box__ttl {
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.9;
    letter-spacing: .12em; }
    @media (min-width: 751px) {
      .pros-box__ttl {
        margin-top: 8px; } }
    @media (max-width: 750px) {
      .pros-box__ttl {
        text-align: left;
        font-size: 1.5rem; } }
  .pros-box__text {
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: .04em;
    text-align: left; }
    @media (max-width: 750px) {
      .pros-box__text {
        font-size: 1.2rem; } }
  .pros-box:last-child {
    margin-right: 0; }
  @media (min-width: 751px) {
    .pros-box__list {
      display: flex;
      justify-content: space-between; } }
  .pros-box__circle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff5b8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; }
    @media (max-width: 750px) {
      .pros-box__circle {
        width: 90px;
        height: 90px;
        flex: 0 0 auto;
        margin-right: 10px; } }
    .pros-box__circle .iconSvg {
      fill: #00a5b9; }
    .pros-box__circle .iconSvg[data-icon="service"] {
      width: 111px; }
      @media (max-width: 750px) {
        .pros-box__circle .iconSvg[data-icon="service"] {
          width: 65px; } }
    .pros-box__circle .iconSvg[data-icon="heart"] {
      width: 76px; }
      @media (max-width: 750px) {
        .pros-box__circle .iconSvg[data-icon="heart"] {
          width: 45px;
          height: 40px; } }
    .pros-box__circle .iconSvg[data-icon="handshake"] {
      width: 80px; }
      @media (max-width: 750px) {
        .pros-box__circle .iconSvg[data-icon="handshake"] {
          width: 47px; } }

.recommend-block {
  background-color: #ff6b48;
  padding: 5px; }
  .recommend-block.blue {
    background-color: #00a5b9; }
    .recommend-block.blue .iconSvg[data-icon="check"] svg {
      fill: #00a5b9; }
  .recommend-block.green {
    background-color: #1bce8d; }
    .recommend-block.green .iconSvg[data-icon="check"] svg {
      fill: #1bce8d; }
  .recommend-block__ttl {
    font-weight: bold;
    font-size: 2rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    margin: 3px 0 8px; }
    @media (max-width: 750px) {
      .recommend-block__ttl {
        font-size: 1.5rem; } }
    .recommend-block__ttl .iconSvg[data-icon="light_bulb"] {
      width: 34px;
      height: 41px;
      margin-right: 10px; }
      @media (max-width: 750px) {
        .recommend-block__ttl .iconSvg[data-icon="light_bulb"] {
          width: 20px;
          height: 30px;
          margin-right: 5px; } }
      .recommend-block__ttl .iconSvg[data-icon="light_bulb"] svg {
        width: 100%;
        height: 100%;
        fill: #fff; }
  .recommend-block ul {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px; }
    @media (max-width: 750px) {
      .recommend-block ul {
        display: block;
        padding: 10px; } }
    .recommend-block ul li {
      font-weight: bold;
      font-size: 1.5rem;
      display: flex;
      align-items: flex-start;
      flex-direction: row-reverse;
      justify-content: flex-end; }
      @media (min-width: 751px) {
        .recommend-block ul li {
          width: 370px; } }
      @media (max-width: 750px) {
        .recommend-block ul li {
          font-size: 1.2rem; } }
      @media (min-width: 751px) {
        .recommend-block ul li:first-child, .recommend-block ul li:nth-child(2) {
          margin-bottom: 14px; } }
      .recommend-block ul li .iconSvg[data-icon="check"] {
        width: 20px;
        height: 17px;
        margin-right: 5px; }
        @media (max-width: 750px) {
          .recommend-block ul li .iconSvg[data-icon="check"] {
            width: 10px;
            height: 8px; } }
        .recommend-block ul li .iconSvg[data-icon="check"] svg {
          fill: #ff6b48; }

.sell-block {
  width: 1080px;
  margin: 0 auto 120px auto;
  background-color: #f3f3f3;
  display: none; }
  @media (max-width: 750px) {
    .sell-block {
      width: 100%;
      margin: 30px auto 100px auto; } }
  .sell-block.is-active {
    display: block; }
  .sell-block__ttl {
    background-color: #23385c;
    font-family: "Cabin", sans-serif;
    font-weight: 700;
    font-size: 3rem;
    text-align: center;
    color: #fff; }
    @media (max-width: 750px) {
      .sell-block__ttl {
        font-size: 1.7rem; } }
    .sell-block__ttl span {
      font-size: 3.8rem;
      margin-left: 6px; }
      @media (max-width: 750px) {
        .sell-block__ttl span {
          font-size: 2.5rem; } }
  .sell-block__flow {
    background-color: #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0; }
    @media (max-width: 750px) {
      .sell-block__flow {
        padding: 10px 5px; } }
    .sell-block__flow__item {
      width: 220px;
      background-color: #fff;
      border-radius: 30px;
      font-weight: bold;
      font-size: 2rem;
      color: #23385c;
      text-align: center;
      display: flex;
      align-items: center;
      padding: 8px;
      position: relative; }
      @media (max-width: 750px) {
        .sell-block__flow__item {
          width: 120px;
          font-size: 1.2rem;
          padding: 5px; } }
      .sell-block__flow__item span {
        display: block;
        border-radius: 50%;
        background-color: #23385c;
        color: #fff;
        width: 40px;
        margin-right: 30px; }
        @media (max-width: 750px) {
          .sell-block__flow__item span {
            width: 20px;
            height: 20px;
            margin-right: 5px;
            line-height: 1.5; } }
      .sell-block__flow__item:before {
        display: block;
        content: '';
        background-color: rgba(204, 204, 204, 0.6);
        width: 220px;
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
        @media (max-width: 750px) {
          .sell-block__flow__item:before {
            width: 100%; } }
      .sell-block__flow__item.-active:before {
        display: none; }
    .sell-block__flow__arrow {
      display: block;
      width: 25px;
      height: 25px;
      background-image: url(../images/sell/step_arrow.png);
      background-repeat: no-repeat;
      margin: 0 10px;
      background-size: contain; }
      @media (max-width: 750px) {
        .sell-block__flow__arrow {
          width: 15px;
          height: 15px;
          margin: 0 5px; } }
  .sell-block__next {
    background-color: #ebebeb;
    padding: 10px 0 20px 0; }
    .sell-block__next .btn a {
      font-size: 1.8rem;
      text-align: center; }
      @media (max-width: 750px) {
        .sell-block__next .btn a {
          font-size: 1.3rem; } }
      .sell-block__next .btn a span {
        font-size: 1.3rem;
        margin-bottom: 4px;
        display: block; }
    .sell-block__next .privacy-text {
      font-size: 1.3rem;
      text-align: center;
      margin-bottom: 10px; }
      @media (max-width: 750px) {
        .sell-block__next .privacy-text {
          font-size: 1.1rem;
          padding: 0 10px; } }
      .sell-block__next .privacy-text a {
        font-weight: bold;
        border-bottom: 1px solid #000; }
    .sell-block__next .formBtn {
      position: relative;
      width: 350px;
      height: 67px;
      margin: 0 auto;
      display: block;
      background-color: #f13c3b;
      border-radius: 50px;
      box-shadow: 2px 2px 0 #e02a29;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-weight: bold;
      line-height: 1.2;
      letter-spacing: .02em;
      font-size: 1.8rem; }
      @media (max-width: 750px) {
        .sell-block__next .formBtn {
          width: 280px;
          height: auto;
          padding: 16px 0;
          font-size: 1.2rem; } }
      .sell-block__next .formBtn br {
        display: none; }
      .sell-block__next .formBtn:after {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translate(0, -50%);
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.2);
        z-index: 1; }
        @media (max-width: 750px) {
          .sell-block__next .formBtn:after {
            width: 24px;
            height: 24px; } }
      .sell-block__next .formBtn:before {
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        border-top: 2px solid #f13c3b;
        border-right: 2px solid #f13c3b;
        position: absolute;
        top: 50%;
        right: 24px;
        transform: rotate(45deg) translate(-22%, -50%);
        z-index: 2; }
        @media (max-width: 750px) {
          .sell-block__next .formBtn:before {
            right: 22px; } }
      .sell-block__next .formBtn span {
        font-size: 1.3rem;
        color: #fff;
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translate(-50%, 0); }
        @media (max-width: 750px) {
          .sell-block__next .formBtn span {
            width: 100%;
            text-align: center;
            font-size: 1.2rem;
            top: 11px; } }
      .sell-block__next .formBtn.disabled {
        pointer-events: none;
        background-color: #ccc;
        box-shadow: 2px 2px 0 #999; }
        .sell-block__next .formBtn.disabled:before {
          border-top: 2px solid #999;
          border-right: 2px solid #999; }
      .sell-block__next .formBtn input[type="submit"] {
        margin: 0 auto;
        cursor: pointer;
        padding-top: 29px;
        font-size: 1.8rem;
        text-align: center;
        width: 350px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        letter-spacing: .02em;
        position: relative;
        background-color: transparent; }
        @media (max-width: 750px) {
          .sell-block__next .formBtn input[type="submit"] {
            padding-top: 20px;
            font-size: 1.4rem; } }

.sns-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px; }
  .sns-link .iconSvg[data-icon="facebook"] {
    margin-right: 28px; }
    .sns-link .iconSvg[data-icon="facebook"] svg {
      width: 33px;
      height: 33px; }
  .sns-link .iconSvg[data-icon="tweeter"] svg {
    width: 37px;
    height: 28px; }

.sp-fixed-bar {
  position: fixed;
  z-index: 30;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 15px;
  background-color: rgba(35, 56, 92, 0.8);
  display: flex;
  justify-content: center;
  height: 72px; }
  @media (min-width: 751px) {
    .sp-fixed-bar {
      display: none; } }
  .sp-fixed-bar a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 0 3px 3px 0;
    padding: 8px 12px; }
    .sp-fixed-bar a:nth-child(n+2) {
      margin: 0 0 0 8px; }
    .sp-fixed-bar a img {
      max-height: 100%; }
  .sp-fixed-bar__tel {
    border-left: 6px solid #f13c3b; }
  .sp-fixed-bar__line {
    border-left: 6px solid #00b900; }

.sp-gnav {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .sp-gnav .children-wrap {
    display: none; }
  .sp-gnav__item {
    position: relative;
    background-color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    color: #23385c;
    letter-spacing: .08em;
    line-height: 1;
    width: 50%;
    border: 1px solid #23385c; }
    .sp-gnav__item a {
      padding: 12px 7px;
      display: block;
      width: 100%;
      height: 100%; }
    .sp-gnav__item.parent, .sp-gnav__item.long {
      width: 100%;
      text-align: center; }
    .sp-gnav__item.parent {
      padding: 12px 7px; }
    .sp-gnav__item.child {
      background-color: #ebebeb;
      border: 1px dotted #23385c; }
      .sp-gnav__item.child:first-child {
        width: 100%;
        text-align: center; }
    .sp-gnav__item .arrow {
      background-color: #23385c; }
      .sp-gnav__item .arrow:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff; }
    .sp-gnav__item .togglebtn {
      background-color: #23385c;
      width: 20px;
      height: 20px;
      right: 10px; }
      .sp-gnav__item .togglebtn:before {
        background-color: #fff;
        width: 8px; }
      .sp-gnav__item .togglebtn:after {
        background-color: #fff;
        width: 8px; }

@media (max-width: 750px) {
  .step-boxlist {
    margin-top: 10px; } }

@media (min-width: 751px) {
  .step-boxlist {
    display: flex;
    justify-content: center;
    margin-top: 20px; } }

.step-box {
  width: 182px;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 17px 9px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  flex: 0 0 auto; }
  @media (min-width: 751px) {
    .step-box {
      margin-left: 7px;
      flex-direction: column; } }
  @media (max-width: 750px) {
    .step-box {
      width: 100%;
      padding: 12px;
      margin-bottom: 5px; } }
  .step-box:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    transform: rotate(45deg);
    position: absolute;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    z-index: -2; }
    @media (min-width: 751px) {
      .step-box:after {
        top: 50%;
        right: -7px; } }
    @media (max-width: 750px) {
      .step-box:after {
        bottom: -6px;
        right: 48%; } }
  .step-box:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 8px; }
  .step-box:nth-child(4):before, .step-box:nth-child(4):after {
    display: none; }
  .step-box.step1 {
    z-index: 4; }
    .step-box.step1 .step-box__num {
      background-color: #00a5b9; }
    .step-box.step1 .iconSvg svg {
      fill: #00a5b9; }
      @media (min-width: 751px) {
        .step-box.step1 .iconSvg svg {
          width: 100px; } }
  .step-box.step2 {
    z-index: 3; }
    .step-box.step2 .step-box__num {
      background-color: #1bce8d; }
    .step-box.step2 .iconSvg svg {
      fill: #1bce8d; }
      @media (min-width: 751px) {
        .step-box.step2 .iconSvg svg {
          width: 135px; } }
    @media (min-width: 751px) {
      .step-box.step2.bring .iconSvg svg {
        width: 105px; } }
  .step-box.step3 {
    z-index: 2; }
    .step-box.step3 .step-box__num {
      background-color: #fd5b98; }
    .step-box.step3 .iconSvg svg {
      fill: #fd5b98; }
      @media (min-width: 751px) {
        .step-box.step3 .iconSvg svg {
          width: 114px; } }
    @media (min-width: 751px) {
      .step-box.step3.assess .iconSvg svg {
        width: 92px; } }
  .step-box.step4 {
    z-index: 1; }
    .step-box.step4 .step-box__num {
      background-color: #ff6b48; }
    .step-box.step4 .iconSvg svg {
      fill: #ff6b48; }
      @media (min-width: 751px) {
        .step-box.step4 .iconSvg svg {
          width: 72px; } }
  .step-box__num {
    width: 118px;
    border-radius: 50px;
    font-family: "Cabin", sans-serif;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 3px 0;
    letter-spacing: .08em;
    flex: 0 0 auto; }
    @media (max-width: 750px) {
      .step-box__num {
        width: 90px;
        font-size: 1.2rem; } }
    .step-box__num span {
      font-size: 2.6rem;
      margin-left: 4px; }
      @media (max-width: 750px) {
        .step-box__num span {
          font-size: 1.7rem; } }
  .step-box__ttl {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .08em;
    margin-top: 8px;
    text-align: center; }
    @media (max-width: 750px) {
      .step-box__ttl {
        font-size: 1.5rem; } }
  .step-box__text {
    font-size: 1.4rem;
    line-height: 1.57;
    font-weight: 500;
    letter-spacing: .04em; }
    @media (min-width: 751px) {
      .step-box__text {
        margin-top: 10px;
        text-align: center; } }
    @media (max-width: 750px) {
      .step-box__text {
        font-size: 1.2rem;
        margin-left: 10px; } }
  .step-box__img {
    height: 83px;
    -o-object-fit: contain;
       object-fit: contain;
    overflow: hidden;
    display: flex;
    align-items: flex-start; }
    @media (min-width: 751px) {
      .step-box__img {
        margin-top: 5px; } }
    @media (max-width: 750px) {
      .step-box__img {
        width: 60px;
        height: 46px;
        margin-left: 10px;
        flex: 0 0 auto; } }
    .step-box__img.-end {
      align-items: flex-end; }
      .step-box__img.-end .iconSvg {
        align-items: flex-end; }
    @media (max-width: 750px) {
      .step-box__img.pack {
        width: 74px;
        margin-left: 0; } }
  @media (min-width: 751px) {
    .step-box .iconSvg {
      flex: 1 1 auto;
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media (max-width: 750px) {
    .step-box .iconSvg {
      height: 100%; } }
  .step-box .iconSvg svg {
    height: 77px; }
    @media (max-width: 750px) {
      .step-box .iconSvg svg {
        width: 100%;
        height: 100%; } }
  @media (min-width: 751px) {
    .step-box .iconSvg[data-icon="call"] svg {
      height: auto; } }

.stripe-box {
  background: linear-gradient(130deg, #0faabd 30px, #00a5b9 30px, #00a5b9 60px, #0faabd 60px, #0faabd 90px, #00a5b9 90px, #00a5b9);
  background-size: 77px 89px;
  width: 100%;
  margin-top: 85px;
  position: relative;
  z-index: 1;
  padding: 28px 17px 40px 17px; }
  @media (max-width: 750px) {
    .stripe-box {
      margin: 30px 0 0;
      width: 100%;
      padding: 28px 17px 20px 17px; } }
  .stripe-box__textarea {
    text-align: center; }
    @media (min-width: 751px) {
      .stripe-box__textarea {
        margin-bottom: 38px; } }
    @media (max-width: 750px) {
      .stripe-box__textarea {
        margin-bottom: 20px; } }
    .stripe-box__textarea .iconSvg {
      margin: 0 auto; }
  .stripe-box__ttl {
    font-size: 2.8rem;
    line-height: 1.35;
    letter-spacing: .12em;
    color: #fff; }
    @media (max-width: 750px) {
      .stripe-box__ttl {
        font-size: 1.6rem; } }
    .stripe-box__ttl span {
      font-size: 3.8rem;
      font-weight: bold; }
      @media (max-width: 750px) {
        .stripe-box__ttl span {
          font-size: 2.2rem; } }
  .stripe-box__text {
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.86;
    letter-spacing: .08em;
    margin-top: 10px; }
    @media (max-width: 750px) {
      .stripe-box__text {
        font-size: 1.2rem;
        margin: 17px 0; } }

.stripe-box2 {
  background: linear-gradient(130deg, #0faabd 30px, #00a5b9 30px, #00a5b9 60px, #0faabd 60px, #0faabd 90px, #00a5b9 90px, #00a5b9);
  background-size: 77px 89px;
  border-radius: 4px;
  margin-top: 35px;
  padding: 20px 13px 20px 13px; }
  .stripe-box2__ttl {
    color: #fff;
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: .08em;
    text-align: center; }
    @media (max-width: 750px) {
      .stripe-box2__ttl {
        font-size: 1.6rem; } }
  .stripe-box2 ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px; }
    .stripe-box2 ul li {
      width: calc(100%/3 - 8px);
      margin-right: 8px;
      margin-bottom: 8px;
      background-color: #fff;
      font-weight: bold;
      font-size: 1.8rem;
      letter-spacing: .08em;
      color: #23385c;
      text-align: center;
      border-radius: 4px;
      padding: 18px 0;
      line-height: 1.4;
      display: flex;
      align-items: center;
      justify-content: center; }
      .stripe-box2 ul li:nth-child(3n) {
        margin-right: 0; }
      @media (max-width: 750px) {
        .stripe-box2 ul li {
          font-size: 1rem;
          padding: 10px 9px; } }

.table-general {
  width: 100%; }
  .table-general th {
    width: 265px;
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: .08em;
    color: #23385c;
    text-align: center;
    padding: 14px 0;
    border: 1px solid #ccc;
    background-color: #f3f3f3; }
    @media (max-width: 750px) {
      .table-general th {
        width: 34%;
        font-size: 1.3rem;
        padding: 12px 8px; } }
  .table-general td {
    padding: 14px 30px 14px 20px;
    border: 1px solid #ccc; }
    @media (max-width: 750px) {
      .table-general td {
        font-size: 1.2rem;
        padding: 12px; } }

.table-overview {
  width: 100%; }
  .table-overview th {
    border: 1px solid #ccc;
    width: 220px;
    font-weight: 400;
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: .06em;
    padding: 13px 0 13px 20px; }
    @media (max-width: 750px) {
      .table-overview th {
        width: 120px;
        font-size: 1.2rem;
        padding: 8px 8px 8px 12px; } }
  .table-overview td {
    border: 1px solid #ccc;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: .06em;
    padding: 13px 0 13px 25px;
    vertical-align: middle; }
    @media (max-width: 750px) {
      .table-overview td {
        font-size: 1.2rem;
        padding: 8px 12px 8px 12px; } }
    .table-overview td a {
      color: #00a5b9;
      text-decoration: underline; }

.term-block {
  font-size: 1.4rem;
  margin-bottom: 30px; }
  @media (max-width: 750px) {
    .term-block {
      font-size: 1.2rem; } }
  .term-block__ttl {
    font-weight: bold; }
  @media (max-width: 750px) {
    .term-block {
      margin-bottom: 20px; } }

.tip-box {
  margin-bottom: 20px; }
  .tip-box__label {
    background-color: #23385c;
    color: #fff;
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-radius: 0 10px 0 0; }
    @media (max-width: 750px) {
      .tip-box__label {
        width: 100%;
        padding-left: 10px; } }
  .tip-box__point {
    font-family: "Cabin", sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: .08em; }
    @media (max-width: 750px) {
      .tip-box__point {
        font-size: 1.3rem; } }
    .tip-box__point span {
      font-size: 2.6rem;
      margin-left: 5px; }
      @media (max-width: 750px) {
        .tip-box__point span {
          font-size: 1.8rem; } }
  .tip-box__ttl {
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: .08em;
    margin-left: 20px; }
    @media (max-width: 750px) {
      .tip-box__ttl {
        font-size: 1.3rem;
        margin-left: 8px; } }
    .tip-box__ttl span {
      color: #ffdb00; }
  .tip-box__content {
    border: 1px solid #23385c;
    padding: 20px; }
    @media (max-width: 750px) {
      .tip-box__content {
        padding: 10px; } }

@media (min-width: 751px) {
  .top-reason .section-ttl {
    margin-top: 0; } }

.top-reason__copy {
  font-size: 2.8rem;
  line-height: 1.35;
  letter-spacing: .12em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media (max-width: 750px) {
    .top-reason__copy {
      letter-spacing: .06em; } }
  .top-reason__copy span {
    font-size: 3.8rem;
    font-weight: bold;
    position: relative; }
    @media (max-width: 750px) {
      .top-reason__copy span {
        font-size: 2.4rem; } }
    .top-reason__copy span:after {
      content: '';
      display: block;
      background-color: #ffdb00;
      width: 100%;
      height: 13px;
      position: absolute;
      bottom: 8px;
      left: 0;
      transform: skewX(-10deg);
      z-index: -1; }
      @media (max-width: 750px) {
        .top-reason__copy span:after {
          left: 0;
          height: 7px;
          bottom: 5px; } }
  @media (max-width: 750px) {
    .top-reason__copy__text {
      text-align: center;
      font-size: 1.8rem; } }

.top-reason__content {
  margin-top: 60px;
  position: relative;
  width: 100%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 13px; }
  @media (max-width: 750px) {
    .top-reason__content {
      margin-top: 44px; } }
  .top-reason__content__head {
    width: 100%;
    height: 270px;
    display: flex;
    align-items: center;
    padding: 0 34px;
    position: relative;
    z-index: 2; }
    @media (max-width: 750px) {
      .top-reason__content__head {
        height: 238px;
        padding: 0 8px; } }
    .top-reason__content__head:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(../images/top/img_headbg02.png);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: -1; }
      @media (max-width: 750px) {
        .top-reason__content__head:before {
          background-image: url(../images/top/img_headbg02_sp.png); } }
  .top-reason__content__label {
    display: block;
    color: #fff;
    font-size: 2.6rem;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: .12em;
    text-align: center;
    width: 470px;
    padding: 15px 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/top/img_headbg01.png);
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translate(-50%, 0); }
    @media (max-width: 750px) {
      .top-reason__content__label {
        width: calc(100% - 30px);
        font-size: 1.6rem;
        top: -23px; } }
  .top-reason__content__img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 750px) {
      .top-reason__content__img figure {
        width: 245px; } }
    @media (max-width: 750px) {
      .top-reason__content__img figure:nth-child(2n) {
        margin-left: auto; } }
  .top-reason__content__main {
    background: linear-gradient(130deg, #fffbe1 30px, #fff8cd 30px, #fff8cd 60px, #fffbe1 60px, #fffbe1 90px, #fff8cd 90px, #fff8cd);
    background-size: 77px 89px;
    width: 100%;
    height: 740px;
    position: relative;
    z-index: 1;
    margin-top: -32px;
    border-radius: 14px; }
    .top-reason__content__main .btn {
      width: 350px;
      margin: 34px auto 0 auto; }
      @media (max-width: 750px) {
        .top-reason__content__main .btn {
          width: calc(100% - 26px);
          font-size: 1.7rem;
          margin: 20px auto 0 auto; } }

.top-reason__text01 {
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1.5;
  letter-spacing: .12em;
  color: #23385c;
  text-align: center; }
  @media (max-width: 750px) {
    .top-reason__text01 {
      font-size: 1.7rem; } }

.top-reason__text02 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: .12em;
  color: #23385c;
  text-align: center;
  margin-top: 10px; }
  @media (max-width: 750px) {
    .top-reason__text02 {
      font-size: 1.3rem;
      line-height: 1.5;
      margin: 10px 0; } }

@media (min-width: 751px) {
  .top-reason__boxlist {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    margin-top: 25px; } }

@media (max-width: 750px) {
  .top-reason__boxlist {
    margin-top: 20px; } }

.top-reason__box {
  width: 250px;
  position: relative;
  text-align: center;
  color: #fff;
  padding: 28px 0;
  z-index: 0; }
  @media (max-width: 750px) {
    .top-reason__box {
      width: calc(100% - 30px);
      margin-left: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 5px; } }
  @media (max-width: 750px) {
    .top-reason__box:last-child {
      margin-bottom: 0; } }
  .top-reason__box:after {
    content: '';
    display: block;
    border: 2px solid #fff;
    position: absolute;
    top: 4px;
    left: 4px;
    bottom: 4px;
    right: 4px;
    z-index: -1; }
  .top-reason__box.-orange {
    background-color: #ff6b48; }
    .top-reason__box.-orange .iconSvg {
      fill: #ff6b48; }
  .top-reason__box.-blue {
    background-color: #00a5b9; }
    .top-reason__box.-blue .iconSvg {
      fill: #00a5b9; }
  .top-reason__box.-green {
    background-color: #1bce8d; }
    .top-reason__box.-green .iconSvg {
      fill: #1bce8d; }
  .top-reason__box__img {
    background-color: #fff;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 751px) {
      .top-reason__box__img {
        margin: 0 auto; } }
    @media (max-width: 750px) {
      .top-reason__box__img {
        width: 80px;
        height: 80px;
        margin-right: 23px; } }
    .top-reason__box__img .iconSvg {
      display: flex;
      align-items: center;
      justify-content: center; }
      .top-reason__box__img .iconSvg svg {
        width: 76px; }
        @media (max-width: 750px) {
          .top-reason__box__img .iconSvg svg {
            width: 42px; } }
  .top-reason__box__ttl {
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.58;
    letter-spacing: .12em; }
    @media (min-width: 751px) {
      .top-reason__box__ttl {
        margin-top: 23px; } }
    @media (max-width: 750px) {
      .top-reason__box__ttl {
        font-size: 1.8rem; } }
  .top-reason__box__text {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: .08em;
    margin-top: 10px; }
    @media (max-width: 750px) {
      .top-reason__box__text {
        font-size: 1.3rem;
        white-space: nowrap; } }
  @media (max-width: 750px) {
    .top-reason__box__textarea {
      width: 150px; } }

.top-sns {
  margin: 70px 0 110px 0; }
  @media (max-width: 750px) {
    .top-sns {
      margin: 40px 0 96px 0; } }
  @media (min-width: 751px) {
    .top-sns {
      display: flex;
      justify-content: space-between; } }
  .top-sns__area {
    width: 390px;
    height: 360px;
    text-align: center;
    color: #fff;
    font-family: "Cabin", sans-serif;
    font-weight: 600;
    font-size: 2.2rem;
    letter-spacing: .08em;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden; }
    @media (max-width: 750px) {
      .top-sns__area {
        width: 100%;
        margin-bottom: 20px; } }
  .top-sns__head {
    background-image: radial-gradient(#2e84f3 15%, transparent 20%), radial-gradient(#2e84f3 15%, transparent 20%);
    background-color: #1877f2;
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px; }
    .top-sns__head.-tw {
      background-image: radial-gradient(#333 15%, transparent 20%), radial-gradient(#333 15%, transparent 20%);
      background-color: #000;
    }
  .top-sns__content {
    background-color: #f3f3f3;
    padding: 10px 10px 20px 10px;
    position: relative;
    z-index: 0; }
    .top-sns__content .fb-page {
      position: relative;
      z-index: 96; }
      .top-sns__content .fb-page iframe {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
        border-radius: 5px; }
        @media (max-width: 750px) {
          .top-sns__content .fb-page iframe {
            width: 100% !important; } }
    .top-sns__content #twitter-widget-0 {
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      height: 297px !important; }

@media (max-width: 750px) {
  .top-voice {
    margin-top: 25px; } }

@media (min-width: 751px) {
  .top-voice__itemlist {
    margin-top: 5px; } }

.top-voice__item {
  display: flex;
  flex-wrap: wrap;
  margin-top: 26px; }
  @media (max-width: 750px) {
    .top-voice__item {
      margin-top: 20px; } }
  .top-voice__item:first-child {
    margin-top: 0; }

.top-voice__img {
  flex: 0 0 auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden; }
  @media (max-width: 750px) {
    .top-voice__img {
      width: 100px;
      height: 100px; } }

.top-voice__textarea {
  margin-left: 16px;
  width: calc(100% - 200px); }
  @media (max-width: 750px) {
    .top-voice__textarea {
      width: calc(100% - 120px); } }

@media (min-width: 751px) {
  .top-voice__textarea2 {
    padding-left: 200px;
    margin-top: -84px; } }

.top-voice__ttl {
  font-size: 2rem;
  line-height: 1.9;
  letter-spacing: .08em;
  font-weight: bold; }
  @media (max-width: 750px) {
    .top-voice__ttl {
      font-size: 1.5rem;
      line-height: 1.4; } }
  .top-voice__ttl:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #00a5b9; }
    @media (max-width: 750px) {
      .top-voice__ttl:after {
        margin-top: 5px; } }
  .top-voice__ttl.-orange:after {
    background-color: #ff6b48; }

.top-voice__text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .06em;
  margin-top: 16px; }
  @media (max-width: 750px) {
    .top-voice__text {
      font-size: 1.2rem; } }

.top-voice__initial {
  text-align: right;
  font-size: 1.3rem;
  letter-spacing: .08em;
  margin-top: 13px;
  color: #999; }
  @media (max-width: 750px) {
    .top-voice__initial {
      font-size: 1rem;
      margin-top: 6px; } }

@media (max-width: 750px) {
  .top-voice .btn {
    margin-top: 16px; } }

.voice-box {
  background-color: #f3f3f3;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 10px 10px 0 10px;
  margin-bottom: 40px; }
  @media (max-width: 750px) {
    .voice-box {
      padding: 10px; } }
  .voice-box__content {
    background-color: #fff;
    padding: 28px 30px 30px 30px; }
    @media (max-width: 750px) {
      .voice-box__content {
        padding: 14px 10px 10px 10px; } }
    .voice-box__content .top-voice__item {
      margin-top: 0; }
    @media (max-width: 750px) {
      .voice-box__content .top-voice__ttl {
        line-height: 1.5;
        letter-spacing: .08em; } }
  .voice-box__detail {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 12px 0;
    position: relative;
    padding-left: 14px; }
    @media (max-width: 750px) {
      .voice-box__detail {
        font-size: 1.2rem;
        margin: 6px 0; } }
    .voice-box__detail:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 5px 8.7px;
      border-color: transparent transparent transparent #00a5b9;
      margin-right: 5px;
      position: absolute;
      top: 8px;
      left: 0; }
    .voice-box__detail span {
      color: #f13c3b;
      margin: 0 5px; }
  .voice-box__comment {
    background-color: #00a5b9;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin: 10px 0 0; }
    .voice-box__comment .iconSvg[data-icon="comment"] {
      margin: 0 8px 0 20px;
      height: 20px; }
      .voice-box__comment .iconSvg[data-icon="comment"] svg {
        width: 30px;
        height: 20px;
        fill: #fff; }
    .voice-box__comment__header {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      justify-content: flex-end;
      color: #fff;
      font-weight: bold;
      padding-bottom: 5px; }
    .voice-box__comment__text {
      background-color: #fff;
      padding: 16px; }
      @media (max-width: 750px) {
        .voice-box__comment__text {
          padding: 10px; } }
  .voice-box__link {
    display: flex;
    align-items: center;
    padding: 8px 0 8px 15px; }
    @media (max-width: 750px) {
      .voice-box__link {
        flex-wrap: wrap;
        padding: 8px; } }
    .voice-box__link__ttl {
      margin-right: 15px; }
      @media (max-width: 750px) {
        .voice-box__link__ttl {
          width: 100%;
          margin-bottom: 5px; } }
    .voice-box__link .btn {
      margin-right: 10px; }
      @media (max-width: 750px) {
        .voice-box__link .btn {
          width: calc(50% - 16px); } }
      .voice-box__link .btn a {
        width: 170px;
        background-color: #23385c;
        padding: 10px 40px 10px 0; }
        @media (max-width: 750px) {
          .voice-box__link .btn a {
            width: 100%; } }

.blog-item {
  margin-top: 10px; }
  .blog-item a {
    border: 1px solid #ccc;
    display: flex; }
    @media (min-width: 751px) {
      .blog-item a {
        min-height: 202px; } }
    @media (max-width: 750px) {
      .blog-item a {
        display: block; } }
  .blog-item__img {
    width: 275px;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media (max-width: 750px) {
      .blog-item__img {
        width: 100%;
        height: 50vw; } }
  .blog-item__textarea {
    padding: 20px 8px 20px 20px; }
    @media (max-width: 750px) {
      .blog-item__textarea {
        padding: 10px 10px 20px 10px; } }
  .blog-item__ttl {
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: .08em;
    margin-top: 8px; }
    @media (max-width: 750px) {
      .blog-item__ttl {
        font-size: 1.3rem; } }
  .blog-item__info {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    padding: 8px 0 8px 8px;
    margin-top: 12px;
    max-width: 510px; }
    .blog-item__info span {
      font-weight: bold;
      letter-spacing: 0em; }
      .blog-item__info span.price {
        color: #f13c3b;
        padding: 0 20px;
        margin-right: 25px;
        border-right: 1px solid #ccc; }
      .blog-item__info span.date {
        margin-left: 15px; }
  .blog-item__text {
    font-size: 1.4rem;
    line-height: 1.2;
    margin-top: 12px; }
    @media (max-width: 750px) {
      .blog-item__text {
        font-size: 1.2rem; } }

@media (min-width: 751px) {
  .intro-faqtab__wrap {
    transform: translateY(93px);
    margin: -93px 0 93px; } }

@media (max-width: 750px) {
  .intro-faqtab__wrap {
    transform: translateY(54px);
    margin: -54px 0 54px; } }

.faq-tab__wrap input[type="radio"] {
  display: none; }

.faq-tab__area {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px; }

.faq-tab__label {
  width: calc(100%/3 - 5px);
  margin-right: 5px;
  padding: 12px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: #23385c;
  border: 1px solid #23385c;
  margin-bottom: 7px;
  cursor: pointer; }
  @media (max-width: 750px) {
    .faq-tab__label {
      width: calc(100%/3 - 3px);
      margin-right: 3px;
      font-size: 1rem; } }
  .faq-tab__label:nth-child(3n) {
    margin-right: 0; }
  .faq-tab__label.active {
    background-color: #23385c;
    color: #fff; }

.faq-tab__panel {
  background-color: #f3f3f3;
  padding: 24px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  display: none; }
  .faq-tab__panel.active {
    display: block; }
  @media (max-width: 750px) {
    .faq-tab__panel {
      padding: 12px; } }
  .faq-tab__panel .subsection-ttl {
    margin: 0 0 16px; }
  .faq-tab__panel .cat-toggle {
    width: 100%; }
  .faq-tab__panel .cat-toggle__head {
    font-weight: 400;
    font-size: 1.6rem;
    padding: 14px 90px 14px 20px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    cursor: pointer; }
    @media (max-width: 750px) {
      .faq-tab__panel .cat-toggle__head {
        font-size: 1.2rem;
        padding: 14px 50px 14px 20px;
        align-items: flex-start; } }
    .faq-tab__panel .cat-toggle__head:before {
      content: 'Q.';
      display: block;
      font-family: "Cabin", sans-serif;
      font-size: 3rem;
      font-weight: bold;
      color: #fff;
      margin-right: 10px; }
      @media (max-width: 750px) {
        .faq-tab__panel .cat-toggle__head:before {
          font-size: 2rem; } }
  .faq-tab__panel .cat-toggle__content {
    background-color: #fff;
    position: relative;
    padding: 20px 20px 20px 60px; }
    @media (max-width: 750px) {
      .faq-tab__panel .cat-toggle__content {
        padding: 10px 10px 10px 50px; } }
    .faq-tab__panel .cat-toggle__content:before {
      content: 'A.';
      display: block;
      font-family: "Cabin", sans-serif;
      font-size: 3rem;
      font-weight: bold;
      color: #23385c;
      position: absolute;
      line-height: 1;
      top: 20px;
      left: 20px; }
      @media (max-width: 750px) {
        .faq-tab__panel .cat-toggle__content:before {
          font-size: 2rem;
          top: 10px; } }
  .faq-tab__panel .togglebtn {
    width: 40px;
    height: 40px;
    right: 12px; }
    @media (max-width: 750px) {
      .faq-tab__panel .togglebtn {
        width: 26px;
        height: 26px; } }
    .faq-tab__panel .togglebtn:before, .faq-tab__panel .togglebtn:after {
      width: 14px; }
      @media (max-width: 750px) {
        .faq-tab__panel .togglebtn:before, .faq-tab__panel .togglebtn:after {
          width: 10px; } }

.faq-tab__wrap input:nth-child(1):checked ~ .faq-tab__area label:nth-child(1) {
  background-color: #23385c;
  color: #fff; }

.faq-tab__wrap input:nth-child(1):checked ~ .faq-tab__panelarea .faq-tab__panel:nth-child(1) {
  display: block; }

.faq-tab__wrap input:nth-child(2):checked ~ .faq-tab__area label:nth-child(2) {
  background-color: #23385c;
  color: #fff; }

.faq-tab__wrap input:nth-child(2):checked ~ .faq-tab__panelarea .faq-tab__panel:nth-child(2) {
  display: block; }

.faq-tab__wrap input:nth-child(3):checked ~ .faq-tab__area label:nth-child(3) {
  background-color: #23385c;
  color: #fff; }

.faq-tab__wrap input:nth-child(3):checked ~ .faq-tab__panelarea .faq-tab__panel:nth-child(3) {
  display: block; }

.faq-tab__wrap input:nth-child(4):checked ~ .faq-tab__area label:nth-child(4) {
  background-color: #23385c;
  color: #fff; }

.faq-tab__wrap input:nth-child(4):checked ~ .faq-tab__panelarea .faq-tab__panel:nth-child(4) {
  display: block; }

.faq-tab__wrap input:nth-child(5):checked ~ .faq-tab__area label:nth-child(5) {
  background-color: #23385c;
  color: #fff; }

.faq-tab__wrap input:nth-child(5):checked ~ .faq-tab__panelarea .faq-tab__panel:nth-child(5) {
  display: block; }

.faq-tab__wrap input:nth-child(6):checked ~ .faq-tab__area label:nth-child(6) {
  background-color: #23385c;
  color: #fff; }

.faq-tab__wrap input:nth-child(6):checked ~ .faq-tab__panelarea .faq-tab__panel:nth-child(6) {
  display: block; }

.flow-stepbox {
  background-color: #f8f3d8;
  padding: 20px 20px 30px 20px;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  margin-top: 40px; }
  @media (max-width: 750px) {
    .flow-stepbox {
      margin-bottom: 50px; } }

.flow-tab__wrap input[type="radio"] {
  display: none; }

.flow-tab__panel {
  display: none; }
  .flow-tab__panel .img-block {
    margin-top: 50px; }
    @media (max-width: 750px) {
      .flow-tab__panel .img-block {
        margin-top: 30px; } }

.flow-tab__area {
  display: flex;
  justify-content: space-between; }
  .flow-tab__area label {
    background-color: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    width: calc(100%/3 - 10px);
    font-weight: bold;
    font-size: 2.6rem;
    padding: 20px 0;
    border-radius: 8px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    cursor: pointer; }
    @media (max-width: 750px) {
      .flow-tab__area label {
        width: calc(100%/3 - 5px);
        font-size: 1.7rem;
        padding: 10px 0; } }
    .flow-tab__area label:hover {
      opacity: .7; }
    .flow-tab__area label:first-child {
      color: #ff6b48; }
    .flow-tab__area label:nth-child(2) {
      color: #00a5b9; }
    .flow-tab__area label:nth-child(3) {
      color: #1bce8d; }
    .flow-tab__area label .how-bnr__header {
      color: #000; }
      @media (max-width: 750px) {
        .flow-tab__area label .how-bnr__header {
          text-align: center; } }
    .flow-tab__area label .iconSvg {
      display: flex;
      align-items: center;
      margin-top: 10px; }
      .flow-tab__area label .iconSvg svg {
        width: 63px;
        height: 63px; }
        @media (max-width: 750px) {
          .flow-tab__area label .iconSvg svg {
            width: 30px;
            height: 30px; } }
    .flow-tab__area label .iconSvg[data-icon="home"] svg {
      fill: #ff6b48; }
    .flow-tab__area label .iconSvg[data-icon="box"] svg {
      fill: #00a5b9; }
    .flow-tab__area label .iconSvg[data-icon="shop"] svg {
      fill: #1bce8d; }
    .flow-tab__area label:after {
      display: none;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 20px 0 20px;
      border-color: #23385c transparent transparent transparent;
      position: absolute;
      bottom: -20px;
      left: 50%;
      transform: translate(-50%, 0); }
      @media (max-width: 750px) {
        .flow-tab__area label:after {
          bottom: -10px;
          border-width: 10px 10px 0 10px; } }
    .flow-tab__area label:before {
      display: none;
      content: '';
      width: 40px;
      height: 40px;
      position: absolute;
      bottom: -11px;
      left: 50%;
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
      transform: translate(-50%, 0) rotate(45deg);
      z-index: -1; }
      @media (max-width: 750px) {
        .flow-tab__area label:before {
          bottom: -6px;
          width: 20px;
          height: 20px; } }

.flow-tab__wrap input:nth-child(1):checked ~ .flow-tab__area label:nth-child(1) {
  background-color: #23385c;
  color: #fff; }
  .flow-tab__wrap input:nth-child(1):checked ~ .flow-tab__area label:nth-child(1) .how-bnr__header {
    color: #fff; }
  .flow-tab__wrap input:nth-child(1):checked ~ .flow-tab__area label:nth-child(1) .iconSvg svg {
    fill: #fff; }
  .flow-tab__wrap input:nth-child(1):checked ~ .flow-tab__area label:nth-child(1):before, .flow-tab__wrap input:nth-child(1):checked ~ .flow-tab__area label:nth-child(1):after {
    display: block; }

.flow-tab__wrap input:nth-child(1):checked ~ .flow-tab__panelarea .flow-tab__panel:nth-child(1) {
  display: block; }

.flow-tab__wrap input:nth-child(2):checked ~ .flow-tab__area label:nth-child(2) {
  background-color: #23385c;
  color: #fff; }
  .flow-tab__wrap input:nth-child(2):checked ~ .flow-tab__area label:nth-child(2) .how-bnr__header {
    color: #fff; }
  .flow-tab__wrap input:nth-child(2):checked ~ .flow-tab__area label:nth-child(2) .iconSvg svg {
    fill: #fff; }
  .flow-tab__wrap input:nth-child(2):checked ~ .flow-tab__area label:nth-child(2):before, .flow-tab__wrap input:nth-child(2):checked ~ .flow-tab__area label:nth-child(2):after {
    display: block; }

.flow-tab__wrap input:nth-child(2):checked ~ .flow-tab__panelarea .flow-tab__panel:nth-child(2) {
  display: block; }

.flow-tab__wrap input:nth-child(3):checked ~ .flow-tab__area label:nth-child(3) {
  background-color: #23385c;
  color: #fff; }
  .flow-tab__wrap input:nth-child(3):checked ~ .flow-tab__area label:nth-child(3) .how-bnr__header {
    color: #fff; }
  .flow-tab__wrap input:nth-child(3):checked ~ .flow-tab__area label:nth-child(3) .iconSvg svg {
    fill: #fff; }
  .flow-tab__wrap input:nth-child(3):checked ~ .flow-tab__area label:nth-child(3):before, .flow-tab__wrap input:nth-child(3):checked ~ .flow-tab__area label:nth-child(3):after {
    display: block; }

.flow-tab__wrap input:nth-child(3):checked ~ .flow-tab__panelarea .flow-tab__panel:nth-child(3) {
  display: block; }

@media (min-width: 751px) {
  .info-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.info-item {
  width: 100%;
  margin-bottom: 10px; }
  .info-item a {
    display: block;
    border: 1px solid #ccc;
    position: relative;
    transition: .4s ease;
    min-height: 140px; }
    @media (max-width: 750px) {
      .info-item a {
        padding-bottom: 15px; } }
    .info-item a figure {
      flex: 0 0 auto; }
      @media (max-width: 750px) {
        .info-item a figure {
          width: 50%; } }
    .info-item a:hover {
      opacity: 0.6; }
  .info-item__textarea {
    padding: 20px 20px 0 210px; }
    @media (max-width: 750px) {
      .info-item__textarea {
        min-height: 148.6px;
        padding: 45px 12px 45px 183px; } }
  .info-item__img {
    width: 186px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    @media (max-width: 750px) {
      .info-item__img {
        width: 170px;
        height: 136.6px;
        bottom: auto; } }
  .info-item__cat {
    width: 150px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: .12em;
    text-align: center;
    padding: 4px 0;
    border-radius: 0 0 0 5px; }
    @media (max-width: 750px) {
      .info-item__cat {
        font-size: 1rem;
        width: 112px; } }
    .info-item__cat.orange {
      background-color: #ff6b48; }
    .info-item__cat.blue {
      background-color: #00a5b9; }
    .info-item__cat.green {
      background-color: #1bce8d; }
    .info-item__cat.pink {
      background-color: #fd5b98; }
  .info-item__date {
    font-family: "Cabin", sans-serif;
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: .08em; }
    @media (max-width: 750px) {
      .info-item__date {
        font-size: 1.1rem; } }
  .info-item__ttl {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: .08em;
    margin-top: 6px; }
    @media (max-width: 750px) {
      .info-item__ttl {
        font-size: 1.2rem; } }
  .info-item__text {
    font-size: 1.3rem; }
    @media (min-width: 751px) {
      .info-item__text {
        padding-bottom: 30px;
        padding-left: 210px;
        margin-top: 10px;
        padding-right: 90px; } }
    @media (max-width: 750px) {
      .info-item__text {
        font-size: 1rem;
        padding: 0 10px; } }
  .info-item__memo {
    font-weight: bold;
    font-size: 1.7rem;
    margin: 0 auto;
    padding: 50px 0;
    color: #23385c;
    text-align: center; }
    @media (max-width: 750px) {
      .info-item__memo {
        font-size: 1.3rem; } }

.info-tab__area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  @media (max-width: 750px) {
    .info-tab__area {
      flex-wrap: wrap; } }
  .info-tab__area a {
    display: block;
    width: calc(20% - 4px);
    padding: 8px 0;
    border: 1px solid #23385c;
    text-align: center;
    font-weight: bold;
    letter-spacing: .08em;
    color: #23385c;
    margin-right: 4px;
    position: relative; }
    @media (max-width: 750px) {
      .info-tab__area a {
        width: calc(50% - 2px);
        margin: 0 2px 2px 0; } }
    @media (max-width: 750px) {
      .info-tab__area a:first-child {
        width: 100%;
        margin-right: 0; } }
    @media (min-width: 751px) {
      .info-tab__area a:last-child {
        margin-right: 0; } }
    .info-tab__area a:nth-child(2):after {
      background-color: #ff6b48; }
    .info-tab__area a:nth-child(3):after {
      background-color: #fd5b98; }
    @media (max-width: 750px) {
      .info-tab__area a:nth-child(3) {
        margin-right: 0; } }
    .info-tab__area a:nth-child(4):after {
      background-color: #1bce8d; }
    .info-tab__area a:nth-child(5):after {
      background-color: #00a5b9; }
    @media (max-width: 750px) {
      .info-tab__area a:nth-child(5) {
        margin-right: 0; } }
    .info-tab__area a:after {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      bottom: 0;
      left: 0; }
    .info-tab__area a.current {
      background-color: #23385c;
      color: #fff; }
      .info-tab__area a.current:after {
        background-color: transparent; }

.note-tab__wrap input[type="radio"] {
  display: none; }

.note-tab__memo {
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
  @media (max-width: 750px) {
    .note-tab__memo {
      padding: 15px; } }
  .note-tab__memo p.small {
    font-size: 1.3rem; }
    @media (max-width: 750px) {
      .note-tab__memo p.small {
        font-size: 1rem; } }
  .note-tab__memo p.space {
    margin-bottom: 20px; }
    @media (max-width: 750px) {
      .note-tab__memo p.space {
        margin-bottom: 10px; } }
  .note-tab__memo ul li {
    display: flex; }
    .note-tab__memo ul li:before {
      display: block;
      content: '・'; }
    .note-tab__memo ul li.note-box__memo2:before {
      display: none; }
  .note-tab__memo a {
    font-weight: bold;
    font-size: 1.4rem;
    color: #23385c;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #23385c;
    width: 125px;
    padding-bottom: 5px;
    margin-top: 8px; }
    @media (max-width: 750px) {
      .note-tab__memo a {
        width: 100px;
        font-size: 1.2rem; } }
    .note-tab__memo a .iconSvg[data-icon="link"] {
      width: 16px;
      height: 16px;
      margin-left: 5px; }
      @media (max-width: 750px) {
        .note-tab__memo a .iconSvg[data-icon="link"] {
          width: 10px;
          height: 10px; } }
      .note-tab__memo a .iconSvg[data-icon="link"] svg {
        fill: #23385c; }

.note-tab__area {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px; }
  .note-tab__area label {
    width: calc(100%/3 - 5px);
    margin-right: 5px;
    padding: 12px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    color: #23385c;
    border: 1px solid #23385c;
    margin-bottom: 7px;
    cursor: pointer; }
    @media (max-width: 750px) {
      .note-tab__area label {
        width: calc(100%/3 - 3px);
        margin-right: 3px;
        font-size: 1rem; } }
    .note-tab__area label:nth-child(3n) {
      margin-right: 0; }

.note-tab__panel {
  background-color: #f3f3f3;
  padding: 24px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  display: none; }
  @media (max-width: 750px) {
    .note-tab__panel {
      padding: 12px; } }

.note-tab__wrap input:nth-child(1):checked ~ .note-tab__area label:nth-child(1) {
  background-color: #23385c;
  color: #fff; }

.note-tab__wrap input:nth-child(1):checked ~ .note-tab__panelarea .note-tab__panel:nth-child(1) {
  display: block; }

.note-tab__wrap input:nth-child(2):checked ~ .note-tab__area label:nth-child(2) {
  background-color: #23385c;
  color: #fff; }

.note-tab__wrap input:nth-child(2):checked ~ .note-tab__panelarea .note-tab__panel:nth-child(2) {
  display: block; }

.note-tab__wrap input:nth-child(3):checked ~ .note-tab__area label:nth-child(3) {
  background-color: #23385c;
  color: #fff; }

.note-tab__wrap input:nth-child(3):checked ~ .note-tab__panelarea .note-tab__panel:nth-child(3) {
  display: block; }

/* ========
section
======== */
.section-ttl {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.58;
  letter-spacing: .12em;
  color: #23385c;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 70px 0 35px; }
  .section-ttl.nomargin {
    margin: 0 0 35px; }
  @media (max-width: 750px) {
    .section-ttl {
      font-size: 1.8rem;
      margin: 30px 0 20px; } }
  .section-ttl:after {
    content: '';
    display: block;
    background: linear-gradient(90deg, #00a5b9 25%, #ff6b48 25%, #ff6b48 50%, #23385c 50%, #23385c 75%, #1bce8d 75%);
    transform: skewX(-20deg);
    width: 100%;
    height: 5px;
    margin-top: 8px; }

.textbook-cat {
  margin-top: 34px; }
  @media (min-width: 751px) {
    .textbook-cat {
      padding-left: 10px; } }
  .textbook-cat__togglelist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px; }
  .textbook-cat__ttl {
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: .12em;
    font-weight: bold; }
  .textbook-cat__togglewrap {
    margin-right: 10px;
    width: calc(100%/3 - 7px); }
    @media (max-width: 750px) {
      .textbook-cat__togglewrap {
        width: calc(50% - 3px); } }
    @media (max-width: 750px) {
      .textbook-cat__togglewrap:nth-child(2n-1) {
        margin-right: 6px; } }
    .textbook-cat__togglewrap:last-child {
      margin-right: 0; }

@media (min-width: 751px) {
  .top-archieve .btn {
    margin-top: 30px; } }

@media (min-width: 751px) {
  .top-archieve .tab-panel__item:nth-child(4n) {
    margin-right: 0; } }

.tab-wrap {
  width: 100%;
  margin: 0 auto 50px auto; }
  @media (max-width: 750px) {
    .tab-wrap {
      margin: 0 auto 17px auto; } }
  .tab-wrap input[type="radio"] {
    display: none; }
  .tab-wrap label {
    width: 130px;
    margin-right: 5px;
    display: inline-block;
    padding: 8px 0;
    color: #fff;
    background: #23385c;
    text-align: center;
    font-size: 1.5rem;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-radius: 3px 3px 0 0; }
    @media (max-width: 750px) {
      .tab-wrap label {
        width: calc(100%/3 - 6px);
        margin-right: 6px;
        height: 43px;
        padding: 0;
        font-size: 1.2rem;
        margin-bottom: 5px;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center; } }
    @media (min-width: 751px) {
      .tab-wrap label:last-child {
        margin-right: 0; } }
    @media (max-width: 750px) {
      .tab-wrap label:nth-child(3n) {
        margin-right: 0; } }
    .tab-wrap label.active {
      background: #fff;
      border: 1px solid #23385c;
      color: #000;
      font-weight: bold; }
      @media (min-width: 751px) {
        .tab-wrap label.active {
          border-bottom: 0;
          padding: 15px 0; } }

.tab-area {
  font-size: 0;
  display: flex;
  margin: 0 0 -1px; }
  @media (min-width: 751px) {
    .tab-area {
      align-items: flex-end; } }
  @media (max-width: 750px) {
    .tab-area {
      flex-wrap: wrap;
      justify-content: space-between; } }

.panel-area {
  background: #fff; }
  @media (min-width: 751px) {
    .panel-area {
      border: 1px solid #23385c; } }

.tab-panel {
  width: 100%;
  padding: 30px 20px 20px 20px; }
  @media (max-width: 750px) {
    .tab-panel {
      padding: 14px 0 0; } }
  .tab-panel p {
    font-size: 1.4rem;
    letter-spacing: .01em; }
  .tab-panel__list {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 750px) {
      .tab-panel__list {
        justify-content: space-between; } }
  .tab-panel__item {
    width: calc(25% - 10px);
    border: 1px solid #ccc;
    padding: 0 0 10px 0;
    position: relative;
    margin-bottom: 20px;
    margin-right: 10px; }
    @media (max-width: 750px) {
      .tab-panel__item {
        width: calc(50% - 10px);
        margin-right: 10px; } }
    @media (max-width: 750px) {
      .tab-panel__item:nth-child(2n) {
        margin-right: 0; } }
    .tab-panel__item .arrow {
      background-color: #23385c;
      top: auto;
      bottom: 0;
      right: 3px; }
      .tab-panel__item .arrow:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff; }
  .tab-panel__text {
    font-size: 1.4rem;
    line-height: 1.57;
    letter-spacing: .08em;
    padding: 0 8px;
    margin-top: 8px; }
    @media (max-width: 750px) {
      .tab-panel__text {
        font-size: 1.3rem; } }
  .tab-panel__img {
    display: flex;
    align-items: center;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    @media (max-width: 750px) {
      .tab-panel__img {
        height: 118px; } }
  .tab-panel__price {
    font-weight: bold;
    font-size: 1.6rem;
    color: #f13c3b;
    padding-left: 8px; }
    @media (max-width: 750px) {
      .tab-panel__price {
        font-size: 1.4rem; } }

.top-category .btn.-darkblue a {
  margin: 36px auto 0 auto; }
  @media (max-width: 750px) {
    .top-category .btn.-darkblue a {
      margin: 19px auto 0 auto; } }

.top-category__boxlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.top-category__box {
  border: 1px solid #ccc;
  padding: 10px 10px 20px 10px;
  width: 100%; }
  @media (min-width: 751px) {
    .top-category__box {
      margin-top: 30px; } }
  @media (max-width: 750px) {
    .top-category__box {
      padding: 15px; } }
  .top-category__box:first-child {
    margin-top: 0; }
  @media (min-width: 751px) {
    .top-category__box.-medium {
      width: 390px; } }
  @media (min-width: 751px) {
    .top-category__box.-small {
      width: 250px; } }
  @media (max-width: 750px) {
    .top-category__box:not(:first-child) {
      margin-top: 10px; } }
  @media (min-width: 751px) {
    .top-category__box.-textbook {
      padding: 10px 18px 20px 10px; } }
  @media (min-width: 751px) {
    .top-category__box.-textbook .top-category__intro {
      display: flex; } }
  @media (min-width: 751px) {
    .top-category__box.-textbook .top-category__textarea {
      margin: 24px 0 0 24px; } }
  .top-category__box.-textbook .btn a {
    margin: 0 0 0 auto; }
  @media (max-width: 750px) {
    .top-category__box.-textbook .top-category__img {
      padding: 10px; } }
  .top-category__box .btn a {
    margin: 14px auto 0 auto; }
  @media (max-width: 750px) {
    .top-category__box:not(:first-child) {
      width: calc(50% - 5px); } }

@media (min-width: 751px) {
  .top-category__intro.-textbook {
    display: flex; } }

.top-category__img {
  flex: 0 0 auto; }

@media (min-width: 751px) {
  .top-category__textarea {
    margin: 16px 8px 0 8px; } }

.top-category__name {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.9;
  letter-spacing: .12em; }
  @media (max-width: 750px) {
    .top-category__name {
      font-size: 1.7rem; } }

.top-category__text {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: .08em; }
  @media (max-width: 750px) {
    .top-category__text {
      font-size: 1.2rem; } }

@media (max-width: 750px) {
  .top-info .btn {
    margin-top: 20px; } }

@media (max-width: 750px) {
  .top-info .info-list {
    margin-top: 6px; } }

.top-info .info-item {
  width: calc(50% - 5px);
  margin: 0 10px 10px 0;
  flex: 1 1 auto; }
  @media (max-width: 750px) {
    .top-info .info-item {
      width: 100%; } }
  .top-info .info-item a {
    height: 100%; }
    @media (max-width: 750px) {
      .top-info .info-item a {
        padding-bottom: 0; } }
  .top-info .info-item:nth-child(2n) {
    margin-right: 0; }
  .top-info .info-item__ttl {
    font-size: 1.5rem; }
    @media (max-width: 750px) {
      .top-info .info-item__ttl {
        font-size: 1.3rem; } }
  .top-info .info-item__cat {
    width: 112px;
    font-size: 1.3rem;
    padding: 5px 0; }
    @media (max-width: 750px) {
      .top-info .info-item__cat {
        font-size: 1rem; } }
  @media (max-width: 750px) {
    .top-info .info-item__img {
      bottom: 0; } }
  .top-info .info-item__textarea {
    padding: 40px 20px 30px 210px; }
    @media (max-width: 750px) {
      .top-info .info-item__textarea {
        padding: 40px 20px 0 190px; } }

@media (max-width: 750px) {
  .top-lineup {
    margin-top: 20px; } }

@media (max-width: 750px) {
  .top-lineup__wrap {
    width: calc(100% + 30px);
    margin-left: -15px;
    overflow: hidden; } }

.top-lineup__list {
  width: 800px;
  margin-left: 5px; }
  @media (max-width: 750px) {
    .top-lineup__list {
      width: 186px;
      margin: 0 auto; } }
  .top-lineup__list .slick-track {
    width: 100%;
    height: 100%;
    margin-left: 0 !important;
    display: flex; }
  @media (max-width: 750px) {
    .top-lineup__list .slick-list {
      overflow: visible !important; } }

.top-lineup__item {
  border: 1px solid #cccccc;
  width: 200px;
  height: 100%;
  text-align: left;
  margin-right: 5px;
  float: none; }
  @media (max-width: 750px) {
    .top-lineup__item {
      width: 170px !important;
      margin: 0 8px; } }
  .top-lineup__item a {
    display: block;
    width: 100%;
    height: 100%; }

.top-lineup__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 10px 20px; }

.top-lineup__textarea {
  margin: 0 13px 6px 13px; }

.top-lineup__label {
  font-size: 1.3rem;
  line-height: 1.7;
  color: #23385c;
  border: 1px solid #23385c;
  border-radius: 3px;
  max-width: 130px;
  padding: 0 10px;
  text-align: center;
  margin: 0 0 4px; }

.top-lineup__text {
  font-size: 1.4rem;
  line-height: 1.5;
  word-break: break-all; }

.top-lineup__price {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: .08em;
  color: #f13c3b; }

.top-lineup .btn {
  margin-top: 26px; }

.top-match {
  background-color: #f3f3f3; }
  .top-match .how-bnr__list {
    display: flex;
    justify-content: space-between; }
  .top-match .how-bnr__box {
    width: 250px;
    height: 170px;
    margin-right: 10px; }
    @media (max-width: 750px) {
      .top-match .how-bnr__box {
        height: auto; } }
    .top-match .how-bnr__box:last-child {
      margin-right: 0; }
    .top-match .how-bnr__box .iconSvg {
      width: 60px;
      height: 60px;
      margin: 10px auto 0 auto; }
      @media (max-width: 750px) {
        .top-match .how-bnr__box .iconSvg {
          width: 35px;
          height: 35px; } }
      .top-match .how-bnr__box .iconSvg svg {
        width: 100%;
        height: 100%; }
  .top-match .how-bnr__main {
    display: block; }
    @media (max-width: 750px) {
      .top-match .how-bnr__main {
        font-size: 1.5rem;
        margin: 0; } }

.top-request {
  margin-top: 150px; }
  @media (max-width: 750px) {
    .top-request {
      margin-top: 80px; } }
  .top-request__item {
    padding: 100px 0 40px 0;
    background-image: url(../images/top/bg_patterny1.png);
    background-repeat: repeat;
    background-position: center;
    width: 100%;
    border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative; }
    @media (max-width: 750px) {
      .top-request__item {
        width: 100%;
        padding: 44px 10px 40px 10px; } }
    .top-request__item:before {
      content: '';
      display: block;
      width: 180px;
      height: 180px;
      border-radius: 50%;
      background-image: url(../images/top/bg_patterny1.png);
      background-repeat: repeat;
      position: absolute;
      top: -60px;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: -1;
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
      @media (max-width: 750px) {
        .top-request__item:before {
          width: 90px;
          height: 90px;
          top: -40px; } }
    .top-request__item .iconSvg[data-icon="friend"] {
      width: 114px;
      position: absolute;
      top: 30px;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 750px) {
        .top-request__item .iconSvg[data-icon="friend"] {
          width: 55px;
          top: 10px; } }
    .top-request__item .iconSvg[data-icon="man2"] {
      width: 73px;
      position: absolute;
      top: 30px;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 750px) {
        .top-request__item .iconSvg[data-icon="man2"] {
          width: 33px;
          top: 8px; } }
    .top-request__item.-company {
      background-image: url(../images/top/bg_patternb1.png);
      margin-top: 100px; }
      @media (max-width: 750px) {
        .top-request__item.-company {
          margin-top: 60px; } }
      .top-request__item.-company:before {
        content: '';
        display: block;
        background-image: url(../images/top/bg_patternb1.png); }
      .top-request__item.-company .svgtext01 {
        width: 280px; }
        @media (max-width: 750px) {
          .top-request__item.-company .svgtext01 {
            width: 100%; } }
  .top-request__header {
    border-top: 2px dotted #000;
    border-bottom: 2px dotted #000;
    width: 650px;
    margin: 0 auto;
    padding: 14px 0; }
    @media (max-width: 750px) {
      .top-request__header {
        width: 100%;
        border-top: 1px dotted #000;
        border-bottom: 1px dotted #000;
        padding: 10px 0; } }
  @media (min-width: 751px) {
    .top-request__ttl {
      display: flex;
      justify-content: center; } }
  .top-request .svgtext01 {
    width: 320px;
    height: 50px;
    margin: 0;
    padding: 0; }
    @media (max-width: 750px) {
      .top-request .svgtext01 {
        width: 100%;
        height: 37px; } }
    .top-request .svgtext01 svg text {
      stroke: #000;
      letter-spacing: .08em; }
      .top-request .svgtext01 svg text:nth-of-type(2n) {
        stroke-width: 0; }
      .top-request .svgtext01 svg text:nth-of-type(2n-1) {
        stroke-width: 4px; }
  .top-request__text01 {
    font-size: 2.8rem;
    line-height: 1.5;
    color: #000; }
    @media (min-width: 751px) {
      .top-request__text01 {
        margin-top: 10px; } }
    @media (max-width: 750px) {
      .top-request__text01 {
        font-size: 1.7rem;
        text-align: center; } }
  .top-request__text02 {
    text-align: center;
    line-height: 1.5; }
    @media (max-width: 750px) {
      .top-request__text02 {
        font-size: 1.3rem;
        margin-top: 10px; } }
  .top-request__text03 {
    font-size: 1.4rem;
    line-height: 1.85;
    letter-spacing: .08em;
    text-align: center;
    margin-top: 20px; }
    @media (max-width: 750px) {
      .top-request__text03 {
        font-size: 1.3rem; } }
  .top-request__imglist {
    display: flex;
    justify-content: space-between;
    margin-top: 46px;
    padding: 0 30px; }
    @media (max-width: 750px) {
      .top-request__imglist {
        margin-top: 23px;
        padding: 0; } }
  .top-request__img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative; }
    @media (max-width: 750px) {
      .top-request__img {
        width: 75px;
        height: 75px; } }
    .top-request__img:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      top: -3px;
      left: -3px;
      right: -3px;
      bottom: -3px;
      position: absolute;
      border: 3px solid #fff; }
      @media (max-width: 750px) {
        .top-request__img:after {
          border: 2px solid #fff; } }
    .top-request__img__text {
      font-weight: bold;
      font-size: 1.8rem;
      line-height: 1.5;
      letter-spacing: .12em;
      text-align: center;
      margin-top: 12px; }
      @media (max-width: 750px) {
        .top-request__img__text {
          font-size: 1rem;
          margin-top: 6px; } }

@media (max-width: 750px) {
  .top-step {
    margin-top: 30px; } }

.steptab-wrap {
  width: 100%;
  margin: 0 auto 50px auto; }
  @media (max-width: 750px) {
    .steptab-wrap {
      margin: 0 auto 16px auto; } }
  .steptab-wrap input[type="radio"] {
    display: none; }

.steptab-area {
  font-size: 0;
  display: flex;
  align-items: flex-end;
  margin: 0 0 -1px; }
  .steptab-area label {
    width: 263px;
    margin-right: 5px;
    display: inline-block;
    padding: 12px 0;
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: .08em;
    color: #fff;
    background: #23385c;
    text-align: center;
    cursor: pointer;
    transition: ease 0.2s opacity;
    border-radius: 3px 3px 0 0;
    line-height: 1.4; }
    @media (max-width: 750px) {
      .steptab-area label {
        font-size: 1.2rem;
        padding: 7px 0; } }
    .steptab-area label:last-child {
      margin-right: 0; }

.steppanel-area {
  background: #f8f3d8;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
  .steppanel-area .btn {
    margin-top: 20px; }

.steptab-panel {
  width: 100%;
  padding: 30px 20px 28px 20px;
  display: none; }
  @media (max-width: 750px) {
    .steptab-panel {
      padding: 18px 18px 25px 18px; } }
  .steptab-panel__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .steptab-panel__item {
    width: 184px;
    border: 1px solid #ccc;
    padding: 0 0 10px 0;
    position: relative;
    margin-bottom: 20px; }
    .steptab-panel__item .arrow {
      background-color: #23385c;
      top: auto;
      bottom: 0;
      right: 3px; }
      .steptab-panel__item .arrow:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff; }
  .steptab-panel__text {
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: .08em;
    font-weight: bold;
    color: #23385c;
    text-align: center; }
    @media (max-width: 750px) {
      .steptab-panel__text {
        font-size: 1.7rem; } }
  .steptab-panel__img {
    display: flex;
    align-items: center;
    height: 150px;
    -o-object-fit: contain;
       object-fit: contain; }
    .steptab-panel__img img {
      margin: 0 auto; }
  .steptab-panel__price {
    font-weight: bold;
    font-size: 1.6rem;
    color: #f13c3b;
    padding-left: 8px; }

#steptab1:checked ~ .steptab-area .steptab1_label {
  background: #f8f3d8;
  color: #23385c;
  font-size: 2rem;
  padding: 12px 0; }
  #steptab1:checked ~ .steptab-area .steptab1_label.book {
    font-size: 1.8rem; }
  @media (max-width: 750px) {
    #steptab1:checked ~ .steptab-area .steptab1_label {
      font-size: 1.3rem;
      padding: 8px 0; } }

#steptab1:checked ~ .steppanel-area #steppanel1 {
  display: block; }

#steptab2:checked ~ .steptab-area .steptab2_label {
  background: #f8f3d8;
  color: #23385c;
  font-size: 2rem;
  padding: 12px 0; }
  #steptab2:checked ~ .steptab-area .steptab2_label.book {
    font-size: 1.8rem; }
  @media (max-width: 750px) {
    #steptab2:checked ~ .steptab-area .steptab2_label {
      font-size: 1.3rem;
      padding: 8px 0; } }

#steptab2:checked ~ .steppanel-area #steppanel2 {
  display: block; }

#steptab3:checked ~ .steptab-area .steptab3_label {
  background: #f8f3d8;
  color: #23385c;
  font-size: 2rem;
  padding: 12px 0; }
  #steptab3:checked ~ .steptab-area .steptab3_label.book {
    font-size: 1.8rem; }
  @media (max-width: 750px) {
    #steptab3:checked ~ .steptab-area .steptab3_label {
      font-size: 1.3rem;
      padding: 8px 0; } }

#steptab3:checked ~ .steppanel-area #steppanel3 {
  display: block; }

@media (max-width: 750px) {
  .info-single {
    margin-bottom: 40px; } }

.info-single__label {
  display: flex;
  align-items: center; }

.info-single .info-item__date {
  font-size: 2rem; }
  @media (max-width: 750px) {
    .info-single .info-item__date {
      font-size: 1.3rem; } }

.info-single .info-item__cat {
  position: relative;
  border-radius: 0;
  margin-left: 40px; }
  @media (max-width: 750px) {
    .info-single .info-item__cat {
      margin-left: 20px; } }

/* ========
modules
======== */
@media (max-width: 750px) {
  .footer-tel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; } }

.footer-tel__text {
  font-family: "Cabin", sans-serif;
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: .06em;
  font-weight: bold; }
  @media (max-width: 750px) {
    .footer-tel__text {
      font-size: 1.6rem; } }

.footer-tel__numarea {
  display: flex;
  align-items: center;
  margin-top: 5px; }
  .footer-tel__numarea .iconSvg[data-icon="tel"] {
    width: 50px;
    height: 35px;
    display: flex;
    align-items: center; }
    @media (max-width: 750px) {
      .footer-tel__numarea .iconSvg[data-icon="tel"] {
        width: 35px; } }
    .footer-tel__numarea .iconSvg[data-icon="tel"] svg {
      width: 50px;
      height: auto; }

.footer-tel__num {
  font-family: "Cabin", sans-serif;
  font-size: 4.4rem;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: bold; }
  @media (max-width: 750px) {
    .footer-tel__num {
      font-size: 3.2rem; } }

.footer-tel__time {
  background-color: #1bce8d;
  width: 340px;
  border-radius: 20px;
  color: #fff;
  font-family: "Cabin", sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: .06em;
  text-align: center;
  margin-top: 13px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
  @media (max-width: 750px) {
    .footer-tel__time {
      width: 247px;
      font-size: 1.3rem;
      margin-top: 12px; } }

.trip-link {
  margin-top: 40px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
  .trip-link.sp {
    margin: 30px 0 0; }
    .trip-link.sp .trip-link__content {
      display: flex; }
    .trip-link.sp img {
      width: 150px;
      height: 120px; }
    .trip-link.sp .trip-link__subttl {
      margin-top: 0;
      font-size: 1.3rem; }
    .trip-link.sp .trip-link__text {
      font-size: 1.1rem; }
    .trip-link.sp .btn {
      font-size: 1.2rem; }
    .trip-link.sp .arrow {
      width: 17px;
      height: 17px; }
      .trip-link.sp .arrow:before {
        width: 3px;
        height: 3px; }
    .trip-link.sp .trip-link__header {
      font-size: 1.7rem;
      padding: 10px 0; }
  .trip-link__header {
    background-size: 20px 20px;
    margin: 0 auto;
    background-color: #23385c;
    background-image: radial-gradient(#344869 15%, transparent 20%), radial-gradient(#344869 15%, transparent 20%);
    background-position: 0 0, 10px 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: .08em;
    padding: 20px 0; }
  .trip-link__content {
    background-color: #f3f3f3;
    padding: 10px 10px 20px 10px; }
    @media (max-width: 750px) {
      .trip-link__content {
        padding: 10px; } }
  .trip-link__textarea {
    padding: 0 10px; }
    @media (min-width: 751px) {
      .trip-link__textarea {
        margin-bottom: 12px; } }
    @media (max-width: 750px) {
      .trip-link__textarea .btn a {
        padding: 10px 24px 10px 15px;
        margin-top: 4px; } }
  .trip-link__subttl {
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: .08em;
    line-height: 1.7;
    position: relative;
    padding-left: 20px;
    margin-top: 20px; }
    .trip-link__subttl:before {
      content: '';
      display: block;
      width: 15px;
      height: 15px;
      background-color: #ff87a0;
      border-radius: 50%;
      position: absolute;
      top: 4px;
      left: 0; }
  .trip-link__text {
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: .04em; }

/*--==========================
  page
============================--*/
.line-register {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0 20px; }
  @media (max-width: 750px) {
    .line-register {
      margin: 20px 0 10px; } }
  .line-register__text {
    font-weight: bold;
    font-size: 2.6rem;
    letter-spacing: .12em;
    color: #23385c; }
    @media (max-width: 750px) {
      .line-register__text {
        font-size: 1.5rem; } }

.line-svgtext {
  width: 242px;
  height: 65px; }
  @media (min-width: 751px) {
    .line-svgtext {
      margin-left: -20px; } }
  @media (max-width: 750px) {
    .line-svgtext {
      width: 116px;
      height: 30px; } }
  .line-svgtext text {
    font-weight: 900;
    font-size: 4.4rem;
    font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    stroke: #23385c;
    fill: #fff647;
    letter-spacing: .10em; }
    @media (max-width: 750px) {
      .line-svgtext text {
        font-size: 2rem; } }
  .line-svgtext svg text:nth-of-type(odd) {
    stroke-width: 8px;
    stroke-linejoin: round; }
    @media (max-width: 750px) {
      .line-svgtext svg text:nth-of-type(odd) {
        stroke-width: 4px; } }
  .line-svgtext svg text:nth-of-type(even) {
    stroke-width: 0; }

@media (min-width: 751px) {
  .line-imgwrap {
    display: flex;
    justify-content: space-between; } }

@media (max-width: 750px) {
  .line-imgwrap figure {
    width: 100%; } }

/* ========
top
======== */
.home .l-footer {
  margin-top: 0; }


  /*
.mv {
  background-image: url(../images/top/main.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 34vw;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 751px) {
    .mv {
      min-width: 1080px;
      min-height: 400px; } }
  @media (max-width: 750px) {
    .mv {
      background-size: contain;
      background-image: url(../images/top/main_sp.png);
      height: 88vw; } }
*/

.mv {
  background-image: url(../images/top/main.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 34vw;
  display: flex;
  justify-content: center;
  align-items: center; 
}

@media (min-width: 751px) {
  .mv {
    min-width: 1080px;
    min-height: 400px; 
  }
}

@media (max-width: 750px) {
  .mv {
    background-size: contain;
    background-image: url(../images/top/main_sp.png);
    height: 88vw; 
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mv {
    background-image: url(../images/top/main@2x.png); 
  }
  @media (max-width: 750px) {
    .mv {
      background-image: url(../images/top/main_sp@2x.png); 
    }
  }
}
.mv-board {
  width: 410px;
  height: 280px;
  position: relative;
  overflow: hidden;
  background-image: url(../images/top/img_board.png);
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-size: 100% 100%; }
  @media (max-width: 750px) {
    .mv-board {
      width: 57vw;
      height: 40vw;
      margin-top: -20vw; } }
  .mv-board__text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    @media (max-width: 750px) {
      .mv-board__text {
        margin-top: 10px; } }
    .mv-board__text .iconSvg[data-icon="logo"] {
      margin-top: 30px; }
      .mv-board__text .iconSvg[data-icon="logo"] svg {
        width: 240px;
        height: 40px; }
        @media (max-width: 750px) {
          .mv-board__text .iconSvg[data-icon="logo"] svg {
            width: 30vw;
            height: 5vw; } }
      @media (max-width: 750px) {
        .mv-board__text .iconSvg[data-icon="logo"] {
          margin-top: 3vw; } }
  .mv-board__text01 {
    opacity: 0;
    margin: 36px 0 10px; }
    @media (max-width: 750px) {
      .mv-board__text01 {
        margin: 12px 0 7px;
        width: 24vw; } }
  .mv-board__text02 {
    z-index: 1;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: 320px; }
    @media (max-width: 750px) {
      .mv-board__text02 {
        width: 44vw; } }
    .mv-board__text02 span {
      opacity: 0; }
  .mv-board__stripe {
    overflow: hidden;
    position: relative;
    margin-top: -20px;
    z-index: 0;
    display: none;
    width: 320px;
    height: 20px; }
    @media (max-width: 750px) {
      .mv-board__stripe {
        width: 40vw;
        height: 10px;
        margin-top: -10px; } }
    .mv-board__stripe:before {
      content: '';
      display: block;
      width: calc(100% + 84px);
      height: 100%;
      background: linear-gradient(130deg, #fff 15px, #ffdb00 15px, #ffdb00 30px, #fff 30px, #fff 45px, #ffdb00 45px, #ffdb00);
      background-size: 42px 42px;
      position: absolute;
      left: -84px;
      bottom: 0;
      z-index: -1;
      -webkit-animation: stripe_animation 3s linear 0s infinite normal;
              animation: stripe_animation 3s linear 0s infinite normal; }
      @media (max-width: 750px) {
        .mv-board__stripe:before {
          background: repeating-linear-gradient(-45deg, #fff 0, #fff 5px, #ffdb00 5px, #ffdb00 10px);
          -webkit-animation: stripe_animation 8s linear 0s infinite normal;
                  animation: stripe_animation 8s linear 0s infinite normal; } }

.mv-slickwrap {
  width: 100%;
  overflow: hidden; }
  @media (max-width: 750px) {
    .mv-slickwrap {
      height: 142px; } }

.mv-slick {
  width: 100%;
  max-width: 1170px;
  margin: 10px auto 0 auto; }
  @media (max-width: 750px) {
    .mv-slick {
      width: 250px;
      height: 100%;
      margin: 15px auto 0 auto; } }
  .mv-slick__item {
    width: 380px !important;
    height: 200px; }
    @media (min-width: 751px) {
      .mv-slick__item {
        margin-right: 10px; } }
    @media (max-width: 750px) {
      .mv-slick__item {
        width: 234px !important;
        height: 130px;
        margin: 0 8px; } }
    .mv-slick__item a {
      display: block;
      width: 100%;
      height: 100%; }
      .mv-slick__item a:hover {
        opacity: .7; }
  .mv-slick .slick-list {
    overflow: visible;
    height: 200px;
    width: 100%; }
    @media (min-width: 751px) {
      .mv-slick .slick-list {
        margin-left: 10px; } }
    @media (max-width: 750px) {
      .mv-slick .slick-list {
        height: 100%; } }
  .mv-slick .slick-track {
    height: 100%; }

.svgtext01 {
  width: 550px;
  height: 140px;
  padding-top: 65px;
  margin: 0 auto; }
  @media (max-width: 750px) {
    .svgtext01 {
      width: 100%;
      padding-top: 40px;
      height: 85px; } }
  .svgtext01 text {
    font-weight: 500;
    font-size: 40px;
    font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    stroke: #23385c;
    fill: #ffffff;
    letter-spacing: .18em;
    text-anchor: middle;
    dominant-baseline: alphabetic; }
    @media (max-width: 750px) {
      .svgtext01 text {
        font-size: 24px; } }
  .svgtext01 .outTextx02 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: .04em;
    fill: #fff647; }
    @media (max-width: 750px) {
      .svgtext01 .outTextx02 {
        font-size: 34px; } }
  .svgtext01 .outTextx03 {
    fill: #fff647;
    letter-spacing: .06em; }
  .svgtext01 .outTextx05 {
    font-style: italic;
    font-size: 55px;
    letter-spacing: .06em; }
    @media (max-width: 750px) {
      .svgtext01 .outTextx05 {
        font-size: 2rem; } }
  .svgtext01 svg text:nth-of-type(-n+4) {
    stroke-width: 8px;
    paint-order: stroke;
    stroke-linejoin: round; }
    @media (max-width: 750px) {
      .svgtext01 svg text:nth-of-type(-n+4) {
        stroke-width: 4px; } }
  .svgtext01 svg text:nth-of-type(n+5) {
    stroke-width: 0; }

/*--==========================
  utility
============================--*/
.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mr60 {
  margin-right: 60px; }

.ml30 {
  margin-left: 30px; }

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

.caution {
  color: #f13c3b; }

.strong {
  font-weight: bold; }




  /* 202111インセンブル二階堂追加 */

.side-cat__item #instrument_icon {
    content: "";
    background-color: #24385B;
    display: inline-block;
    -webkit-mask: url("../images/svg/guitar.svg");
    mask: url("../images/svg/guitar.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
    vertical-align: middle;
}

/* 20220107インセンブル二階堂追加 */

.bnr-svgtext .svgtext01 {
  width: 570px;
  height: 59px;
  padding-top: 0;
}

@media (max-width: 750px){
  .bnr-svgtext .svgtext01 {
      width: 300px;
      height: 32px;
  }
}

p.top-sns__head.-yt {
  background-image: radial-gradient(#FA3A3C 15%,transparent 20%),radial-gradient(#FA3A3C 15%,transparent 20%);
  background-color: #F40003;
}

.top-category__box.-textbook .btn a {
  margin: 14px 0 0 auto;
}

.top-sns__content #youtube-widget {
  box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
  border-radius: 5px;
  max-width: 100%;
  height: 297px !important;
}


.wpcf7-spinner {
  position: absolute!important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.top-voice .btn.-darkblue.-big {
  margin-top:40px;
}

.footer-gnav {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  margin-top: 20px;
  grid-gap: 16px;
  justify-content: space-between;
}

.footer-gnav__item:nth-child(5n - 4),
.footer-gnav__item:nth-child(5n - 3),
.footer-gnav__item:nth-child(5n - 2),
.footer-gnav__item:nth-child(5n - 1),
.footer-gnav__item:nth-child(5n) {
  width: auto;
}

.footer-gnav__item:nth-child(n+6){
  margin-top: 0;
}

@media (max-width: 750px){
  .cat-toggle__product:nth-child(n + 3) {
    display: none; 
  }
}

.page-faq .section-ttl:first-child {
  margin-top: 0;
}