@charset "UTF-8";
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

ol {
  margin: 0;
  padding: 0;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

* {
  line-height: 1.5;
  list-style: none;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #383838;
  font-size: 14px;
}

body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

@media screen and (max-width: 767px) {
  .pc-on {
    display: none;
  }
}

.sp-on {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-on {
    display: block;
  }
}

.sp-500-on {
  display: none;
}
@media screen and (max-width: 500px) {
  .sp-500-on {
    display: block;
  }
}

.sp-500-off {
  display: block;
}
@media screen and (max-width: 500px) {
  .sp-500-off {
    display: none;
  }
}

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

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

.bold {
  font-weight: bold;
}

.dib {
  display: inline-block;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.inner {
  padding: 0 5%;
  max-width: calc(1016px + 10%);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .inner {
    padding: 0 3%;
  }
}

section {
  padding: 60px 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  section {
    padding: 40px 0;
  }
}

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


.more_btn {
  margin-top: 20px;
  text-align: right;
}
.more_btn a {
  font-weight: bold;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: inline-block;
}
.more_btn a img {
  margin-left: 4px;
  vertical-align: 0;
}

ul#slick, ul#slick ~ .kv_catch, ul.slider {
  display: none;
}

ul#slick.slick-initialized, ul#slick.slick-initialized ~ .kv_catch, .slider.slick-initialized {
  display: block; /*slick-initializedが付与されたら表示*/
}

a {
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}
a:hover {
  opacity: 0.7;
}

.slider_banner {
  position: fixed;
  z-index: 1000;
  right: 0.5%;
  width: 380px;
  top: 152px;
}
@media screen and (max-width: 767px) {
  .slider_banner {
    margin-right: 2.8%;
    margin-left: 2.8%;
    max-height: 116px;
    top: 80px;
    position: fixed;
    width: 94.4%;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .slider_banner img {
    height: 100%;
    max-height: 116px;
  }
}
@media screen and (max-width: 500px) {
  .slider_banner img {
    width: 100%;
    max-height: none;
  }
}

.banner-close, .banner-open {
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 1001;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
  width: 24px;
}
.banner-close:hover, .banner-open:hover {
  opacity: 0.7;
}

.slider_banner_small {
  height: 113px;
  width: auto;
}
@media screen and (max-width: 500px) {
  .slider_banner_small {
    height: min(141px, 28.2vw);
    max-height: none;
  }
}
.slider_banner_small a img {
  height: 100%;
  width: auto;
}

.to-top {
  position: fixed;
  z-index: 100;
  bottom: 10px;
  right: 20px;
  width: 60px;
  -webkit-transition: none;
  transition: none;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .to-top {
    bottom: 64px;
    right: 10px;
    width: 48px;
  }
}

.navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  padding-bottom: 30px;
}
.navigation .nav-btn, .navigation .nav-btn_pc {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 8px 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}
.navigation .nav-btn.active, .navigation .nav-btn_pc.active {
  border: 1px solid #182852;
  background-color: #182852;
}
.navigation.pc-on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .navigation.pc-on {
    display: none;
  }
}
.navigation.sp-on {
  display: none;
}
@media screen and (max-width: 767px) {
  .navigation.sp-on {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .pankuzu {
    display: none;
  }
}
.pankuzu ul.pankuzu_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.pankuzu ul.pankuzu_list li {
  position: relative;
  line-height: 1;
  display: inline-block;
  font-size: 10px;
}
.pankuzu ul.pankuzu_list li:not(:last-of-type)::after {
  content: "";
  width: 5.4px;
  height: 9.4px;
  position: absolute;
  display: block;
  background: url(https://thehub.nex.works/image/@2x/ios-arrow-back_gray.png) center/contain no-repeat;
  top: 50%;
  right: -18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pankuzu ul.pankuzu_list li a {
  font-size: 10px;
  display: inline-block;
  line-height: 1;
  color: #041A45;
}
.pankuzu ul.pankuzu_list li span {
  font-size: 10px;
  display: inline-block;
  line-height: 1;
  color: #888;
}

header .header_nav {
  padding: 12px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
header .header_nav .header_left {
  position: relative;
  z-index: 1500;
}
@media screen and (max-width: 767px) {
  header .header_nav .header_left a img {
    height: min(42px, 8.5333333333vw);
  }
}
header .header_nav .header_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  header .header_nav .header_right.pc-on {
    display: none;
  }
}
header .header_nav .header_right > a {
  font-size: 11px;
  font-weight: bold;
  color: #383838;
}
header .header_nav .header_right > a img {
  display: block;
  margin: 0 auto;
}
header .header_nav .header_right .tel {
  margin-left: 16px;
}
header .header_nav .header_right .tel a {
  font-size: 20px;
  font-weight: bold;
}
header .header_nav .header_right .tel a img {
  vertical-align: -3px;
}
header .header_nav .header_right .tel span {
  font-size: 11px;
  display: block;
  color: #383838;
}
header .global_nav {
  background: #041A45;
  margin-bottom: 24px;
}
header .global_nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .global_nav ul li {
  width: 20%;
  text-align: center;
  padding: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header .global_nav ul li a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header .global_nav ul li:hover {
  background: #E9ECF0;
}
header .global_nav ul li:hover a {
  color: #041A45;
}
header #nav-sp .menu-btn {
  position: fixed;
  top: 20px;
  right: 3%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  z-index: 1200;
}
header #nav-sp .menu-btn .nav_open, header #nav-sp .menu-btn .nav_close {
  position: absolute;
  z-index: 1500;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
header #nav-sp .menu-btn .nav_open {
  z-index: 1500;
}
header #nav-sp .menu-btn .nav_close {
  z-index: -1;
  opacity: 0;
}
header #nav-sp #menu-btn-check:checked ~ .menu-btn .nav_open {
  z-index: -1;
  opacity: 0;
}
header #nav-sp #menu-btn-check:checked ~ .menu-btn .nav_close {
  z-index: 99;
  opacity: 1;
}
header #nav-sp #menu-btn-check {
  display: none;
}
header #nav-sp #menu-btn-check:checked ~ .menu-content {
  left: 0; /*メニューを画面内へ*/
}
header #nav-sp .menu-content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  background: #fff;
  /* アニメーション前のメニューの状態 */
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
header #nav-sp .menu-content.is-active {
  /* アニメーション後のメニューの状態 */
  pointer-events: auto;
  opacity: 1;
}
header #nav-sp .menu-content .menu_wrap {
  padding-top: 100px;
  max-width: 400px;
  margin: 0 auto;
}
header #nav-sp .menu-content ul.sp_nav_btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-bottom: 32px;
}
header #nav-sp .menu-content ul.sp_nav_btn li a {
  max-width: 190px;
  background: #041A45;
  border-radius: 8px;
  color: #fff;
  padding: 18px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 374px) {
  header #nav-sp .menu-content ul.sp_nav_btn li a {
    gap: 8px;
    font-size: 13px;
  }
}
header #nav-sp .menu-content ul.sp_nav_link {
  width: 100%;
}
header #nav-sp .menu-content ul.sp_nav_link li {
  margin-bottom: 18px;
  text-align: center;
}
header #nav-sp .menu-content ul.sp_nav_link li a {
  font-size: 16px;
  font-weight: bold;
}
header nav.fixed_nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
header nav.fixed_nav.fade-in {
  visibility: visible;
  opacity: 1;
}
header nav.fixed_nav ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 11.1111111111%;
  padding: 12px 8px;
}
@media screen and (max-width: 1199px) {
  header nav.fixed_nav ul li {
    width: auto;
    padding: 12px 4px;
  }
}
header nav.fixed_nav ul li a {
  font-size: 13px;
}
@media screen and (max-width: 1199px) {
  header nav.fixed_nav ul li a {
    font-size: max(10px, 1.0008340284vw);
  }
}
header nav.fixed_nav ul li a img {
  vertical-align: -2px;
  margin-right: 4px;
}
header nav.fixed_nav ul li:last-of-type {
  width: auto;
}
header nav.fixed_nav ul li:last-of-type::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background-image: url(../image/tel_icon_white.png);
  background-image: -webkit-image-set(url(../image/tel_icon_white.png) 1x, url(../image/@2x/tel_icon_white.png) 2x);
  background-image: image-set(url(../image/tel_icon_white.png) 1x, url(../image/@2x/tel_icon_white.png) 2x);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header nav.fixed_nav ul li:last-of-type:hover::before {
  background-image: url(../image/tel_icon_navy.png);
  background-image: -webkit-image-set(url(../image/tel_icon_navy.png) 1x, url(../image/@2x/tel_icon_navy.png) 2x);
  background-image: image-set(url(../image/tel_icon_navy.png) 1x, url(../image/@2x/tel_icon_navy.png) 2x);
}
header nav.fixed_nav ul li:last-of-type a {
  white-space: nowrap;
}

.kv {
  position: relative;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .kv {
    margin-left: -3.2%;
    margin-right: -3.2%;
  }
}
.kv ul#slick li img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .kv ul#slick li img {
    width: 100%;
    height: 390px;
  }
}
.kv .kv_catch {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .kv .kv_catch {
    right: max(15px, 2.5vw);
    bottom: max(15px, 2.5vw);
  }
}
@media screen and (max-width: 767px) {
  .kv .kv_catch {
    left: 15px;
    text-align: center;
  }
}
@media screen and (max-width: 374px) {
  .kv .kv_catch {
    left: 8px;
    right: 8px;
  }
}
.kv .kv_catch p {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.8);
  line-height: 1.25;
  margin-bottom: 16px;
  padding-left: 12px;
}
@media screen and (max-width: 1199px) {
  .kv .kv_catch p {
    font-size: max(26px, 2.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  .kv .kv_catch p {
    font-size: max(21px, 3.3898305085vw);
    padding-left: 0;
  }
}
.kv .kv_catch p span {
  font-size: 22px;
  color: #fff;
  text-shadow: 2px 2px 8px rgb(0, 0, 0);
}
@media screen and (max-width: 1199px) {
  .kv .kv_catch p span {
    font-size: max(18px, 1.8333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .kv .kv_catch p span {
    font-size: max(12px, 2.3468057366vw);
  }
}
.kv .kv_catch .kv_catch_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 1199px) {
  .kv .kv_catch .kv_catch_list {
    gap: max(10px, 1.25vw);
  }
}
@media screen and (max-width: 767px) {
  .kv .kv_catch .kv_catch_list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.kv .kv_catch .kv_catch_list li {
  background: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  text-align: center;
  line-height: 1.75;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .kv .kv_catch .kv_catch_list li {
    width: max(120px, 12.5vw);
    height: max(120px, 12.5vw);
  }
}
@media screen and (max-width: 767px) {
  .kv .kv_catch .kv_catch_list li {
    width: max(110px, 15.6453715776vw);
    height: max(110px, 15.6453715776vw);
    font-size: max(14px, 2.3468057366vw);
  }
}
@media screen and (max-width: 374px) {
  .kv .kv_catch .kv_catch_list li {
    width: max(90px, 29.3333333333vw);
    height: max(90px, 29.3333333333vw);
  }
}
.kv .kv_catch .kv_catch_list li.bold {
  font-weight: bold;
}
.kv .kv_catch .kv_catch_list li div {
  line-height: 1.75;
}
.kv .kv_catch .kv_catch_list li div .number {
  width: 100%;
  display: block;
  color: #085DAE;
  font-size: 40px;
  font-weight: bold;
  font-weight: 800;
  line-height: 1;
}
@media screen and (max-width: 1199px) {
  .kv .kv_catch .kv_catch_list li div .number {
    font-size: max(30px, 3.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .kv .kv_catch .kv_catch_list li div .number {
    font-size: max(26px, 3.9113428944vw);
  }
}
.kv .kv_catch .kv_catch_list li div .tate {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 12px;
  color: #086baf;
  right: 15%;
  top: 45%;
}
@media screen and (max-width: 767px) {
  .kv .kv_catch .kv_catch_list li div .tate {
    font-size: 10px;
    right: 16%;
    top: 43%;
  }
}

main .top-banner.sp-on {
  margin-bottom: 40px;
}
main .top-banner ul {
  height: 240px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1%;
}
@media screen and (max-width: 767px) {
  main .top-banner ul {
    overflow-x: scroll;
    gap: 20px;
  }
}
main .top-banner ul li {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  main .top-banner ul li a img {
    max-width: none;
  }
}
main .plan ul.plan_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  main .plan ul.plan_list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 24px;
  }
}
main .plan ul.plan_list > li {
  display: inline-block;
  width: 330px;
  background: #E9ECF0;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main .plan ul.plan_list > li {
    text-align: left;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  main .plan ul.plan_list > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  main .plan ul.plan_list > li .img_wrap {
    width: 45%;
  }
}
main .plan ul.plan_list > li .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main .plan ul.plan_list > li .text_wrap {
  padding: 20px 8px;
}
@media screen and (max-width: 767px) {
  main .plan ul.plan_list > li .text_wrap {
    width: 55%;
  }
}
main .plan ul.plan_list > li .text_wrap h3 {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  main .plan ul.plan_list > li .text_wrap h3 {
    font-size: max(18px, 2vw);
  }
}
@media screen and (max-width: 767px) {
  main .plan ul.plan_list > li .text_wrap h3 {
    font-size: min(18px, 3.7333333333vw);
  }
}
main .plan ul.plan_list > li .text_wrap ul.plan_name_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
main .plan ul.plan_list > li .text_wrap ul.plan_name_list li {
  background: #041A45;
  margin-bottom: 8px;
  padding: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
main .plan ul.plan_list > li .text_wrap ul.plan_name_list li span {
  font-size: 15px;
  display: inline-block;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  main .plan ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: max(10px, 1.2510425354vw);
  }
}
@media screen and (max-width: 767px) {
  main .plan ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: min(15px, 3.4666666667vw);
  }
}
@media screen and (max-width: 500px) {
  main .plan ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: 10px;
  }
}
main .plan ul.plan_list > li .text_wrap ul.plan_name_list li span.spot {
  letter-spacing: -0.1em;
  white-space: nowrap;
}
main .plan ul.plan_list > li .text_wrap p {
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  main .plan ul.plan_list > li .text_wrap p {
    font-size: min(14px, 2.9333333333vw);
  }
}
main .news ul.news_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60px;
}
@media screen and (max-width: 767px) {
  main .news ul.news_list {
    display: block;
  }
}
main .news ul.news_list li {
  width: 33%;
  position: relative;
}
@media screen and (max-width: 767px) {
  main .news ul.news_list li {
    width: 100%;
    margin-bottom: 40px;
  }
}
main .news ul.news_list li::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 140px;
  top: 0;
  right: -28px;
  background: #CCCCCC;
}
@media screen and (max-width: 1199px) {
  main .news ul.news_list li::after {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  main .news ul.news_list li::after {
    width: 100%;
    height: 1px;
    top: auto;
    right: auto;
    left: 0;
    bottom: -22px;
  }
}
main .news ul.news_list li:last-of-type::after {
  display: none;
}
@media screen and (max-width: 767px) {
  main .news ul.news_list li:last-of-type::after {
    display: block;
  }
}
main .news ul.news_list li a time {
  color: #838383;
  font-size: 12px;
  line-height: 2;
}
main .news ul.news_list li a h3 {
  font-size: 16px;
  max-width: 300px;
  margin-bottom: 16px;
}
main .news ul.news_list li a h3 img {
  vertical-align: 0;
  margin-right: 8px;
}
main .news ul.news_list li a p {
  font-size: 14px;
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  main .news ul.news_list li a p {
    max-width: none;
  }
}
@media screen and (max-width: 500px) {
  main .riyuu {
    margin-right: -3.2%;
    margin-left: -3.2%;
    padding-bottom: 0;
  }
}
main .riyuu ul.riyuu_list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  height: 188px;
}
@media screen and (max-width: 1199px) {
  main .riyuu ul.riyuu_list li {
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  main .riyuu ul.riyuu_list li {
    display: block;
    margin-bottom: 0;
  }
}
main .riyuu ul.riyuu_list li .text_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
@media screen and (max-width: 767px) {
  main .riyuu ul.riyuu_list li .text_wrap {
    padding: 12px 24px;
  }
}
@media screen and (max-width: 500px) {
  main .riyuu ul.riyuu_list li .text_wrap {
    padding: 12px 12px 40px;
  }
}
main .riyuu ul.riyuu_list li .text_wrap .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  margin-top: -6px;
}
@media screen and (max-width: 500px) {
  main .riyuu ul.riyuu_list li .text_wrap .flex {
    margin-top: 0;
    display: block;
  }
}
main .riyuu ul.riyuu_list li .text_wrap .flex .number {
  color: #fff;
  opacity: 0.5;
  font-size: 52px;
  font-weight: bold;
  margin-right: 14px;
  margin-bottom: 12px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  main .riyuu ul.riyuu_list li .text_wrap .flex .number {
    font-size: 32px;
    margin-bottom: 0;
    line-height: 1.5;
  }
}
main .riyuu ul.riyuu_list li .text_wrap .flex h3 {
  color: #fff;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  main .riyuu ul.riyuu_list li .text_wrap .flex h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
main .riyuu ul.riyuu_list li .text_wrap p {
  color: #fff;
  font-size: 14px;
}
main .riyuu ul.riyuu_list li .img_wrap {
  width: 448px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
  main .riyuu ul.riyuu_list li .img_wrap {
    width: 43%;
  }
}
@media screen and (max-width: 500px) {
  main .riyuu ul.riyuu_list li .img_wrap {
    width: 100%;
  }
  main .riyuu ul.riyuu_list li .img_wrap img {
    min-height: 175px;
  }
}
main .riyuu ul.riyuu_list li .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main .riyuu ul.riyuu_list li:nth-of-type(2n) .text_wrap {
  background: #041A45;
}
main .riyuu ul.riyuu_list li:nth-of-type(2n+1) .text_wrap {
  background: #259DBA;
}

/* ========== search ========== */
@media screen and (max-width: 767px) {
  section.search {
    overflow: visible;
  }
}
section.search #search {
  display: grid;
  grid-template-columns: 703px 307px;
  grid-template-rows: 505px;
  grid-gap: 0 4px;
  margin: 0;
}
@media screen and (max-width: 1199px) {
  section.search #search {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  section.search #search {
    max-width: 600px;
    margin: 0 auto;
  }
}
section.search #search.is_city {
  grid-template-rows: 186px 402px;
}
section.search .box1 {
  width: 703px;
  position: relative;
  margin-bottom: 4px;
  grid-row: 1/3;
}
@media screen and (max-width: 1199px) {
  section.search .box1 {
    margin: 0 auto 4px;
    width: 100%;
    max-width: 703px;
  }
}
section.search .tab {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  section.search .tab {
    margin-bottom: 0;
  }
}
section.search .tab li {
  width: 50%;
  height: 88px;
  line-height: 88px;
  text-align: center;
  font-size: 18px;
  color: rgba(4, 26, 69, 0.5);
  background: #DCDEE2;
}
@media screen and (max-width: 767px) {
  section.search .tab li {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }
}
section.search .tab li.active {
  color: #041A45;
  background: #E9ECF0;
}
@media screen and (max-width: 767px) {
  section.search .tab li.active {
    color: #fff;
    background: #041A45;
  }
}
section.search .tab li:nth-of-type(1) {
  line-height: 44px;
  border-radius: 12px 0 0 0;
}
@media screen and (max-width: 767px) {
  section.search .tab li:nth-of-type(1) {
    line-height: 40px;
  }
}
section.search .tab li:nth-of-type(2) {
  border-radius: 0 12px 0 0;
}
section.search .tab li:nth-of-type(2).active {
  color: #fff;
  background: #041A45;
}
section.search .tab_sub {
  position: absolute;
  left: 0;
  top: 46px;
  width: 351px;
  height: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
}
section.search .tab_sub li {
  width: 50%;
  text-align: center;
}
section.search .tab_sub li span {
  width: 100%;
  display: inline-block;
  background: #768299;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
}
section.search .tab_sub li.active span {
  background: #041A45;
}
section.search .list .inner {
  max-width: none;
  padding: 0;
  margin: 0;
}
section.search .maparea {
  overflow: hidden;
  width: 703px;
  height: 416px;
}
section.search .maparea .mapBOX {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
section.search .maparea .mapBOX.area01 {
  display: grid;
  grid-template-columns: 499px 199px;
  grid-template-rows: repeat(3, 136px);
  grid-gap: 4px;
}
section.search .maparea .mapBOX.area02 {
  display: grid;
  grid-template-columns: 349px 349px;
  grid-template-rows: repeat(2, 206px);
  grid-gap: 4px;
}
section.search .maparea .mapBOX .area_name {
  width: 78px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #D5D3CB;
  border-radius: 0 0 8px 0;
  color: #fff;
  background: #085DAE;
  font-size: 14px;
  text-align: center;
  display: inline-block;
}
section.search .maparea .mapBOX div span[data-detail] {
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  background: #fff;
  border: 1px solid #041A45;
  border-radius: 4px;
  width: 54px;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
}
section.search .maparea .mapBOX div span[data-detail].is_active {
  color: #fff;
  background: #259DBA;
  border: 1px solid #259DBA;
}
section.search .maparea .mapBOX div span[data-detail].is_none {
  background: #ccc;
  pointer-events: none;
}
section.search .maparea .mapBOX div span[data-detail].large {
  height: 50px;
}
section.search .maparea .mapBOX div span[data-detail="1"] {
  top: 222px;
  left: 305px;
}
section.search .maparea .mapBOX div span[data-detail="2"] {
  top: 185px;
  left: 290px;
}
section.search .maparea .mapBOX div span[data-detail="3"] {
  top: 147px;
  left: 243px;
}
section.search .maparea .mapBOX div span[data-detail="4"] {
  top: 90px;
  left: 259px;
}
section.search .maparea .mapBOX div span[data-detail="5"] {
  top: 40px;
  left: 306px;
}
section.search .maparea .mapBOX div span[data-detail="6"] {
  top: 147px;
  left: 315px;
}
section.search .maparea .mapBOX div span[data-detail="7"] {
  top: 79px;
  left: 379px;
}
section.search .maparea .mapBOX div span[data-detail="8"] {
  top: 120px;
  left: 405px;
}
section.search .maparea .mapBOX div span[data-detail="9"] {
  top: 159px;
  left: 394px;
}
section.search .maparea .mapBOX div span[data-detail="10"] {
  top: 198px;
  left: 404px;
}
section.search .maparea .mapBOX div span[data-detail="11"] {
  top: 236px;
  left: 364px;
}
section.search .maparea .mapBOX div span[data-detail="12"] {
  top: 287px;
  left: 261px;
}
section.search .maparea .mapBOX div span[data-detail="13"] {
  top: 329px;
  left: 298px;
}
section.search .maparea .mapBOX div span[data-detail="14"] {
  top: 276px;
  left: 350px;
}
section.search .maparea .mapBOX div span[data-detail="15"] {
  top: 260px;
  left: 430px;
}
section.search .maparea .mapBOX div span[data-detail="16"] {
  top: 238px;
  left: 246px;
}
section.search .maparea .mapBOX div span[data-detail="17"] {
  top: 186px;
  left: 6px;
}
section.search .maparea .mapBOX div span[data-detail="18"] {
  top: 131px;
  left: 118px;
}
section.search .maparea .mapBOX div span[data-detail="19"] {
  top: 131px;
  left: 30px;
}
section.search .maparea .mapBOX div span[data-detail="20"] {
  top: 325px;
  left: 87px;
}
section.search .maparea .mapBOX div span[data-detail="21"] {
  top: 43px;
  left: 83px;
}
section.search .maparea .mapBOX div span[data-detail="22"] {
  top: 20px;
  left: 83px;
}
section.search .maparea .mapBOX div span[data-detail="23"] {
  top: 70px;
  left: 74px;
}
section.search .maparea .mapBOX div span[data-detail="24"] {
  top: 16px;
  left: 84px;
}
section.search .maparea .mapBOX div span[data-detail="25"] {
  top: 40px;
  left: 145px;
}
section.search .maparea .mapBOX div span[data-detail="26"] {
  top: 71px;
  left: 76px;
}
section.search .maparea .mapBOX div span[data-detail="27"] {
  top: 19px;
  left: 161px;
}
section.search .maparea .mapBOX div span[data-detail="28"] {
  top: 105px;
  left: 124px;
}
section.search .maparea .mapBOX div span[data-detail="29"] {
  top: 269px;
  left: 191px;
}
section.search .maparea .mapBOX div span[data-detail="30"] {
  top: 315px;
  left: 205px;
}
section.search .maparea .mapBOX div span[data-detail="31"] {
  top: 97px;
  left: 164px;
}
section.search .maparea .mapBOX div span[data-detail="32"] {
  top: 133px;
  left: 190px;
}
section.search .maparea .mapBOX div span[data-detail="33"] {
  top: 85px;
  left: 173px;
}
section.search .maparea .mapBOX div span[data-detail="34"] {
  top: 120px;
  left: 109px;
}
section.search .maparea .mapBOX_tokyo {
  position: relative;
  background: url(../image/office_map_tokyo.png);
  width: 499px;
  height: 416px;
  grid-row: 1/4;
}
section.search .maparea .mapBOX_saitama {
  position: relative;
  background: url(../image/office_map_saitama.png);
  width: 199px;
  height: 136px;
}
section.search .maparea .mapBOX_chiba {
  position: relative;
  background: url(../image/office_map_chiba.png);
  width: 199px;
  height: 136px;
}
section.search .maparea .mapBOX_kanagawa {
  position: relative;
  background: url(../image/office_map_kanagawa.png);
  width: 199px;
  height: 136px;
}
section.search .maparea .mapBOX_osaka {
  position: relative;
  background: url(../image/office_map_osaka.png);
  width: 349px;
  height: 416px;
  grid-row: 1/3;
}
section.search .maparea .mapBOX_kyoto {
  position: relative;
  background: url(../image/office_map_kyoto.png);
  width: 349px;
  height: 206px;
}
section.search .maparea .mapBOX_nagoya {
  position: relative;
  background: url(../image/office_map_nagoya.png);
  width: 349px;
  height: 206px;
}
section.search .maparea_sp {
  background: #F4F6F7;
  padding: 10px;
}
section.search .maparea_sp select, section.search .maparea_sp span#area-select {
  background: #fff;
  padding: 6px 8px;
  font-size: 14px;
  width: 178px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 500px) {
  section.search .maparea_sp select, section.search .maparea_sp span#area-select {
    max-width: 150px;
  }
}
section.search .maparea_sp select {
  margin-right: 10px;
  border-radius: 4px;
}
section.search .maparea_sp span#area-select {
  display: inline-block;
  position: relative;
  z-index: 3;
  border-radius: 4px 4px 0 0;
}
@media screen and (max-width: 374px) {
  section.search .maparea_sp span#area-select {
    display: block;
  }
}
section.search .maparea_sp span#area-select.active {
  border-bottom: none;
}
section.search .maparea_sp .mapBOX_wrap {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 2;
  padding: 18px 21px;
  border: 1px solid #ccc;
  width: 369.5px;
  margin-top: -4px;
}
@media screen and (max-width: 500px) {
  section.search .maparea_sp .mapBOX_wrap {
    width: 313.5px;
  }
}
@media screen and (max-width: 374px) {
  section.search .maparea_sp .mapBOX_wrap {
    width: 90vw;
  }
}
section.search .maparea_sp .mapBOX_wrap.active {
  display: block;
}
@media screen and (max-width: 767px) {
  section.search .maparea_sp .mapBOX_wrap .mapBOX {
    display: none;
    overflow-y: scroll;
  }
}
section.search .maparea_sp .mapBOX_wrap .mapBOX label.search {
  min-width: 140px;
}
@media screen and (max-width: 500px) {
  section.search .maparea_sp .mapBOX_wrap .mapBOX label.search {
    min-width: 120px;
    font-size: 13px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 374px) {
  section.search .maparea_sp .mapBOX_wrap .mapBOX label.search {
    min-width: 110px;
    font-size: 12px;
    margin-right: 8px;
  }
}
section.search .ok_btn {
  width: 126px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background: #182852;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
section.search .all_pref_wrap {
  background: #F4F6F7;
  padding: 17px 10px 25px;
}
section.search .all_pref_wrap #all-plef-select {
  background: #fff;
  padding: 6px 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  display: inline-block;
  width: 370px;
  position: relative;
  z-index: 2;
}
section.search .all_pref_wrap #all-plef-select.active {
  border-bottom: none;
}
@media screen and (max-width: 500px) {
  section.search .all_pref_wrap #all-plef-select {
    width: 100%;
  }
}
section.search table.areacheck {
  width: 703px;
  height: 495px;
  background: #F4F6F7;
  padding-left: 19px;
  padding-right: 19px;
}
@media screen and (max-width: 767px) {
  section.search table.areacheck {
    position: absolute;
    background: #fff;
    z-index: 1;
    width: 370px;
    top: 90px;
    left: 10px;
    border: 1px solid #ccc;
    display: none;
  }
  section.search table.areacheck.sp_active {
    display: table;
  }
}
@media screen and (max-width: 500px) {
  section.search table.areacheck {
    width: calc(100vw - 6% - 21px);
  }
}
section.search table.areacheck tr {
  display: block;
  margin: 0 20px;
}
section.search table.areacheck tr:not(:last-of-type) {
  border-bottom: 1px solid #B4B7BA;
}
section.search table.areacheck tr th {
  padding: 17px 20px 10px 0;
  font-size: 14px;
  font-weight: normal;
}
@media screen and (max-width: 500px) {
  section.search table.areacheck tr th {
    display: block;
  }
  section.search table.areacheck tr th label.search {
    margin-bottom: 5px;
  }
}
section.search table.areacheck tr td {
  padding: 17px 0 10px 0;
  font-size: 14px;
}
@media screen and (max-width: 500px) {
  section.search table.areacheck tr td {
    padding-top: 5px;
  }
  section.search table.areacheck tr td label.search {
    margin-right: 5px;
  }
  section.search table.areacheck tr td .checkbox01-parts {
    width: 100px;
    display: inline-block;
  }
}
section.search table.areacheck tr.sp-on {
  display: none;
}
@media screen and (max-width: 767px) {
  section.search table.areacheck tr.sp-on {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  section.search table.areacheck tr.sp-on td {
    margin: 0 auto;
  }
}
section.search label.search {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 12px;
}
section.search label.search .checkbox01-parts {
  padding-left: 30px;
  position: relative;
}
section.search label.search .checkbox01-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 25px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
}
section.search label.search .checkbox01-input:checked + .checkbox01-parts {
  color: #041A45;
}
section.search label.search .checkbox01-input:checked + .checkbox01-parts::before {
  background: #259DBA;
}
section.search label.search .checkbox01-input:checked + .checkbox01-parts::after {
  content: "";
  background: url(../image/@2x/Icon-check.png) center/contain no-repeat;
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 14px;
  height: 10px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  border-bottom: 0;
  border-right: 0;
}
@media screen and (max-width: 1199px) {
  section.search .box_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 767px) {
  section.search .box_wrap {
    display: block;
  }
}
section.search .box2, section.search .box3 {
  width: 307px;
  background: #F4F6F7;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  section.search .box2, section.search .box3 {
    display: inline-block;
    width: 350px;
  }
}
@media screen and (max-width: 767px) {
  section.search .box2, section.search .box3 {
    width: 100%;
  }
}
section.search .box2 h3, section.search .box3 h3 {
  background: #041A45;
  color: #fff;
  font-size: 18px;
  padding: 7px 13px;
}
@media screen and (max-width: 767px) {
  section.search .box2 h3, section.search .box3 h3 {
    text-align: center;
    font-size: 16px;
  }
}
section.search .box2 {
  border-radius: 12px 12px 0 0;
}
@media screen and (max-width: 1199px) {
  section.search .box2 {
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  section.search .box2 {
    border-radius: 0;
  }
}
section.search .box2 ul.search_plan {
  padding-top: 20px;
  padding-left: 12px;
}
section.search .box2 ul.search_plan li {
  display: inline-block;
}
section.search .box2 ul.search_plan label.search {
  margin-bottom: 15px;
}
section.search .box3 {
  border-radius: 0 0 12px 12px;
  height: 335px;
}
@media screen and (max-width: 1199px) {
  section.search .box3 {
    border-radius: 12px;
    height: 323px;
    max-height: none;
  }
}
@media screen and (max-width: 767px) {
  section.search .box3 {
    border-radius: 0;
    height: auto;
    max-height: none;
    padding-bottom: 20px;
  }
}
section.search .box3 ul.detail-box-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 18px 12px 8px;
}
section.search .box3 ul.detail-box-ul > li {
  width: 50%;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  section.search .box3 ul.detail-box-ul > li {
    max-width: 180px;
  }
}
section.search .box3 ul.detail-box-ul > li select {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 134px;
  padding: 2px 7px;
}
section.search .box3 ul.detail-box-ul ul.type5-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  margin-top: 23px;
}
section.search .box3 ul.detail-box-ul ul.type5-ul > li {
  width: 50%;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  section.search .box3 ul.detail-box-ul ul.type5-ul > li {
    max-width: 180px;
  }
}
section.search .box3 ul.detail-box-ul ul.type5-ul > li label.search {
  margin-right: 0;
}
section.search .box3 .search_freeword_wrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  section.search .box3 .search_freeword_wrap {
    max-width: 320px;
  }
}
section.search .box3 .search_freeword_wrap::before {
  content: "";
  background: url(../image/@2x/search_icon.png) center/contain no-repeat;
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 22px;
  top: 8px;
}
section.search .box3 input[name=search_freeword] {
  font-size: 14px;
  width: calc(100% - 24px);
  margin-left: 12px;
  padding: 4px 4px 4px 35px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
}
section.search input[type=submit] {
  display: block;
  font-size: 24px;
  color: #fff;
  background: #041A45;
  margin-top: 4px;
  width: 100%;
  height: 80px;
  line-height: 80px;
  border-radius: 0 0 12px 12px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media screen and (max-width: 1199px) {
  section.search input[type=submit] {
    width: 100%;
    max-width: 703px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  section.search input[type=submit] {
    max-width: 600px;
    font-size: 20px;
    height: 56px;
    line-height: 56px;
  }
}
section.search input[type=submit]:hover {
  opacity: 0.7;
}
section.search .select_icon {
  position: relative;
}
section.search .select_icon::after {
  content: "";
  display: block;
  width: 8px;
  height: 7px;
  background: url(../image/select_icon.png) center/contain no-repeat;
  position: absolute;
  top: 45%;
  right: 6%;
}
section.search .select_icon_pref-select::after {
  right: 14%;
}
section.search .tab li:hover, section.search .tab_sub li:hover, section.search .point:hover, section.search label.search:hover, section.search select:hover, section.search #all-plef-select:hover, section.search #area-select:hover, section.search input[name=search_freeword]:hover {
  cursor: pointer;
}

/*エリア
---------------------------------------------------*/
ul.areabox {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  overflow-x: scroll;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: initial;
      -ms-flex-flow: initial;
          flex-flow: initial;
  height: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
ul.areabox.office_list table {
  display: none;
}
ul.areabox.office_list table tr.rental td.plan_icon, ul.areabox.office_list table tr.rental td.plan_name {
  background: #EFF7EC;
}
ul.areabox.office_list table tr.coworking td.plan_icon, ul.areabox.office_list table tr.coworking td.plan_name {
  background: #ECF3F7;
}
ul.areabox.office_list table tr.virtual td.plan_icon, ul.areabox.office_list table tr.virtual td.plan_name {
  background: #F1ECF7;
}
ul.areabox.office_list table td:first-of-type {
  border-left: 1px solid #CCCCCC;
}
ul.areabox.office_list table td.plan_icon {
  width: 32px;
  border-left: none;
  vertical-align: middle;
}
ul.areabox.office_list table td.plan_name {
  width: 100px;
}
ul.areabox.office_list table td#list-price-td {
  text-align: center;
}
ul.areabox.office_list table .fc-red {
  margin-right: 0;
}
ul.areabox li {
  width: 242px;
  min-width: 242px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
ul.areabox li:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  ul.areabox li {
    height: auto;
  }
}
ul.areabox li.new::before, ul.areabox li.cp::before {
  content: "";
}
ul.areabox li a.click {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
ul.areabox li:nth-child(4n) {
  margin-right: 0;
}
ul.areabox li .icon-favorite {
  position: absolute;
  top: 10px;
  right: 12px;
}
ul.areabox li .icon-new {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #d7092f;
  padding: 5px 10px;
  font-size: 12px;
  font-family: "メイリオ", Meiryo, Osaka "sans-serif";
  font-weight: bold;
}
ul.areabox li .photo img {
  width: 100%;
  height: 142px;
  -o-object-fit: cover;
     object-fit: cover;
}
ul.areabox li .photo .mark_wrap {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
ul.areabox li .photo .new-mark {
  background-color: #d7092f;
  color: #fff;
  font-size: 16px;
  padding: 0 15px;
  margin-right: 10px;
}
ul.areabox li .photo .cp-mark {
  background-color: #2ea7e0;
  color: #fff;
  font-size: 16px;
  padding: 0 15px;
  margin-right: 10px;
}
ul.areabox li .ttl {
  font-weight: bold;
  /*line-height: 1.2em;*/
  margin: 10px 10px 4px;
  font-size: 14px;
}
ul.areabox li .sub-ttl {
  color: #c1a86f;
  font-weight: bold;
  font-size: 16px;
  display: block;
  margin-top: 5px;
}
ul.areabox li .place {
  margin: 2px 10px;
  font-size: 13px;
  display: block;
}
ul.areabox li .distance {
  margin: 2px 10px 10px;
  font-size: 13px;
  line-height: 1.3em;
  display: block;
  min-height: 33.8px;
}
ul.areabox li table {
  border-collapse: collapse;
  position: static;
  bottom: 0;
  left: 0;
  margin-top: auto;
}
@media screen and (max-width: 500px) {
  ul.areabox li table {
    position: relative;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
ul.areabox li th {
  font-size: 10px;
  background-color: #efefef;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-collapse: collapse;
  text-align: center;
  font-weight: normal;
  padding: 3px 0;
}
ul.areabox li th:first-of-type {
  border-left: none;
}
ul.areabox li td {
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-collapse: collapse;
  text-align: center;
  padding: 3px 0;
}
ul.areabox li td.teiin.sp-on {
  border-left: none;
}
ul.areabox .icon {
  width: 32px;
  background: #041A45;
  color: #fff;
}
ul.areabox .icon img {
  width: 26px;
  height: auto;
}
ul.areabox .campaign img {
  width: 26px;
  height: auto;
  margin: 1px;
}
ul.areabox #list-price-td {
  text-align: right;
  padding-right: 2px;
}
ul.areabox #list-price-td strong {
  font-weight: 500;
}
ul.areabox .fc-red {
  color: #d7092f;
  margin-right: 14px;
}
ul.areabox .fc-gray {
  color: #ccc;
}
ul.areabox .fc-gray .list-en {
  color: #ccc;
}
ul.areabox #list-campaign-td {
  text-align: left;
  padding: 0px 5px;
}
ul.areabox li .text-front {
  position: absolute;
  top: 53px;
  max-width: 80px;
  text-align: center;
  background-color: #259DBA;
  font-size: 10px;
  color: #FFF;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  border-radius: 4px;
  position: absolute;
  right: 5px;
}

main.office_plan ul.areabox li, main.plan_common ul.areabox li {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
main.office_plan ul.areabox li table, main.plan_common ul.areabox li table {
  margin-top: 0;
}

li.is_andmore {
  margin-bottom: 40px;
}

tbody.rental tr:nth-of-type(n+5) {
  display: none;
}

div#andmore {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
div#andmore img {
  width: 79px;
  height: 31px;
  cursor: pointer;
}

main.office section.office {
  padding-top: 30px;
  padding-bottom: 0;
}
main.office section.office .search_btn_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  position: relative;
}

main.office section.office .search_btn_wrap .search_btn, main.office section.office .search_btn_wrap .search_btn_plan {
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  color: #041A45;
  background: #fff;
  border: 1px solid #041A45;
  border-radius: 4px;
  padding: 7px 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
main.office section.office .search_btn_wrap .search_btn img, main.office section.office .search_btn_wrap .search_btn_plan img {
  display: inline-block;
  margin-left: 4px;
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  main.office section.office .search_btn_wrap .search_btn img, main.office section.office .search_btn_wrap .search_btn_plan img {
    margin-left: 16px;
  }
}
main.office section.office .search_btn_wrap .search_btn {
  width: 173px;
}
@media screen and (max-width: 767px) {
  main.office section.office .search_btn_wrap .search_btn {
    display: none;
  }
}
main.office section.office .search_btn_wrap .search_btn_plan {
  width: 211px;
}
@media screen and (max-width: 767px) {
  main.office section.office .search_btn_wrap .search_btn_plan {
    width: 390px;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 120px;
  }
}
main.office section.office .search_btn_wrap p {
  width: 100%;
  font-size: 18px;
  color: #383838;
}
@media screen and (max-width: 767px) {
  main.office section.office .search_btn_wrap p {
    font-size: 14px;
  }
}
main.office section.office .catch_wrap {
  padding: 60px 0 40px;
  margin-bottom: 40px;
}

main.office section.office .catch_wrap span {
  display: block;
  width: 100%;
  height: 1px;
  background: #041A45;
  margin-bottom: 20px;
}
main.office section.office .catch_wrap p {
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  main.office section.office .catch_wrap p {
    font-size: 14px;
  }
}
main.office section.office ul.plan_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list {
    display: block;
    margin-bottom: 40px;
  }
}
main.office section.office ul.plan_list > li {
  display: inline-block;
  width: calc(33.3333333333% - 10.6666666667px);
  background: #E9ECF0;
  overflow: hidden;
  border-radius: 12px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list > li {
    text-align: left;
    width: 100%;
    margin-bottom: 24px;
  }
}
main.office section.office ul.plan_list > li:not(:first-of-type) {
  margin-left: 16px;
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list > li:not(:first-of-type) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list > li .img_wrap {
    width: 45vw;
  }
}
@media screen and (max-width: 500px) {
  main.office section.office ul.plan_list > li .img_wrap {
    width: 40vw;
  }
}
main.office section.office ul.plan_list > li .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main.office section.office ul.plan_list > li .text_wrap {
  padding: 20px;
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list > li .text_wrap {
    padding: 20px 16px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
main.office section.office ul.plan_list > li .text_wrap h3 {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  main.office section.office ul.plan_list > li .text_wrap h3 {
    font-size: max(18px, 2vw);
  }
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list > li .text_wrap h3 {
    font-size: 18px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 500px) {
  main.office section.office ul.plan_list > li .text_wrap h3 {
    font-size: 16px;
  }
}
main.office section.office ul.plan_list > li .text_wrap ul.plan_name_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
main.office section.office ul.plan_list > li .text_wrap ul.plan_name_list li {
  background: #041A45;
  margin-bottom: 8px;
  padding: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
main.office section.office ul.plan_list > li .text_wrap ul.plan_name_list li span {
  font-size: 15px;
  display: inline-block;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  main.office section.office ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: max(10px, 1.2510425354vw);
  }
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: min(15px, 3.4666666667vw);
  }
}
@media screen and (max-width: 500px) {
  main.office section.office ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: 10px;
  }
}
main.office section.office ul.plan_list > li .text_wrap ul.plan_name_list li span.spot {
  letter-spacing: -0.1em;
  white-space: nowrap;
}
main.office section.office ul.plan_list > li .text_wrap p {
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  main.office section.office ul.plan_list > li .text_wrap p {
    font-size: 11px;
  }
}
main.office section.office ul.plan_list > li .link_wrap {
  border-radius: 0 0 12px 12px;
  background: #A3A6A8;
  text-align: center;
}
main.office section.office ul.plan_list > li .link_wrap span {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding: 12px;
}
main.office section.office .feature_btn_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  main.office section.office .feature_btn_ul {
    display: none;
  }
}
main.office section.office .feature_btn_ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-right: 20px;
  font-size: 14px;
  margin-bottom: 8px;
}
main.office section.office .feature_btn_ul li .plan_btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background: #041A45;
  color: #fff;
  text-align: center;
  margin-right: 4px;
  font-weight: normal;
}
main.office section.office .feature_btn_ul.mt60 {
  margin-top: 60px;
}
main.office section.office .banner_wrap {
  margin-top: 50px;
  margin-bottom: 50px;
}
main.office section.office .banner_wrap img {
  width: 100%;
}
main.office section.office .feature_wrap {
  background: #E9ECF0;
  margin-top: 80px;
  margin-bottom: 20px;
}

main.office section.office .feature_wrap .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  gap: 26px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  main.office section.office .feature_wrap .flex {
    gap: 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px;
  }
}
main.office section.office .feature_wrap .flex img {
  width: 326px;
  height: 218px;
}
@media screen and (max-width: 767px) {
  main.office section.office .feature_wrap .flex img {
    width: 100%;
    max-width: 500px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 34px;
  }
}
@media screen and (max-width: 767px) {
  main.office section.office .feature_wrap .flex p {
    font-size: 14px;
  }
}
main.office .office_list_wrap {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  main.office .office_list_wrap {
    margin-top: 20px;
  }
}
main.office .office_list_wrap h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  main.office .office_list_wrap h3 {
    font-size: 16px;
  }
}
main.office .office_list_wrap .areabox {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
main.office .office_list_wrap .areabox li {
  height: auto;
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li {
    width: 100%;
    max-width: 390px;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li .photo_wrap {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li .photo {
    padding: 0 12px;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li .photo img {
    height: 217px;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li .icon-favorite {
    top: 10;
    right: 27px;
  }
  main.office .office_list_wrap .areabox li .icon-favorite img {
    width: 23px;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li .text-front {
    top: 47px;
    padding: 0 2px;
    right: 18px;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li .place {
    font-size: 12px;
    color: #383838;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li .distance {
    font-size: 14px;
    color: #383838;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li table tbody tr:first-of-type th:nth-of-type(1) {
    width: 36.4102564103% !important;
  }
  main.office .office_list_wrap .areabox li table tbody tr:first-of-type th:nth-of-type(2) {
    width: 28.7179487179% !important;
  }
  main.office .office_list_wrap .areabox li table tbody tr:first-of-type th:nth-of-type(3) {
    width: 35.3846153846% !important;
    min-width: 90px;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li table td {
    line-height: 32px;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li table td.icon {
    width: auto;
    text-align: left;
    padding: 0 11px;
    font-size: max(10px, 2.4048096192vw);
    line-height: 40px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  main.office .office_list_wrap .areabox li table td#list-price-td {
    text-align: center;
    padding-right: 0;
    padding-left: max(0px, 2.4048096192vw);
  }
  main.office .office_list_wrap .areabox li table td#list-price-td .fc-red {
    margin-right: 0;
  }
  main.office .office_list_wrap .areabox li table td#list-price-td .list-price {
    font-size: max(11px, 3.6072144289vw);
  }
  main.office .office_list_wrap .areabox li table td#list-price-td .list-en {
    font-size: 11px;
  }
}
@media screen and (max-width: 374px) {
  main.office .office_list_wrap .areabox li table td#list-price-td {
    padding-left: 0;
  }
}
main.office .wrap {
  margin-top: 40px;
  margin-bottom: 80px;
}

main.office .wrap .checked-offices {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: initial;
      -ms-flex-flow: initial;
          flex-flow: initial;
  height: auto;
}
main.office .wrap .checked-offices li {
  min-width: 242px;
  height: auto;
}

.feature_wrap .toggle {
  display: none;
}
.feature_wrap .Label {
  cursor: initial;
  font-size: 24px;
  color: #fff;
  background: #041A45;
  font-weight: bold;
  margin-bottom: 0;
  padding: 7px 18px;
  text-align: left;
  display: block;
}
@media screen and (max-width: 767px) {
  .feature_wrap .Label {
    font-size: 18px;
  }
}
.feature_wrap label[for] {
  cursor: initial;
}
@media screen and (max-width: 767px) {
  .feature_wrap label[for] {
    cursor: pointer;
  }
}
.feature_wrap .Label::before { /*タイトル横の矢印*/ }
@media screen and (max-width: 767px) {
  .feature_wrap .Label::before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #041A45;
    border-right: 1.5px solid #041A45;
    position: absolute;
    z-index: 2;
    right: 17.5px;
    top: 49%;
    -webkit-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
  }
}
@media screen and (max-width: 767px) {
  .feature_wrap .Label::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .feature_wrap .Label, .feature_wrap .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.feature_wrap .content { /*本文*/ }
@media screen and (max-width: 767px) {
  .feature_wrap .content {
    height: 0;
    overflow: hidden;
  }
}
.feature_wrap .toggle:checked + .Label + .content { /*開閉時*/ }
@media screen and (max-width: 767px) {
  .feature_wrap .toggle:checked + .Label + .content {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .feature_wrap .toggle:checked + .Label::before {
    top: 54%;
    -webkit-transform: translateY(-50%) rotate(-45deg) !important;
            transform: translateY(-50%) rotate(-45deg) !important;
  }
}

main.office_page .office_list_wrap ul.areabox {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
main.office_page .office_list_wrap ul.areabox li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 500px) {
  main.office_page .office_list_wrap ul.areabox li {
    max-width: 320px;
  }
}

@media screen and (max-width: 767px) {
  main.office_pref .office_list_wrap ul.areabox {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  main.office_pref .office_list_wrap ul.areabox li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 320px;
  }
}

@media screen and (max-width: 767px) {
  main.office_city .office_list_wrap ul.areabox {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  main.office_city .office_list_wrap ul.areabox li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 320px;
  }
}
main.office_city .office_kinrin {
  margin: 30px auto 80px;
}
main.office_city .office_kinrin h3 {
  font-size: 20px;
  font-weight: bold;
  color: #777;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
main.office_city .office_kinrin h3 img {
  margin-right: 12px;
}
main.office_city .office_kinrin .office_kinrin_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 16px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  main.office_city .office_kinrin .office_kinrin_list {
    gap: 8px;
  }
}
main.office_city .office_kinrin .office_kinrin_list li {
  width: calc(33.3333333333% - 10.6666666667px);
}
@media screen and (max-width: 767px) {
  main.office_city .office_kinrin .office_kinrin_list li {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 500px) {
  main.office_city .office_kinrin .office_kinrin_list li {
    width: 100%;
  }
}
main.office_city .office_kinrin .office_kinrin_list li a {
  border: 1px solid #B4B7BA;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
  padding: 26px 18px;
  color: #383838;
  display: block;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 1199px) {
  main.office_city .office_kinrin .office_kinrin_list li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  main.office_city .office_kinrin .office_kinrin_list li a {
    padding: 16px;
  }
}
main.office_city .office_kinrin .office_kinrin_list li a::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  display: block;
  background: url(../image/@2x/arrow_navy_marker.png) center/contain no-repeat;
  top: 51%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  main.office_plan section.office .banner_wrap {
    margin-top: 130px;
  }
}
main.office_plan .pagination_wrap {
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  main.office_plan .pagination_wrap {
    margin-bottom: 60px;
  }
}
main.office_plan .pagination_wrap p {
  font-size: 12px;
  color: #383838;
  text-align: center;
  margin-bottom: 20px;
}
main.office_plan .pagination_wrap p span {
  font-size: 12px;
  color: #8B8B8B;
}
main.office_plan .pagination_wrap .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 18px;
}
main.office_plan .pagination_wrap .pagination .prev, main.office_plan .pagination_wrap .pagination .next {
  font-size: 14px;
  font-weight: bold;
  color: #888;
  margin: 0 3px;
}
main.office_plan .pagination_wrap .pagination .page {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #041A45;
  font-size: 18px;
  font-weight: bold;
}
main.office_plan .pagination_wrap .pagination span.page {
  background: #041A45;
  color: #fff;
}
main.office_plan .pagination_wrap .pagination a.page {
  background: #fff;
  color: #041A45;
}

@media screen and (max-width: 500px) {
  main.office_rental ul.areabox li, main.plan_rental ul.areabox li {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 500px) {
  main.office_rental ul.areabox li table tbody.rental tr:first-of-type th:nth-of-type(1), main.plan_rental ul.areabox li table tbody.rental tr:first-of-type th:nth-of-type(1) {
    width: 16.4102564103% !important;
  }
  main.office_rental ul.areabox li table tbody.rental tr:first-of-type th:nth-of-type(2), main.plan_rental ul.areabox li table tbody.rental tr:first-of-type th:nth-of-type(2) {
    width: 40% !important;
  }
  main.office_rental ul.areabox li table tbody.rental tr:first-of-type th:nth-of-type(3), main.plan_rental ul.areabox li table tbody.rental tr:first-of-type th:nth-of-type(3) {
    width: 44.1025641026% !important;
    min-width: 90px;
  }
}
@media screen and (max-width: 500px) {
  main.office_rental ul.areabox li table tbody.rental td, main.plan_rental ul.areabox li table tbody.rental td {
    line-height: 23px;
  }
}
main.office_rental ul.areabox li table tbody.rental #list-price-td, main.plan_rental ul.areabox li table tbody.rental #list-price-td {
  text-align: center;
}
@media screen and (max-width: 500px) {
  main.office_rental ul.areabox li table tbody.rental #list-price-td .list-price, main.plan_rental ul.areabox li table tbody.rental #list-price-td .list-price {
    line-height: 33px;
  }
}
main.office_rental ul.areabox li table tbody.rental #list-campaign-td, main.plan_rental ul.areabox li table tbody.rental #list-campaign-td {
  padding: 3px;
}
@media screen and (max-width: 500px) {
  main.office_rental ul.areabox li table tbody.rental #list-campaign-td, main.plan_rental ul.areabox li table tbody.rental #list-campaign-td {
    padding: 5px;
  }
}
main.office_rental ul.areabox li .teiin, main.plan_rental ul.areabox li .teiin {
  font-size: 10px;
  background: #EFF7EC;
  padding: 10px 0;
  border-left: none;
}

@media screen and (max-width: 500px) {
  main.office_coworking ul.areabox li table tbody.coworking tr:first-of-type th:nth-of-type(1), main.plan_cowroking ul.areabox li table tbody.coworking tr:first-of-type th:nth-of-type(1) {
    width: 16.4102564103% !important;
  }
  main.office_coworking ul.areabox li table tbody.coworking tr:first-of-type th:nth-of-type(2), main.plan_cowroking ul.areabox li table tbody.coworking tr:first-of-type th:nth-of-type(2) {
    width: 40% !important;
  }
  main.office_coworking ul.areabox li table tbody.coworking tr:first-of-type th:nth-of-type(3), main.plan_cowroking ul.areabox li table tbody.coworking tr:first-of-type th:nth-of-type(3) {
    width: 44.1025641026% !important;
    min-width: 90px;
  }
}
@media screen and (max-width: 500px) {
  main.office_coworking ul.areabox li table tbody.coworking td, main.plan_cowroking ul.areabox li table tbody.coworking td {
    line-height: 23px;
  }
}
main.office_coworking ul.areabox li table tbody.coworking #list-price-td, main.plan_cowroking ul.areabox li table tbody.coworking #list-price-td {
  text-align: center;
}
main.office_coworking ul.areabox li table tbody.coworking #list-price-td .list-price, main.plan_cowroking ul.areabox li table tbody.coworking #list-price-td .list-price {
  font-size: 16px;
}
@media screen and (max-width: 500px) {
  main.office_coworking ul.areabox li table tbody.coworking #list-price-td .list-price, main.plan_cowroking ul.areabox li table tbody.coworking #list-price-td .list-price {
    line-height: 33px;
  }
}
main.office_coworking ul.areabox li table tbody.coworking #list-price-td .list-en, main.plan_cowroking ul.areabox li table tbody.coworking #list-price-td .list-en {
  font-size: 12px;
}
main.office_coworking ul.areabox li table tbody.coworking #list-campaign-td, main.plan_cowroking ul.areabox li table tbody.coworking #list-campaign-td {
  padding: 3px;
}
@media screen and (max-width: 500px) {
  main.office_coworking ul.areabox li table tbody.coworking #list-campaign-td, main.plan_cowroking ul.areabox li table tbody.coworking #list-campaign-td {
    padding: 5px;
  }
}
main.office_coworking ul.areabox li .plan, main.plan_cowroking ul.areabox li .plan {
  font-size: 10px;
  background: #ECF3F7;
  padding: 10px 0;
  border-left: none;
}
main.office_coworking ul.areabox li tr:nth-of-type(2) .plan, main.plan_cowroking ul.areabox li tr:nth-of-type(2) .plan {
  padding: 2px 0;
}

@media screen and (max-width: 500px) {
  main.office_virtual ul.areabox li table tbody.virtual tr:first-of-type th:nth-of-type(1), main.plan_virtual ul.areabox li table tbody.virtual tr:first-of-type th:nth-of-type(1) {
    width: 26.4102564103% !important;
  }
  main.office_virtual ul.areabox li table tbody.virtual tr:first-of-type th:nth-of-type(2), main.plan_virtual ul.areabox li table tbody.virtual tr:first-of-type th:nth-of-type(2) {
    width: 37.6923076923% !important;
  }
  main.office_virtual ul.areabox li table tbody.virtual tr:first-of-type th:nth-of-type(3), main.plan_virtual ul.areabox li table tbody.virtual tr:first-of-type th:nth-of-type(3) {
    width: 35.8974358974% !important;
    min-width: 90px;
  }
}
@media screen and (max-width: 500px) {
  main.office_virtual ul.areabox li table tbody.virtual td, main.plan_virtual ul.areabox li table tbody.virtual td {
    line-height: 23px;
  }
}
main.office_virtual ul.areabox li table tbody.virtual #list-price-td, main.plan_virtual ul.areabox li table tbody.virtual #list-price-td {
  text-align: center;
}
main.office_virtual ul.areabox li table tbody.virtual #list-price-td .list-price, main.plan_virtual ul.areabox li table tbody.virtual #list-price-td .list-price {
  font-size: 16px;
}
@media screen and (max-width: 500px) {
  main.office_virtual ul.areabox li table tbody.virtual #list-price-td .list-price, main.plan_virtual ul.areabox li table tbody.virtual #list-price-td .list-price {
    line-height: 33px;
  }
}
main.office_virtual ul.areabox li table tbody.virtual #list-price-td .list-en, main.plan_virtual ul.areabox li table tbody.virtual #list-price-td .list-en {
  font-size: 12px;
}
main.office_virtual ul.areabox li table tbody.virtual #list-campaign-td, main.plan_virtual ul.areabox li table tbody.virtual #list-campaign-td {
  padding: 3px;
}
@media screen and (max-width: 500px) {
  main.office_virtual ul.areabox li table tbody.virtual #list-campaign-td, main.plan_virtual ul.areabox li table tbody.virtual #list-campaign-td {
    padding: 5px;
  }
}
main.office_virtual ul.areabox li .plan, main.plan_virtual ul.areabox li .plan {
  font-size: 10px;
  background: #F1ECF7;
  padding: 10px 0;
  border-left: none;
}
main.office_virtual ul.areabox li tr:nth-of-type(2) .plan, main.plan_virtual ul.areabox li tr:nth-of-type(2) .plan {
  padding: 2px 0;
}
@media screen and (max-width: 500px) {
  main.office_virtual ul.areabox li tr:nth-of-type(2) .plan, main.plan_virtual ul.areabox li tr:nth-of-type(2) .plan {
    padding: 10px 0;
  }
}

main.office_single .inner {
  max-width: calc(1020px + 10%);
}
main.office_single #detail {
  margin-top: 30px;
}
main.office_single #detail .title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

main.office_single #detail .title_wrap .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
main.office_single #detail .title_wrap .flex .panf_btn {
  background: #041A45;
  border-radius: 100px;
  width: 132px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  main.office_single #detail .title_wrap .flex .panf_btn.pc-on {
    display: none;
  }
}
main.office_single #detail .title_wrap .flex .favorite {
  margin-left: 10px;
}
main.office_single #detail h3.detail {
  font-size: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  main.office_single #detail h3.detail {
    font-size: 16px;
    margin-top: 16px;
  }
}
main.office_single #detail .photo-box {
  width: calc(100% - 330px - 18px);
}
@media screen and (max-width: 767px) {
  main.office_single #detail .photo-box {
    width: 100%;
  }
}
main.office_single #detail .detail-box {
  width: 330px;
}
main.office_single #detail .detail-box dl dt {
  color: #383838;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
}
main.office_single #detail .detail-box dl dd {
  color: #383838;
  font-size: 12px;
}
main.office_single #detail .detail-box dl dd:not(:last-of-type) {
  position: relative;
}
main.office_single #detail .detail-box dl dd:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #CCCCCC;
  margin: 10px 0;
}
main.office_single #detail .detail-box dl dd.flex {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
main.office_single #detail .detail-box dl dd.flex .map_btn {
  width: 73px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #041A45;
  font-size: 12px;
  background: #E9ECF0;
  border-radius: 100px;
}
main.office_single #detail .detail-box dl ul.tag_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
main.office_single #detail .detail-box dl ul.tag_list li {
  width: 73px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #041A45;
  font-size: 12px;
  border-radius: 8px;
  color: #A3A6A8;
  background: #E2E4E6;
}
main.office_single #detail .detail-box dl ul.tag_list li.is-on {
  color: #041A45;
  background: #fff;
  border: 1px solid #041A45;
}
main.office_single #detail .detail-box dl ul.tag_list li.lspa {
  letter-spacing: -0.2em;
}
@media screen and (max-width: 767px) {
  main.office_single #detail .detail-box.sp-on {
    float: none;
    width: 100%;
  }
  main.office_single #detail .detail-box.sp-on ul.tag_list li {
    width: calc(25% - 8px);
    max-width: 120px;
  }
  main.office_single #detail .detail-box.sp-on .panf_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    margin-top: 30px;
  }
  main.office_single #detail .detail-box.sp-on .panf_list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    width: calc(50% - 5px);
    max-width: 190px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #041A45;
  }
  main.office_single #detail .detail-box.sp-on .panf_list a .flex_left {
    width: 47px;
    height: 48px;
    background: #fff;
    text-align: center;
  }
  main.office_single #detail .detail-box.sp-on .panf_list a .flex_left .panf_icon_01 {
    margin-top: 14px;
  }
  main.office_single #detail .detail-box.sp-on .panf_list a .flex_left .panf_icon_02 {
    margin-top: 16px;
  }
  main.office_single #detail .detail-box.sp-on .panf_list a .flex_right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #041A45;
    text-align: center;
  }
  main.office_single #detail .detail-box.sp-on .panf_list a .flex_right span {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 48px;
  }
}
main.office_single #detail .txtboxCatch {
  background: #FFE8E8;
  padding: 40px;
  border: none;
}
@media screen and (max-width: 767px) {
  main.office_single #detail .txtboxCatch {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 40px 5%;
  }
}

main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label,
main.office_single .plan-tab label.tab-label {
  display: inline-block;
  width: calc(33.3333333333% - 9px);
  border-radius: 12px;
  padding: 0;
  text-align: center;
  height: auto;
  font-weight: normal;
  background: none;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label,
  main.office_single .plan-tab label.tab-label {
    width: calc(35% - 1px);
    text-align: center;
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label:not(:first-of-type),
main.office_single .plan-tab label.tab-label:not(:first-of-type) {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label:not(:first-of-type),
  main.office_single .plan-tab label.tab-label:not(:first-of-type) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label:first-of-type,
  main.office_single .plan-tab label.tab-label:first-of-type {
    margin-left: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label:last-of-type,
  main.office_single .plan-tab label.tab-label:last-of-type {
    margin-right: calc(50% - 50vw);
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .img_wrap,
main.office_single .plan-tab label.tab-label .img_wrap {
  opacity: 0.5;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .img_wrap img,
main.office_single .plan-tab label.tab-label .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap,
main.office_single .plan-tab label.tab-label .text_wrap {
  padding: 20px 8px;
  background: rgba(233, 236, 240, 0.5);
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap,
  main.office_single .plan-tab label.tab-label .text_wrap {
    padding: 15px 10px;
    background: #E9ECF0;
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap h3,
main.office_single .plan-tab label.tab-label .text_wrap h3 {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap h3,
  main.office_single .plan-tab label.tab-label .text_wrap h3 {
    font-size: 12px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 500px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap h3,
  main.office_single .plan-tab label.tab-label .text_wrap h3 {
    font-size: max(10px, 2.4048096192vw);
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap ul.plan_name_list,
main.office_single .plan-tab label.tab-label .text_wrap ul.plan_name_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap ul.plan_name_list,
  main.office_single .plan-tab label.tab-label .text_wrap ul.plan_name_list {
    display: none;
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap ul.plan_name_list li,
main.office_single .plan-tab label.tab-label .text_wrap ul.plan_name_list li {
  background: #041A45;
  margin-bottom: 8px;
  padding: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-radius: 2px;
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap ul.plan_name_list li span,
main.office_single .plan-tab label.tab-label .text_wrap ul.plan_name_list li span {
  font-size: 15px;
  display: inline-block;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap ul.plan_name_list li span,
  main.office_single .plan-tab label.tab-label .text_wrap ul.plan_name_list li span {
    font-size: max(10px, 1.2510425354vw);
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap ul.plan_name_list li span,
  main.office_single .plan-tab label.tab-label .text_wrap ul.plan_name_list li span {
    font-size: min(15px, 3.4666666667vw);
  }
}
@media screen and (max-width: 500px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap ul.plan_name_list li span,
  main.office_single .plan-tab label.tab-label .text_wrap ul.plan_name_list li span {
    font-size: 10px;
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap ul.plan_name_list li span.spot,
main.office_single .plan-tab label.tab-label .text_wrap ul.plan_name_list li span.spot {
  letter-spacing: -0.1em;
  white-space: nowrap;
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap p,
main.office_single .plan-tab label.tab-label .text_wrap p {
  text-align: left;
  font-size: 14px;
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .link_wrap,
main.office_single .plan-tab label.tab-label .link_wrap {
  border-radius: 0 0 12px 12px;
  background: #A3A6A8;
  text-align: center;
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .link_wrap span,
main.office_single .plan-tab label.tab-label .link_wrap span {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding: 12px;
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label {
  position: relative;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.46);
          box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.46);
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label::after {
  content: "";
  display: block;
  width: 28px;
  height: 16px;
  background: url(../image/ios-arrow-down.png);
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label::after {
    display: none;
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .img_wrap {
  opacity: 1;
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap {
  background: rgb(233, 236, 240);
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap {
    background: #041A45;
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap h3, main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .text_wrap span {
    color: #fff;
  }
}
main.office_single .plan-tab input[name=tab-radio]:checked + .tab-label .link_wrap {
  background: #041A45;
}
main.office_single .plan-tab .tab-content {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content {
    margin-top: 30px;
  }
}
main.office_single .plan-tab .tab-content .plan_sub_block {
  display: none;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content .plan_sub_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 54px;
  }
  main.office_single .plan-tab .tab-content .plan_sub_block .img_wrap {
    width: calc(50% - 8px);
    height: 160px;
  }
  main.office_single .plan-tab .tab-content .plan_sub_block .img_wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  main.office_single .plan-tab .tab-content .plan_sub_block .text_wrap {
    width: calc(50% - 8px);
  }
  main.office_single .plan-tab .tab-content .plan_sub_block .text_wrap h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  main.office_single .plan-tab .tab-content .plan_sub_block .text_wrap span {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 14px;
  }
  main.office_single .plan-tab .tab-content .plan_sub_block .text_wrap p {
    font-size: 11px;
  }
}

@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content .scroll_box {
    overflow-x: scroll;
    margin-right: calc(50% - 50vw);
  }
}
main.office_single .plan-tab .tab-content .scroll_box table td {
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content table.detail {
    white-space: nowrap;
  }
}
main.office_single .plan-tab .tab-content table.detail td.bg00-1 {
  background: #F6F6F6;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content table.detail td.bikou {
    min-width: 370px;
  }
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab .tab-content table.detail td .room-no {
    left: 15px;
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content table.detail td .icon-camera-gray {
    font-size: 16px;
    right: 10px;
  }
}
main.office_single .plan-tab .tab-content .btn_wrap {
  margin: 20px 0 40px;
  text-align: center;
}
main.office_single .plan-tab .tab-content .btn_wrap .waiting_btn {
  font-size: 14px;
  font-weight: bold;
  padding: 6px 30px;
  color: #fff;
  background: #041A45;
  border-radius: 4px;
  text-align: center;
  display: none;
}
main.office_single .plan-tab .tab-content .btn_wrap .waiting_btn.active {
  display: inline-block;
}
main.office_single .plan-tab .tab-content .campaign {
  margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content .campaign {
    margin-bottom: 40px;
  }
}
main.office_single .plan-tab .tab-content .campaign img {
  width: 100%;
}
main.office_single .plan-tab .tab-content .madori-tab1 .mtab-label, main.office_single .plan-tab .tab-content .madori-tab2 .mtab-label, main.office_single .plan-tab .tab-content .madori-tab3 .mtab-label {
  display: inline-block;
  background-color: #E9ECF0;
  text-align: center;
  width: 72px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  color: #041A45;
  border-radius: 4px;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 0;
}
@media screen and (max-width: 500px) {
  main.office_single .plan-tab .tab-content .madori-tab1 .mtab-label, main.office_single .plan-tab .tab-content .madori-tab2 .mtab-label, main.office_single .plan-tab .tab-content .madori-tab3 .mtab-label {
    width: calc(20% - 10px);
    margin-right: 8px;
  }
  main.office_single .plan-tab .tab-content .madori-tab1 .mtab-label:nth-of-type(5n), main.office_single .plan-tab .tab-content .madori-tab2 .mtab-label:nth-of-type(5n), main.office_single .plan-tab .tab-content .madori-tab3 .mtab-label:nth-of-type(5n) {
    margin-right: 0;
  }
}
main.office_single .plan-tab .tab-content .madori-tab1 input[name=mtab-radio1]:checked + .mtab-label, main.office_single .plan-tab .tab-content .madori-tab1 input[name=mtab-radio2]:checked + .mtab-label, main.office_single .plan-tab .tab-content .madori-tab1 input[name=mtab-radio3]:checked + .mtab-label, main.office_single .plan-tab .tab-content .madori-tab2 input[name=mtab-radio1]:checked + .mtab-label, main.office_single .plan-tab .tab-content .madori-tab2 input[name=mtab-radio2]:checked + .mtab-label, main.office_single .plan-tab .tab-content .madori-tab2 input[name=mtab-radio3]:checked + .mtab-label, main.office_single .plan-tab .tab-content .madori-tab3 input[name=mtab-radio1]:checked + .mtab-label, main.office_single .plan-tab .tab-content .madori-tab3 input[name=mtab-radio2]:checked + .mtab-label, main.office_single .plan-tab .tab-content .madori-tab3 input[name=mtab-radio3]:checked + .mtab-label {
  background-color: #041A45;
  color: #fff;
}
main.office_single .plan-tab .tab-content .madori-tab1 .mtab-content img, main.office_single .plan-tab .tab-content .madori-tab2 .mtab-content img, main.office_single .plan-tab .tab-content .madori-tab3 .mtab-content img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
main.office_single .plan-tab .tab-content .madori-tab1 .virtual_btn a, main.office_single .plan-tab .tab-content .madori-tab2 .virtual_btn a, main.office_single .plan-tab .tab-content .madori-tab3 .virtual_btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  width: 216px;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  border: 1px solid #041A45;
}
main.office_single .plan-tab .tab-content .madori-tab1 .virtual_btn a .flex_left, main.office_single .plan-tab .tab-content .madori-tab2 .virtual_btn a .flex_left, main.office_single .plan-tab .tab-content .madori-tab3 .virtual_btn a .flex_left {
  width: 47px;
  height: 44px;
  background: #fff;
  text-align: center;
}
main.office_single .plan-tab .tab-content .madori-tab1 .virtual_btn a .flex_left img, main.office_single .plan-tab .tab-content .madori-tab2 .virtual_btn a .flex_left img, main.office_single .plan-tab .tab-content .madori-tab3 .virtual_btn a .flex_left img {
  width: 18px;
  height: 16px;
  margin-top: 14px;
}
main.office_single .plan-tab .tab-content .madori-tab1 .virtual_btn a .flex_right, main.office_single .plan-tab .tab-content .madori-tab2 .virtual_btn a .flex_right, main.office_single .plan-tab .tab-content .madori-tab3 .virtual_btn a .flex_right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #041A45;
  text-align: center;
}
main.office_single .plan-tab .tab-content .madori-tab1 .virtual_btn a .flex_right span, main.office_single .plan-tab .tab-content .madori-tab2 .virtual_btn a .flex_right span, main.office_single .plan-tab .tab-content .madori-tab3 .virtual_btn a .flex_right span {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 44px;
}
main.office_single .plan-tab .tab-content .tokucho {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content .tokucho {
    margin-top: 60px;
  }
}

main.office_single .plan-tab .tab-content .tokucho ul.tokucho_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  margin-bottom: 40px;
}
main.office_single .plan-tab .tab-content .tokucho ul.tokucho_list li {
  margin-right: 24px;
  width: 350px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content .tokucho ul.tokucho_list li {
    width: 250px;
    margin-right: 8px;
  }
}
main.office_single .plan-tab .tab-content .tokucho ul.tokucho_list li img {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}
main.office_single .plan-tab .tab-content .tokucho ul.tokucho_list li h3 {
  font-weight: bold;
  font-size: 18px;
  padding: 0 16px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-content .tokucho ul.tokucho_list li h3 {
    font-size: 16px;
  }
}
main.office_single .plan-tab .tab-content .tokucho ul.tokucho_list li p {
  padding: 0 16px;
}
main.office_single .plan-tab .tab-4-content .price_list li:nth-of-type(2) {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab .tab-4-content .price_list h3.price_title {
    width: 180px !important;
  }
}
main.office_single .plan-tab .tab-4-content .campaign, main.office_single .plan-tab .tab-3-content .campaign {
  margin-top: 80px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-3-content .cost .fz14 {
    text-align: left;
  }
}
main.office_single .plan-tab .tab-3-content .price_list li:nth-of-type(2) {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab .tab-3-content .price_list h3.price_title {
    width: 180px !important;
  }
}
main.office_single .plan-tab .tab-3-content .price_list .plus_mark:first-of-type {
  margin-left: 0px !important;
}
main.office_single .plan-tab .tab-3-content div.center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .tab-3-content div.center {
    text-align: left;
  }
}
main.office_single .plan-tab .tab-3-content div.center p.dib {
  font-size: 14px;
  display: inline-block;
}
main.office_single .plan-tab .tab-3-content table.detail .flex {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
main.office_single .plan-tab .tab-3-content table.detail .flex .tag_border {
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #B4B7BA;
  border-radius: 4px;
  padding: 8px;
  line-height: 1;
  margin-right: 20px;
}
main.office_single .plan-tab .tab-3-content table.detail .flex p {
  font-weight: bold;
}
main.office_single .plan-tab .tab-3-content table.detail .flex span {
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .map {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .map iframe {
    max-height: 307px;
  }
}
main.office_single .plan-tab .map_link {
  display: none;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .map_link {
    display: block;
    width: 100%;
    max-width: 390px;
    margin: 25px auto 0;
    color: #fff;
    padding: 8px;
    font-size: 16px;
    background: #008DD8;
    border-radius: 8px;
    text-align: center;
  }
}
main.office_single .plan-tab .cost {
  margin-top: 100px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .cost {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
main.office_single .plan-tab .cost .marker_yellow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .cost .marker_yellow {
    text-align: center;
  }
}
main.office_single .plan-tab .cost .marker_yellow span {
  background: #F8FCBE;
  padding: 3px 24px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .cost .marker_yellow span {
    padding: 16px 8px;
    font-size: 14px;
    width: 100%;
    display: block;
  }
}
main.office_single .plan-tab .cost .price_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  margin-top: 44px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .cost .price_list {
    margin: 30px 0 40px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 4px;
  }
}
main.office_single .plan-tab .cost .price_list li {
  text-align: center;
}
main.office_single .plan-tab .cost .price_list li:nth-of-type(2) {
  margin-right: -15px;
  margin-left: -15px;
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab .cost .price_list li:nth-of-type(2) {
    margin-right: 0;
    margin-left: 0;
  }
}
main.office_single .plan-tab .cost .price_list h3.price_title {
  font-size: 18px;
  color: #fff;
  background: #4C5573;
  border-radius: 8px;
  display: inline-block;
  width: 180px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab .cost .price_list h3.price_title {
    font-size: 14px;
    width: 100%;
    height: 48px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .cost .price_list h3.price_title {
    font-size: 18px;
    width: 200px;
  }
}
main.office_single .plan-tab .cost .price_list p {
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab .cost .price_list p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .cost .price_list p {
    font-size: 14px;
  }
}
main.office_single .plan-tab .cost .price_list .plus_mark {
  font-size: 40px;
  color: #041A45;
  line-height: 58px;
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab .cost .price_list .plus_mark {
    font-size: 30px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .cost .price_list .plus_mark {
    font-size: 40px;
    line-height: 1;
    width: 100%;
    text-align: center;
  }
}
main.office_single .plan-tab .cost .price_list .plus_mark:first-of-type {
  margin-left: -8px;
}
@media screen and (max-width: 1199px) {
  main.office_single .plan-tab .cost .price_list .plus_mark:first-of-type {
    margin-left: 0;
  }
}
main.office_single .plan-tab .cost .price_text {
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.office_single .plan-tab .cost .price_text {
    text-align: left;
  }
}
main.office_single .cf::before,
main.office_single .cf::after {
  content: "";
  display: block;
  overflow: hidden;
}
main.office_single .cf::after {
  clear: both;
}

div.plan {
  margin: 100px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  div.plan {
    margin-bottom: 22px;
    margin: 60px 0;
  }
}
div.plan .icon_list {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 16px;
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 1199px) {
  div.plan .icon_list {
    position: inherit;
    display: block;
    text-align: right;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.plan .icon_list {
    display: none;
    margin-right: 0;
    text-align: left;
    right: 0;
  }
}
div.plan .scroll_box {
  overflow: scroll;
  margin-right: calc(50% - 50vw);
}
div.plan .scroll_box img {
  max-width: none;
}
div.plan table.plan_table {
  margin-bottom: 20px;
  border-collapse: separate;
  border-spacing: 0;
  display: grid;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  table-layout: fixed;
}
div.plan table.plan_table .tate {
  text-align: center;
  width: 40px;
  max-width: 40px;
  line-height: 1;
}
div.plan table.plan_table .tate p {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: inline-block;
  width: 15px;
}
div.plan table.plan_table .rental {
  background: #fff;
}
div.plan table.plan_table .coworking {
  background: #ECF3F7;
  background: #fff;
}
div.plan table.plan_table .virtual {
  background: #F1ECF7;
  background: #fff;
}
div.plan table.plan_table .flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
div.plan table.plan_table .bo1 {
  border: 1px solid #B4B7BA;
}
div.plan table.plan_table .br1 {
  border-right: 1px solid #B4B7BA;
}
div.plan table.plan_table .bl1 {
  border-left: 1px solid #B4B7BA;
}
div.plan table.plan_table .bt1 {
  border-top: 1px solid #B4B7BA;
}
div.plan table.plan_table .bb1 {
  border-bottom: 1px solid #B4B7BA;
}
div.plan table.plan_table .bo2 {
  border: 1.5px solid #707070;
}
div.plan table.plan_table .br2 {
  border-right: 1.5px solid #707070;
}
div.plan table.plan_table .bl2 {
  border-left: 1.5px solid #707070;
}
div.plan table.plan_table .bt2 {
  border-top: 1.5px solid #707070;
}
div.plan table.plan_table .bb2 {
  border-bottom: 1.5px solid #707070;
}
div.plan table.plan_table .bo3 {
  border: 2px solid #8B8B8B;
}
div.plan table.plan_table .br3 {
  border-right: 2px solid #8B8B8B;
}
div.plan table.plan_table .bl3 {
  border-left: 2px solid #8B8B8B;
}
div.plan table.plan_table .bt3 {
  border-top: 2px solid #8B8B8B;
}
div.plan table.plan_table .bb3 {
  border-bottom: 2px solid #8B8B8B;
}
div.plan table.plan_table .lspa04 p {
  letter-spacing: 0.4em;
}
div.plan table.plan_table th {
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  top: 0;
  left: 0;
  font-weight: normal;
  font-size: 16px;
  width: 180px;
  background: #E9ECF0;
  vertical-align: middle;
}
div.plan table.plan_table tr.first th:nth-of-type(1) {
  z-index: 15;
}
div.plan table.plan_table td {
  font-size: 16px;
  width: 180px;
  vertical-align: middle;
  padding: 8px;
  text-align: center;
}
div.plan table.plan_table td span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.plan table.plan_table span {
  display: inline-block;
}
div.plan table.plan_table td a, div.plan table.plan_table a.link {
  color: #085DAE;
  text-decoration: underline;
}
div.plan .plan_table.pc-on thead {
  border-right: 2px solid #8B8B8B;
}
div.plan .plan_table.pc-on thead tr:first-of-type th, div.plan .plan_table.pc-on thead tr:first-of-type td {
  border-top: 2px solid #8B8B8B;
}
div.plan .plan_table.pc-on thead tr:last-of-type th, div.plan .plan_table.pc-on thead tr:last-of-type td {
  border-bottom: none;
}
div.plan .plan_table.pc-on tbody {
  border-right: 2px solid #8B8B8B;
}
div.plan .plan_table.pc-on tbody tr:last-of-type th, div.plan .plan_table.pc-on tbody tr:last-of-type td {
  border-bottom: 2px solid #8B8B8B;
}
div.plan .plan_table.pc-on tbody th a {
  color: #085DAE;
  text-decoration: underline;
}
div.plan .plan_table.pc-on th {
  border-left: 1px solid #B4B7BA;
  border-top: 1px solid #B4B7BA;
}
div.plan .plan_table.pc-on th:last-of-type {
  border-right: 1.5px solid #707070;
}
div.plan .plan_table.pc-on tr.bt2 th, div.plan .plan_table.pc-on tr.bt2 td {
  border-top: 1.5px solid #707070;
}
div.plan .plan_table.pc-on tr.bt2 th.bt1 {
  border-top: 1px solid #B4B7BA;
}
div.plan .plan_table.pc-on tr.bl3 th:first-of-type {
  border-left: 2px solid #8B8B8B;
}
div.plan .plan_table.pc-on td.bl2 {
  border-left: 1.5px solid #707070;
}
div.plan .plan_table.pc-on td.bl0 {
  border-left: none;
}
div.plan .plan_table.pc-on td {
  border-left: 1px solid #B4B7BA;
  border-top: 1px solid #B4B7BA;
}
div.plan .plan_table.pc-on thead td {
  padding: 16px 12px;
}
div.plan .plan_table.pc-on th {
  padding: 8px 16px;
}
div.plan .plan_table.pc-on td {
  min-width: 180px;
}
div.plan .plan_table.pc-on td .plan_more_btn {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  background: #041A45;
  border-radius: 4px;
  padding: 6px;
  height: 32px;
  line-height: 20px;
  max-width: 377px;
  width: 100%;
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
  text-decoration: none;
}
div.plan .plan_table.pc-on td .plan_more_btn.rental {
  width: 100%;
  max-width: 199px;
}
div.plan .plan_table.pc-on td dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 120px;
  margin: 0 auto;
}
div.plan .plan_table.pc-on td dl dt {
  width: 80px;
  margin-right: 25px;
  font-weight: normal;
  margin-bottom: 4px;
  text-align: left;
}
div.plan .plan_table.pc-on td dl dt a {
  color: #085DAE;
  text-decoration: underline;
}
div.plan .plan_table.pc-on td dl dd {
  width: calc(100% - 80px - 25px);
  font-size: 16px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  div.plan .plan_detail.sp-on {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border: 1px solid #B4B7BA;
    margin-bottom: 120px;
  }
  div.plan .plan_detail.sp-on li {
    padding: 12px;
  }
  div.plan .plan_detail.sp-on li .plan_more_btn {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    background: #041A45;
    border-radius: 4px;
    padding: 6px;
    height: 32px;
    line-height: 20px;
    width: 157px;
    text-align: center;
    margin-top: 8px;
  }
  div.plan .plan_detail.sp-on li:not(:first-of-type) {
    border-top: 1px solid #B4B7BA;
  }
  div.plan .plan_detail.sp-on li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100px;
    margin: 0 auto;
  }
  div.plan .plan_detail.sp-on li dl dt {
    width: 70px;
    margin-right: 12px;
    font-weight: normal;
  }
  div.plan .plan_detail.sp-on li dl dt a {
    color: #085DAE;
    text-decoration: underline;
  }
  div.plan .plan_detail.sp-on li dl dd {
    width: calc(100% - 70px - 12px);
    font-size: 16px;
  }
  div.plan .plan_detail.sp-on .flex .flex_item {
    width: 33%;
    border-top: 1px solid #B4B7BA;
  }
  div.plan .plan_detail.sp-on .flex .flex_item:not(:first-of-type) {
    border-left: 1px solid #B4B7BA;
  }
  div.plan .plan_detail.sp-on .flex.virtual .flex_item {
    width: 50%;
  }
}
div.plan .accordion:last-of-type {
  margin-bottom: 60px;
}
div.plan .accordion summary {
  font-size: 14px;
  position: relative;
  padding: 8px 16px;
  margin: 8px auto;
  color: #383838;
  border: 1px solid #041A45;
  border-radius: 5px;
  max-width: 250px;
  cursor: pointer;
}
div.plan .accordion summary::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(../image/ios-arrow-dropdown-circle.png);
  background-image: -webkit-image-set(url(../image/ios-arrow-dropdown-circle.png) 1x, url(../image/@2x/ios-arrow-dropdown-circle.png) 2x);
  background-image: image-set(url(../image/ios-arrow-dropdown-circle.png) 1x, url(../image/@2x/ios-arrow-dropdown-circle.png) 2x);
  position: absolute;
  right: 16px;
  top: 10px;
}
div.plan .accordion dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}
div.plan .accordion dl dt {
  width: 130px;
  padding: 8px 8px 8px 32px;
  font-weight: normal;
}
@media screen and (max-width: 500px) {
  div.plan .accordion dl dt {
    font-size: 12px;
  }
}
div.plan .accordion dl dt a.link {
  color: #085DAE;
  text-decoration: underline;
}
div.plan .accordion dl dd {
  width: calc(100% - 130px);
  padding: 8px 12px;
  padding-left: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 500px) {
  div.plan .accordion dl dd {
    font-size: 12px;
  }
}
div.plan .accordion dl dt:nth-of-type(2n+1), div.plan .accordion dl dd:nth-of-type(2n+1) {
  background: #eee;
}
div.plan .accordion dl p.sp-on {
  padding: 14px;
}

main.plan .inner {
  max-width: calc(1020px + 10%);
}
main.plan #detail {
  margin-top: 30px;
}
main.plan #detail .catch_wrap {
  padding-bottom: 40px;
  margin-top: 60px;
  margin-bottom: 40px;
  position: relative;
}

main.plan #detail .catch_wrap span {
  display: block;
  width: 100%;
  height: 1px;
  background: #041A45;
  margin-bottom: 20px;
}
main.plan #detail .catch_wrap p {
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  main.plan #detail .catch_wrap p {
    font-size: 14px;
  }
}
main.plan #detail ul.plan_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list {
    display: block;
  }
}
main.plan #detail ul.plan_list > li {
  display: inline-block;
  width: calc(33.3333333333% - 10.6666666667px);
  background: #E9ECF0;
  overflow: hidden;
  border-radius: 12px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list > li {
    text-align: left;
    width: 100%;
    margin-bottom: 24px;
  }
}
main.plan #detail ul.plan_list > li:not(:first-of-type) {
  margin-left: 16px;
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list > li:not(:first-of-type) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list > li .img_wrap {
    width: 45vw;
  }
}
@media screen and (max-width: 500px) {
  main.plan #detail ul.plan_list > li .img_wrap {
    width: 40vw;
  }
}
main.plan #detail ul.plan_list > li .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main.plan #detail ul.plan_list > li .text_wrap {
  padding: 20px 8px;
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list > li .text_wrap {
    padding: 20px 16px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
main.plan #detail ul.plan_list > li .text_wrap h3 {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  main.plan #detail ul.plan_list > li .text_wrap h3 {
    font-size: max(18px, 2vw);
  }
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list > li .text_wrap h3 {
    font-size: 18px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 500px) {
  main.plan #detail ul.plan_list > li .text_wrap h3 {
    font-size: 16px;
  }
}
main.plan #detail ul.plan_list > li .text_wrap ul.plan_name_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
main.plan #detail ul.plan_list > li .text_wrap ul.plan_name_list li {
  background: #041A45;
  margin-bottom: 8px;
  padding: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
main.plan #detail ul.plan_list > li .text_wrap ul.plan_name_list li span {
  font-size: 15px;
  display: inline-block;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  main.plan #detail ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: max(10px, 1.2510425354vw);
  }
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: min(15px, 3.4666666667vw);
  }
}
@media screen and (max-width: 500px) {
  main.plan #detail ul.plan_list > li .text_wrap ul.plan_name_list li span {
    font-size: 10px;
  }
}
main.plan #detail ul.plan_list > li .text_wrap ul.plan_name_list li span.spot {
  letter-spacing: -0.1em;
  white-space: nowrap;
}
main.plan #detail ul.plan_list > li .text_wrap p {
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  main.plan #detail ul.plan_list > li .text_wrap p {
    font-size: 11px;
  }
}
main.plan #detail ul.plan_list > li .link_wrap {
  border-radius: 0 0 12px 12px;
  background: #A3A6A8;
  text-align: center;
}
main.plan #detail ul.plan_list > li .link_wrap span {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding: 12px;
}
main.plan #detail div.plan {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  main.plan #detail div.plan .pdf {
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 14px;
    color: #fff;
    background: #182852;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  main.plan #detail div.plan .plan_detail.sp-on {
    margin-bottom: 24px;
  }
  main.plan #detail div.plan .plan_detail.sp-on.rental {
    background: #EFF7EC;
  }
  main.plan #detail div.plan .plan_detail.sp-on.coworking {
    background: #ECF3F7;
  }
  main.plan #detail div.plan .plan_detail.sp-on.virtual {
    background: #F1ECF7;
  }
  main.plan #detail div.plan .plan_detail.sp-on dd {
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  main.plan #detail div.plan .accordion_wrap.sp-on {
    margin-top: 40px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on .scroll_box {
    overflow-x: scroll;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table {
    width: 100%;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table .grid {
    display: grid;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table .tate {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-align: center;
    width: 25px;
    line-height: 25px;
    border-right: 1px solid #ccc;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table .rental {
    background: #EFF7EC;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table .coworking {
    background: #ECF3F7;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table .virtual {
    background: #F1ECF7;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table a.link {
    color: #085DAE;
    text-decoration: underline;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table thead tr {
    border-top: 1px solid #B4B7BA;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table thead tr th {
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    height: 54px;
    vertical-align: middle;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table thead tr th:not(:first-of-type) {
    border-left: 1px solid #B4B7BA;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table thead tr th:last-of-type {
    border-right: 1px solid #B4B7BA;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table thead tr th.slash-line {
    background: -webkit-linear-gradient(110deg, #fff 0%, #fff 49%, #ccc 49%, #ccc 51%, #fff 51%, #fff 100%);
    background: linear-gradient(-20deg, #fff 0%, #fff 49%, #ccc 49%, #ccc 51%, #fff 51%, #fff 100%);
    max-width: 130px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table thead tr.one_row th {
    height: 40px;
    line-height: 40px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table thead tr.one_row th.slash-line {
    background: -webkit-linear-gradient(106deg, #fff 0%, #fff 49%, #ccc 49%, #ccc 51%, #fff 51%, #fff 100%);
    background: linear-gradient(-16deg, #fff 0%, #fff 49%, #ccc 49%, #ccc 51%, #fff 51%, #fff 100%);
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr {
    border-top: 1px solid #B4B7BA;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr th {
    font-size: 12px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr th span:not(.tate) {
    height: 50px;
    width: 105px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 6px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr td {
    font-size: 12px;
    border-left: 1px solid #B4B7BA;
    vertical-align: middle;
    text-align: center;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr td:last-of-type {
    border-right: 1px solid #B4B7BA;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr td ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    height: 50px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr td ul li:nth-of-type(2), main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr td ul li:nth-of-type(3) {
    margin-top: -10px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr.coworking th span:nth-of-type(3), main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr.coworking th span:nth-of-type(4) {
    margin-top: -10px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on table tbody tr.virtual th span:nth-of-type(3) {
    margin-top: -10px;
  }
  main.plan #detail div.plan .accordion_wrap.sp-on .poa {
    position: absolute;
    padding: 20px 12px 0;
  }
}
main.plan #detail p.pc-on {
  font-size: 14px;
}

main.plan_common #detail {
  margin-top: 32px;
}
main.plan_common h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  main.plan_common h1 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
main.plan_common p {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  main.plan_common p {
    font-size: 14px;
  }
}
main.plan_common p.fz18 {
  font-size: 18px;
}
main.plan_common span.fz24 {
  font-size: 24px;
  font-weight: bold;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  main.plan_common span.fz24 {
    font-size: 16px;
    margin-left: 8px;
  }
}
main.plan_common span.bg_blue {
  background: #085DAE;
  color: #fff;
  border-radius: 100px;
  text-align: center;
}
main.plan_common a.bg_blue {
  background: #085DAE;
  color: #fff;
  border-radius: 12px;
  text-align: center;
}
main.plan_common a.btn {
  display: block;
  width: 284px;
  height: 40px;
  line-height: 40px;
  margin: 44px auto 0;
  color: #041A45;
  border: 1px solid #041A45;
  border-radius: 12px;
  padding: 0;
}
main.plan_common section.about {
  padding-top: 40px;
}
main.plan_common section.about span.bg_blue {
  font-size: 24px;
  font-weight: bold;
  padding: 10px 40px;
  margin: 0 auto 40px;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.plan_common section.about span.bg_blue {
    font-size: 14px;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 390px;
    padding: 10px 32px;
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.about span.bg_blue.pc-on {
    display: none;
  }
}
main.plan_common section.about span.bg_blue.sp-on {
  display: none;
}
@media screen and (max-width: 767px) {
  main.plan_common section.about span.bg_blue.sp-on {
    display: inline-block;
  }
}

main.plan_common section.about ul.about_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 60px;
  gap: 50px 15px;
}
@media screen and (max-width: 500px) {
  main.plan_common section.about ul.about_list {
    margin-top: 50px;
    gap: 30px;
  }
}
main.plan_common section.about ul.about_list li {
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 767px) {
  main.plan_common section.about ul.about_list li {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 500px) {
  main.plan_common section.about ul.about_list li {
    width: 100%;
  }
}
main.plan_common section.about ul.about_list li h3 {
  font-size: 18px;
  color: #fff;
  background: #041A45;
  text-align: center;
  padding: 12px 0;
}
@media screen and (max-width: 767px) {
  main.plan_common section.about ul.about_list li h3 {
    font-size: 16px;
  }
}
main.plan_common section.about ul.about_list li p {
  margin-top: 8px;
}
main.plan_common section.service ul.service_list, main.plan_common section.service ul.option_list, main.plan_common section.option ul.service_list, main.plan_common section.option ul.option_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px 12px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.service ul.service_list, main.plan_common section.service ul.option_list, main.plan_common section.option ul.service_list, main.plan_common section.option ul.option_list {
    gap: 16px 9px;
  }
}
main.plan_common section.service ul.service_list li, main.plan_common section.service ul.option_list li, main.plan_common section.option ul.service_list li, main.plan_common section.option ul.option_list li {
  width: 90.8px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.plan_common section.service ul.service_list li, main.plan_common section.service ul.option_list li, main.plan_common section.option ul.service_list li, main.plan_common section.option ul.option_list li {
    width: 70.3px;
  }
}
main.plan_common section.service ul.service_list li p, main.plan_common section.service ul.option_list li p, main.plan_common section.option ul.service_list li p, main.plan_common section.option ul.option_list li p {
  font-size: 12px;
  margin-top: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  main.plan_common section.service ul.service_list li p, main.plan_common section.service ul.option_list li p, main.plan_common section.option ul.service_list li p, main.plan_common section.option ul.option_list li p {
    font-size: 10px;
    margin-top: 5px;
  }
}
main.plan_common section.service ul.service_list li p .asterisk, main.plan_common section.service ul.option_list li p .asterisk, main.plan_common section.option ul.service_list li p .asterisk, main.plan_common section.option ul.option_list li p .asterisk {
  display: inline-block;
  font-size: 10px;
  margin-right: -10px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.service ul.service_list li p .asterisk, main.plan_common section.service ul.option_list li p .asterisk, main.plan_common section.option ul.service_list li p .asterisk, main.plan_common section.option ul.option_list li p .asterisk {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
main.plan_common section.service .text_wrap, main.plan_common section.option .text_wrap {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.plan_common section.service .text_wrap p, main.plan_common section.option .text_wrap p {
  font-size: 14px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.service .text_wrap p, main.plan_common section.option .text_wrap p {
    font-size: 12px;
  }
}
main.plan_common section.service {
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.service {
    padding-top: 40px;
  }
}
main.plan_common section.option {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.option {
    padding-top: 20px;
  }
}
main.plan_common section.cost ul.cost_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.cost ul.cost_list {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.cost ul.cost_list li {
    width: 390px;
    margin: 0 auto 20px;
    max-width: 100%;
  }
}
main.plan_common section.cost ul.cost_list li h3 {
  font-size: 18px;
  color: #fff;
  background: #041A45;
  background: -webkit-linear-gradient(335deg, #041A45 90%, transparent 0);
  background: linear-gradient(115deg, #041A45 90%, transparent 0);
  height: 44px;
  line-height: 44px;
  position: relative;
  padding: 0 16px;
  width: calc(100% - 32px);
}
@media screen and (max-width: 1199px) {
  main.plan_common section.cost ul.cost_list li h3 {
    font-size: 14px;
    padding: 0 8px;
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.cost ul.cost_list li h3 {
    background: -webkit-linear-gradient(315deg, #041A45 85%, transparent 0);
    background: linear-gradient(135deg, #041A45 85%, transparent 0);
    font-size: 18px;
    padding: 0 16px;
  }
}
main.plan_common section.cost ul.cost_list li img {
  margin-top: -44px;
}
main.plan_common section.cost ul.cost_list li p {
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.cost ul.cost_list li p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.cost ul.cost_list li p {
    margin-top: 10px;
  }
}
main.plan_common section.cost ul.cost_list li span.bg_blue {
  font-size: 16px;
  display: block;
  width: 284px;
  padding: 8px;
  margin: 20px auto 0;
  max-width: 100%;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.cost ul.cost_list li span.bg_blue {
    width: max(200px, 23.6864053378vw);
    padding: 8px 16px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.cost ul.cost_list li span.bg_blue {
    width: 284px;
    padding: 8px;
    margin-top: 10px;
  }
}
main.plan_common section.cost ul.cost_list li.plus_mark {
  width: 44px;
  margin-top: 100px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.cost ul.cost_list li.plus_mark {
    width: max(30px, 3.6697247706vw);
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.cost ul.cost_list li.plus_mark {
    width: 44px;
    margin-top: 0;
  }
}
main.plan_common section.cost ul.cost_list li.plus_mark img {
  width: 100%;
  margin-top: 0;
}
main.plan_common section.cost ul.cost_list li:not(.plus_mark) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
main.plan_common section.flow {
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.flow {
    padding-top: 40px;
  }
}
main.plan_common section.flow ul.flow_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.flow ul.flow_list {
    display: block;
    margin: 0 auto;
    max-width: 400px;
  }
}
main.plan_common section.flow ul.flow_list li {
  background: url(../image/@2x/flow_bg_img.png) center/contain no-repeat;
  width: calc(16.6666666667% + 16.6666666667px);
  height: 62px;
  line-height: 62px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.flow ul.flow_list li {
    background: #4C5573;
    width: 292px;
    max-width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    margin: 0 auto;
  }
}
main.plan_common section.flow ul.flow_list li:not(:first-of-type) {
  margin-left: -20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  main.plan_common section.flow ul.flow_list li:not(:first-of-type) {
    margin-left: auto;
    margin-top: 28px;
  }
  main.plan_common section.flow ul.flow_list li:not(:first-of-type)::before {
    content: "";
    display: block;
    width: 16.6px;
    height: 9.5px;
    background: url(../image/plan/Icon-arrow-down.png) center/contain no-repeat;
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
main.plan_common section.flow ul.flow_list .caption {
  position: absolute;
  right: 8%;
  bottom: -60px;
  width: 50%;
}
@media screen and (max-width: 767px) {
  main.plan_common section.flow ul.flow_list .caption {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 18px;
    right: 7%;
  }
}
@media screen and (max-width: 374px) {
  main.plan_common section.flow ul.flow_list .caption {
    right: 0%;
  }
}
main.plan_common section.flow ul.flow_list .caption::before {
  content: "";
  width: 100%;
  height: 17px;
  display: block;
  background: url(../image/plan/flow_line_pc.png) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  main.plan_common section.flow ul.flow_list .caption::before {
    background: url(../image/plan/flow_line_sp.png) center/contain no-repeat;
    width: 11px;
    height: 249px;
  }
}
main.plan_common section.flow ul.flow_list .caption p {
  font-size: 14px;
  margin-top: 8px;
  margin-left: -8px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.plan_common section.flow ul.flow_list .caption p {
    font-size: 12px;
    margin-left: 8px;
  }
}
main.plan_common section.flow > p {
  font-size: 14px;
}

main.plan_common section.price > p {
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.plan_common section.price > p:last-of-type {
    text-align: left;
  }
}
main.plan_common section.price .price_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  margin-top: 44px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.price .price_list {
    margin: 30px 0 40px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 4px;
  }
}
main.plan_common section.price .price_list li {
  text-align: center;
}
main.plan_common section.price .price_list li:nth-of-type(2) {
  margin-right: -15px;
  margin-left: -15px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.price .price_list li:nth-of-type(2) {
    margin-right: 0;
    margin-left: 0;
  }
}
main.plan_common section.price .price_list h3.price_title {
  font-size: 18px;
  color: #fff;
  background: #4C5573;
  border-radius: 8px;
  display: inline-block;
  width: 180px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.price .price_list h3.price_title {
    font-size: 14px;
    width: 100%;
    height: 48px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.price .price_list h3.price_title {
    font-size: 18px;
    width: 200px;
  }
}
main.plan_common section.price .price_list p {
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.price .price_list p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.price .price_list p {
    font-size: 14px;
  }
}
main.plan_common section.price .price_list .plus_mark {
  font-size: 40px;
  color: #041A45;
  line-height: 58px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.price .price_list .plus_mark {
    font-size: 30px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.price .price_list .plus_mark {
    font-size: 40px;
    line-height: 1;
    width: 100%;
    text-align: center;
  }
}
main.plan_common section.price .price_list .plus_mark:first-of-type {
  margin-left: -8px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.price .price_list .plus_mark:first-of-type {
    margin-left: 0;
  }
}
main.plan_common section.link {
  background: #E9ECF0;
  padding: 40px 56px;
}
main.plan_common section.link ul.link_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
main.plan_common section.link ul.link_list li {
  width: calc(33.3333333333% - 13.3333333333px);
}
main.plan_common section.link ul.link_list li a {
  height: 80px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background: #041A45;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.link ul.link_list li a {
    font-size: max(18px, 2.0016680567vw);
  }
}
main.plan_common section.link ul.link_list li a .mail_icon {
  width: 36px;
  margin-right: 8px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.link ul.link_list li a .mail_icon {
    width: max(27px, 3.0025020851vw);
  }
}
main.plan_common section.link ul.link_list li a .form_icon {
  width: 57px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.link ul.link_list li a .form_icon {
    width: max(42.75px, 4.7539616347vw);
  }
}
main.plan_common section.link ul.link_list li a .tel_icon {
  width: 23px;
  margin-right: 4px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.link ul.link_list li a .tel_icon {
    width: max(17.25px, 1.918265221vw);
  }
}
main.plan_common section.link ul.link_list li a span {
  font-size: 14px;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: -20px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.link ul.link_list li a span {
    font-size: max(12px, 1.1676396997vw);
  }
}

main.plan_common section.select_plan ul.select_plan_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  main.plan_common section.select_plan ul.select_plan_list {
    display: block;
    max-width: 390px;
    margin: 40px auto 30px;
  }
}
main.plan_common section.select_plan ul.select_plan_list li {
  border-radius: 8px;
  overflow: hidden;
  width: calc(33.3333333333% - 13.3333333333px);
}
@media screen and (max-width: 767px) {
  main.plan_common section.select_plan ul.select_plan_list li {
    margin-bottom: 25px;
    width: 100%;
  }
}
main.plan_common section.select_plan ul.select_plan_list li .top {
  background: #85BDDD;
  padding: 20px 10px 15px;
  text-align: center;
}
main.plan_common section.select_plan ul.select_plan_list li .top h3 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
main.plan_common section.select_plan ul.select_plan_list li .top p {
  font-size: 18px;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.select_plan ul.select_plan_list li .top p {
    font-size: max(16px, 1.5012510425vw);
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.select_plan ul.select_plan_list li .top p {
    font-size: 18px;
  }
}
main.plan_common section.select_plan ul.select_plan_list li .top span.yen {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  vertical-align: -4px;
}
main.plan_common section.select_plan ul.select_plan_list li .top span.asterisk {
  font-size: 16px;
  color: #fff;
  vertical-align: 10px;
}
main.plan_common section.select_plan ul.select_plan_list li .top a.bg_blue {
  font-size: 18px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  main.plan_common section.select_plan ul.select_plan_list li .top a.bg_blue {
    width: 242px;
  }
}
main.plan_common section.select_plan ul.select_plan_list li .bottom {
  background: #ECF3F7;
  padding: 35px 35px 40px 30px;
}
main.plan_common section.select_plan ul.select_plan_list li .bottom dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
main.plan_common section.select_plan ul.select_plan_list li .bottom dl dt {
  font-size: 16px;
  font-weight: normal;
  width: calc(100% - 16px);
}
@media screen and (max-width: 1199px) {
  main.plan_common section.select_plan ul.select_plan_list li .bottom dl dt {
    font-size: max(13px, 1.3344453711vw);
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.select_plan ul.select_plan_list li .bottom dl dt {
    font-size: 16px;
  }
}
main.plan_common section.select_plan ul.select_plan_list li .bottom dl dd {
  font-size: 16px;
  color: #085DAE;
  width: 16px;
}
@media screen and (max-width: 1199px) {
  main.plan_common section.select_plan ul.select_plan_list li .bottom dl dd {
    font-size: max(13px, 1.3344453711vw);
  }
}
@media screen and (max-width: 767px) {
  main.plan_common section.select_plan ul.select_plan_list li .bottom dl dd {
    font-size: 16px;
  }
}
main.plan_common section.select_plan p.dib {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 4px;
}
main.plan_common section.select_plan p.dib span.blue {
  color: #085DAE;
}

@media screen and (max-width: 767px) {
  main.plan_rental section.about span.bg_blue {
    max-width: 317px;
  }
}

@media screen and (max-width: 767px) {
  main.plan_cowroking section.option {
    padding-top: 40px;
  }
}
main.plan_cowroking section.option ul.option_list {
  margin: 35px auto 0;
  max-width: 710px;
}
@media screen and (max-width: 767px) {
  main.plan_cowroking section.option ul.option_list {
    margin-top: 0;
  }
}
main.plan_cowroking section.flow p.caption_02 {
  position: absolute;
  bottom: -40px;
  left: -8px;
}
main.plan_cowroking section.flow .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  main.plan_cowroking section.flow .flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  main.plan_cowroking section.flow .flex p {
    text-align: center;
  }
}
main.plan_cowroking section.flow .flex a.bg_blue {
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  margin-left: 4px;
}
@media screen and (max-width: 767px) {
  main.plan_cowroking section.flow .flex a.bg_blue {
    margin-top: 15px;
  }
}
main.plan_cowroking section.price .price_list li:nth-of-type(2) {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
@media screen and (max-width: 1199px) {
  main.plan_cowroking section.price .price_list h3.price_title {
    width: 180px !important;
  }
}

main.plan_virtual section.select_plan ul.select_plan_list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.plan_virtual section.select_plan ul.select_plan_list li {
  width: 328px;
}
@media screen and (max-width: 767px) {
  main.plan_virtual section.select_plan ul.select_plan_list li {
    width: 390px;
    max-width: 100%;
  }
}
main.plan_virtual section.select_plan ul.select_plan_list li span.border {
  font-size: 14px;
  color: #fff;
  border-radius: 8px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  padding: 0 6px 2px;
  display: inline-block;
  margin-right: 4px;
}
main.plan_virtual section.select_plan ul.select_plan_list li .top span.asterisk {
  font-size: 12px;
}
main.plan_virtual section.select_plan div.center {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  main.plan_virtual section.select_plan div.center {
    max-width: 500px;
  }
}
main.plan_virtual section.select_plan div.center p.dib {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  main.plan_virtual section.select_plan div.center p.dib {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  main.plan_virtual section.option {
    padding-top: 40px;
  }
}
main.plan_virtual section.option ul.option_list {
  margin: 35px auto 0;
}
@media screen and (max-width: 767px) {
  main.plan_virtual section.option ul.option_list {
    margin-top: 0;
  }
}
main.plan_virtual section.option div.center {
  margin-top: 35px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.plan_virtual section.option div.center {
    margin-top: 25px;
    text-align: left;
  }
}
main.plan_virtual section.option div.center p.dib {
  font-size: 14px;
  display: inline-block;
}
main.plan_virtual section.flow ul.flow_list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.plan_virtual section.flow ul.flow_list .caption {
  right: 17%;
}
@media screen and (max-width: 767px) {
  main.plan_virtual section.flow ul.flow_list .caption {
    right: 7%;
  }
}
@media screen and (max-width: 374px) {
  main.plan_virtual section.flow ul.flow_list .caption {
    right: 0%;
  }
}

main.plan_virtual section.price .price_list li:nth-of-type(2) {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
@media screen and (max-width: 1199px) {
  main.plan_virtual section.price .price_list h3.price_title {
    width: 180px !important;
  }
}
main.plan_virtual section.price .price_list .plus_mark:first-of-type {
  margin-left: 0px !important;
}
main.plan_virtual section.price div.center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.plan_virtual section.price div.center {
    text-align: left;
  }
}
main.plan_virtual section.price div.center p.dib {
  font-size: 14px;
  display: inline-block;
}

main h1 {
  font-size: 32px;
  font-weight: bold;
  margin-top: 30px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  main h1 {
    font-size: 24px;
  }
}


main.flow a.bg_blue {
  background: #085DAE;
  color: #fff;
  border-radius: 12px;
  text-align: center;
  display: inline-block;
}
main.flow p {
  line-height: 1.7;
}
main.flow div.download {
  margin-top: 75px;
}
@media screen and (max-width: 767px) {
  main.flow div.download {
    margin-top: 55px;
  }
}
main.flow div.download p {
  font-size: 16px;
}
main.flow div.download a.bg_blue {
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 15px auto 25px;
}
main.flow section.flow h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  main.flow section.flow h3 {
    text-align: center;
    margin: 35px auto 25px;
  }
}
main.flow section.flow ul.flow_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
  main.flow section.flow ul.flow_list {
    display: block;
    margin: 0 auto 70px;
    max-width: 400px;
  }
}
main.flow section.flow ul.flow_list li {
  background: url(../image/@2x/flow_bg_img.png) center/contain no-repeat;
  width: calc(16.6666666667% + 16.6666666667px);
  height: 62px;
  line-height: 62px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  main.flow section.flow ul.flow_list li {
    background: #4C5573;
    width: 292px;
    max-width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    margin: 0 auto;
  }
}
main.flow section.flow ul.flow_list li:not(:first-of-type) {
  margin-left: -20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  main.flow section.flow ul.flow_list li:not(:first-of-type) {
    margin-left: auto;
    margin-top: 28px;
  }
  main.flow section.flow ul.flow_list li:not(:first-of-type)::before {
    content: "";
    display: block;
    width: 16.6px;
    height: 9.5px;
    background: url(../image/plan/Icon-arrow-down.png) center/contain no-repeat;
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
main.flow section.flow ul.flow_list .caption {
  position: absolute;
  right: 8%;
  bottom: -60px;
  width: 50%;
}
@media screen and (max-width: 767px) {
  main.flow section.flow ul.flow_list .caption {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 18px;
    right: 7%;
  }
}
@media screen and (max-width: 374px) {
  main.flow section.flow ul.flow_list .caption {
    right: 0%;
  }
}
main.flow section.flow ul.flow_list .caption::before {
  content: "";
  width: 100%;
  height: 17px;
  display: block;
  background: url(../image/plan/flow_line_pc.png) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  main.flow section.flow ul.flow_list .caption::before {
    background: url(../image/plan/flow_line_sp.png) center/contain no-repeat;
    width: 11px;
    height: 249px;
  }
}
main.flow section.flow ul.flow_list .caption p {
  font-size: 14px;
  margin-top: 8px;
  margin-left: -8px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.flow section.flow ul.flow_list .caption p {
    font-size: 12px;
    margin-left: 8px;
  }
}
main.flow section.flow ul.flow_list_virtual {
  margin-bottom: 110px;
}
@media screen and (max-width: 767px) {
  main.flow section.flow ul.flow_list_virtual {
    margin-bottom: 55px;
  }
}
main.flow section.flow ul.flow_list_virtual .caption {
  position: absolute;
  right: 24%;
}
@media screen and (max-width: 767px) {
  main.flow section.flow ul.flow_list_virtual .caption {
    right: 5%;
  }
}
@media screen and (max-width: 374px) {
  main.flow section.flow ul.flow_list_virtual .caption {
    right: 0%;
  }
}
main.flow section.step {
  padding-top: 0;
  padding-bottom: 115px;
}
main.flow section.step h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  main.flow section.step h3 {
    margin-bottom: 18px;
  }
}
main.flow section.step .step_wrap {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  main.flow section.step .step_wrap {
    margin-top: 60px;
  }
}
main.flow section.step ul.step_link {
  margin-top: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  main.flow section.step ul.step_link {
    display: none;
  }
}
main.flow section.step ul.step_link li {
  width: calc(25% - 12px);
  height: 72px;
  border-radius: 8px;
  border: 1px solid #B4B7BA;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
main.flow section.step ul.step_link li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
main.flow section.step ul.step_link li.tel a {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
main.flow section.step ul.step_link li.tel a img {
  width: 18px;
  margin-right: 4px;
}
main.flow section.step ul.step_link li.tel a span {
  display: block;
  width: 100%;
  font-size: 11px;
  font-weight: normal;
  margin-top: -20px;
}
main.flow section.step div.btn_wrap {
  text-align: center;
}
@media screen and (max-width: 767px) {
  main.flow section.step div.btn_wrap {
    text-align: left;
  }
}
main.flow section.step div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 70px;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  main.flow section.step div.flex {
    display: block;
    margin-bottom: 50px;
  }
}
main.flow section.step .form_btn {
  display: inline-block;
  width: 242px;
  height: 72px;
  line-height: 72px;
  font-size: 20px;
  font-weight: bold;
  background: #4C5572;
  border-radius: 8px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  main.flow section.step .form_btn {
    margin: 8px auto 0;
  }
}
main.flow section.step .form_btn img {
  width: 49px;
  margin-right: 4px;
}
main.flow section.step div.download {
  margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
  main.flow section.step div.download {
    margin-bottom: 55px;
  }
}
main.flow section.step ul.shorui_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6%;
}
@media screen and (max-width: 767px) {
  main.flow section.step ul.shorui_list {
    display: block;
  }
}
main.flow section.step ul.shorui_list li {
  width: 47%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #B4B7BA;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  main.flow section.step ul.shorui_list li {
    width: 100%;
    max-width: 390px;
    margin: 0 auto 30px;
  }
}
main.flow section.step ul.shorui_list li h4 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #E9ECF0;
  padding: 12px;
  border-bottom: 1px solid #B4B7BA;
}
main.flow section.step ul.shorui_list li .shorui_wrap {
  padding: 30px 25px;
}
main.flow section.step ul.shorui_list li .shorui_wrap .red {
  color: #D7092F;
}
main.flow section.step h3.tetsuzuki {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  main.flow section.step h3.shorui {
    width: 100%;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
}
main.flow section.step h3.sinsa {
  margin-top: 45px;
}
main.flow section.step .keiyaku_wrap {
  background: #E9ECF0;
  border-radius: 8px;
  padding: 32px 24px;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  main.flow section.step .keiyaku_wrap {
    padding: 32px 12px;
  }
}
main.flow section.step .keiyaku_wrap p {
  padding-left: 1em;
  text-indent: -1em;
}

main.question section.question div.question_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #E9ECF0;
  border-radius: 8px;
  padding: 56px 12.8% 64px;
  gap: 9.8%;
}
@media screen and (max-width: 767px) {
  main.question section.question div.question_link {
    display: block;
    padding: 24px 24px 32px;
  }
}
main.question section.question div.question_link ul.question_list {
  width: 45.1%;
}
@media screen and (max-width: 767px) {
  main.question section.question div.question_link ul.question_list {
    width: 100%;
  }
}
main.question section.question div.question_link ul.question_list li {
  border-bottom: 1px solid #B4B7BA;
  padding: 12px 0;
}
main.question section.question div.question_link ul.question_list li a {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  main.question section.question div.question_link ul.question_list li a {
    font-size: 16px;
  }
}
main.question section.question div.question_item {
  padding-top: 80px;
}

main.question section.question div.question_item ul.question_item_list li {
  border-bottom: 1px solid #B4B7BA;
  padding-top: 15px;
}
main.question section.question div.question_item ul.question_item_list li .accordion-label {
  cursor: pointer;
  font-weight: bold;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 16px;
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  main.question section.question div.question_item ul.question_item_list li .accordion-label {
    font-size: 14px;
  }
}
main.question section.question div.question_item ul.question_item_list li .accordion-label::after {
  content: "+";
  position: absolute;
  top: -5px;
  right: 20px;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  main.question section.question div.question_item ul.question_item_list li .accordion-label::after {
    top: -7px;
  }
}
main.question section.question div.question_item ul.question_item_list li .accordion-label.active::after {
  content: "−";
}
main.question section.question div.question_item ul.question_item_list li .accordion {
  display: none;
  padding: 32px 24px;
  background: #E9ECF0;
  border-radius: 8px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  main.question section.question div.question_item ul.question_item_list li .accordion {
    padding: 24px 16px;
  }
}
main.question section.question div.question_item ul.question_item_list li .accordion.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
main.question section.question div.question_item ul.question_item_list li .accordion span {
  font-size: 18px;
  color: #259DBA;
  font-weight: bold;
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  main.question section.question div.question_item ul.question_item_list li .accordion span {
    font-size: 16px;
    margin-right: 8px;
  }
}
main.question section.question div.question_item ul.question_item_list li .accordion p {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  main.question section.question div.question_item ul.question_item_list li .accordion p {
    font-size: 14px;
  }
}
main.question section.question div.question_item ul.question_item_list li .accordion a.red {
  color: #D7092F;
  text-decoration: underline;
}

main.service h1 {
  margin-bottom: 40px;
}
main.service p.fz16 {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  main.service p.fz16 {
    font-size: 14px;
  }
}
main.service section.service ul.service_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 30px;
}
main.service section.service ul.service_list li {
  width: calc(50% - 15px);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #B4B7BA;
}
@media screen and (max-width: 767px) {
  main.service section.service ul.service_list li {
    width: 100%;
  }
}

main.service section.service ul.service_list li .text_wrap {
  padding: 22px 16px 22px 24px;
}
@media screen and (max-width: 767px) {
  main.service section.service ul.service_list li .text_wrap {
    padding: 22px 16px;
  }
}
main.service section.service ul.service_list li .text_wrap h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  main.service section.service ul.service_list li .text_wrap h3 {
    font-size: 14px;
  }
}
main.service section.service ul.service_list li .text_wrap p {
  font-size: 14px;
  line-height: 24px;
}

main.form h1 {
  margin-bottom: 40px;
}
main.form p.fz16 {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  main.form p.fz16 {
    font-size: 14px;
  }
}
main.form section.form_link {
  padding: 0;
}
main.form ul.form_link_list {
  margin-top: 70px;
  margin-bottom: 550px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15.3%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 500px) {
  main.form ul.form_link_list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 300px;
  }
}
main.form ul.form_link_list li {
  width: 280px;
  position: relative;
}
@media screen and (max-width: 767px) {
  main.form ul.form_link_list li {
    width: 42.35%;
    max-width: 280px;
  }
}
@media screen and (max-width: 500px) {
  main.form ul.form_link_list li {
    width: 280px;
  }
}
main.form ul.form_link_list li a {
  display: inline-block;
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  border-radius: 8px;
  background: #041A45;
  color: #fff;
  position: relative;
}
main.form ul.form_link_list li a img {
  width: 9.88px;
  position: absolute;
  top: 52%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
main.form ul.form_link_list li p {
  width: 120%;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: 94px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  main.form ul.form_link_list li p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1199px) {
  main.form ul.form_link_list.kaiin {
    gap: max(10%, 1.2760633862vw);
  }
}
@media screen and (max-width: 500px) {
  main.form ul.form_link_list.kaiin {
    gap: 60px;
  }
}
main.form section.step ul.step_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  main.form section.step ul.step_list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media screen and (max-width: 500px) {
  main.form section.step ul.step_list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  main.form section.step ul.step_list::before, main.form section.step ul.step_list::after {
    content: "";
    width: 100px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
main.form section.step ul.step_list li {
  width: calc(16.6666666667% - 12.5px);
  text-align: center;
  padding: 10px 15px 24px;
  background: #E9ECF0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  main.form section.step ul.step_list li {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  main.form section.step ul.step_list li {
    width: 100px;
    min-height: 118px;
  }
}
main.form section.step ul.step_list li:not(:last-of-type)::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: -13px;
  width: 0;
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 16px solid #E9ECF0;
}
main.form section.step ul.step_list li span {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #041A45;
}
@media screen and (max-width: 1199px) {
  main.form section.step ul.step_list li span {
    font-size: max(14px, 1.5012510425vw);
  }
}

main.form section.step ul.step_list li p {
  font-size: 16px;
  color: #041A45;
}
@media screen and (max-width: 1199px) {
  main.form section.step ul.step_list li p {
    font-size: max(12px, 1.3344453711vw);
  }
}
main.form section.step ul.step_list li.active {
  background: #041A45;
}
main.form section.step ul.step_list li.active::after {
  border-left: 16px solid #041A45;
}


main.page h1 {
  margin-bottom: 40px;
}
main.page p.fz16 {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  main.page p.fz16 {
    font-size: 14px;
  }
}
main.page .img_wrap {
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  main.page .img_wrap {
    margin-top: 40px;
  }
}
main.page section.rental {
  padding-top: 40px;
}

main.page section.rental p {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  main.page section.rental p {
    font-size: 14px;
  }
}
main.page section.rental .merit {
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  main.page section.rental .merit {
    margin-top: 40px;
  }
}
main.page section.rental .btn_wrap {
  text-align: center;
}
main.page section.rental a.form_btn {
  display: inline-block;
  width: 280px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  border-radius: 8px;
  background: #041A45;
  color: #fff;
  position: relative;
  margin: 60px auto;
}
main.page section.rental a.form_btn img {
  width: 9.88px;
  position: absolute;
  top: 52%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
main.page section.boshiho {
  padding: 0;
}
main.page section.boshiho ul {
  margin-bottom: 150px;
}
@media screen and (max-width: 767px) {
  main.page section.boshiho ul {
    margin-bottom: 100px;
  }
}
main.page section.boshiho ul li {
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  main.page section.boshiho ul li {
    margin-top: 60px;
  }
}

main.page section.boshiho ul li p {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  main.page section.boshiho ul li p {
    font-size: 14px;
  }
}
main.page section.boshiho ul li a.red {
  color: #D7092F;
  text-decoration: underline;
}
main.page section.dl_Wrap {
  padding-bottom: 20px;
  padding-top: 0;
}
main.page section.dl_Wrap dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
main.page section.dl_Wrap dl dt {
  font-size: 16px;
  background: #E9ECF0;
  width: 242px;
  padding: 12px;
  font-weight: normal;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  main.page section.dl_Wrap dl dt {
    font-size: 14px;
    width: 100px;
  }
}
main.page section.dl_Wrap dl dd {
  font-size: 16px;
  background: #fff;
  width: calc(100% - 242px);
  padding: 12px 22px;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  main.page section.dl_Wrap dl dd {
    font-size: 14px;
    width: calc(100% - 100px);
    padding: 12px 16px;
  }
}
main.page section.dl_Wrap dl dd a {
  text-decoration: underline;
}
main.page section.group_link {
  margin-bottom: 100px;
}

main.page section.group_link ul.group_link_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 32px;
}
main.page section.group_link ul.group_link_list li a {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  main.page section.group_link ul.group_link_list li a {
    font-size: 14px;
  }
}

.news .post {
  max-width: 800px;
  margin: 0 auto;
}
.news .post time {
  color: #838383;
  font-size: 12px;
  line-height: 2;
}
.news .post h3 {
  font-size: 16px;
  margin-bottom: 16px;
}
.news .post h3 img {
  vertical-align: 0;
  margin-right: 8px;
  margin-bottom: 0;
}
.news .post p {
  font-size: 14px;
  margin-bottom: 8px;
}
.news .post img {
  margin-bottom: 8px;
}

footer {
  background: none;
}
footer .footer_office {
  background: #E9ECF0;
  padding-top: 64px;
  padding-bottom: 56px;
}
@media screen and (max-width: 500px) {
  footer .footer_office {
    padding-top: 28px;
  }
}
footer .footer_office h2 {
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  footer .footer_office h2 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
footer .footer_office h3 {
  font-size: 16px;
  font-weight: bold;
  margin-right: 36px;
  white-space: nowrap;
  min-width: 150px;
}
@media screen and (max-width: 767px) {
  footer .footer_office h3 {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 500px) {
  footer .footer_office .all_access .flex {
    display: block;
  }
}
footer .footer_office ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  footer .footer_office ul {
    gap: 4px 8px;
  }
}
footer .footer_office .all_access {
  margin-bottom: 40px;
}
footer .footer_office .all_access .all_access_list {
  margin-bottom: 24px;
}
footer .footer_office .all_access .all_access_list li a {
  font-size: 14px;
}
footer .footer_office .area {
  margin-bottom: 32px;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports not (translate: none) {
    footer .footer_office .area .area_list li {
      margin-right: 8px;
      margin-bottom: 8px;
    }
  }
}
footer .footer_office .area .area_list li a {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  footer .footer_office .area .area_list li a {
    font-size: 12px;
  }
}
footer .footer_office ul.banner_list {
  gap: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  footer .footer_office ul.banner_list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 767px) {
  footer .footer_office ul.banner_list li a img {
     max-width: 242px;
    max-width: none;
  }
}
footer .footer_nav {
  padding: 40px 0 20px;
  background: #B4B7BA;
}
@media screen and (max-width: 767px) {
  footer .footer_nav {
    padding-bottom: 64px;
  }
}
footer .footer_nav .flex {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  footer .footer_nav .flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
footer .footer_nav .flex .flex_right .footer_nav_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  footer .footer_nav .flex .flex_right .footer_nav_list {
    gap: 42px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 374px) {
  footer .footer_nav .flex .flex_right .footer_nav_list {
    gap: 24px;
  }
}
footer .footer_nav .flex .flex_right .footer_nav_list::before, footer .footer_nav .flex .flex_right .footer_nav_list::after {
  display: block;
}
@media screen and (max-width: 767px) {
  footer .footer_nav .flex .flex_right .footer_nav_list::before, footer .footer_nav .flex .flex_right .footer_nav_list::after {
    content: "";
     max-width: 150px;
  }
}
@media screen and (max-width: 374px) {
  footer .footer_nav .flex .flex_right .footer_nav_list::before, footer .footer_nav .flex .flex_right .footer_nav_list::after {
    width: 130px;
  }
}
footer .footer_nav .flex .flex_right .footer_nav_list::before {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 767px) {
  footer .footer_nav .flex .flex_right .footer_nav_list > li {
     max-width: 150px;
  }
}
@media screen and (max-width: 374px) {
  footer .footer_nav .flex .flex_right .footer_nav_list > li {
     max-width: 130px;
  }
}
footer .footer_nav .flex .flex_right .footer_nav_list > li:first-of-type h3 {
  margin-right: 60px;
}
@media screen and (max-width: 767px) {
  footer .footer_nav .flex .flex_right .footer_nav_list > li:first-of-type h3 {
    margin-right: 0;
  }
}
footer .footer_nav .flex .flex_right .footer_nav_list > li h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  footer .footer_nav .flex .flex_right .footer_nav_list > li h3 {
    margin-right: 0;
  }
}
@media screen and (max-width: 374px) {
  footer .footer_nav .flex .flex_right .footer_nav_list > li h3 {
    font-size: 14px;
  }
}
footer .footer_nav .flex .flex_right .footer_nav_list > li ul li {
  font-size: 14px;
  margin-bottom: 12px;
}
@media screen and (max-width: 374px) {
  footer .footer_nav .flex .flex_right .footer_nav_list > li ul li {
    font-size: 12px;
  }
}
footer .footer_nav .footer_nav_list_sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px 24px;
  margin-bottom: 20px;
}
footer .footer_nav .footer_nav_list_sub li a {
  font-size: 12px;
}
@media screen and (max-width: 374px) {
  footer .footer_nav .footer_nav_list_sub li a {
    font-size: 11px;
  }
}
footer .footer_logo_wrap {
  text-align: center;
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  footer .footer_logo_wrap {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-right: auto;
  }
}
footer .footer_logo_wrap img {
  margin-bottom: 10px;
}
footer .footer_logo_wrap a {
  display: block;
  font-size: 20px;
  font-weight: bold;
}
footer .footer_logo_wrap span {
  display: block;
  font-size: 11px;
  color: #383838;
}
@media screen and (max-width: 767px) {
  footer .footer_logo_wrap.sp-on {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
footer copy {
  font-size: 1px;
  display: block;
  text-align: center;
}

.footer_fixed_nav {
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  width: 100%;
}
.footer_fixed_nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.footer_fixed_nav ul li {
  width: 33.3%;
  text-align: center;
  margin-bottom: 5px;
}
.footer_fixed_nav ul li a {
  display: block;
  font-size: 14px;
  height: 43px;
  line-height: 43px;
  color: #fff;
  text-align: center;
}
.footer_fixed_nav ul li a img {
  display: block;
  margin: 0 auto 4px;
}
.footer_fixed_nav ul li:nth-of-type(1) {
  background: #1E71BA;
  border-radius: 30px; 
  margin-left: 0.5%; 
}
.footer_fixed_nav ul li:nth-of-type(2) {
  background: #1E9D9B;
  border-radius: 30px; 
  margin-left: 0.5%; 
}
.footer_fixed_nav ul li:nth-of-type(3) {
  background: #1AAC81;
  border-radius: 30px; 
  margin-left: 0.5%; 
  margin-right: 0.5%; 
}
/*------------------------------ 
content (main)
---------------------------- */
.ly_cont {
    max-width: 960px;
    padding: 10px 15px;
    margin-right: auto;
    margin-left: auto;
}
.ly_cont.ly_cont__col {
    display: flex;
    justify-content: space-between;
}
.ly_cont_main {
    flex: 1;
    margin-right: 3.25203%;
}
.ly_cont_side {
    flex: 0 0 30%;
}

@media screen and (max-width:768px) {
    .ly_cont.ly_cont__col {
        flex-direction: column;
    }
    .ly_cont_main {
        margin-right: 0;
        margin-left: 0;
    }
    .ly_cont_side {
        margin-top: 30px;
    }
}

/* カード */

.bl_card_imgWrapper {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.bl_card_imgWrapper > img {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    transition: .3s;
}
.bl_card_imgWrapper > img:focus,
.bl_card_imgWrapper > img:hover {
    opacity: .5;
}
.bl_card_body {
  padding:20px 17px 20px 20px;
    background-color: #fff;
    color: #222;
    margin-bottom: 10px;
} 

@media screen and (max-width: 767px) {
.bl_card {
  padding: 3px;
} 
}


.bl_card_body > *:last-child {
    margin-bottom: 0;
}
.bl_card_ttl {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.235rem;
    font-weight: bold;
}
.bl_card_txt {
    margin-top: 5px;
    margin-bottom: 0;
    height: 50px;
}
@media screen and (max-width: 767px) {
.bl_card_txt {
    height: 80px;
}
}


.bl_card_ttl,
.bl_card_txt,
.entry-date {
    color: #222 ;
    pointer-events: none;
}
.entry-date {
    font-size: .9rem;
}
.exce-read {
    color: #0069ff;
    text-decoration: underline;
}

.bl_cardUnit {
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    padding-top: 20px;
}
.bl_cardUnit.bl_cardUnit__col3 {
    margin-bottom: -30px;
}

/* ↓↓↓↓各カードに対する指定↓↓↓↓ */
.bl_cardUnit__col3 > .bl_card {
    width: calc((100% - 20px * 1) / 2);
}
.bl_cardUnit__col3 > .bl_card:nth-of-type(2n) {
    margin-left: 20px;
}
.bl_cardUnit__col3 > .bl_card:nth-of-type(n+3) {
    margin-top: 20px;
}
.bl_cardUnit__col4 > .bl_card {
    width: 31.707%;
    height: 500px;
    margin-right: 1.43902%;
    margin-bottom: 30px;
}
.bl_cardUnit__col4 {
    max-width: none;
    justify-content: none;
}


@media screen and (max-width: 767px) {
    .bl_cardUnit {
      flex-direction: column;
        display: block;
    }
    .bl_cardUnit > .bl_card {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .bl_cardUnit__col3 > .bl_card:nth-of-type(2n) {
        margin-left: 0;
    }
    .bl_cardUnit__col3 > .bl_card:nth-of-type(n+3) {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .bl_cardUnit.bl_cardUnit__col4 {
        margin-bottom: -20px;
    }
    .bl_cardUnit__col4 > .bl_card {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
}

/*------------------------------ 
ページャー
---------------------------- */
.pagination {
    display: flex;
    overflow: auto;
    margin-top: 50px;
}
.nav-links {
    margin-right: auto;
    margin-left: auto;
}
.page-numbers {
    display: flex;
    margin-right: auto;
    margin-left: auto;
}
.page-numbers > *:last-child {
    margin: 0;
}
.page-numbers > li {
    margin-right: 15px;
}
.page-numbers li a {
    display: flex;
    align-items: center;
    justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin: 0 8px 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
    text-decoration: none;
    transition: .25s;
}
.page-numbers li a:focus,
.page-numbers li a:hover {
  border: 1px solid #182852;
  background-color: #182852;
}
.current{
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin: 0 8px 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
    text-decoration: none;
    transition: .25s;
}





---------------------------- */

.navigation .nav-btn, .navigation .nav-btn_pc {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 8px 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}
.navigation .nav-btn.active, .navigation .nav-btn_pc.active {
  border: 1px solid #182852;
  background-color: #182852;
}
.navigation.pc-on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}


---------------------------- */


/*------------------------------ 
aside
---------------------------- */


/* ↓↓↓↓↓↓サイドバー見出し↓↓↓↓↓↓ */
  aside section .widget-title {
   background: #041A45; 
  height: 50px;
    line-height: 50px;
  color: #fff;
  margin-top: -60px;
  }

  aside section:last-child {
    background: #fff;
    margin-bottom: 0;
  }
  section > * {
    padding-right: 8px;
    padding-left: 8px;
    background: #000;
  }
.bl_media {
    display: flex;
    align-items: center;
    transition: 0.3s;
}
.recent-posts article {
  padding-bottom: 10px;
    margin-top: 10px;
  border-bottom: 1px solid #222;
}
.recent-posts article:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.recent-posts article:first-child {
  margin-top: 0;
        margin: 30px;
}
.bl_media_imgWrapper {
    flex: 1;
    margin-right: 3.33333%;
    overflow: hidden;
}
.bl_media_imgWrapper > img {
    width: 100%;
  height: auto !important;
  overflow: hidden;
}
.bl_media_body {
    flex: 1;
}
.bl_media_body p,
p.post-time {
    margin-top: 0;
    margin-bottom: 0;    
    font-size: 0.76rem;
}
.bl_media-ttl {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;    
    margin-right: 3.33333%;
}
.flex-container {
    text-decoration: none;

}
.bl_media:focus,
.bl_media:hover {
    opacity: .8;
}



  /* サイドバーカテゴリーエリア */
  aside section ul .cat-item {
    padding-bottom: 10px;
      margin-top: 10px;
    border-bottom: 1px solid #222;
  }
  aside section ul .cat-item:first-child {
    margin-top: 100;
  }
  aside section ul .cat-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  aside section ul li {
    list-style: none;
  }




/*------------------------------ 
ページャー
---------------------------- */
.flex-parent {
  width:100%;
  height:auto;
  display:flex;
  justify-content:space-around; /* これを指定 */
}
.flex-child {
  width:50%;  /* 子要素の幅 */
  height:auto;
}

@media screen and (max-width: 767px) {
.flex-parent {
  display: block;
}
}


    .column_flex{
      display: flex;
      flex-wrap: wrap;
        text-align: center;
    }
    .column_item{
      width:44%;
      height:50px;
      margin: 20px;
      background-color: #fff;
        display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  border: 1px solid #cccccc; 
  border-radius: 3px;
  box-shadow: 4px 3px 7px -2px rgba(0, 0, 0, 0.4);
    }

    .column_item p{
  line-height: 50px;
}

@media screen and (max-width: 767px) {
.column_flex
 {
      display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
}
}

@media screen and (max-width: 767px) {
    .column_item{
      width:43%;
      margin: 11px;
    }
}


.tokucho_up {
width: 720px;
  margin-bottom: 100px;
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .tokucho_up {
width: auto;

  }
}



.tokucho_up h2 {
  font-size: 24px;
}
.tokucho_up ul.tokucho_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  margin-bottom: 40px;
}
.tokucho_up ul.tokucho_list li {
  margin-right: 24px;
  width: 350px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  .tokucho_up ul.tokucho_list li {
     max-width: 600px;
    margin-right: 8px;
  }
}
.tokucho_up ul.tokucho_list li img {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}
.tokucho_up ul.tokucho_list li h3 {
  font-weight: bold;
  font-size: 18px;
  padding: 0 16px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .tokucho_up ul.tokucho_list li h3 {
    font-size: 16px;
  }
}
.tokucho_up ul.tokucho_list li p {
  padding: 0 16px;
}

.font24 {
  font-size: 24px;
}
.font32 {
  font-size: 32px;
}

.font20 {
  font-size: 20px;
  margin-top: 30px;
}

.root_mousedragscrollable{
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.root_mousedragscrollable>* {
    display: inline-block;
    white-space: normal;
}

@media screen and (min-width: 767px) {
.root_mousedragscrollable::-webkit-scrollbar{
  display:none;
}
}


.root_box{
    height: auto;
    background: #ECF3F7;
}

.root_box li{
  list-style: none;
  vertical-align: top;
  height: 325px;
}


.root_box li{
  list-style: none;
  width: 325px;
  margin: 10px;
  background: #fff;
  border: .5px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin-bottom: 10px; 
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.4);
    margin-top: 10px;
    position: 0 10px;
}

@media screen and (max-width: 767px) {
.root_box li{
  width: 325px;
}
}

@media screen and (max-width: 710px) {
.root_box li{
   width: 300px;
}
}

@media screen and (max-width: 393px) {
.root_box li{
   width: 250px;
}
}


.root_box_img{
 width: 80%;
 padding: 10px;
 margin-top: 20px;
}

.root_box li p {
  padding: 3px;
}

.root_tit{
  margin-top: 30px;
  margin-bottom: -15px;
}

---------------------------- */
h1 {
  color: #041A45;
}

h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: min(24px, 5.3333333333vw);
    margin-bottom: 24px;
  }
}


.column_banner h2{
}

.column_banner{
   background: #041A45; 
  height: 50px;
}
.column_banner h2{
  line-height: 50px;
  color: #fff;
  margin-left: 10px;
}

.column_sid{
  width: 200px; 
   background: #ECF3F7; 
   padding: 10px;
}
@media screen and (max-width: 767px) {
.column_sid{
 width: 90%;
}
}

/* パンくずリスト */
.pan ul{
    list-style: none;
  }
.pan li{
    display: inline;
  }
.pan li a{
    color: inherit;
    text-decoration: none;
  }
.pan li + li:before{
    content: ">";
    margin:.5em;
  }

.sad_ris{
      background: #ECF3F7;
    margin: 10px;
  }

.sad_ris_b{
    background: #fff;
    padding: 10px;
  }


/*------------------------------ 
content (main)
---------------------------- */


.widget + .widget {
  margin-top: 0px;
}
.widget--sticky {
  position: sticky;
  top: 20px; /* スクロール時にビューポートの20px位置に達すると固定 */
}


.column_item_mo{
    text-align: center;
    margin: 0 auto; 
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
.column_item_mo{
     max-width: 100%;
    padding: 0 20px;
}
}

@media screen and (max-width: 767px) {
.sade_mo{
        background: #ECF3F7;

}
}

.ggg {
    width:100%;
    max-width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


.column_top_bloc{
    width:960px;
        margin: 0 auto;
            overflow: hidden;
}
@media screen and (max-width: 767px) {
.column_top_bloc{
    width:100%;
        margin: 0 auto; 
            overflow: hidden;
}
}

.blog_list{
      display: flex;
        overflow-x: scroll;
        padding: 10px 27px;

}

.blog_list_child{
  width: 325px;
  flex: 0 0 80px;
  background: #fff;
  
  border: .5px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 10px; 
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
.blog_list_chil{
   width: 300px;

}
}



.flexbox_top div{
  width: 300px;
  background: #FFF;
  margin: 10px;

}

@media screen and (max-width: 767px) {
.flexbox_top div{
  width: 290px;
  background: #FFF;
  margin: 10px;

}
}

@media screen and (max-width: 710px) {
.flexbox_top div{
  width: 200px;
  background: #FFF;
  margin: 5px;
    overflow: hidden;
}
}

@media screen and (max-width: 393px) {
.flexbox_top div{
  width: 200px;
  background: #FFF;
  margin: 5px;
    overflow: hidden;
}
}

.blog_list_child_date{
  margin-top: 50px;
}

.blog_list_child_title{
  font-size: 16px;
  font-weight: 600;
  text-align: top;
}


.column_sing{
  margin-bottom: 50px;
}

.plus{
  height: 70px;
}


.column_img{
  margin-bottom: 100px;
}




.list_flexbox {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.list_flex-item {
  margin: 10px;
  width: 30%;
}

@media screen and (max-width: 767px) {
.list_flex-item {
   max-width: 45%;
}
}

.post-Eye-Catch{
  height: 200px;
}

.content-ttl{
margin-top: 50px;
}

@media screen and (max-width: 767px) {
.content-ttl{
margin-top: 50px;
}
}

@media screen and (max-width: 767px) {
  .pc-on {
    display: none !important;
  }
}

.parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 20px;
    gap: 20px;
    margin: 0 20px;
}
@media screen and (max-width:768px) {
.parent {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
}
}

.div1 {
background: #fff;
padding: 8px;
  border: .5px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin-bottom: 10px; 
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.4);
    margin-top: 10px;
    position: 0 10px;
  }
.div1 h3{
 font-size: 18px;
 font-weight: 600;
  }

  .entry-date_g {
    color: #222 ;
    pointer-events: none;
}
.entry-date_g {
    font-size: .9rem;
    margin-top: 10px;
}


.scroll_content { /* リスト全体のスタイル */
  display: flex;
  max-width: 767px;
  margin: auto;
  overflow-x: auto;
}
 
.scroll_content li { /* 各リストのスタイル */
  width: 100%;
  padding: 8px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
  padding: 10px;
}
 
.scroll_content img { /* 画像のスタイル */
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}
 
.hb{
 font-size: 18px;
 font-weight: 600;
  }

@media screen and (max-width:768px) {
    .bl_cardUnit {
      flex-direction: column;
        display: block;
    }
}

@media screen and (max-width:768px) {

    .bl_cardUnit > .bl_card {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

}

@media screen and (max-width:768px) {

    .bl_cardUnit__col3 > .bl_card:nth-of-type(2n) {
        margin-left: 0;
    }

}

@media screen and (max-width:768px) {
  
    .bl_cardUnit__col3 > .bl_card:nth-of-type(n+3) {
        margin-top: 0;
        margin-bottom: 20px;
    }

}

@media screen and (max-width:768px) {
.koko{
    width: 100%;
  max-height: 700px;
  margin-left: 100px;
  margin-right: -100px;
  }

}


.parent_side {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
    padding-left: 5px;
}



.parent_side_reco{
    background: #ECF3F7;
}

.parent_side_reco li{
  list-style: none;
  width: 160px;
  margin: 5px;
  background: #fff;
  border: .5px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin-bottom: 10px; 
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.4);
    margin-top: 5px;
    position: 0 0px;
}

.parent_side_reco img {
  padding: 5px;
}

.parent_side_reco li h3 {
  font-size: 16px;
}

.bl_card_body_side {
  padding:10px 7px 10px 10px;
    background-color: #fff;
    color: #222;
    margin-bottom: 10px;
} 

.tokucho_up_rank {
width: 720px;
height: auto;
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .tokucho_up_rank {
  max-width: 450px;
  overflow:hidden;
  }
}
.tokucho_up_rank h2 {
  font-size: 24px;
}
.tokucho_up_rank ul.tokucho_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  margin-bottom: 40px;
}
.tokucho_up_rank ul.tokucho_list li {
  width: 200px;
  margin: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  .tokucho_up_rank ul.tokucho_list li {
     width: 440px;
    margin-right: 8px;
  }
}
.tokucho_up_rank ul.tokucho_list li img {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}
.tokucho_up_rank ul.tokucho_list li h3 {
  font-weight: bold;
  font-size: 18px;
  padding: 0 16px;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .tokucho_up_rank ul.tokucho_list li h3 {
    font-size: 16px;
  }
}
.tokucho_up_rank ul.tokucho_list li p {
  padding: 0 16px;
}


@media screen and (max-width: 767px) {
    .column_item{
      font-size: 10px;
    }
}

#toc_container {
  background: #fff; /* 背景色 */
  border: 1px solid #ccc; /* 枠線 */
  box-sizing: border-box; /* スマホの横揺れ防止 */
  display: block !important;
  font-size: 95%; /* フォントサイズ */
  line-height: 3.4; /* 行間 */
  margin: 2em auto; /* 外側の余白 */
  padding: 2em; /* 内側の余白 */
  width: 100% !important; /* 幅 */
  float: left;
  margin-right: 20%;
  margin-bottom: 60px;
}

.toc_title {
  background: #eee; /* 背景色 */
  font-weight: bold; /* 太字 */
  padding: 0.4em 0; /* 内側の余白 */
  text-align: center; /* 中央寄せ */  
}

.toc_title P{
 padding-right: 100px;
}


.toc_toggle {
  font-size: 0.9em;
  font-weight: normal;
}

.toc_brackets {
  display: none;
}

.toc_list,
.toc_list * {
  list-style: none;
  margin: 0;
  padding: 0;
}

.toc_list {
  margin-top: 1em;
}

.toc_list a {
  display: block;
  text-decoration: none;
}

.toc_list > li > a {
  font-size: 1.1em; /* H2 フォントサイズ */
  font-weight: 600;
}

.toc_list ul {
  padding: 1em 0 0 1em;
  margin-right: auto;
}

.toc_list li {
  margin-bottom: 0.4em;
  padding-bottom: 0.4em;
}


#article {
  font-size: 16px;
}

#article h1 {
  color: #041A45;
}

#article h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: -50px;
}
@media screen and (max-width: 767px) {
 #article h1 {
    font-size: min(24px, 5.3333333333vw);
    margin-bottom: 24px;
  }
}


#article h2 {
  color: #041A45;
}

#article h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
#article h2 {
    font-size: min(24px, 5.3333333333vw);
    margin-bottom: 10px;
  }
}

#article h3 {
  color: #041A45;
}

#article h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 50px;

}
@media screen and (max-width: 767px) {
#article h3 {
    font-size: min(20px, 5.3333333333vw);
    margin-bottom: 10px;
  }
}

#article img{
  margin-top: 20px;
}

#article p{
  margin-bottom: 20px;
}

ol{
  list-style-type: none;
}

.has-background li {
  text-align: left;
  line-height: 2.5;
}

.hishort li{
  height: 280px;
}


.has-background li{
  margin: 1em 0;
  padding-left: 10px;
  list-style-type: decimal;
}

p{
  word-break: break-all;
}

.has-vivid-green-cyan-background-color{
  padding: 0px;
}

.wp-block-group__inner-container{
  margin-top: -40px;
}

//darkblue
.has-darkblue-background-color {
  background-color: #041A45;
}
.has-darkblue-color {
  color: #041A45;
}

.has-darkblue-background-color {
  background: #041A45;
}

//gray
.has-gray-background-color {
  background-color: #E9ECF0;
}
.has-gray-color {
  color: #E9ECF0;
}

.has-gray-background-color {
  background: #E9ECF0;
}


@media screen and (max-width: 767px) {
.wp-element-button {
  border-radius: 30px;
 }
}

@media screen and (max-width: 767px) {
.wp-element-button span{
  margin: 0px;
 }
}

.said_tit{
  font-size: 14px;
 }

.post-Eye-Catch-img{
  height: 100%;
}

.wp-block-button__width-50{
  width: 100%;
  }

@media screen and (max-width: 767px) {
.wp-block-button__width-50{
  width: 500px;
  }
 }

 .column_item_mo_h1{
  margin-top: -70px; 
  text-align: center;
  margin-bottom: 10px;
  }