@charset "UTF-8";
/**
 * App
 */
/* ==========================================================================
   config
   ========================================================================== */
/* color
----------------------------------------------------------------- */
/* ==========================================================================
   Common
   ========================================================================== */
/**
 * App
 */
/* ==========================================================================
   Foundation
   ========================================================================== */
/*==================================
* breakpoint
==================================*/
/*==================================
* margin
==================================*/
/*==================================
* padding
==================================*/
/*==================================
* z-index
==================================*/
/*==================================
* round
==================================*/
/*==================================
* theme
==================================*/
/* Vendors
----------------------------------------------------------------- */
/**
 * #Normalize
 */
/* ==========================================================================
   Normalize.css
   ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Base
----------------------------------------------------------------- */
html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 auto;
  color: #333;
  font-weight: 400;
}
@media print, screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.3;
  font-size: 1.6em;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

@media print, screen and (min-width: 768px) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 2.2rem;
  }
  h4 {
    font-size: 1.75rem;
  }
  h5 {
    font-size: 1.5rem;
  }
  h6 {
    font-size: 1rem;
  }
}
ol {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

dd {
  margin: 0;
}

em {
  font-style: normal;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

p {
  margin: 0;
  padding: 0;
}

a {
  color: #3d70bb;
  text-decoration: none;
}
a:hover, a:focus {
  color: rgb(115.127016129, 153.2741935484, 209.372983871);
  text-decoration: none;
  opacity: 0.8;
}

/* ==========================================================================
   Layout
========================================================================== */
/*==================================
* contents
==================================*/
.l-contents {
  padding: 0 8px;
}
@media print, screen and (min-width: 768px) {
  .l-contents {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
  }
}

.l-contents-2col {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.l-contents-2col .l-main,
.l-contents-2col .l-right {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 8px;
}
@media print, screen and (min-width: 768px) {
  .l-contents-2col {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
  }
  .l-contents-2col .l-main {
    width: 800px;
  }
  .l-contents-2col .l-right {
    width: 300px;
  }
}

/**
 * Section
 */
/*==================================
* Section
==================================*/
.l-section {
  width: 100%;
  box-sizing: border-box;
  padding: 5rem 0;
  /* 画像 */
  /* 背景グラデーション */
  /* 背景色あり */
  /* 背景色あり（プライマリ） */
  /* 背景色あり（薄青） */
  /* 下線 */
  /* タイトル型（コメントあり） */
  /* タイトル型（コメントなし） */
}
@media print, screen and (min-width: 768px) {
  .l-section {
    padding: 8rem 0;
  }
}
.l-section img {
  max-width: 100%;
  height: auto;
}
.l-section.l-section--gradient {
  background: linear-gradient(to bottom, #FFF 60%, #E9E9E9 100%);
}
.l-section.l-section--gray {
  background-color: #F5F5F5;
}
.l-section.l-section--primary {
  background-color: #345887;
  color: #FFF;
}
.l-section.l-section--l-blue {
  background-color: #f6f7f7;
}
.l-section.l-section__border--bottom {
  border-bottom: solid 1px #CCC;
}
.l-section.l-section--title--type01 {
  padding: 3rem 0;
  background-color: #345887;
  color: #FFF;
}
.l-section.l-section--title--type01 h2 {
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.l-section.l-section--title--type01 .l-section--title__text {
  padding: 0 15px;
}
@media print, screen and (min-width: 768px) {
  .l-section.l-section--title--type01 {
    padding: 5rem 0;
  }
  .l-section.l-section--title--type01 .l-section__container {
    display: flex;
    align-items: center;
  }
  .l-section.l-section--title--type01 h2 {
    width: 40%;
    margin: 0;
    font-size: 3.2rem;
  }
  .l-section.l-section--title--type01 .l-section--title__text {
    width: 60%;
  }
}
.l-section.l-section--title--type02 {
  padding: 3rem 0;
  background-color: #345887;
  color: #FFF;
}
.l-section.l-section--title--type02 h2 {
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .l-section.l-section--title--type02 {
    padding: 5rem 0;
  }
  .l-section.l-section--title--type02 h2 {
    width: 100%;
    margin: 0;
    font-size: 3.2rem;
  }
}

/*==================================
* Section Container
==================================*/
.l-section__container {
  padding: 0 8px;
}
@media print, screen and (min-width: 768px) {
  .l-section__container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
  }
}

/* ==========================================================================
   Object
========================================================================== */
/* Utitlity
----------------------------------------------------------------- */
/**
 * Display
 */
/*==================================
* display
==================================*/
.u-d-none {
  display: none !important;
}

.u-d-block {
  display: block;
}

.u-d-inline-block {
  display: inline-block !important;
}

.u-d-table {
  display: table;
}

.u-d-table-cell {
  display: table-cell;
  vertical-align: top;
  word-break: break-all;
}

/*==================================
* def(dt/dd)
==================================*/
dl.u-def > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
}
dl.u-def dt, dl.u-def dd {
  margin: 0 0 10px 0;
  box-sizing: border-box;
}
dl.u-def dd {
  padding-left: 15px;
}

/*==================================
* media
==================================*/
@media print, screen and (min-width: 768px) {
  .u-hidden-pc {
    display: none;
  }
}

@media print, screen and (max-width: 767px) {
  .u-hidden-sp {
    display: none;
  }
}

/**
 * Float
 */
.u-float-right {
  float: right !important;
}

.u-float-left {
  float: left !important;
}

.u-float-none {
  float: none !important;
}

.u-clearfix:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/**
 * margin
 */
/**
 * m : margin
 *
 * a : all
 * t : top
 * b : bottom
 * l : left
 * r : right
 *
 * x : left and right
 * y : top and bottom

 * [$name]
 * xs
 * sm
 * md
 * lg
 * xl
 */
.u-ma-xs {
  margin: 0.5rem !important;
}

.u-mt-xs {
  margin-top: 0.5rem !important;
}

.u-mb-xs {
  margin-bottom: 0.5rem !important;
}

.u-ml-xs {
  margin-left: 0.5rem !important;
}

.u-mr-xs {
  margin-right: 0.5rem !important;
}

.u-mx-xs {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.u-my-xs {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.u-ma-sm {
  margin: 1rem !important;
}

.u-mt-sm {
  margin-top: 1rem !important;
}

.u-mb-sm {
  margin-bottom: 1rem !important;
}

.u-ml-sm {
  margin-left: 1rem !important;
}

.u-mr-sm {
  margin-right: 1rem !important;
}

.u-mx-sm {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.u-my-sm {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.u-ma-md {
  margin: 2rem !important;
}

.u-mt-md {
  margin-top: 2rem !important;
}

.u-mb-md {
  margin-bottom: 2rem !important;
}

.u-ml-md {
  margin-left: 2rem !important;
}

.u-mr-md {
  margin-right: 2rem !important;
}

.u-mx-md {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.u-my-md {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.u-ma-lg {
  margin: 3rem !important;
}

.u-mt-lg {
  margin-top: 3rem !important;
}

.u-mb-lg {
  margin-bottom: 3rem !important;
}

.u-ml-lg {
  margin-left: 3rem !important;
}

.u-mr-lg {
  margin-right: 3rem !important;
}

.u-mx-lg {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.u-my-lg {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.u-ma-xl {
  margin: 5rem !important;
}

.u-mt-xl {
  margin-top: 5rem !important;
}

.u-mb-xl {
  margin-bottom: 5rem !important;
}

.u-ml-xl {
  margin-left: 5rem !important;
}

.u-mr-xl {
  margin-right: 5rem !important;
}

.u-mx-xl {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.u-my-xl {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

/*==================================
* margin
==================================*/
.u-m0 {
  margin: 0px !important;
}

.u-m1 {
  margin: 1px !important;
}

.u-m2 {
  margin: 2px !important;
}

.u-m3 {
  margin: 3px !important;
}

.u-m4 {
  margin: 4px !important;
}

.u-m5 {
  margin: 5px !important;
}

.u-m6 {
  margin: 6px !important;
}

.u-m7 {
  margin: 7px !important;
}

.u-m8 {
  margin: 8px !important;
}

.u-m9 {
  margin: 9px !important;
}

.u-m10 {
  margin: 10px !important;
}

.u-m11 {
  margin: 11px !important;
}

.u-m12 {
  margin: 12px !important;
}

.u-m13 {
  margin: 13px !important;
}

.u-m14 {
  margin: 14px !important;
}

.u-m15 {
  margin: 15px !important;
}

.u-m16 {
  margin: 16px !important;
}

.u-m17 {
  margin: 17px !important;
}

.u-m18 {
  margin: 18px !important;
}

.u-m19 {
  margin: 19px !important;
}

.u-m20 {
  margin: 20px !important;
}

.u-m21 {
  margin: 21px !important;
}

.u-m22 {
  margin: 22px !important;
}

.u-m23 {
  margin: 23px !important;
}

.u-m24 {
  margin: 24px !important;
}

.u-m25 {
  margin: 25px !important;
}

.u-m26 {
  margin: 26px !important;
}

.u-m27 {
  margin: 27px !important;
}

.u-m28 {
  margin: 28px !important;
}

.u-m29 {
  margin: 29px !important;
}

.u-m30 {
  margin: 30px !important;
}

/*==================================
* margin-top
==================================*/
.u-mt-0 {
  margin-top: 0px !important;
}

.u-mt-1 {
  margin-top: 1px !important;
}

.u-mt-2 {
  margin-top: 2px !important;
}

.u-mt-3 {
  margin-top: 3px !important;
}

.u-mt-4 {
  margin-top: 4px !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mt-6 {
  margin-top: 6px !important;
}

.u-mt-7 {
  margin-top: 7px !important;
}

.u-mt-8 {
  margin-top: 8px !important;
}

.u-mt-9 {
  margin-top: 9px !important;
}

.u-mt-10 {
  margin-top: 10px !important;
}

.u-mt-11 {
  margin-top: 11px !important;
}

.u-mt-12 {
  margin-top: 12px !important;
}

.u-mt-13 {
  margin-top: 13px !important;
}

.u-mt-14 {
  margin-top: 14px !important;
}

.u-mt-15 {
  margin-top: 15px !important;
}

.u-mt-16 {
  margin-top: 16px !important;
}

.u-mt-17 {
  margin-top: 17px !important;
}

.u-mt-18 {
  margin-top: 18px !important;
}

.u-mt-19 {
  margin-top: 19px !important;
}

.u-mt-20 {
  margin-top: 20px !important;
}

.u-mt-21 {
  margin-top: 21px !important;
}

.u-mt-22 {
  margin-top: 22px !important;
}

.u-mt-23 {
  margin-top: 23px !important;
}

.u-mt-24 {
  margin-top: 24px !important;
}

.u-mt-25 {
  margin-top: 25px !important;
}

.u-mt-26 {
  margin-top: 26px !important;
}

.u-mt-27 {
  margin-top: 27px !important;
}

.u-mt-28 {
  margin-top: 28px !important;
}

.u-mt-29 {
  margin-top: 29px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

/*==================================
* margin-left
==================================*/
.u-ml-0 {
  margin-left: 0px !important;
}

.u-ml-1 {
  margin-left: 1px !important;
}

.u-ml-2 {
  margin-left: 2px !important;
}

.u-ml-3 {
  margin-left: 3px !important;
}

.u-ml-4 {
  margin-left: 4px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-ml-6 {
  margin-left: 6px !important;
}

.u-ml-7 {
  margin-left: 7px !important;
}

.u-ml-8 {
  margin-left: 8px !important;
}

.u-ml-9 {
  margin-left: 9px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-ml-11 {
  margin-left: 11px !important;
}

.u-ml-12 {
  margin-left: 12px !important;
}

.u-ml-13 {
  margin-left: 13px !important;
}

.u-ml-14 {
  margin-left: 14px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-ml-16 {
  margin-left: 16px !important;
}

.u-ml-17 {
  margin-left: 17px !important;
}

.u-ml-18 {
  margin-left: 18px !important;
}

.u-ml-19 {
  margin-left: 19px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-ml-21 {
  margin-left: 21px !important;
}

.u-ml-22 {
  margin-left: 22px !important;
}

.u-ml-23 {
  margin-left: 23px !important;
}

.u-ml-24 {
  margin-left: 24px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-ml-26 {
  margin-left: 26px !important;
}

.u-ml-27 {
  margin-left: 27px !important;
}

.u-ml-28 {
  margin-left: 28px !important;
}

.u-ml-29 {
  margin-left: 29px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

/*==================================
* margin-right
==================================*/
.u-mr-0 {
  margin-right: 0px !important;
}

.u-mr-1 {
  margin-right: 1px !important;
}

.u-mr-2 {
  margin-right: 2px !important;
}

.u-mr-3 {
  margin-right: 3px !important;
}

.u-mr-4 {
  margin-right: 4px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-mr-6 {
  margin-right: 6px !important;
}

.u-mr-7 {
  margin-right: 7px !important;
}

.u-mr-8 {
  margin-right: 8px !important;
}

.u-mr-9 {
  margin-right: 9px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-mr-11 {
  margin-right: 11px !important;
}

.u-mr-12 {
  margin-right: 12px !important;
}

.u-mr-13 {
  margin-right: 13px !important;
}

.u-mr-14 {
  margin-right: 14px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-mr-16 {
  margin-right: 16px !important;
}

.u-mr-17 {
  margin-right: 17px !important;
}

.u-mr-18 {
  margin-right: 18px !important;
}

.u-mr-19 {
  margin-right: 19px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mr-21 {
  margin-right: 21px !important;
}

.u-mr-22 {
  margin-right: 22px !important;
}

.u-mr-23 {
  margin-right: 23px !important;
}

.u-mr-24 {
  margin-right: 24px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-mr-26 {
  margin-right: 26px !important;
}

.u-mr-27 {
  margin-right: 27px !important;
}

.u-mr-28 {
  margin-right: 28px !important;
}

.u-mr-29 {
  margin-right: 29px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

/*==================================
* margin-bottom
==================================*/
.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-mb-1 {
  margin-bottom: 1px !important;
}

.u-mb-2 {
  margin-bottom: 2px !important;
}

.u-mb-3 {
  margin-bottom: 3px !important;
}

.u-mb-4 {
  margin-bottom: 4px !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-mb-6 {
  margin-bottom: 6px !important;
}

.u-mb-7 {
  margin-bottom: 7px !important;
}

.u-mb-8 {
  margin-bottom: 8px !important;
}

.u-mb-9 {
  margin-bottom: 9px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}

.u-mb-11 {
  margin-bottom: 11px !important;
}

.u-mb-12 {
  margin-bottom: 12px !important;
}

.u-mb-13 {
  margin-bottom: 13px !important;
}

.u-mb-14 {
  margin-bottom: 14px !important;
}

.u-mb-15 {
  margin-bottom: 15px !important;
}

.u-mb-16 {
  margin-bottom: 16px !important;
}

.u-mb-17 {
  margin-bottom: 17px !important;
}

.u-mb-18 {
  margin-bottom: 18px !important;
}

.u-mb-19 {
  margin-bottom: 19px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-mb-21 {
  margin-bottom: 21px !important;
}

.u-mb-22 {
  margin-bottom: 22px !important;
}

.u-mb-23 {
  margin-bottom: 23px !important;
}

.u-mb-24 {
  margin-bottom: 24px !important;
}

.u-mb-25 {
  margin-bottom: 25px !important;
}

.u-mb-26 {
  margin-bottom: 26px !important;
}

.u-mb-27 {
  margin-bottom: 27px !important;
}

.u-mb-28 {
  margin-bottom: 28px !important;
}

.u-mb-29 {
  margin-bottom: 29px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

/*==================================
* margin-x
==================================*/
.u-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/**
 * Padding
 */
/**
 * p : padding
 *
 * a : all
 * t : top
 * b : bottom
 * l : left
 * r : right
 *
 * x : left and right
 * y : top and bottom

 * [$name]
 * xs
 * sm
 * md
 * lg
 * xl
 */
.u-pa-xs {
  padding: 0.5rem !important;
}

.u-pt-xs {
  padding-top: 0.5rem !important;
}

.u-pb-xs {
  padding-bottom: 0.5rem !important;
}

.u-pl-xs {
  padding-left: 0.5rem !important;
}

.u-pr-xs {
  padding-right: 0.5rem !important;
}

.u-mx-xs {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.u-py-xs {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.u-pa-sm {
  padding: 1rem !important;
}

.u-pt-sm {
  padding-top: 1rem !important;
}

.u-pb-sm {
  padding-bottom: 1rem !important;
}

.u-pl-sm {
  padding-left: 1rem !important;
}

.u-pr-sm {
  padding-right: 1rem !important;
}

.u-mx-sm {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.u-py-sm {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.u-pa-md {
  padding: 2rem !important;
}

.u-pt-md {
  padding-top: 2rem !important;
}

.u-pb-md {
  padding-bottom: 2rem !important;
}

.u-pl-md {
  padding-left: 2rem !important;
}

.u-pr-md {
  padding-right: 2rem !important;
}

.u-mx-md {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.u-py-md {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.u-pa-lg {
  padding: 3rem !important;
}

.u-pt-lg {
  padding-top: 3rem !important;
}

.u-pb-lg {
  padding-bottom: 3rem !important;
}

.u-pl-lg {
  padding-left: 3rem !important;
}

.u-pr-lg {
  padding-right: 3rem !important;
}

.u-mx-lg {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.u-py-lg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.u-pa-xl {
  padding: 5rem !important;
}

.u-pt-xl {
  padding-top: 5rem !important;
}

.u-pb-xl {
  padding-bottom: 5rem !important;
}

.u-pl-xl {
  padding-left: 5rem !important;
}

.u-pr-xl {
  padding-right: 5rem !important;
}

.u-mx-xl {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.u-py-xl {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

/*==================================
* padding
==================================*/
.u-p-0 {
  padding: 0px !important;
}

.u-p-1 {
  padding: 1px !important;
}

.u-p-2 {
  padding: 2px !important;
}

.u-p-3 {
  padding: 3px !important;
}

.u-p-4 {
  padding: 4px !important;
}

.u-p-5 {
  padding: 5px !important;
}

.u-p-6 {
  padding: 6px !important;
}

.u-p-7 {
  padding: 7px !important;
}

.u-p-8 {
  padding: 8px !important;
}

.u-p-9 {
  padding: 9px !important;
}

.u-p-10 {
  padding: 10px !important;
}

.u-p-11 {
  padding: 11px !important;
}

.u-p-12 {
  padding: 12px !important;
}

.u-p-13 {
  padding: 13px !important;
}

.u-p-14 {
  padding: 14px !important;
}

.u-p-15 {
  padding: 15px !important;
}

.u-p-16 {
  padding: 16px !important;
}

.u-p-17 {
  padding: 17px !important;
}

.u-p-18 {
  padding: 18px !important;
}

.u-p-19 {
  padding: 19px !important;
}

.u-p-20 {
  padding: 20px !important;
}

.u-p-21 {
  padding: 21px !important;
}

.u-p-22 {
  padding: 22px !important;
}

.u-p-23 {
  padding: 23px !important;
}

.u-p-24 {
  padding: 24px !important;
}

.u-p-25 {
  padding: 25px !important;
}

.u-p-26 {
  padding: 26px !important;
}

.u-p-27 {
  padding: 27px !important;
}

.u-p-28 {
  padding: 28px !important;
}

.u-p-29 {
  padding: 29px !important;
}

.u-p-30 {
  padding: 30px !important;
}

/*==================================
* padding-top
==================================*/
.u-pt-0 {
  padding-top: 0px !important;
}

.u-pt-1 {
  padding-top: 1px !important;
}

.u-pt-2 {
  padding-top: 2px !important;
}

.u-pt-3 {
  padding-top: 3px !important;
}

.u-pt-4 {
  padding-top: 4px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pt-6 {
  padding-top: 6px !important;
}

.u-pt-7 {
  padding-top: 7px !important;
}

.u-pt-8 {
  padding-top: 8px !important;
}

.u-pt-9 {
  padding-top: 9px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pt-11 {
  padding-top: 11px !important;
}

.u-pt-12 {
  padding-top: 12px !important;
}

.u-pt-13 {
  padding-top: 13px !important;
}

.u-pt-14 {
  padding-top: 14px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pt-16 {
  padding-top: 16px !important;
}

.u-pt-17 {
  padding-top: 17px !important;
}

.u-pt-18 {
  padding-top: 18px !important;
}

.u-pt-19 {
  padding-top: 19px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pt-21 {
  padding-top: 21px !important;
}

.u-pt-22 {
  padding-top: 22px !important;
}

.u-pt-23 {
  padding-top: 23px !important;
}

.u-pt-24 {
  padding-top: 24px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pt-26 {
  padding-top: 26px !important;
}

.u-pt-27 {
  padding-top: 27px !important;
}

.u-pt-28 {
  padding-top: 28px !important;
}

.u-pt-29 {
  padding-top: 29px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

/*==================================
* padding-left
==================================*/
.u-pl-0 {
  padding-left: 0px !important;
}

.u-pl-1 {
  padding-left: 1px !important;
}

.u-pl-2 {
  padding-left: 2px !important;
}

.u-pl-3 {
  padding-left: 3px !important;
}

.u-pl-4 {
  padding-left: 4px !important;
}

.u-pl-5 {
  padding-left: 5px !important;
}

.u-pl-6 {
  padding-left: 6px !important;
}

.u-pl-7 {
  padding-left: 7px !important;
}

.u-pl-8 {
  padding-left: 8px !important;
}

.u-pl-9 {
  padding-left: 9px !important;
}

.u-pl-10 {
  padding-left: 10px !important;
}

.u-pl-11 {
  padding-left: 11px !important;
}

.u-pl-12 {
  padding-left: 12px !important;
}

.u-pl-13 {
  padding-left: 13px !important;
}

.u-pl-14 {
  padding-left: 14px !important;
}

.u-pl-15 {
  padding-left: 15px !important;
}

.u-pl-16 {
  padding-left: 16px !important;
}

.u-pl-17 {
  padding-left: 17px !important;
}

.u-pl-18 {
  padding-left: 18px !important;
}

.u-pl-19 {
  padding-left: 19px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

.u-pl-21 {
  padding-left: 21px !important;
}

.u-pl-22 {
  padding-left: 22px !important;
}

.u-pl-23 {
  padding-left: 23px !important;
}

.u-pl-24 {
  padding-left: 24px !important;
}

.u-pl-25 {
  padding-left: 25px !important;
}

.u-pl-26 {
  padding-left: 26px !important;
}

.u-pl-27 {
  padding-left: 27px !important;
}

.u-pl-28 {
  padding-left: 28px !important;
}

.u-pl-29 {
  padding-left: 29px !important;
}

.u-pl-30 {
  padding-left: 30px !important;
}

/*==================================
* padding-right
==================================*/
.u-pr-0 {
  padding-right: 0px !important;
}

.u-pr-1 {
  padding-right: 1px !important;
}

.u-pr-2 {
  padding-right: 2px !important;
}

.u-pr-3 {
  padding-right: 3px !important;
}

.u-pr-4 {
  padding-right: 4px !important;
}

.u-pr-5 {
  padding-right: 5px !important;
}

.u-pr-6 {
  padding-right: 6px !important;
}

.u-pr-7 {
  padding-right: 7px !important;
}

.u-pr-8 {
  padding-right: 8px !important;
}

.u-pr-9 {
  padding-right: 9px !important;
}

.u-pr-10 {
  padding-right: 10px !important;
}

.u-pr-11 {
  padding-right: 11px !important;
}

.u-pr-12 {
  padding-right: 12px !important;
}

.u-pr-13 {
  padding-right: 13px !important;
}

.u-pr-14 {
  padding-right: 14px !important;
}

.u-pr-15 {
  padding-right: 15px !important;
}

.u-pr-16 {
  padding-right: 16px !important;
}

.u-pr-17 {
  padding-right: 17px !important;
}

.u-pr-18 {
  padding-right: 18px !important;
}

.u-pr-19 {
  padding-right: 19px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-pr-21 {
  padding-right: 21px !important;
}

.u-pr-22 {
  padding-right: 22px !important;
}

.u-pr-23 {
  padding-right: 23px !important;
}

.u-pr-24 {
  padding-right: 24px !important;
}

.u-pr-25 {
  padding-right: 25px !important;
}

.u-pr-26 {
  padding-right: 26px !important;
}

.u-pr-27 {
  padding-right: 27px !important;
}

.u-pr-28 {
  padding-right: 28px !important;
}

.u-pr-29 {
  padding-right: 29px !important;
}

.u-pr-30 {
  padding-right: 30px !important;
}

/*==================================
* padding-bottom
==================================*/
.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pb-1 {
  padding-bottom: 1px !important;
}

.u-pb-2 {
  padding-bottom: 2px !important;
}

.u-pb-3 {
  padding-bottom: 3px !important;
}

.u-pb-4 {
  padding-bottom: 4px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pb-6 {
  padding-bottom: 6px !important;
}

.u-pb-7 {
  padding-bottom: 7px !important;
}

.u-pb-8 {
  padding-bottom: 8px !important;
}

.u-pb-9 {
  padding-bottom: 9px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pb-11 {
  padding-bottom: 11px !important;
}

.u-pb-12 {
  padding-bottom: 12px !important;
}

.u-pb-13 {
  padding-bottom: 13px !important;
}

.u-pb-14 {
  padding-bottom: 14px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pb-16 {
  padding-bottom: 16px !important;
}

.u-pb-17 {
  padding-bottom: 17px !important;
}

.u-pb-18 {
  padding-bottom: 18px !important;
}

.u-pb-19 {
  padding-bottom: 19px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pb-21 {
  padding-bottom: 21px !important;
}

.u-pb-22 {
  padding-bottom: 22px !important;
}

.u-pb-23 {
  padding-bottom: 23px !important;
}

.u-pb-24 {
  padding-bottom: 24px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pb-26 {
  padding-bottom: 26px !important;
}

.u-pb-27 {
  padding-bottom: 27px !important;
}

.u-pb-28 {
  padding-bottom: 28px !important;
}

.u-pb-29 {
  padding-bottom: 29px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

/**
 * Text
 */
/*==================================
* color
==================================*/
.u-fc-base {
  color: #333 !important;
}

.u-fc-light {
  color: #666 !important;
}

.u-fc-dark {
  color: #000 !important;
}

.u-fc-blue {
  color: #3d70bb !important;
}

.u-fc-red {
  color: #dc3545 !important;
}

.u-fc-red-dark {
  color: #ad002d !important;
}

.u-fc-green {
  color: #03967a !important;
}

.u-fc-orange {
  color: #FF7300 !important;
}

.u-fc-white {
  color: #fff !important;
}

/*==================================
* font
==================================*/
.u-font-mincho {
  font-family: "Noto Serif JP", sans-serif;
}

/*==================================
* font-size
==================================*/
.u-fs-0 {
  font-size: 0px !important;
}

.u-fs-1 {
  font-size: 1px !important;
}

.u-fs-2 {
  font-size: 2px !important;
}

.u-fs-3 {
  font-size: 3px !important;
}

.u-fs-4 {
  font-size: 4px !important;
}

.u-fs-5 {
  font-size: 5px !important;
}

.u-fs-6 {
  font-size: 6px !important;
}

.u-fs-7 {
  font-size: 7px !important;
}

.u-fs-8 {
  font-size: 8px !important;
}

.u-fs-9 {
  font-size: 9px !important;
}

.u-fs-10 {
  font-size: 10px !important;
}

.u-fs-11 {
  font-size: 11px !important;
}

.u-fs-12 {
  font-size: 12px !important;
}

.u-fs-13 {
  font-size: 13px !important;
}

.u-fs-14 {
  font-size: 14px !important;
}

.u-fs-15 {
  font-size: 15px !important;
}

.u-fs-16 {
  font-size: 16px !important;
}

.u-fs-17 {
  font-size: 17px !important;
}

.u-fs-18 {
  font-size: 18px !important;
}

.u-fs-19 {
  font-size: 19px !important;
}

.u-fs-20 {
  font-size: 20px !important;
}

.u-fs-21 {
  font-size: 21px !important;
}

.u-fs-22 {
  font-size: 22px !important;
}

.u-fs-23 {
  font-size: 23px !important;
}

.u-fs-24 {
  font-size: 24px !important;
}

.u-fs-25 {
  font-size: 25px !important;
}

.u-fs-26 {
  font-size: 26px !important;
}

.u-fs-27 {
  font-size: 27px !important;
}

.u-fs-28 {
  font-size: 28px !important;
}

.u-fs-29 {
  font-size: 29px !important;
}

.u-fs-30 {
  font-size: 30px !important;
}

.u-fs-31 {
  font-size: 31px !important;
}

.u-fs-32 {
  font-size: 32px !important;
}

.u-fs-33 {
  font-size: 33px !important;
}

.u-fs-34 {
  font-size: 34px !important;
}

.u-fs-35 {
  font-size: 35px !important;
}

.u-fs-36 {
  font-size: 36px !important;
}

.u-fs-37 {
  font-size: 37px !important;
}

.u-fs-38 {
  font-size: 38px !important;
}

.u-fs-39 {
  font-size: 39px !important;
}

.u-fs-40 {
  font-size: 40px !important;
}

.u-fs-41 {
  font-size: 41px !important;
}

.u-fs-42 {
  font-size: 42px !important;
}

.u-fs-43 {
  font-size: 43px !important;
}

.u-fs-44 {
  font-size: 44px !important;
}

.u-fs-45 {
  font-size: 45px !important;
}

.u-fs-46 {
  font-size: 46px !important;
}

.u-fs-47 {
  font-size: 47px !important;
}

.u-fs-48 {
  font-size: 48px !important;
}

.u-fs-49 {
  font-size: 49px !important;
}

.u-fs-50 {
  font-size: 50px !important;
}

.u-fs-h1 {
  font-size: 2.5rem !important;
}

.u-fs-h2 {
  font-size: 2rem !important;
}

.u-fs-h3 {
  font-size: 1.75rem !important;
}

.u-fs-h4 {
  font-size: 1.5rem !important;
}

.u-fs-h5 {
  font-size: 1.25rem !important;
}

.u-fs-h6 {
  font-size: 1rem !important;
}

@media print, screen and (min-width: 768px) {
  .u-fs-h1 {
    font-size: 3rem !important;
  }
  .u-fs-h2 {
    font-size: 2.5rem !important;
  }
  .u-fs-h3 {
    font-size: 2.2rem !important;
  }
  .u-fs-h4 {
    font-size: 1.75rem !important;
  }
  .u-fs-h5 {
    font-size: 1.5rem !important;
  }
  .u-fs-h6 {
    font-size: 1rem !important;
  }
}
/*==================================
* font-weight
==================================*/
.u-fw-light {
  font-weight: 300 !important;
}

.u-fw-normal {
  font-weight: 400 !important;
}

.u-fw-bold {
  font-weight: bold !important;
}

.u-fw-100 {
  font-weight: 100 !important;
}

.u-fw-200 {
  font-weight: 200 !important;
}

.u-fw-300 {
  font-weight: 300 !important;
}

.u-fw-400 {
  font-weight: 400 !important;
}

.u-fw-500 {
  font-weight: 500 !important;
}

.u-fw-600 {
  font-weight: 600 !important;
}

.u-fw-700 {
  font-weight: 700 !important;
}

.u-fw-800 {
  font-weight: 800 !important;
}

.u-fw-900 {
  font-weight: 900 !important;
}

/*==================================
* align
==================================*/
.u-text-top {
  vertical-align: top !important;
}

.u-text-center {
  text-align: center !important;
}

.u-text-right {
  text-align: right !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-middle {
  vertical-align: middle !important;
}

.u-text-bottom {
  vertical-align: bottom !important;
}

@media print, screen and (min-width: 768px) {
  .u-text-pc-center {
    text-align: center;
  }
}

@media print, screen and (max-width: 767px) {
  .u-text-sp-center {
    text-align: left;
  }
}

@media print, screen and (max-width: 767px) {
  .u-text-sp-left {
    text-align: left !important;
  }
}

/*==================================
* etc
==================================*/
/* テキストを改行しない */
.u-text-nowrap {
  white-space: nowrap !important;
}

/* テキストを改行する */
.u-text-breakword {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* テキストを両端揃え */
.u-text-justify {
  text-align: justify !important;
  text-justify: inter-ideograph !important;
}

/*==================================
* マーカー
==================================*/
.u-text-marker {
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

/**
 * Triangle
 */
/*==================================
* down primary
==================================*/
.u-triangle-down {
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 55px solid transparent;
  border-right: 55px solid transparent;
  border-top: 40px solid #345887;
}
@media print, screen and (min-width: 768px) {
  .u-triangle-down {
    margin: 40px auto;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 60px solid #345887;
  }
}

.u-triangle-down-sm, .u-triangle-down-sm--secondary {
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 30px solid #345887;
}
@media print, screen and (min-width: 768px) {
  .u-triangle-down-sm, .u-triangle-down-sm--secondary {
    margin: 40px auto;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 40px solid #345887;
  }
}

.u-triangle-down-lg {
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 60px solid #345887;
}
@media print, screen and (min-width: 768px) {
  .u-triangle-down-lg {
    margin: 40px auto;
    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    border-top: 80px solid #345887;
  }
}

/*==================================
* down primary
==================================*/
.u-triangle-down-sm--secondary {
  border-top-color: #FF8C00;
}

/*==================================
* right primary
==================================*/
.u-triangle-right {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 45px solid transparent;
  border-bottom: 45px solid transparent;
  border-left: 50px solid #345887;
}
@media print, screen and (min-width: 768px) {
  .u-triangle-right {
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
    border-left: 70px solid #345887;
  }
}

.u-triangle-right-sm {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 35px solid #345887;
}
@media print, screen and (min-width: 768px) {
  .u-triangle-right-sm {
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid #345887;
  }
}

.u-triangle-right-lg {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
  border-left: 60px solid #345887;
}
@media print, screen and (min-width: 768px) {
  .u-triangle-right-lg {
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent;
    border-left: 90px solid #345887;
  }
}

/**
 * width
 */
/*==================================
* width
==================================*/
.u-w0 {
  width: 0px !important;
}

.u-w1 {
  width: 1px !important;
}

.u-w2 {
  width: 2px !important;
}

.u-w3 {
  width: 3px !important;
}

.u-w4 {
  width: 4px !important;
}

.u-w5 {
  width: 5px !important;
}

.u-w6 {
  width: 6px !important;
}

.u-w7 {
  width: 7px !important;
}

.u-w8 {
  width: 8px !important;
}

.u-w9 {
  width: 9px !important;
}

.u-w10 {
  width: 10px !important;
}

.u-w11 {
  width: 11px !important;
}

.u-w12 {
  width: 12px !important;
}

.u-w13 {
  width: 13px !important;
}

.u-w14 {
  width: 14px !important;
}

.u-w15 {
  width: 15px !important;
}

.u-w16 {
  width: 16px !important;
}

.u-w17 {
  width: 17px !important;
}

.u-w18 {
  width: 18px !important;
}

.u-w19 {
  width: 19px !important;
}

.u-w20 {
  width: 20px !important;
}

.u-w21 {
  width: 21px !important;
}

.u-w22 {
  width: 22px !important;
}

.u-w23 {
  width: 23px !important;
}

.u-w24 {
  width: 24px !important;
}

.u-w25 {
  width: 25px !important;
}

.u-w26 {
  width: 26px !important;
}

.u-w27 {
  width: 27px !important;
}

.u-w28 {
  width: 28px !important;
}

.u-w29 {
  width: 29px !important;
}

.u-w30 {
  width: 30px !important;
}

.u-w31 {
  width: 31px !important;
}

.u-w32 {
  width: 32px !important;
}

.u-w33 {
  width: 33px !important;
}

.u-w34 {
  width: 34px !important;
}

.u-w35 {
  width: 35px !important;
}

.u-w36 {
  width: 36px !important;
}

.u-w37 {
  width: 37px !important;
}

.u-w38 {
  width: 38px !important;
}

.u-w39 {
  width: 39px !important;
}

.u-w40 {
  width: 40px !important;
}

.u-w41 {
  width: 41px !important;
}

.u-w42 {
  width: 42px !important;
}

.u-w43 {
  width: 43px !important;
}

.u-w44 {
  width: 44px !important;
}

.u-w45 {
  width: 45px !important;
}

.u-w46 {
  width: 46px !important;
}

.u-w47 {
  width: 47px !important;
}

.u-w48 {
  width: 48px !important;
}

.u-w49 {
  width: 49px !important;
}

.u-w50 {
  width: 50px !important;
}

.u-w51 {
  width: 51px !important;
}

.u-w52 {
  width: 52px !important;
}

.u-w53 {
  width: 53px !important;
}

.u-w54 {
  width: 54px !important;
}

.u-w55 {
  width: 55px !important;
}

.u-w56 {
  width: 56px !important;
}

.u-w57 {
  width: 57px !important;
}

.u-w58 {
  width: 58px !important;
}

.u-w59 {
  width: 59px !important;
}

.u-w60 {
  width: 60px !important;
}

.u-w61 {
  width: 61px !important;
}

.u-w62 {
  width: 62px !important;
}

.u-w63 {
  width: 63px !important;
}

.u-w64 {
  width: 64px !important;
}

.u-w65 {
  width: 65px !important;
}

.u-w66 {
  width: 66px !important;
}

.u-w67 {
  width: 67px !important;
}

.u-w68 {
  width: 68px !important;
}

.u-w69 {
  width: 69px !important;
}

.u-w70 {
  width: 70px !important;
}

.u-w71 {
  width: 71px !important;
}

.u-w72 {
  width: 72px !important;
}

.u-w73 {
  width: 73px !important;
}

.u-w74 {
  width: 74px !important;
}

.u-w75 {
  width: 75px !important;
}

.u-w76 {
  width: 76px !important;
}

.u-w77 {
  width: 77px !important;
}

.u-w78 {
  width: 78px !important;
}

.u-w79 {
  width: 79px !important;
}

.u-w80 {
  width: 80px !important;
}

.u-w81 {
  width: 81px !important;
}

.u-w82 {
  width: 82px !important;
}

.u-w83 {
  width: 83px !important;
}

.u-w84 {
  width: 84px !important;
}

.u-w85 {
  width: 85px !important;
}

.u-w86 {
  width: 86px !important;
}

.u-w87 {
  width: 87px !important;
}

.u-w88 {
  width: 88px !important;
}

.u-w89 {
  width: 89px !important;
}

.u-w90 {
  width: 90px !important;
}

.u-w91 {
  width: 91px !important;
}

.u-w92 {
  width: 92px !important;
}

.u-w93 {
  width: 93px !important;
}

.u-w94 {
  width: 94px !important;
}

.u-w95 {
  width: 95px !important;
}

.u-w96 {
  width: 96px !important;
}

.u-w97 {
  width: 97px !important;
}

.u-w98 {
  width: 98px !important;
}

.u-w99 {
  width: 99px !important;
}

.u-w100 {
  width: 100px !important;
}

.u-w0p {
  width: 0% !important;
}

.u-w1p {
  width: 1% !important;
}

.u-w2p {
  width: 2% !important;
}

.u-w3p {
  width: 3% !important;
}

.u-w4p {
  width: 4% !important;
}

.u-w5p {
  width: 5% !important;
}

.u-w6p {
  width: 6% !important;
}

.u-w7p {
  width: 7% !important;
}

.u-w8p {
  width: 8% !important;
}

.u-w9p {
  width: 9% !important;
}

.u-w10p {
  width: 10% !important;
}

.u-w11p {
  width: 11% !important;
}

.u-w12p {
  width: 12% !important;
}

.u-w13p {
  width: 13% !important;
}

.u-w14p {
  width: 14% !important;
}

.u-w15p {
  width: 15% !important;
}

.u-w16p {
  width: 16% !important;
}

.u-w17p {
  width: 17% !important;
}

.u-w18p {
  width: 18% !important;
}

.u-w19p {
  width: 19% !important;
}

.u-w20p {
  width: 20% !important;
}

.u-w21p {
  width: 21% !important;
}

.u-w22p {
  width: 22% !important;
}

.u-w23p {
  width: 23% !important;
}

.u-w24p {
  width: 24% !important;
}

.u-w25p {
  width: 25% !important;
}

.u-w26p {
  width: 26% !important;
}

.u-w27p {
  width: 27% !important;
}

.u-w28p {
  width: 28% !important;
}

.u-w29p {
  width: 29% !important;
}

.u-w30p {
  width: 30% !important;
}

.u-w31p {
  width: 31% !important;
}

.u-w32p {
  width: 32% !important;
}

.u-w33p {
  width: 33% !important;
}

.u-w34p {
  width: 34% !important;
}

.u-w35p {
  width: 35% !important;
}

.u-w36p {
  width: 36% !important;
}

.u-w37p {
  width: 37% !important;
}

.u-w38p {
  width: 38% !important;
}

.u-w39p {
  width: 39% !important;
}

.u-w40p {
  width: 40% !important;
}

.u-w41p {
  width: 41% !important;
}

.u-w42p {
  width: 42% !important;
}

.u-w43p {
  width: 43% !important;
}

.u-w44p {
  width: 44% !important;
}

.u-w45p {
  width: 45% !important;
}

.u-w46p {
  width: 46% !important;
}

.u-w47p {
  width: 47% !important;
}

.u-w48p {
  width: 48% !important;
}

.u-w49p {
  width: 49% !important;
}

.u-w50p {
  width: 50% !important;
}

.u-w51p {
  width: 51% !important;
}

.u-w52p {
  width: 52% !important;
}

.u-w53p {
  width: 53% !important;
}

.u-w54p {
  width: 54% !important;
}

.u-w55p {
  width: 55% !important;
}

.u-w56p {
  width: 56% !important;
}

.u-w57p {
  width: 57% !important;
}

.u-w58p {
  width: 58% !important;
}

.u-w59p {
  width: 59% !important;
}

.u-w60p {
  width: 60% !important;
}

.u-w61p {
  width: 61% !important;
}

.u-w62p {
  width: 62% !important;
}

.u-w63p {
  width: 63% !important;
}

.u-w64p {
  width: 64% !important;
}

.u-w65p {
  width: 65% !important;
}

.u-w66p {
  width: 66% !important;
}

.u-w67p {
  width: 67% !important;
}

.u-w68p {
  width: 68% !important;
}

.u-w69p {
  width: 69% !important;
}

.u-w70p {
  width: 70% !important;
}

.u-w71p {
  width: 71% !important;
}

.u-w72p {
  width: 72% !important;
}

.u-w73p {
  width: 73% !important;
}

.u-w74p {
  width: 74% !important;
}

.u-w75p {
  width: 75% !important;
}

.u-w76p {
  width: 76% !important;
}

.u-w77p {
  width: 77% !important;
}

.u-w78p {
  width: 78% !important;
}

.u-w79p {
  width: 79% !important;
}

.u-w80p {
  width: 80% !important;
}

.u-w81p {
  width: 81% !important;
}

.u-w82p {
  width: 82% !important;
}

.u-w83p {
  width: 83% !important;
}

.u-w84p {
  width: 84% !important;
}

.u-w85p {
  width: 85% !important;
}

.u-w86p {
  width: 86% !important;
}

.u-w87p {
  width: 87% !important;
}

.u-w88p {
  width: 88% !important;
}

.u-w89p {
  width: 89% !important;
}

.u-w90p {
  width: 90% !important;
}

.u-w91p {
  width: 91% !important;
}

.u-w92p {
  width: 92% !important;
}

.u-w93p {
  width: 93% !important;
}

.u-w94p {
  width: 94% !important;
}

.u-w95p {
  width: 95% !important;
}

.u-w96p {
  width: 96% !important;
}

.u-w97p {
  width: 97% !important;
}

.u-w98p {
  width: 98% !important;
}

.u-w99p {
  width: 99% !important;
}

.u-w100p {
  width: 100% !important;
}

/*==================================
* min-width
==================================*/
.u-min-w0p {
  min-width: 0% !important;
}

.u-min-w1p {
  min-width: 1% !important;
}

.u-min-w2p {
  min-width: 2% !important;
}

.u-min-w3p {
  min-width: 3% !important;
}

.u-min-w4p {
  min-width: 4% !important;
}

.u-min-w5p {
  min-width: 5% !important;
}

.u-min-w6p {
  min-width: 6% !important;
}

.u-min-w7p {
  min-width: 7% !important;
}

.u-min-w8p {
  min-width: 8% !important;
}

.u-min-w9p {
  min-width: 9% !important;
}

.u-min-w10p {
  min-width: 10% !important;
}

.u-min-w11p {
  min-width: 11% !important;
}

.u-min-w12p {
  min-width: 12% !important;
}

.u-min-w13p {
  min-width: 13% !important;
}

.u-min-w14p {
  min-width: 14% !important;
}

.u-min-w15p {
  min-width: 15% !important;
}

.u-min-w16p {
  min-width: 16% !important;
}

.u-min-w17p {
  min-width: 17% !important;
}

.u-min-w18p {
  min-width: 18% !important;
}

.u-min-w19p {
  min-width: 19% !important;
}

.u-min-w20p {
  min-width: 20% !important;
}

.u-min-w21p {
  min-width: 21% !important;
}

.u-min-w22p {
  min-width: 22% !important;
}

.u-min-w23p {
  min-width: 23% !important;
}

.u-min-w24p {
  min-width: 24% !important;
}

.u-min-w25p {
  min-width: 25% !important;
}

.u-min-w26p {
  min-width: 26% !important;
}

.u-min-w27p {
  min-width: 27% !important;
}

.u-min-w28p {
  min-width: 28% !important;
}

.u-min-w29p {
  min-width: 29% !important;
}

.u-min-w30p {
  min-width: 30% !important;
}

.u-min-w31p {
  min-width: 31% !important;
}

.u-min-w32p {
  min-width: 32% !important;
}

.u-min-w33p {
  min-width: 33% !important;
}

.u-min-w34p {
  min-width: 34% !important;
}

.u-min-w35p {
  min-width: 35% !important;
}

.u-min-w36p {
  min-width: 36% !important;
}

.u-min-w37p {
  min-width: 37% !important;
}

.u-min-w38p {
  min-width: 38% !important;
}

.u-min-w39p {
  min-width: 39% !important;
}

.u-min-w40p {
  min-width: 40% !important;
}

.u-min-w41p {
  min-width: 41% !important;
}

.u-min-w42p {
  min-width: 42% !important;
}

.u-min-w43p {
  min-width: 43% !important;
}

.u-min-w44p {
  min-width: 44% !important;
}

.u-min-w45p {
  min-width: 45% !important;
}

.u-min-w46p {
  min-width: 46% !important;
}

.u-min-w47p {
  min-width: 47% !important;
}

.u-min-w48p {
  min-width: 48% !important;
}

.u-min-w49p {
  min-width: 49% !important;
}

.u-min-w50p {
  min-width: 50% !important;
}

.u-min-w51p {
  min-width: 51% !important;
}

.u-min-w52p {
  min-width: 52% !important;
}

.u-min-w53p {
  min-width: 53% !important;
}

.u-min-w54p {
  min-width: 54% !important;
}

.u-min-w55p {
  min-width: 55% !important;
}

.u-min-w56p {
  min-width: 56% !important;
}

.u-min-w57p {
  min-width: 57% !important;
}

.u-min-w58p {
  min-width: 58% !important;
}

.u-min-w59p {
  min-width: 59% !important;
}

.u-min-w60p {
  min-width: 60% !important;
}

.u-min-w61p {
  min-width: 61% !important;
}

.u-min-w62p {
  min-width: 62% !important;
}

.u-min-w63p {
  min-width: 63% !important;
}

.u-min-w64p {
  min-width: 64% !important;
}

.u-min-w65p {
  min-width: 65% !important;
}

.u-min-w66p {
  min-width: 66% !important;
}

.u-min-w67p {
  min-width: 67% !important;
}

.u-min-w68p {
  min-width: 68% !important;
}

.u-min-w69p {
  min-width: 69% !important;
}

.u-min-w70p {
  min-width: 70% !important;
}

.u-min-w71p {
  min-width: 71% !important;
}

.u-min-w72p {
  min-width: 72% !important;
}

.u-min-w73p {
  min-width: 73% !important;
}

.u-min-w74p {
  min-width: 74% !important;
}

.u-min-w75p {
  min-width: 75% !important;
}

.u-min-w76p {
  min-width: 76% !important;
}

.u-min-w77p {
  min-width: 77% !important;
}

.u-min-w78p {
  min-width: 78% !important;
}

.u-min-w79p {
  min-width: 79% !important;
}

.u-min-w80p {
  min-width: 80% !important;
}

.u-min-w81p {
  min-width: 81% !important;
}

.u-min-w82p {
  min-width: 82% !important;
}

.u-min-w83p {
  min-width: 83% !important;
}

.u-min-w84p {
  min-width: 84% !important;
}

.u-min-w85p {
  min-width: 85% !important;
}

.u-min-w86p {
  min-width: 86% !important;
}

.u-min-w87p {
  min-width: 87% !important;
}

.u-min-w88p {
  min-width: 88% !important;
}

.u-min-w89p {
  min-width: 89% !important;
}

.u-min-w90p {
  min-width: 90% !important;
}

.u-min-w91p {
  min-width: 91% !important;
}

.u-min-w92p {
  min-width: 92% !important;
}

.u-min-w93p {
  min-width: 93% !important;
}

.u-min-w94p {
  min-width: 94% !important;
}

.u-min-w95p {
  min-width: 95% !important;
}

.u-min-w96p {
  min-width: 96% !important;
}

.u-min-w97p {
  min-width: 97% !important;
}

.u-min-w98p {
  min-width: 98% !important;
}

.u-min-w99p {
  min-width: 99% !important;
}

.u-min-w100p {
  min-width: 100% !important;
}

/*==================================
* max-width
==================================*/
.u-max-w0p {
  max-width: 0% !important;
}

.u-max-w1p {
  max-width: 1% !important;
}

.u-max-w2p {
  max-width: 2% !important;
}

.u-max-w3p {
  max-width: 3% !important;
}

.u-max-w4p {
  max-width: 4% !important;
}

.u-max-w5p {
  max-width: 5% !important;
}

.u-max-w6p {
  max-width: 6% !important;
}

.u-max-w7p {
  max-width: 7% !important;
}

.u-max-w8p {
  max-width: 8% !important;
}

.u-max-w9p {
  max-width: 9% !important;
}

.u-max-w10p {
  max-width: 10% !important;
}

.u-max-w11p {
  max-width: 11% !important;
}

.u-max-w12p {
  max-width: 12% !important;
}

.u-max-w13p {
  max-width: 13% !important;
}

.u-max-w14p {
  max-width: 14% !important;
}

.u-max-w15p {
  max-width: 15% !important;
}

.u-max-w16p {
  max-width: 16% !important;
}

.u-max-w17p {
  max-width: 17% !important;
}

.u-max-w18p {
  max-width: 18% !important;
}

.u-max-w19p {
  max-width: 19% !important;
}

.u-max-w20p {
  max-width: 20% !important;
}

.u-max-w21p {
  max-width: 21% !important;
}

.u-max-w22p {
  max-width: 22% !important;
}

.u-max-w23p {
  max-width: 23% !important;
}

.u-max-w24p {
  max-width: 24% !important;
}

.u-max-w25p {
  max-width: 25% !important;
}

.u-max-w26p {
  max-width: 26% !important;
}

.u-max-w27p {
  max-width: 27% !important;
}

.u-max-w28p {
  max-width: 28% !important;
}

.u-max-w29p {
  max-width: 29% !important;
}

.u-max-w30p {
  max-width: 30% !important;
}

.u-max-w31p {
  max-width: 31% !important;
}

.u-max-w32p {
  max-width: 32% !important;
}

.u-max-w33p {
  max-width: 33% !important;
}

.u-max-w34p {
  max-width: 34% !important;
}

.u-max-w35p {
  max-width: 35% !important;
}

.u-max-w36p {
  max-width: 36% !important;
}

.u-max-w37p {
  max-width: 37% !important;
}

.u-max-w38p {
  max-width: 38% !important;
}

.u-max-w39p {
  max-width: 39% !important;
}

.u-max-w40p {
  max-width: 40% !important;
}

.u-max-w41p {
  max-width: 41% !important;
}

.u-max-w42p {
  max-width: 42% !important;
}

.u-max-w43p {
  max-width: 43% !important;
}

.u-max-w44p {
  max-width: 44% !important;
}

.u-max-w45p {
  max-width: 45% !important;
}

.u-max-w46p {
  max-width: 46% !important;
}

.u-max-w47p {
  max-width: 47% !important;
}

.u-max-w48p {
  max-width: 48% !important;
}

.u-max-w49p {
  max-width: 49% !important;
}

.u-max-w50p {
  max-width: 50% !important;
}

.u-max-w51p {
  max-width: 51% !important;
}

.u-max-w52p {
  max-width: 52% !important;
}

.u-max-w53p {
  max-width: 53% !important;
}

.u-max-w54p {
  max-width: 54% !important;
}

.u-max-w55p {
  max-width: 55% !important;
}

.u-max-w56p {
  max-width: 56% !important;
}

.u-max-w57p {
  max-width: 57% !important;
}

.u-max-w58p {
  max-width: 58% !important;
}

.u-max-w59p {
  max-width: 59% !important;
}

.u-max-w60p {
  max-width: 60% !important;
}

.u-max-w61p {
  max-width: 61% !important;
}

.u-max-w62p {
  max-width: 62% !important;
}

.u-max-w63p {
  max-width: 63% !important;
}

.u-max-w64p {
  max-width: 64% !important;
}

.u-max-w65p {
  max-width: 65% !important;
}

.u-max-w66p {
  max-width: 66% !important;
}

.u-max-w67p {
  max-width: 67% !important;
}

.u-max-w68p {
  max-width: 68% !important;
}

.u-max-w69p {
  max-width: 69% !important;
}

.u-max-w70p {
  max-width: 70% !important;
}

.u-max-w71p {
  max-width: 71% !important;
}

.u-max-w72p {
  max-width: 72% !important;
}

.u-max-w73p {
  max-width: 73% !important;
}

.u-max-w74p {
  max-width: 74% !important;
}

.u-max-w75p {
  max-width: 75% !important;
}

.u-max-w76p {
  max-width: 76% !important;
}

.u-max-w77p {
  max-width: 77% !important;
}

.u-max-w78p {
  max-width: 78% !important;
}

.u-max-w79p {
  max-width: 79% !important;
}

.u-max-w80p {
  max-width: 80% !important;
}

.u-max-w81p {
  max-width: 81% !important;
}

.u-max-w82p {
  max-width: 82% !important;
}

.u-max-w83p {
  max-width: 83% !important;
}

.u-max-w84p {
  max-width: 84% !important;
}

.u-max-w85p {
  max-width: 85% !important;
}

.u-max-w86p {
  max-width: 86% !important;
}

.u-max-w87p {
  max-width: 87% !important;
}

.u-max-w88p {
  max-width: 88% !important;
}

.u-max-w89p {
  max-width: 89% !important;
}

.u-max-w90p {
  max-width: 90% !important;
}

.u-max-w91p {
  max-width: 91% !important;
}

.u-max-w92p {
  max-width: 92% !important;
}

.u-max-w93p {
  max-width: 93% !important;
}

.u-max-w94p {
  max-width: 94% !important;
}

.u-max-w95p {
  max-width: 95% !important;
}

.u-max-w96p {
  max-width: 96% !important;
}

.u-max-w97p {
  max-width: 97% !important;
}

.u-max-w98p {
  max-width: 98% !important;
}

.u-max-w99p {
  max-width: 99% !important;
}

.u-max-w100p {
  max-width: 100% !important;
}

@media print, screen and (min-width: 768px) {
  .u-w50p-pc {
    width: 50%;
  }
}

/* Component
----------------------------------------------------------------- */
/**
 * Button
 */
/*==================================
* 標準
==================================*/
.c-button,
.c-button--primary,
.c-button--secondary {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  padding: 10px;
  line-height: 1.5;
  border-radius: 50px;
  text-align: center;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  background: #fafafa;
  border: solid 1px #CCC;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  box-sizing: border-box;
}
.c-button::after,
.c-button--primary::after,
.c-button--secondary::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: solid 2px #555;
  border-right: solid 2px #555;
  transform: rotate(45deg);
}
.c-button:hover, .c-button:active, .c-button:focus,
.c-button--primary:hover,
.c-button--secondary:hover,
.c-button--primary:active,
.c-button--secondary:active,
.c-button--primary:focus,
.c-button--secondary:focus {
  text-decoration: none;
  color: #333;
  opacity: 0.8;
}
.c-button[disabled], .c-button.disabled,
[disabled].c-button--primary,
[disabled].c-button--secondary,
.disabled.c-button--primary,
.disabled.c-button--secondary {
  opacity: 0.5;
  pointer-events: none;
}
@media print, screen and (min-width: 768px) {
  .c-button,
  .c-button--primary,
  .c-button--secondary {
    max-width: 260px;
  }
}

/*==================================
* カラー
==================================*/
.c-button--primary,
.c-button--secondary {
  color: #FFF;
  border-color: transparent;
}
.c-button--primary::after,
.c-button--secondary::after {
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
}
.c-button--primary:hover, .c-button--primary:active, .c-button--primary:focus,
.c-button--secondary:hover,
.c-button--secondary:active,
.c-button--secondary:focus {
  text-decoration: none;
  color: #FFF;
  opacity: 0.8;
}

.c-button--primary {
  background-color: #345887;
}

.c-button--secondary {
  background-color: #FF8C00;
}

/*==================================
* ラージサイズ
==================================*/
.c-button--lg {
  padding: 15px;
  font-size: 2rem;
}
.c-button--lg::after {
  border-top-width: 4px;
  border-right-width: 4px;
}
@media print, screen and (min-width: 768px) {
  .c-button--lg {
    max-width: 550px;
    font-size: 2.2rem;
  }
  .c-button--lg::after {
    top: calc(50% - 8px);
    right: 40px;
    width: 12px;
    height: 12px;
  }
}

/*==================================
* 角なし
==================================*/
.c-button--square {
  border-radius: 0;
}

/*==================================
* アウトライン
==================================*/
.c-button--outline {
  background-color: #fff;
}
.c-button--outline:hover {
  opacity: 1;
}
.c-button--outline.c-button--primary {
  color: #345887;
  border: solid 2px #345887;
}
.c-button--outline.c-button--primary::after {
  border-top: solid 2px #345887;
  border-right: solid 2px #345887;
}
.c-button--outline.c-button--primary:hover {
  color: #fff;
  background-color: #345887;
  transition-duration: 0.3s;
}
.c-button--outline.c-button--primary:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.c-button--outline.c-button--secondary {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.c-button--outline.c-button--secondary::after {
  border-top: solid 2px #FF8C00;
  border-right: solid 2px #FF8C00;
}
.c-button--outline.c-button--secondary:hover {
  color: #fff;
  background-color: #FF8C00;
  transition-duration: 0.3s;
}
.c-button--outline.c-button--secondary:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

/*==================================
* アイコン
==================================*/
.c-button--arrow-down::after,
.c-button--external::after,
.c-button--download::after {
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  position: static;
  border: none !important;
  transform: none;
  margin-left: 10px;
}

.c-button--arrow-down::after {
  content: "\f078";
}

.c-button--external::after {
  content: "\f35d";
}

.c-button--download::after {
  content: "\f019";
}

/*==================================
* コンテナ（1カラム）
==================================*/
.c-button-container {
  padding: 30px 0 0 0;
  text-align: center;
}

/*==================================
* コンテナ（2カラム）
==================================*/
.c-button-container--col2 {
  padding: 30px 0 0 0;
}
@media print, screen and (min-width: 768px) {
  .c-button-container--col2 {
    display: flex;
    justify-content: space-around;
  }
}

/**
 * Card
 */
.c-card {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.c-card .c-card__body {
  padding: 10px;
}

/**
 * Def
 */
/* normal
======================= */
.c-def {
  margin-bottom: 50px;
}
.c-def dl {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
}
.c-def dl dt {
  width: 19%;
  padding: 10px 0 10px 5px;
  font-weight: 700;
  border-top: solid 1px #908a6a;
}
.c-def dl dd {
  width: 77%;
  margin-left: 0;
  padding: 10px 0 10px 5px;
  font-size: 1.6rem;
  border-top: solid 1px #e5e5e5;
}
.c-def dl:last-child dt {
  border-bottom: solid 1px #908a6a;
}
.c-def dl:last-child dd {
  border-bottom: solid 1px #e5e5e5;
}
@media print, screen and (min-width: 768px) {
  .c-def dl dt {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .c-def dl dd {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 79%;
    font-size: 1.8rem;
  }
}

/* stripe
======================= */
.c-def-stripe {
  margin-bottom: 50px;
}
.c-def-stripe dl {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
}
.c-def-stripe dl:nth-child(odd) {
  background-color: #efefef;
}
.c-def-stripe dl dt {
  width: 19%;
  padding: 10px 0 10px 5px;
  font-weight: 700;
}
.c-def-stripe dl dd {
  width: 77%;
  margin-left: 0;
  padding: 10px 0 10px 5px;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .c-def-stripe dl dt {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .c-def-stripe dl dd {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 79%;
    font-size: 1.8rem;
  }
}

/**
 * Feature
 */
.c-feature--type01 .c-feature__block {
  width: 100%;
  margin-bottom: 50px;
}
.c-feature--type01 .c-feature__block:last-child {
  margin-bottom: 30px;
}
.c-feature--type01 .c-feature__image {
  margin-bottom: 30px;
}
.c-feature--type01 .c-feature__image img {
  max-width: 100%;
  height: auto;
}

/* PC */
@media print, screen and (min-width: 768px) {
  .c-feature--type01 .c-feature__block {
    display: flex;
    margin-bottom: 80px;
  }
  .c-feature--type01 .c-feature__image {
    width: 50%;
    margin: 0;
    padding: 0 30px 0 0;
  }
  .c-feature--type01 .c-feature__text {
    width: 50%;
    padding: 0 0 0 30px;
  }
  .c-feature--type01 .c-feature--reverse {
    flex-direction: row-reverse;
  }
  .c-feature--type01 .c-feature--reverse .c-feature__image {
    padding: 0 0 0 30px;
    text-align: right;
  }
  .c-feature--type01 .c-feature--reverse .c-feature__text {
    padding: 0 30px 0 0;
  }
}
/**
 * Grid
 */
.c-grid {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-grid .c-grid__col--tit {
  text-align: center;
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 500;
}
.c-grid .c-grid__col--text {
  margin: 20px auto auto 0;
  text-align: left;
}
.c-grid .c-grid-col2,
.c-grid .c-grid-col3 {
  box-sizing: border-box;
  margin-bottom: 50px;
}
.c-grid .c-grid-col2 img,
.c-grid .c-grid-col3 img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.c-grid .c-grid-col2 {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .c-grid .c-grid-col2 {
    width: 46%;
  }
}
.c-grid .c-grid-col3 {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .c-grid .c-grid-col3 {
    width: 30%;
  }
}

/**
 * Label
 */
.c-label,
.c-label--orange,
.c-label--dark,
.c-label--light,
.c-label--danger,
.c-label--warning,
.c-label--info,
.c-label--success,
.c-label--secondary,
.c-label--primary {
  margin: 0;
  padding: 5px 10px;
  display: inline-block;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  border-radius: 3px;
  background-color: #FFFFFF;
  text-align: center;
  font-size: 1.4rem;
  background: #fafafa;
  border: solid 1px #CCC;
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
  .c-label,
  .c-label--orange,
  .c-label--dark,
  .c-label--light,
  .c-label--danger,
  .c-label--warning,
  .c-label--info,
  .c-label--success,
  .c-label--secondary,
  .c-label--primary {
    font-size: 1.6rem;
  }
}

.c-label--primary {
  background-color: #345887 !important;
  color: #FFF;
  border: none;
}

.c-label--secondary {
  background-color: #FF8C00 !important;
  color: #FFF;
  border: none;
}

.c-label--success {
  background-color: #03967a !important;
  color: #FFF;
  border: none;
}

.c-label--info {
  background-color: #17a2b8 !important;
  color: #FFF;
  border: none;
}

.c-label--warning {
  background-color: #ffc107 !important;
  color: #FFF;
  border: none;
}

.c-label--danger {
  background-color: #dc3545 !important;
  color: #FFF;
  border: none;
}

.c-label--light {
  background-color: #adb5bd !important;
  color: #FFF;
  border: none;
}

.c-label--dark {
  background-color: #343a40 !important;
  color: #FFF;
  border: none;
}

.c-label--orange {
  background-color: #FF7300 !important;
  color: #FFF;
  border: none;
}

/**
 * List
 */
.c-list__check, .c-list__check--sm-black {
  margin: 0 auto;
  padding: 0;
}
.c-list__check li, .c-list__check--sm-black li {
  margin-bottom: 10px;
  padding: 0 0 0 35px;
  background-image: url(../img/component/icon_check.png);
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 1.8rem;
  font-weight: bold;
  color: #3d70bb;
}
@media print, screen and (min-width: 768px) {
  .c-list__check li, .c-list__check--sm-black li {
    background-position: left 6px;
    font-size: 2.6rem;
  }
}

.c-list__check--sm-black li {
  font-size: 1.8rem;
  color: #333;
  background-position: left top;
}
@media print, screen and (min-width: 768px) {
  .c-list__check--sm-black li {
    font-size: 2.2rem;
  }
}

/**
 * Media
 */
.c-media {
  width: 90%;
  margin: 0 auto;
}
.c-media ul {
  margin-bottom: 50px;
}
.c-media ul li {
  margin-bottom: 30px;
}
.c-media ul li .c-media__image {
  max-width: 100%;
}
.c-media ul li .c-media__image img {
  width: 100%;
}
.c-media ul li .c-media__text {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .c-media {
    width: 100%;
  }
  .c-media ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .c-media ul li {
    margin-bottom: 50px;
  }
  .c-media ul li .c-media__image img {
    width: 340px;
  }
  .c-media ul li .c-media__text {
    font-size: 20px;
  }
  .c-media ul::after {
    display: block;
    content: "";
    width: 340px;
  }
}

/**
 * Panel
 */
/* type01
 ======================= */
.c-menu--type01 {
  width: 95%;
  margin: 0 auto;
}
.c-menu--type01 a {
  display: block;
  color: #333;
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px 2px rgba(118, 118, 118, 0.5);
}
.c-menu--type01 a .c-menu__card {
  padding: 20px 30px;
}
.c-menu--type01 a .c-menu__card .c-menu__card-header {
  position: relative;
  margin-bottom: 20px;
  padding-right: 21px;
  font-size: 20px;
  font-weight: bold;
}
.c-menu--type01 a .c-menu__card .c-menu__card-header span {
  background: linear-gradient(transparent 65%, #9eceff 65%);
}
.c-menu--type01 a .c-menu__card .c-menu__card-header::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  border-bottom: dotted 2px #767676;
}
.c-menu--type01 a .c-menu__card .c-menu__card-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: solid 3px #7f7f7f;
  border-right: solid 3px #7f7f7f;
  transform: rotate(45deg);
}
.c-menu--type01 a .c-menu__card .c-menu__card-body li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 16px;
}
.c-menu--type01 a .c-menu__card .c-menu__card-body li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 13px;
  height: 13px;
  background-image: url(../img/check__icon-panel.png);
  background-size: cover;
  background-position: 50% 0%;
}
@media print, screen and (min-width: 768px) {
  .c-menu--type01 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
  }
  .c-menu--type01 a {
    width: 30%;
  }
  .c-menu--type01 a .c-menu__card .c-menu__card-header {
    margin-bottom: 25px;
    padding-right: 25px;
    font-size: 22px;
  }
  .c-menu--type01 a .c-menu__card .c-menu__card-header::before {
    bottom: -13px;
  }
  .c-menu--type01 a .c-menu__card .c-menu__card-header::after {
    width: 8px;
    height: 8px;
  }
  .c-menu--type01 a .c-menu__card .c-menu__card-body li {
    font-size: 18px;
  }
  .c-menu--type01 a .c-menu__card .c-menu__card-body li::before {
    top: 7px;
    width: 14px;
    height: 14px;
  }
}

/* type02
 ======================= */
.c-menu--type02 {
  width: 95%;
  margin: 0 auto;
}
.c-menu--type02 a {
  display: block;
  color: #333;
  margin-bottom: 30px;
  border: solid 1px #767676;
}
.c-menu--type02 a .c-menu__card {
  padding: 20px 30px;
  text-align: center;
}
.c-menu--type02 a .c-menu__card .c-menu__card-image {
  max-width: 100%;
  margin-bottom: 20px;
}
.c-menu--type02 a .c-menu__card .c-menu__card-image img {
  width: auto;
  height: 100px;
}
.c-menu--type02 a .c-menu__card .c-menu__card-header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.c-menu--type02 a .c-menu__card .c-menu__card-body {
  padding-right: 25px;
  font-size: 16px;
  position: relative;
}
.c-menu--type02 a .c-menu__card .c-menu__card-body::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: solid 3px #7f7f7f;
  border-right: solid 3px #7f7f7f;
  transform: rotate(45deg);
}
@media print, screen and (min-width: 768px) {
  .c-menu--type02 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
  }
  .c-menu--type02 a {
    width: 30%;
  }
  .c-menu--type02 a:hover {
    background-color: rgba(127, 191, 255, 0.1);
    color: #333;
  }
  .c-menu--type02 a .c-menu__card {
    margin-bottom: 0;
    padding: 30px 40px;
  }
  .c-menu--type02 a .c-menu__card .c-menu__card-header {
    font-size: 24px;
  }
}

/* type03
 ======================= */
.c-menu--type03 {
  width: 95%;
  margin: 0 auto;
}
.c-menu--type03 a {
  display: block;
  position: relative;
  color: #333;
  margin-bottom: 30px;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.5);
}
.c-menu--type03 a .c-menu__card-image {
  max-width: 100%;
}
.c-menu--type03 a .c-menu__card-image img {
  width: 100%;
}
.c-menu--type03 a .c-menu__card-textarea {
  padding: 20px 30px 40px 30px;
}
.c-menu--type03 a .c-menu__card-textarea p {
  font-size: 16px;
}
.c-menu--type03 a .c-menu__card-textarea .c-menu__card-header {
  margin-bottom: 20px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}
.c-menu--type03 a .c-menu__card-textarea .c-menu__card-body {
  margin-bottom: 20px;
}
.c-menu--type03 a .c-menu__card-textarea .c-menu__card-bottom {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #3d70bb;
}
@media print, screen and (min-width: 768px) {
  .c-menu--type03 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
  }
  .c-menu--type03 a {
    width: 30%;
  }
  .c-menu--type03 a .c-menu__card-textarea .c-menu__card-header {
    font-size: 24px;
  }
}

/* type04
 ======================= */
.c-menu--type04 {
  margin: 0 auto;
  width: 95%;
}
.c-menu--type04 a {
  display: block;
  margin-bottom: 30px;
  border: solid 1px #345887;
}
.c-menu--type04 a .c-menu__card {
  padding: 0;
  text-align: center;
}
.c-menu--type04 a .c-menu__card .c-menu__card-image {
  margin: 20px;
}
.c-menu--type04 a .c-menu__card .c-menu__card-image img {
  width: 100%;
  height: 220px;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-menu--type04 a .c-menu__card .c-menu__card-title {
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  background-color: #345887;
}
@media print, screen and (min-width: 768px) {
  .c-menu--type04 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 30px;
    width: 100%;
  }
  .c-menu--type04 a {
    width: 30%;
    margin-bottom: 0;
  }
  .c-menu--type04 a:hover {
    background-color: rgba(127, 191, 255, 0.1);
  }
  .c-menu--type04 a .c-menu__card {
    margin-bottom: 0;
  }
  .c-menu--type04 a .c-menu__card .c-menu__card-title {
    font-size: 24px;
  }
}

/* type05
 ======================= */
.c-menu--type05 {
  margin: 0 auto;
  width: 95%;
}
.c-menu--type05 a {
  display: block;
  position: relative;
  color: #333;
  margin-bottom: 50px;
  border-radius: 5px;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.5);
}
.c-menu--type05 a .c-menu__card-image {
  max-width: 100%;
  padding: 20px;
}
.c-menu--type05 a .c-menu__card-image img {
  width: 100%;
  height: 220px;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-menu--type05 a .c-menu__card-textarea {
  padding: 20px 30px;
}
.c-menu--type05 a .c-menu__card-textarea p {
  font-size: 16px;
}
.c-menu--type05 a .c-menu__card-textarea .c-menu__card-header {
  margin-bottom: 20px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}
.c-menu--type05 a .c-menu__card-textarea .c-menu__card-sub {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.c-menu--type05 a .c-menu__card-textarea .c-menu__card-sub i {
  margin-right: 5px;
  font-size: 26px;
  color: #ff8c00;
}
.c-menu--type05 a .c-menu__card-textarea .c-menu__card-body {
  margin-top: 20px;
  margin-bottom: 30px;
}
.c-menu--type05 a .c-menu__card-textarea .c-menu__card-body P {
  margin-bottom: 10px;
}
.c-menu--type05 a .c-menu__card-textarea .c-menu__card-bottom {
  position: absolute;
  display: block;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media print, screen and (min-width: 768px) {
  .c-menu--type05 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 80px;
  }
  .c-menu--type05 a {
    width: 30%;
  }
  .c-menu--type05 a .c-menu__card-textarea .c-menu__card-header {
    font-size: 24px;
  }
}

/* type06
 ======================= */
.c-menu--type06 {
  width: 90%;
  margin: 0 auto;
}
.c-menu--type06 .c-menu__card {
  display: block;
  margin-bottom: 30px;
  padding: 10px 20px 30px 20px;
  text-align: center;
  color: #333;
  border: solid 1px #767676;
}
.c-menu--type06 .c-menu__card .c-menu__card-icon {
  font-size: 5rem;
  color: #345887;
}
.c-menu--type06 .c-menu__card .c-menu__card-header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.c-menu--type06 .c-menu__card .c-menu__card-body {
  font-size: 16px;
}
@media print, screen and (min-width: 768px) {
  .c-menu--type06 {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .c-menu--type06 .c-menu__card {
    width: 25%;
    margin-bottom: 0;
  }
  .c-menu--type06 .c-menu__card .c-menu__card-header {
    font-size: 24px;
  }
}

/**
 * Panel
 */
/* type01
======================= */
.c-panel--type01 {
  width: 90%;
  margin: 0 auto;
}
.c-panel--type01 .c-panel__card {
  margin-bottom: 30px;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px 2px rgba(118, 118, 118, 0.5);
  background-color: #FFF;
}
.c-panel--type01 .c-panel__card .c-panel__card-header {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.c-panel--type01 .c-panel__card .c-panel__card-header::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  border-bottom: dotted 2px #767676;
}
.c-panel--type01 .c-panel__card .c-panel__card-body li {
  margin-bottom: 10px;
  font-size: 16px;
}
@media print, screen and (min-width: 768px) {
  .c-panel--type01 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 1140px;
  }
  .c-panel--type01 .c-panel__card {
    width: 25%;
  }
  .c-panel--type01 .c-panel__card .c-panel__card-header {
    margin-bottom: 25px;
    font-size: 22px;
  }
  .c-panel--type01 .c-panel__card .c-panel__card-header::before {
    bottom: -13px;
  }
  .c-panel--type01 .c-panel__card .c-panel__card-body li {
    font-size: 18px;
  }
}

/* type02
======================= */
.c-panel--type02 {
  margin: 0 20px;
}
.c-panel--type02 .c-panel__card {
  margin-bottom: 50px;
  padding: 20px 10px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.5);
  box-sizing: border-box;
}
.c-panel--type02 .c-panel__card .c-panel__card__title {
  position: relative;
  margin: 20px auto 30px auto;
  text-align: center;
  line-height: 1.4;
  font-size: 22px;
  font-weight: bold;
  color: #345887;
}
.c-panel--type02 .c-panel__card .c-panel__card__title::after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  left: calc(50% - 30px);
  bottom: -12px;
  border: solid 2px #345887;
}
@media print, screen and (min-width: 768px) {
  .c-panel--type02 {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto 45px auto;
  }
  .c-panel--type02 .c-panel__card {
    width: 48%;
    margin-bottom: 0;
    padding: 20px 30px;
  }
  .c-panel--type02 .c-panel__card .c-panel__card__title {
    margin-bottom: 40px;
    font-size: 26px;
  }
}

/* type03
======================= */
.c-panel--type03 .c-panel__card {
  margin-bottom: 50px;
  padding: 30px 20px;
  border-radius: 5px;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.5);
}
.c-panel--type03 .c-panel__card .c-panel__card__head {
  margin-bottom: 30px;
  text-align: center;
}
.c-panel--type03 .c-panel__card .c-panel__card__head h3 {
  font-size: 2rem;
  font-weight: bold;
}
.c-panel--type03 .c-panel__card .c-panel__card__body {
  margin-bottom: 30px;
}
.c-panel--type03 .c-panel__card .c-panel__card__foot {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .c-panel--type03 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .c-panel--type03 .c-panel__card {
    display: flex;
    flex-direction: column;
    width: 41%;
    margin-bottom: 0;
    padding: 40px;
  }
  .c-panel--type03 .c-panel__card .c-panel__card__head {
    margin-bottom: 40px;
  }
  .c-panel--type03 .c-panel__card .c-panel__card__head h3 {
    font-size: 2.4rem;
  }
  .c-panel--type03 .c-panel__card .c-panel__card__body {
    margin-bottom: 40px;
  }
  .c-panel--type03 .c-panel__card .c-panel__card__foot {
    margin-top: auto;
  }
}

/**
 * Point
 */
.c-point--type01 {
  /* PC */
}
.c-point--type01 .c-point__block {
  padding: 20px;
  box-sizing: border-box;
  border: solid 1px #ccc;
  margin-bottom: 50px;
}
.c-point--type01 .c-point__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.c-point--type01 .c-point__header h2 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-left: 20px;
}
.c-point--type01 .c-point__cover {
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  background-color: #345887;
  box-sizing: border-box;
  line-height: 1.2;
  font-size: 1.3rem;
}
.c-point--type01 .c-point__no {
  font-size: 2rem;
}
@media print, screen and (min-width: 768px) {
  .c-point--type01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .c-point--type01 .c-point__block {
    width: 32%;
  }
  .c-point--type01.c-point--col2 .c-point__block {
    width: 48%;
  }
}

.c-point--type02 {
  margin: 0 15px;
}
.c-point--type02 li {
  position: relative;
  margin-bottom: 50px;
  padding: 20px;
  border: solid 3px #345887;
  border-radius: 10px;
}
.c-point--type02 li .c-point__strong {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 40px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 30px;
  color: #ffffff;
  background-color: #345887;
  margin-right: -50%;
}
.c-point--type02 li .c-point__title {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
  color: #345887;
}
.c-point--type02 li .c-point__image {
  max-width: 100%;
  margin: 25px auto;
  text-align: center;
}
.c-point--type02 li .c-point__image img {
  width: 80%;
}
.c-point--type02 li .c-point__text {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .c-point--type02 {
    margin: 80px 0;
  }
  .c-point--type02 ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .c-point--type02 ul li {
    width: 27%;
    margin-bottom: 0;
  }
  .c-point--type02 ul li .c-point__image img {
    width: 90%;
  }
  .c-point--type02 ul li .c-point__text {
    font-size: 2rem;
  }
}

/*
　売買仲介
================================*/
.c-section-title-02 {
  position: relative;
  width: 100%;
  height: 330px;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.c-section-title-02::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.c-section-title-02__image img {
  display: block;
  width: 100%;
  height: 330px;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-section-title-02__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  color: #FFF;
}

.c-section-title-02__inner h2 {
  margin-bottom: 30px;
  font-size: 35px;
  font-weight: 900;
}

.c-section-title-02__inner span {
  position: relative;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}

.c-section-title-02__inner span::first-letter {
  color: #FF7300;
}

.c-section-title-02__inner span::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  background: #fff;
}

.c-section-title-02__inner p {
  font-weight: bold;
  line-height: 1.5;
}

.c-section-title-02__arrow {
  position: relative;
  height: 150px;
  background-color: #345887;
}

.c-section-title-02__arrow::after {
  position: absolute;
  content: "";
  bottom: -39px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #345887 transparent transparent transparent;
  z-index: 10;
}

.c-section-title-02__arrow h3 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
}

.c-section-title-02__arrow p {
  font-size: clamp(14px, 2.7vw, 18px);
  font-weight: bold;
  color: #FFF;
}

.c-section-title-02__arrow__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}

/* PC */
@media screen and (min-width: 768px) {
  .c-section-title-02 {
    height: 400px;
  }
  .c-section-title-02__image img {
    height: 400px;
  }
  .c-section-title-02__inner {
    max-width: 1140px;
    margin: 0 auto;
  }
  .c-section-title-02__inner h2 {
    margin: 0 auto;
    font-size: 70px;
  }
  .c-section-title-02__inner span {
    font-size: 65px;
  }
  .c-section-title-02__inner p {
    width: 100%;
    text-align: center;
    font-size: 22px;
  }
  .c-section-title-02__arrow {
    height: 140px;
  }
  .c-section-title-02__arrow h3 {
    position: relative;
    padding-right: 3%;
    margin-bottom: 0;
    font-size: clamp(21px, 2.8vw, 47px);
    font-weight: bold;
    color: #FFF;
  }
  .c-section-title-02__arrow h3::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 60px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #fff;
  }
  .c-section-title-02__arrow p {
    padding-left: 3%;
    font-size: clamp(16px, 2vw, 21px);
  }
  .c-section-title-02__arrow__inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
/**
 * Section
 */
.c-section {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}
.c-section .c-section-inner {
  padding: 30px;
  background-color: #FFF;
}

.c-section-heading {
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  background-color: #17184B;
  color: #FFF;
  text-align: center;
  font-weight: 900;
}
.c-section-heading h2 {
  font-weight: 900;
  font-size: 5rem;
  margin: 5px 0;
}
.c-section-heading p {
  font-size: 2.5rem;
}

/**
 * sitemap
 */
/*==================================
* sitemap--type01
==================================*/
.c-sitemap--type01 table {
  width: 100%;
  font-size: 1.6rem;
}
.c-sitemap--type01 table tr {
  display: block;
  margin-bottom: 20px;
}
.c-sitemap--type01 table tr th {
  width: 100%;
  font-weight: bold;
}
.c-sitemap--type01 table tr th a {
  color: #345887;
}
.c-sitemap--type01 table tr th a i {
  font-size: 1.4rem;
}
.c-sitemap--type01 table tr th,
.c-sitemap--type01 table tr td {
  display: block;
  text-align: left;
  color: #345887;
}
.c-sitemap--type01 table tr td ul {
  margin-left: 10px;
}
.c-sitemap--type01 table tr td ul li a {
  color: #345887;
}
.c-sitemap--type01 table tr td ul li a i {
  font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
  .c-sitemap--type01 table {
    border: 1px solid #CCC;
  }
  .c-sitemap--type01 table tr {
    display: table-row;
    margin-bottom: 0;
    border: 1px solid #CCC;
  }
  .c-sitemap--type01 table tr th {
    width: 30%;
    vertical-align: baseline;
    font-weight: normal;
  }
  .c-sitemap--type01 table tr th a:hover {
    text-decoration: underline;
  }
  .c-sitemap--type01 table tr td {
    border-left: 1px solid #CCC;
  }
  .c-sitemap--type01 table tr td li {
    margin-bottom: 10px;
  }
  .c-sitemap--type01 table tr td li:last-child {
    margin-bottom: 5px;
  }
  .c-sitemap--type01 table tr td li a:hover {
    text-decoration: underline;
  }
  .c-sitemap--type01 table tr th,
  .c-sitemap--type01 table tr td {
    display: table-cell;
    padding: 15px 20px;
  }
}

/**
 * slide
 */
/*==================================
* コンテナ
==================================*/
.c-slide__container {
  margin: 0 20px;
  padding: 0;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.5);
}
.c-slide__container .c-slide__container__title {
  padding: 10px 0;
  text-align: center;
  line-height: 1.4;
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #345887;
  border-radius: 5px 5px 0 0;
}
.c-slide__container .c-slide__container__body {
  padding: 50px 15px 20px 15px;
}
@media print, screen and (min-width: 768px) {
  .c-slide__container {
    max-width: 1140px;
    margin: 0 auto;
  }
  .c-slide__container .c-slide__container__title {
    padding: 25px 0;
    font-size: 3.2rem;
  }
  .c-slide__container .c-slide__container__body {
    padding: 80px 50px 50px 50px;
  }
}

/*==================================
* スライド（テキスト＋画像）
==================================*/
.c-slide--type01 .c-slide__inner {
  margin-bottom: 30px;
}
.c-slide--type01 .c-slide__image img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.c-slide--type01 .c-slide__image--col-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.c-slide--type01 .c-slide__image--col-2 img {
  width: 48%;
  height: auto;
  margin-bottom: 30px;
}
.c-slide--type01 .c-slide__block .c-slide__title {
  margin: 20px auto;
  text-align: center;
  line-height: 1.4;
  font-size: 2.2rem;
  font-weight: bold;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .c-slide--type01 .c-slide__inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .c-slide--type01 .c-slide__inner .c-slide__image,
  .c-slide--type01 .c-slide__inner .c-slide__image--col-2 {
    width: 45%;
  }
  .c-slide--type01 .c-slide__inner .c-slide__block {
    width: 55%;
  }
  .c-slide--type01 .c-slide__inner .c-slide__block .c-slide__title {
    margin: 0 0 30px 0;
    text-align: left;
    font-size: 2.6rem;
  }
}

/**
 * Table
 */
/* normal
======================= */
.c-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 50px;
}
.c-table th, .c-table td {
  padding: 10px 5px;
  border: solid 1px #ccc;
}
.c-table th {
  text-align: left;
  font-weight: normal;
  background-color: #efefef;
}
@media print, screen and (min-width: 768px) {
  .c-table th, .c-table td {
    padding: 10px;
  }
}

/* responsive
======================= */
.c-table-responsive {
  overflow-x: auto;
}
.c-table-responsive th, .c-table-responsive td {
  min-width: 100px;
}

/**
 * Thumbnail
 */
.c-thumbnail,
.c-thumbnail--border {
  margin-bottom: 50px;
  padding: 0 5px;
}
@media print, screen and (min-width: 768px) {
  .c-thumbnail,
  .c-thumbnail--border {
    padding: 0;
  }
}
.c-thumbnail .c-thumbnail__list,
.c-thumbnail--border .c-thumbnail__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c-thumbnail .c-thumbnail__list::after,
.c-thumbnail--border .c-thumbnail__list::after {
  content: "";
  display: block;
  width: 48%;
}
@media print, screen and (min-width: 768px) {
  .c-thumbnail .c-thumbnail__list::after,
  .c-thumbnail--border .c-thumbnail__list::after {
    width: 32%;
  }
}
.c-thumbnail .c-thumbnail__list .c-thumbnail__list--item,
.c-thumbnail--border .c-thumbnail__list .c-thumbnail__list--item {
  width: 48%;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 768px) {
  .c-thumbnail .c-thumbnail__list .c-thumbnail__list--item,
  .c-thumbnail--border .c-thumbnail__list .c-thumbnail__list--item {
    width: 32%;
  }
}
.c-thumbnail .c-thumbnail__list .c-thumbnail__list--item > img,
.c-thumbnail--border .c-thumbnail__list .c-thumbnail__list--item > img {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.c-thumbnail--border .c-thumbnail__list--item {
  padding: 5px;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #FFF;
  border: solid 1px #ccc;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

/**
 * Tip
 */
.c-tip-left {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.c-tip-left__img {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}
.c-tip-left__img img {
  max-width: 100%;
}

.c-tip-left__tip {
  display: table-cell;
  vertical-align: top;
  background: #fff;
  padding: 1em;
  position: relative;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.c-tip-left__tip:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -9px;
  margin-left: 0;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #ccc;
}
.c-tip-left__tip:after {
  content: "";
  position: absolute;
  top: 10px;
  left: -9px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  margin-left: 1px;
  border-right: 9px solid #fff;
}

/**
 * Title
 */
/* H2
 ======================= */
.c-title, .c-title--border {
  margin: 0 0 5rem 0;
  padding: 0;
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .c-title, .c-title--border {
    font-size: 3.2rem;
    line-height: 4.5rem;
  }
}

/* H2（下線）
 ======================= */
.c-title--border {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 6rem;
}
.c-title--border::after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  left: calc(50% - 30px);
  bottom: 0;
  border: solid 2px #345887;
}
@media print, screen and (min-width: 768px) {
  .c-title--border {
    margin-bottom: 8rem;
  }
}

/*
　H2タイトル（中央寄せ/明朝）
================================*/
.c-title--mincho {
  width: 90%;
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 1.4;
  font-family: "Noto Serif JP", serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #111;
}
@media print, screen and (min-width: 768px) {
  .c-title--mincho {
    width: 100%;
    margin: 0 auto 45px auto;
    line-height: 1.4;
    font-size: 3.4rem;
  }
}

/*
　H2タイトル（キャッチコピー）
================================*/
.c-title--catchcopy {
  margin: 0 auto 30px auto;
  padding: 0 8px;
  text-align: center;
}
.c-title--catchcopy h2 {
  margin-bottom: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.c-title--catchcopy h2 strong {
  font-size: 3.2rem;
  color: #345887;
}
.c-title--catchcopy h3 {
  margin-bottom: 20px;
  line-height: 1.4;
  font-size: 2.2rem;
  font-weight: 700;
}
.c-title--catchcopy p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .c-title--catchcopy {
    max-width: 1140px;
    margin: 0 auto 60px auto;
    padding: 0;
  }
  .c-title--catchcopy h2 {
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 3rem;
  }
  .c-title--catchcopy h2 strong {
    font-size: 4.8rem;
  }
  .c-title--catchcopy h3 {
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 32px;
  }
  .c-title--catchcopy p {
    font-size: 24px;
  }
}

/*
　H2タイトル（ルビ付き）
================================*/
.c-title-ruby-06 {
  width: 90%;
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 1.4;
}
.c-title-ruby-06 h2 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
}
.c-title-ruby-06 span {
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  color: #333;
}
.c-title-ruby-06 span::first-letter {
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .c-title-ruby-06 {
    width: 100%;
    margin: 0 auto 45px auto;
  }
  .c-title-ruby-06 h2 {
    font-size: 3.4rem;
  }
  .c-title-ruby-06 span {
    font-size: 2rem;
  }
}

/* H3
 ======================= */
.c-title-h3 {
  font-weight: bold;
  margin: 0 0 20px 0;
  padding-left: 10px;
  font-size: 1.8rem;
  line-height: 1.5;
  border-left: solid 5px #345887;
}
@media print, screen and (min-width: 768px) {
  .c-title-h3 {
    padding-left: 15px;
    font-size: 2.4rem;
  }
}

.c-title-h3--primary {
  margin: 0 0 20px 0;
  padding: 0;
  font-weight: bold;
  color: #345887;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .c-title-h3--primary {
    font-size: 2.4rem;
  }
}

.c-title-h3--line {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
  margin: 0 auto 15px auto;
  font-size: 1.8rem;
}
.c-title-h3--line::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 20%;
  height: 4px;
  background-color: #345887;
}
@media print, screen and (min-width: 768px) {
  .c-title-h3--line {
    font-size: 2.4rem;
  }
}

/* H3（箇条書き）
 ======================= */
.c-title-h3--bullet {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 0 0 30px;
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.5;
}
.c-title-h3--bullet::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 15px;
  height: 4px;
  background-color: #345887;
  transform: translateY(-50%);
}
@media print, screen and (min-width: 768px) {
  .c-title-h3--bullet {
    font-size: 2.4rem;
  }
}

/* H4
 ======================= */
.c-title-h4 {
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: bold;
  color: #345887;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .c-title-h4 {
    font-size: 2rem;
  }
}

.c-title-h4--base {
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: bold;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .c-title-h4--base {
    font-size: 2rem;
  }
}

/* H2（リンクコピー）
======================= */
h2[id] .fa-link,
h3[id] .fa-link {
  display: none;
  margin-left: 20px;
  cursor: pointer;
  position: relative;
  /* Animation */
}
h2[id] .fa-link.is-copy::after,
h3[id] .fa-link.is-copy::after {
  content: "コピーしました";
  background: #555;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: -25px;
  transform: translate(-50%, 0);
  font-size: 12px;
  padding: 4px 10px 6px 10px;
  white-space: nowrap;
  animation: fade-tooltip 0.5s 1s 1 forwards;
}
@keyframes fade-tooltip {
  to {
    opacity: 0;
  }
}
h2[id]:hover .fa-link,
h3[id]:hover .fa-link {
  display: inline-block;
}

/**
 * TradeCore
 */
/*
 システムぺージレイアウト
================================*/
.tradecore.tc-main {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media print, screen and (min-width: 768px) {
  .tradecore.tc-main {
    max-width: 1140px;
  }
}
.tradecore.tc-main h2.tit,
.tradecore.tc-main h3.tit {
  margin-left: 0;
  margin-right: 0;
}

/*
 パーツレイアウト
================================*/
@media print, screen and (min-width: 768px) {
  .main__layout {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*
 パンくずリスト
================================*/
@media print, screen and (min-width: 768px) {
  ._tc-breadcrumb {
    width: 1140px;
    padding: 10px 0;
  }
}

/*
 タイトル
================================*/
h2.tit {
  margin: 0 0 5rem 0;
  padding: 0;
  font-size: 2.2rem !important;
  line-height: 3.2rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}

h3.tit {
  position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #ccc;
  margin: 0 auto 2rem auto;
  font-size: 1.8rem;
}
h3.tit::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 20%;
  height: 4px;
  background-color: #345887;
}

@media print, screen and (min-width: 768px) {
  h2.tit {
    font-size: 3.2rem !important;
    line-height: 4.5rem;
  }
  h3.tit {
    font-size: 2.4rem;
    margin: 0 auto 2.2rem auto;
  }
}
/*
 箇条書き
================================*/
.main__bullet-list {
  padding: 0;
}

.main__bullet-list li {
  list-style: none;
}

/**
 * Wizard
 */
.c-wizard {
  margin-bottom: 3rem;
}
@media print, screen and (min-width: 768px) {
  .c-wizard {
    margin-top: 3rem;
  }
}
.c-wizard .c-wizard__steps {
  display: table;
  list-style: none;
  position: relative;
  width: 100%;
  margin: 0 0 20px;
}
.c-wizard .c-wizard__steps li {
  display: table-cell;
  text-align: center;
}
.c-wizard .c-wizard__steps li a {
  display: block;
  position: relative;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #666;
  cursor: default;
}
.c-wizard .c-wizard__steps li a:before {
  content: "";
  position: absolute;
  height: 4px;
  background: #ccc;
  top: 13px;
  width: 100%;
  z-index: 4;
  left: 0;
}
.c-wizard .c-wizard__steps li a .c-wizard__step-no {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 5;
}
.c-wizard .c-wizard__steps li a.c-wizard__step--disabled .c-wizard__step-no {
  background: #ccc;
}
.c-wizard .c-wizard__steps li a.c-wizard__step--selected:before, .c-wizard .c-wizard__steps li a.c-wizard__step--selected .c-wizard__step-no {
  background: #34495E;
}
.c-wizard .c-wizard__steps li a .c-wizard__step-nm {
  font-size: 85%;
}
.c-wizard .c-wizard__steps li:first-child a:before {
  left: 50%;
}
.c-wizard .c-wizard__steps li:last-child a:before {
  right: 50%;
  width: 50%;
  left: auto;
}
.c-wizard.c-wizard--col-3 li {
  width: 33.3%;
}

/* Component
----------------------------------------------------------------- */
/**
 * Solution
 */
/* type01
 ======================= */
.b-solution {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
  background-image: url(../img/solution__main__image.jpg);
  background-size: cover;
  background-position: 50% 0%;
}
.b-solution .b-solution__problem {
  margin-bottom: 30px;
  text-align: center;
  font-size: 2.7rem;
  font-weight: bold;
  color: #FFF;
}
.b-solution .b-solution__problem span {
  color: #FFE500;
  font-size: 3.3rem;
  font-weight: 800;
}
.b-solution .b-solution__problem span em {
  font-size: 5.5rem;
  font-weight: bold;
  line-height: 1;
  font-family: "Arial", sans-serif;
  margin: 0 5px;
  vertical-align: bottom;
}
.b-solution .b-solution__example {
  width: 75%;
  position: relative;
  margin: 0 auto;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border: 8px solid #fff;
}
.b-solution .b-solution__example li {
  position: relative;
  margin-bottom: 10px;
  margin-left: 23px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #FFFFFF;
}
.b-solution .b-solution__example li::before {
  position: absolute;
  top: 5px;
  left: -23px;
  width: 15px;
  height: 15px;
  content: "";
  background-image: url(../img/check__icon-solution.png);
  background-size: cover;
  background-position: 50% 0%;
}
.b-solution .b-solution__example li span {
  background: linear-gradient(transparent 70%, #ff7f7f 70%);
}
.b-solution .b-solution__example::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -43px;
  border-top: 35px solid #AD002D;
  border-right: 70px solid transparent;
  border-left: 70px solid transparent;
}
.b-solution .b-solution__answer {
  margin-top: 50px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #FFF;
}
.b-solution .b-solution__answer span {
  color: #FFE500;
  font-size: 2.8rem;
  font-weight: 900;
}
@media print, screen and (min-width: 768px) {
  .b-solution {
    padding: 80px 0;
  }
  .b-solution .b-solution__problem {
    margin-bottom: 50px;
    font-size: 4.5rem;
  }
  .b-solution .b-solution__problem span {
    font-size: 6rem;
  }
  .b-solution .b-solution__problem span em {
    font-size: 10rem;
  }
  .b-solution .b-solution__example {
    max-width: 1000px;
    padding: 50px 40px;
    box-sizing: border-box;
  }
  .b-solution .b-solution__example ul {
    max-width: 930px;
    margin: 0 auto;
  }
  .b-solution .b-solution__example li {
    margin-bottom: 25px;
    margin-left: 65px;
    font-size: 2.8rem;
  }
  .b-solution .b-solution__example li::before {
    width: 26px;
    height: 26px;
    top: 9px;
    left: -45px;
  }
  .b-solution .b-solution__example::after {
    bottom: -63px;
    border-top: 55px solid #AD002D;
    border-right: 95px solid transparent;
    border-left: 95px solid transparent;
  }
  .b-solution .b-solution__answer {
    margin-top: 80px;
    font-size: 4.5rem;
  }
  .b-solution .b-solution__answer span {
    font-size: 6rem;
  }
}

/**
 * contact
 */
/* type01
 ======================= */
.b-contact--type01 {
  width: 100%;
  text-align: center;
}
.b-contact--type01 .b-contact__tel {
  width: 80%;
  margin: 0 auto 30px auto;
  padding: 20px 10px;
  background-color: #F5F5F5;
}
.b-contact--type01 .b-contact__tel p {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.b-contact--type01 .b-contact__tel a .b-contact__telno {
  font-size: 22px;
  font-weight: 800;
  color: #000;
}
.b-contact--type01 .b-contact__mail {
  width: 80%;
  margin: 0 auto 30px auto;
  padding: 20px 10px;
  background-color: #F5F5F5;
}
.b-contact--type01 .b-contact__mail p {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.b-contact--type01 .b-contact__mail a {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 800;
  color: #FFF;
  background-color: #1f2a34;
}
@media print, screen and (min-width: 768px) {
  .b-contact--type01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1140px;
  }
  .b-contact--type01 .b-contact__tel {
    width: 48%;
    margin: 0;
    padding: 37px 0;
  }
  .b-contact--type01 .b-contact__tel p {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .b-contact--type01 .b-contact__tel a {
    margin-bottom: 0;
  }
  .b-contact--type01 .b-contact__tel a .b-contact__telno {
    font-size: 34px;
  }
  .b-contact--type01 .b-contact__mail {
    width: 48%;
    margin: 0;
    padding: 40px 0;
  }
  .b-contact--type01 .b-contact__mail p {
    font-size: 20px;
  }
  .b-contact--type01 .b-contact__mail a {
    width: 60%;
  }
}

/* type02
======================= */
.b-contact--type02 {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  background-color: #ffffff;
  border-radius: 5px;
}
.b-contact--type02 .b-contact__tel {
  width: 80%;
  margin: 0 auto;
  padding: 20px 0 10px 0;
  line-height: 1.4;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.b-contact--type02 .b-contact__tel a {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: #000;
}
.b-contact--type02 .b-contact__mail {
  width: 80%;
  margin: 0 auto;
  padding: 10px 0 20px 0;
  line-height: 2;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.b-contact--type02 .b-contact__mail a {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 800;
  color: #FFF;
  background-color: #1f2a34;
}
@media print, screen and (min-width: 768px) {
  .b-contact--type02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1140px;
  }
  .b-contact--type02 .b-contact__tel {
    width: 48%;
    margin: 0;
    padding: 40px 0;
    line-height: 1.6;
    font-size: 20px;
  }
  .b-contact--type02 .b-contact__tel a {
    margin-bottom: 0;
    font-size: 34px;
  }
  .b-contact--type02 .b-contact__mail {
    width: 48%;
    margin: 0;
    padding: 40px 0;
    font-size: 20px;
  }
  .b-contact--type02 .b-contact__mail a {
    width: 60%;
  }
}

/**
 * point
 */
/* type01
 ======================= */
.b-point--type01 {
  margin: 0 20px;
}
.b-point--type01 .b-point__card {
  padding: 20px 15px;
  margin-bottom: 50px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.5);
}
.b-point--type01 .b-point__card:last-child {
  margin-bottom: 30px;
}
.b-point--type01 .b-point__card__header {
  margin-bottom: 30px;
}
.b-point--type01 .b-point__card__no {
  display: block;
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: 0.3rem;
  color: #345887;
}
.b-point--type01 .b-point__card__title {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
}
.b-point--type01 .b-point__card__about {
  margin-bottom: 50px;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .b-point--type01 {
    max-width: 1140px;
    margin: 0 auto;
  }
  .b-point--type01 .b-point__card {
    padding: 70px 60px;
    margin-bottom: 80px;
  }
  .b-point--type01 .b-point__card__header {
    display: flex;
    margin-bottom: 40px;
  }
  .b-point--type01 .b-point__card__no {
    display: inline-block;
    font-size: 9rem;
    line-height: 1;
  }
  .b-point--type01 .b-point__card__title {
    font-size: 3rem;
    margin-left: 20px;
  }
  .b-point--type01 .b-point__card__about {
    font-size: 1.8rem;
  }
}

/* type02
 ======================= */
.b-point--type02 {
  margin: 0 20px;
}
.b-point--type02 .b-point__card {
  margin-bottom: 50px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.5);
}
.b-point--type02 .b-point__card:last-child {
  margin-bottom: 30px;
}
.b-point--type02 .b-point__card__header {
  padding: 20px 0;
  text-align: center;
  background-color: #345887;
  border-radius: 5px 5px 0 0;
}
.b-point--type02 .b-point__card__no {
  display: inline-block;
  padding: 10px 30px;
  background: #fff;
  border-radius: 30px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
  text-align: center;
  margin: 0 10px 10px 0;
}
.b-point--type02 .b-point__card__title {
  line-height: 1.4;
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
}
.b-point--type02 .b-point__card__body {
  padding: 50px 15px 20px 15px;
}
@media print, screen and (min-width: 768px) {
  .b-point--type02 {
    max-width: 1140px;
    margin: 0 auto;
  }
  .b-point--type02 .b-point__card {
    margin-bottom: 80px;
  }
  .b-point--type02 .b-point__card__header {
    padding: 25px 0;
  }
  .b-point--type02 .b-point__card__no {
    font-size: 2rem;
    margin: 0 20px 0 0;
    vertical-align: middle;
  }
  .b-point--type02 .b-point__card__title {
    display: inline-block;
    font-size: 3.2rem;
    vertical-align: middle;
  }
  .b-point--type02 .b-point__card__body {
    padding: 80px 50px 50px 50px;
  }
}

/* ==========================================================================
   初期化
========================================================================== */
html {
  scroll-padding-top: 90px;
}

/* ==========================================================================
   Project
========================================================================== */
/* component
----------------------------------------------------------------- */
/* component */
/**
 * accordion-menu
 */
/* type01
======================= */
.pc-accordion-menu-01 {
  width: 100%;
  margin: 0 auto 30px auto;
  box-sizing: border-box;
}
.pc-accordion-menu-01 li {
  display: block;
  background: #fff;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}
.pc-accordion-menu-01 li:last-child {
  border-bottom: 1px solid #dcdcdc;
}
.pc-accordion-menu-01 li .pc-accordion-menu__check {
  display: none;
}
.pc-accordion-menu-01 li .pc-accordion-menu__check:checked + .pc-accordion-menu__question + .pc-accordion-menu__answer {
  padding: 10px;
  height: auto;
  opacity: 1;
  visibility: visible;
}
.pc-accordion-menu-01 li .pc-accordion-menu__check:checked + .pc-accordion-menu__question::after {
  content: "\f068";
}
.pc-accordion-menu-01 li .pc-accordion-menu__question {
  position: relative;
  display: block;
  padding: 15px 50px 15px 20px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.pc-accordion-menu-01 li .pc-accordion-menu__question::after {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  padding: 15px;
  box-sizing: border-box;
  content: "\f067";
  font-family: "Font Awesome 5 Free";
}
.pc-accordion-menu-01 li .pc-accordion-menu__answer {
  padding: 0 10px;
  height: 0;
  opacity: 0;
  visibility: hidden;
  border-top: 1px solid #dcdcdc;
  transition: 0.5s;
  background-color: #f5f5f5;
}
.pc-accordion-menu-01 li .pc-accordion-menu__answer p {
  width: 95%;
  margin: 0 auto;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .pc-accordion-menu-01 {
    margin-bottom: 50px;
    padding: 0 8px;
  }
  .pc-accordion-menu-01 li .pc-accordion-menu__question {
    padding-right: 70px;
    font-size: 2.2rem;
    cursor: pointer;
  }
  .pc-accordion-menu-01 li .pc-accordion-menu__question::after {
    padding: 20px;
  }
  .pc-accordion-menu-01 li .pc-accordion-menu__answer p {
    width: 98%;
  }
}

/**
 * article
 */
/* type01
======================= */
.pc-article__list-01 ul {
  width: 90%;
  margin: 0 auto;
}
.pc-article__list-01 ul li {
  margin-bottom: 30px;
}
.pc-article__list-01 ul li a {
  display: block;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.1s ease-in;
  border-radius: 7px;
  box-sizing: border-box;
}
.pc-article__list-01 ul li a .pc-article__list__image img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px 7px 0 0;
}
.pc-article__list-01 ul li a .pc-article__list__content {
  padding: 20px 15px;
  background: #fff;
  border-radius: 0 0 7px 7px;
}
.pc-article__list-01 ul li a .pc-article__list__content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  color: #333;
}
@media print, screen and (min-width: 768px) {
  .pc-article__list-01 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .pc-article__list-01 ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-article__list-01 ul li {
    width: 30%;
    margin-bottom: 50px;
  }
  .pc-article__list-01 ul li a .pc-article__list__content {
    padding: 20px;
  }
  .pc-article__list-01 ul li a .pc-article__list__content h3 {
    height: 55px;
    font-size: 2rem;
  }
  .pc-article__list-01 ul li a:hover {
    opacity: 1;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
  }
  .pc-article__list-01.pc-article__list--col-2 li {
    width: 47%;
  }
}

/* type01-swiper */
.pc-article__list-01-swiper {
  padding: 30px 0 40px 0 !important;
}
.pc-article__list-01-swiper .pc-article__list__item {
  display: block;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.1s ease-in;
  border-radius: 7px;
  box-sizing: border-box;
}
.pc-article__list-01-swiper .pc-article__list__item .pc-article__list__image img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px 7px 0 0;
}
.pc-article__list-01-swiper .pc-article__list__item .pc-article__list__content {
  padding: 20px 15px;
  background: #fff;
  border-radius: 0 0 7px 7px;
}
.pc-article__list-01-swiper .pc-article__list__item .pc-article__list__content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  color: #333;
}
@media print, screen and (min-width: 768px) {
  .pc-article__list-01-swiper .pc-article__list__item .pc-article__list__content {
    padding: 20px;
  }
  .pc-article__list-01-swiper .pc-article__list__item .pc-article__list__content h3 {
    height: 55px;
    font-size: 2rem;
  }
  .pc-article__list-01-swiper .pc-article__list__item:hover {
    opacity: 1;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
  }
}
.pc-article__list-01-swiper .pc-article__list__pager {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-article__list-01-swiper .pc-article__list__pager-prev,
.pc-article__list-01-swiper .pc-article__list__pager-next {
  display: inline-block;
  margin-top: 5px;
  width: 13px;
  height: 13px;
  transition: 0.5s;
  transform: rotate(45deg);
  cursor: pointer;
}
.pc-article__list-01-swiper .pc-article__list__pager-prev:hover,
.pc-article__list-01-swiper .pc-article__list__pager-next:hover {
  border-color: #007aff;
}
.pc-article__list-01-swiper .pc-article__list__pager-prev {
  margin-right: 10px;
  border-left: 4px solid #aaa;
  border-bottom: 4px solid #aaa;
}
.pc-article__list-01-swiper .pc-article__list__pager-next {
  margin-left: 10px;
  border-right: 4px solid #aaa;
  border-top: 4px solid #aaa;
}
.pc-article__list-01-swiper .pc-article__list__pager-pagination {
  width: auto !important;
}

/* type02
======================= */
.pc-article__list-02 {
  margin: 0 auto;
}
.pc-article__list-02 li {
  margin-bottom: 30px;
}
.pc-article__list-02 li a {
  display: block;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.1s ease-in;
  border-radius: 7px;
  box-sizing: border-box;
}
.pc-article__list-02 li a .pc-article__list__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px 7px 0 0;
}
.pc-article__list-02 li a .pc-article__list__content {
  padding: 20px 15px;
}
.pc-article__list-02 li a .pc-article__list__content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}
.pc-article__list-02 li a .pc-article__list__content p {
  color: #777;
}
@media print, screen and (min-width: 768px) {
  .pc-article__list-02 {
    max-width: 780px;
  }
  .pc-article__list-02 li a {
    display: flex;
  }
  .pc-article__list-02 li a .pc-article__list__image {
    width: 250px;
    padding: 20px 0 20px 20px;
  }
  .pc-article__list-02 li a .pc-article__list__image img {
    border-radius: 0;
  }
  .pc-article__list-02 li a .pc-article__list__content {
    width: calc(100% - 330px);
    padding: 30px;
  }
  .pc-article__list-02 li a .pc-article__list__content h3 {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .pc-article__list-02 li a:hover {
    opacity: 1;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
  }
}

/* type03
======================= */
.pc-article__list-03 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-article__list-03 ul .pc-article__list-03__unit {
  margin-bottom: 30px;
}
.pc-article__list-03 ul .pc-article__list-03__unit:last-child {
  margin-bottom: 0;
}
.pc-article__list-03 ul .pc-article__list-03__unit a {
  display: block;
  text-decoration: none;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.1s ease-in;
  border-radius: 7px;
  box-sizing: border-box;
}
.pc-article__list-03 ul .pc-article__list-03__unit a .pc-article__list-03__unit__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px 7px 0 0;
}
.pc-article__list-03 ul .pc-article__list-03__unit a .pc-article__list-03__unit__body {
  position: relative;
}
.pc-article__list-03 ul .pc-article__list-03__unit a .pc-article__list-03__unit__body .pc-article__list-03__unit__body__tag {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pc-article__list-03 ul .pc-article__list-03__unit a .pc-article__list-03__unit__body .pc-article__list-03__unit__body__tag span {
  display: inline-block;
  white-space: nowrap;
  padding: 5px 10px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 2px;
}
.pc-article__list-03 ul .pc-article__list-03__unit a .pc-article__list-03__unit__body .pc-article__list-03__unit__body__text {
  padding: 25px 20px 13px 20px;
}
.pc-article__list-03 ul .pc-article__list-03__unit a .pc-article__list-03__unit__body .pc-article__list-03__unit__body__text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.6;
  font-size: 1.6rem;
  color: #333;
}
.pc-article__list-03 ul .pc-article__list-03__unit a:hover {
  opacity: 1;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 7px;
}
@media print, screen and (min-width: 768px) {
  .pc-article__list-03 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-article__list-03 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .pc-article__list-03 ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-article__list-03 ul .pc-article__list-03__unit {
    width: 30%;
    margin-bottom: 50px;
  }
  .pc-article__list-03 ul .pc-article__list-03__unit a .pc-article__list-03__unit__text {
    padding: 20px;
  }
  .pc-article__list-03 ul .pc-article__list-03__unit a .pc-article__list-03__unit__text p {
    height: 55px;
    font-size: 1.8rem;
  }
}

/* 筆者紹介
================================*/
.pc-article__author {
  display: flex;
  padding: 20px 15px;
  border: solid 1px #dfdfdf;
}
.pc-article__author .pc-article__author__image {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.pc-article__author .pc-article__author__image img {
  position: absolute;
  width: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -63%);
}
.pc-article__author .pc-article__author__detail {
  width: calc(100% - 110px);
  margin-left: 20px;
}
.pc-article__author .pc-article__author__detail h3 {
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: bold;
}
.pc-article__author .pc-article__author__detail a {
  font-weight: bold;
  color: #345887;
}
.pc-article__author .pc-article__author__detail a:hover {
  color: #FF8C00;
}
@media print, screen and (min-width: 768px) {
  .pc-article__author {
    padding: 25px 30px;
  }
  .pc-article__author .pc-article__author__image {
    width: 150px;
    height: 150px;
  }
  .pc-article__author .pc-article__author__image img {
    width: 120px;
    transform: translate(-50%, -65%);
  }
  .pc-article__author .pc-article__author__detail {
    width: calc(100% - 200px);
    margin-left: 30px;
  }
  .pc-article__author .pc-article__author__detail h3 {
    font-size: 2.4rem;
  }
}

/**
 * banner
 */
/* type01
======================= */
.pc-banner-01 a {
  display: block;
  padding: 20px;
  text-decoration: none;
  color: #333;
  background: #fff;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.1s ease-in;
  border: solid 1px #dfdfdf;
  border-radius: 7px;
  box-sizing: border-box;
}
.pc-banner-01 a:hover {
  box-shadow: none;
}
.pc-banner-01 a .pc-banner-01__image {
  margin-bottom: 20px;
}
.pc-banner-01 a .pc-banner-01__image img {
  display: block;
  width: 100%;
  height: auto;
}
.pc-banner-01 a .pc-banner-01__wrapper .pc-banner-01__text {
  margin-bottom: 15px;
}
.pc-banner-01 a .pc-banner-01__wrapper .pc-banner-01__text h3 {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
}
.pc-banner-01 a .pc-banner-01__wrapper .pc-banner-01__text p {
  font-size: 1.6rem;
}
.pc-banner-01 a .pc-banner-01__wrapper .pc-banner-01__guide {
  text-align: right;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .pc-banner-01 {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 8px;
  }
  .pc-banner-01 a {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    padding: 25px;
  }
  .pc-banner-01 a .pc-banner-01__image {
    width: 25%;
    margin-bottom: 0;
  }
  .pc-banner-01 a .pc-banner-01__wrapper {
    width: 72%;
  }
  .pc-banner-01 a .pc-banner-01__wrapper .pc-banner-01__text {
    min-height: 132px;
  }
  .pc-banner-01 a .pc-banner-01__wrapper .pc-banner-01__text h3 {
    font-size: 2rem;
  }
}

/* type02
======================= */
.pc-banner-02 {
  width: 90%;
  margin: 0 auto;
  background: #fff;
  border: solid 2px #345887;
  border-radius: 10px;
  box-sizing: border-box;
}
.pc-banner-02 a {
  display: block;
  padding: 20px;
  text-decoration: none;
}
.pc-banner-02 a:hover {
  opacity: 1;
  background: #e3f4fB;
  border-radius: 8px;
  transition: all 0.3s;
}
.pc-banner-02 a .pc-banner-02__inner .pc-banner-02__text {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
}
.pc-banner-02 a .pc-banner-02__inner .pc-banner-02__image {
  width: 80%;
  margin: 0 auto;
}
.pc-banner-02 a .pc-banner-02__inner .pc-banner-02__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .pc-banner-02 {
    max-width: 900px;
  }
  .pc-banner-02 a {
    padding: 30px 50px;
  }
  .pc-banner-02 a .pc-banner-02__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pc-banner-02 a .pc-banner-02__inner .pc-banner-02__text {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.4rem;
  }
  .pc-banner-02 a .pc-banner-02__inner .pc-banner-02__image {
    width: 30%;
    margin: 0 0 0 30px;
  }
}

/**
 * blockquote
 */
/*
　type01
=================================*/
.pc-blockquote-01 {
  margin: 20px auto;
}
.pc-blockquote-01 blockquote {
  margin: 0;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 10px;
  box-shadow: 0 3px 5px rgba(6, 5, 5, 0.14);
}
.pc-blockquote-01 blockquote .pc-blockquote__text {
  position: relative;
  padding: 0;
  margin: 20px 20px 30px 20px;
  color: #333;
}
.pc-blockquote-01 blockquote .pc-blockquote__text::before, .pc-blockquote-01 blockquote .pc-blockquote__text::after {
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: italic;
  font-size: 2rem;
  font-weight: 900;
  color: #345887;
  opacity: 0.7;
}
.pc-blockquote-01 blockquote .pc-blockquote__text::before {
  content: "\f10d";
  top: -20px;
  left: -20px;
}
.pc-blockquote-01 blockquote .pc-blockquote__text::after {
  content: "\f10e";
  bottom: -24px;
  right: -16px;
}
.pc-blockquote-01 blockquote .pc-blockquote__reference a {
  text-align: left;
  font-size: 1.4rem;
  font-style: italic;
  border-bottom: solid 1px #345887;
}
@media print, screen and (min-width: 768px) {
  .pc-blockquote-01 {
    margin: 30px auto;
  }
  .pc-blockquote-01 blockquote .pc-blockquote__text::before, .pc-blockquote-01 blockquote .pc-blockquote__text::after {
    font-size: 2.4rem;
  }
  .pc-blockquote-01 blockquote .pc-blockquote__text::before {
    top: -25px;
    left: -24px;
  }
  .pc-blockquote-01 blockquote .pc-blockquote__text::after {
    bottom: -28px;
    right: -20px;
  }
  .pc-blockquote-01 blockquote .pc-blockquote__reference a {
    font-size: 1.5rem;
  }
}

/**
 * board
 */
/*
　type01
=================================*/
.pc-board-01 {
  padding: 20px 15px;
  background: #f9ebd2;
}
.pc-board-01 .pc-board__bubble {
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  text-align: center;
  background: #ff8c00;
  border-radius: 10px;
}
.pc-board-01 .pc-board__bubble p {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.pc-board-01 .pc-board__bubble::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 100px;
  width: 0;
  height: 0;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #ff8c00 transparent transparent transparent;
}
.pc-board-01 .pc-board__content p {
  text-align: center;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: bold;
  color: #ff8c00;
}
@media print, screen and (min-width: 768px) {
  .pc-board-01 {
    padding: 25px;
  }
  .pc-board-01 .pc-board__bubble {
    margin-bottom: 15px;
  }
  .pc-board-01 .pc-board__bubble p {
    font-size: 2rem;
  }
  .pc-board-01 .pc-board__bubble::after {
    left: 150px;
  }
  .pc-board-01 .pc-board__content p {
    font-size: 2.4rem;
  }
}

/**
 * button
 */
/*
　type01
=================================*/
.pc-button-01 .pc-button-01__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.pc-button-01 .pc-button-01__title::before, .pc-button-01 .pc-button-01__title::after {
  content: "";
  width: 5px;
  height: 35px;
  background-color: #0065c0;
}
.pc-button-01 .pc-button-01__title::before {
  margin-right: 30px;
  transform: rotate(-30deg);
}
.pc-button-01 .pc-button-01__title::after {
  margin-left: 30px;
  transform: rotate(30deg);
}
.pc-button-01 .pc-button-01--primary a,
.pc-button-01 .pc-button-01--secondary a,
.pc-button-01 .pc-button-01--green a,
.pc-button-01 .pc-button-01--dark-blue a {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 15px 10px 17px 10px;
  text-decoration: none;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s;
  border-radius: 0.5rem;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.pc-button-01 .pc-button-01--primary a:hover,
.pc-button-01 .pc-button-01--secondary a:hover,
.pc-button-01 .pc-button-01--green a:hover,
.pc-button-01 .pc-button-01--dark-blue a:hover {
  transform: scale(1.1);
  color: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .pc-button-01 {
    padding: 0 8px;
  }
  .pc-button-01 .pc-button-01__title {
    margin-bottom: 20px;
    font-size: 2.2rem;
  }
  .pc-button-01 .pc-button-01__title::before, .pc-button-01 .pc-button-01__title::after {
    height: 45px;
  }
  .pc-button-01 .pc-button-01__title::before {
    margin-right: 35px;
  }
  .pc-button-01 .pc-button-01__title::after {
    margin-left: 35px;
  }
  .pc-button-01 .pc-button-01--primary a,
  .pc-button-01 .pc-button-01--secondary a,
  .pc-button-01 .pc-button-01--green a,
  .pc-button-01 .pc-button-01--dark-blue a {
    width: 40%;
    font-size: 2rem;
  }
}

/* 青色 */
.pc-button-01--primary a {
  background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
}

/* オレンジ色 */
.pc-button-01--secondary a {
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}

/* 緑色 */
.pc-button-01--green a {
  background-image: linear-gradient(90deg, #03bd94, #03bd94 0%, #026855 65%);
}

/* 紺色 */
.pc-button-01--dark-blue a {
  background-image: linear-gradient(90deg, #4f8bec, #4f8bec 0%, #213857 65%);
}

/*
　type02
=================================*/
.pc-button-02 {
  width: 90%;
  margin: 0 auto;
}
.pc-button-02 .pc-button-02--primary a,
.pc-button-02 .pc-button-02--secondary a,
.pc-button-02 .pc-button-02--sky-blue a {
  display: block;
  margin: 0 auto;
  padding: 10px 10px 11px 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-button-02 .pc-button-02--primary a:hover,
.pc-button-02 .pc-button-02--secondary a:hover,
.pc-button-02 .pc-button-02--sky-blue a:hover {
  color: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .pc-button-02 {
    width: 40%;
  }
}

/* 青色 */
.pc-button-02--primary a {
  color: #345887;
  border: solid 2px #345887;
}
.pc-button-02--primary a:hover {
  background: #345887;
}

/* オレンジ色 */
.pc-button-02--secondary a {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.pc-button-02--secondary a:hover {
  background: #FF8C00;
}

/* 空色 */
.pc-button-02--sky-blue a {
  color: #8eaad8;
  border: solid 2px #8eaad8;
}
.pc-button-02--sky-blue a:hover {
  background: #8eaad8;
}

/*
　type03
=================================*/
.pc-button-03 {
  width: 90%;
  margin: 0 auto;
}
.pc-button-03 .pc-button-03--primary a,
.pc-button-03 .pc-button-03--sky-blue a,
.pc-button-03 .pc-button-03--secondary a {
  display: block;
  margin: 0 auto;
  padding: 10px 10px 11px 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-button-03 .pc-button-03--primary a:hover,
.pc-button-03 .pc-button-03--sky-blue a:hover,
.pc-button-03 .pc-button-03--secondary a:hover {
  background: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .pc-button-03 {
    width: 40%;
  }
}

/* 青色 */
.pc-button-03--primary a {
  background: #345887;
  border: solid 2px #345887;
}
.pc-button-03--primary a:hover {
  color: #345887;
  border: solid 2px #345887;
}

/* 空色 */
.pc-button-03--sky-blue a {
  background: #8eaad8;
  border: solid 2px #8eaad8;
}
.pc-button-03--sky-blue a:hover {
  color: #8eaad8;
  border: solid 2px #8eaad8;
}

/* オレンジ色 */
.pc-button-03--secondary a {
  background: #FF8C00;
  border: solid 2px #FF8C00;
}
.pc-button-03--secondary a:hover {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}

/*
　type04
=================================*/
.pc-button-04 {
  width: 90%;
  margin: 0 auto;
}
.pc-button-04 .pc-button-04--primary a {
  display: block;
  position: relative;
  padding: 10px 10px 11px 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s;
}
.pc-button-04 .pc-button-04--primary a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.pc-button-04 .pc-button-04--primary a span {
  position: relative;
  z-index: 1;
}
.pc-button-04 .pc-button-04--primary a:hover {
  color: #fff;
}
.pc-button-04 .pc-button-04--primary a:hover::after {
  opacity: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-button-04 {
    width: 40%;
  }
}

/* 青色 */
.pc-button-04--primary a {
  background-image: linear-gradient(90deg, #59adf1 0, #3dc8c2 49%, #59adf1 100%);
}
.pc-button-04--primary a::after {
  background-image: linear-gradient(90deg, #59adf1, #324688, #59adf1);
}

/**
 * case-list
 */
/* type01(renewal)
======================= */
.pc-case-list-01 {
  box-sizing: border-box;
}
.pc-case-list-01 ul li {
  margin-bottom: 50px;
}
.pc-case-list-01 ul li a {
  display: block;
  text-decoration: none;
  color: #333;
}
.pc-case-list-01 ul li a .pc-case-list-01__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5/4;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
.pc-case-list-01 ul li a .pc-case-list-01__detail {
  position: relative;
  width: 80%;
  margin: -35px auto 0 auto;
  padding: 15px;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.pc-case-list-01 ul li a .pc-case-list-01__detail .pc-case-list-01__detail__description {
  font-size: 1.6rem;
  font-weight: bold;
  color: #345887;
}
.pc-case-list-01 ul li a .pc-case-list-01__detail .pc-case-list-01__detail__company {
  font-size: 1.6rem;
}
.pc-case-list-01 ul li a:hover {
  opacity: 1;
}
.pc-case-list-01 ul li a:hover img {
  opacity: 0.5;
  transition-duration: 0.3s;
}
.pc-case-list-01 .pc-case-list-01__button__container {
  margin-bottom: 50px;
}
.pc-case-list-01 .pc-case-list-01__button__container .pc-case-list-01__button {
  position: relative;
  display: block;
  width: 85%;
  margin: 0 auto;
  padding: 15px 10px;
  text-decoration: none;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s;
  border-radius: 0.5rem;
  background-image: linear-gradient(90deg, #59adf1 0, #3dc8c2, #59adf1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.pc-case-list-01 .pc-case-list-01__button__container .pc-case-list-01__button:hover {
  transform: scale(1.1);
  color: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .pc-case-list-01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 0 8px;
  }
  .pc-case-list-01 ul::after {
    content: "";
    display: block;
    width: 32%;
  }
  .pc-case-list-01 ul li {
    width: 32%;
  }
  .pc-case-list-01 .pc-case-list-01__button__container {
    margin-bottom: 60px;
  }
  .pc-case-list-01 .pc-case-list-01__button__container .pc-case-list-01__button {
    width: 40%;
    padding: 20px 10px;
  }
}

/* type02(corporate-site/small/startup)
======================= */
.pc-case-list-02 {
  box-sizing: border-box;
}
.pc-case-list-02 ul li {
  margin-bottom: 50px;
}
.pc-case-list-02 ul li a {
  display: block;
  text-decoration: none;
  color: #333;
}
.pc-case-list-02 ul li a .pc-case-list-02__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5/4;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
.pc-case-list-02 ul li a .pc-case-list-02__detail {
  position: relative;
  width: 80%;
  margin: -35px auto 0 auto;
  padding: 15px;
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.pc-case-list-02 ul li a .pc-case-list-02__detail .pc-case-list-02__detail__company {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.pc-case-list-02 ul li a .pc-case-list-02__detail .pc-case-list-02__detail__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-size: 1.6rem;
}
.pc-case-list-02 ul li a:hover {
  opacity: 1;
}
.pc-case-list-02 ul li a:hover img {
  opacity: 0.5;
  transition-duration: 0.3s;
}
.pc-case-list-02 .pc-case-list-02__button__container {
  margin-bottom: 50px;
}
.pc-case-list-02 .pc-case-list-02__button__container .pc-case-list-02__button {
  position: relative;
  display: block;
  width: 85%;
  margin: 0 auto;
  padding: 15px 10px;
  text-decoration: none;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s;
  border-radius: 0.5rem;
  background-image: linear-gradient(90deg, #59adf1 0, #3dc8c2, #59adf1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.pc-case-list-02 .pc-case-list-02__button__container .pc-case-list-02__button:hover {
  transform: scale(1.1);
  color: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .pc-case-list-02 ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    padding: 0 8px;
  }
  .pc-case-list-02 ul li {
    width: 32%;
    margin-bottom: 0;
  }
  .pc-case-list-02 .pc-case-list-02__button__container {
    margin-bottom: 60px;
  }
  .pc-case-list-02 .pc-case-list-02__button__container .pc-case-list-02__button {
    width: 40%;
    padding: 20px 10px;
  }
}

/**
 * case
 */
/*==================================
* 導入事例
==================================*/
.pc-case {
  margin: 0 20px;
}
.pc-case li {
  padding: 20px;
  margin-bottom: 50px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.4);
}
.pc-case li .c-button--primary {
  margin-bottom: 0;
}
.pc-case .pc-case__header {
  display: flex;
  margin-bottom: 20px;
}
.pc-case .pc-case__header img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.pc-case .pc-case__header .pc-case__title {
  padding-left: 20px;
}
.pc-case .pc-case__header .pc-case__title h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}
.pc-case .pc-case__header .pc-case__title dl {
  display: block;
  margin: 0 0 10px 0;
}
.pc-case .pc-case__header .pc-case__title dl dt {
  display: inline;
  padding: 1px 5px;
  margin-right: 10px;
  font-size: 1.4rem;
  color: #345887;
  border: solid 2px #345887;
  border-radius: 4px;
}
.pc-case .pc-case__header .pc-case__title dl dd {
  display: inline;
  margin: 0;
  font-size: 1.8rem;
}
.pc-case .pc-case__body {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .pc-case {
    max-width: 1140px;
    margin: 0 auto;
  }
  .pc-case li {
    padding: 40px;
    margin-bottom: 70px;
  }
  .pc-case .pc-case__header {
    margin-bottom: 30px;
  }
  .pc-case .pc-case__header img {
    width: 80px;
    height: 80px;
  }
  .pc-case .pc-case__header .pc-case__title {
    padding-left: 30px;
  }
  .pc-case .pc-case__header .pc-case__title h3 {
    font-size: 2.4rem;
  }
  .pc-case .pc-case__header .pc-case__title dl {
    display: inline-block;
    margin: 0;
  }
  .pc-case .pc-case__header .pc-case__title dl dt {
    margin-right: 15px;
    font-size: 1.6rem;
  }
  .pc-case .pc-case__header .pc-case__title dl dd {
    margin-right: 35px;
    font-size: 2rem;
  }
}

/**
 * Catchcopy
 */
/* type01
======================= */
.pc-catchcopy-01 {
  padding: 4rem 0;
  background-color: #deebf7;
}
.pc-catchcopy-01 h2 {
  text-align: center;
  font-size: 2.3rem;
  font-weight: bold;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .pc-catchcopy-01 {
    padding: 5rem 0;
  }
  .pc-catchcopy-01 h2 {
    max-width: 1140px;
    margin: 0 auto;
    font-size: 4.5rem;
  }
}

/**
 * check-list
 */
/* type01(font-size:1.8/2.4)
======================= */
.pc-check-list-01,
.pc-check-list-01--bold {
  margin-bottom: 25px;
}
.pc-check-list-01 ul li,
.pc-check-list-01--bold ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  font-size: 1.8rem;
}
.pc-check-list-01 ul li::before,
.pc-check-list-01--bold ul li::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 19px;
  height: 19px;
  content: url(../img/component/icon__check.svg);
}
.pc-check-list-01 ul li:last-child,
.pc-check-list-01--bold ul li:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-check-list-01,
  .pc-check-list-01--bold {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
  .pc-check-list-01 ul li,
  .pc-check-list-01--bold ul li {
    font-size: 2.4rem;
  }
  .pc-check-list-01 ul li::before,
  .pc-check-list-01--bold ul li::before {
    width: 22px;
    height: 22px;
  }
}

/* spanのみ太文字 */
.pc-check-list-01 ul li span {
  font-weight: bold;
}

/* 文字が全て太文字 */
.pc-check-list-01--bold ul li {
  font-weight: bold;
}

/* type02(font-size:1.6/2.0)
======================= */
.pc-check-list-02,
.pc-check-list-02--bold {
  margin-bottom: 30px;
}
.pc-check-list-02 ul li,
.pc-check-list-02--bold ul li {
  position: relative;
  padding-left: 23px;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.pc-check-list-02 ul li::before,
.pc-check-list-02--bold ul li::before {
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  content: url(../img/component/icon__check.svg);
}
.pc-check-list-02 ul li:last-child,
.pc-check-list-02--bold ul li:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-check-list-02,
  .pc-check-list-02--bold {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 50px;
  }
  .pc-check-list-02 ul li,
  .pc-check-list-02--bold ul li {
    margin-bottom: 10px;
    padding-left: 30px;
    font-size: 2rem;
  }
  .pc-check-list-02 ul li::before,
  .pc-check-list-02--bold ul li::before {
    top: 2px;
    width: 20px;
    height: 20px;
  }
}

/* 文字が全て太文字 */
.pc-check-list-02--bold ul li {
  font-weight: bold;
}

/* type03(font-size:1.6/1.6)
======================= */
.pc-check-list-03 {
  margin-bottom: 30px;
}
.pc-check-list-03 ul li {
  position: relative;
  padding-left: 23px;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.pc-check-list-03 ul li::before {
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  content: url(../img/component/icon__check.svg);
}
.pc-check-list-03 ul li:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-check-list-03 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 50px;
  }
  .pc-check-list-03 ul li {
    margin-bottom: 7px;
  }
}

/**
 * contact
 */
/* type01(lp/middle/renewal/small/startup_design/startup/fotter)
======================= */
.pc-contact-01 {
  width: 90%;
  margin: 30px auto;
  box-sizing: border-box;
}
.pc-contact-01 .pc-contact-01__unit {
  margin-bottom: 60px;
  padding: 20px 10px 30px 10px;
  border: solid 2px #0065c0;
  border-radius: 7px;
  background: #fff;
}
.pc-contact-01 .pc-contact-01__unit:last-child {
  margin-bottom: 0;
}
.pc-contact-01 .pc-contact-01__unit .pc-contact-01__unit__message {
  margin-bottom: 25px;
  text-align: center;
}
.pc-contact-01 .pc-contact-01__unit .pc-contact-01__unit__message h2 {
  margin-bottom: 20px;
  line-height: 1.4;
  font-size: 1.8rem;
}
.pc-contact-01 .pc-contact-01__unit .pc-contact-01__unit__message h2 span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #345887;
}
.pc-contact-01 .pc-contact-01__unit .pc-contact-01__unit__message p {
  font-size: 1.6rem;
}
.pc-contact-01 .pc-contact-01__unit .pc-contact-01__unit__message p span {
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .pc-contact-01 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 20px auto;
    padding: 0 8px;
  }
  .pc-contact-01 .pc-contact-01__unit {
    display: flex;
    flex-direction: column;
    width: 43%;
    margin-bottom: 0;
    padding: 30px 15px 40px 15px;
  }
  .pc-contact-01 .pc-contact-01__unit .pc-contact-01__unit__message h2 {
    margin-bottom: 25px;
    font-size: 2rem;
  }
  .pc-contact-01 .pc-contact-01__unit .pc-contact-01__unit__message h2 span {
    font-size: 2.6rem;
  }
  .pc-contact-01 .pc-contact-01__unit .pc-button-01 {
    margin-top: auto;
  }
  .pc-contact-01 .pc-contact-01__unit .pc-button-01 .pc-button-01--primary a,
  .pc-contact-01 .pc-contact-01__unit .pc-button-01 .pc-button-01--secondary a,
  .pc-contact-01 .pc-contact-01__unit .pc-button-01 .pc-button-01--green a {
    width: 80%;
    font-size: 1.8rem;
  }
}

/* type02
======================= */
.pc-contact-02 {
  width: 95%;
  margin: 30px auto;
  box-sizing: border-box;
}
.pc-contact-02 .pc-contact-02__unit {
  margin-bottom: 60px;
  padding: 20px 10px 30px 10px;
  border: solid 2px #0065c0;
  border-radius: 7px;
  background: #fff;
}
.pc-contact-02 .pc-contact-02__unit:last-child {
  margin-bottom: 0;
}
.pc-contact-02 .pc-contact-02__unit .pc-contact-02__unit__message {
  margin-bottom: 25px;
  text-align: center;
}
.pc-contact-02 .pc-contact-02__unit .pc-contact-02__unit__message h2 {
  margin-bottom: 20px;
  line-height: 1.4;
  font-size: 1.8rem;
}
.pc-contact-02 .pc-contact-02__unit .pc-contact-02__unit__message h2 span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #345887;
}
.pc-contact-02 .pc-contact-02__unit .pc-contact-02__unit__message p {
  font-size: 1.6rem;
}
.pc-contact-02 .pc-contact-02__unit .pc-contact-02__unit__message p span {
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .pc-contact-02 {
    width: 100%;
    margin: 20px auto;
    padding: 0 8px;
  }
  .pc-contact-02 .pc-contact-02__unit {
    width: 45%;
    margin: 0 auto;
    padding: 30px 15px 40px 15px;
  }
  .pc-contact-02 .pc-contact-02__unit .pc-contact-02__unit__message h2 {
    margin-bottom: 25px;
    font-size: 2rem;
  }
  .pc-contact-02 .pc-contact-02__unit .pc-contact-02__unit__message h2 span {
    font-size: 2.6rem;
  }
  .pc-contact-02 .pc-contact-02__unit .pc-button-01 .pc-button-01--primary a,
  .pc-contact-02 .pc-contact-02__unit .pc-button-01 .pc-button-01--secondary a,
  .pc-contact-02 .pc-contact-02__unit .pc-button-01 .pc-button-01--green a {
    width: 80%;
    font-size: 1.8rem;
  }
}

/**
 * define
 */
/* type01
======================= */
.pc-define-01 {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
.pc-define-01 .pc-define-01__title {
  margin-bottom: 30px;
  padding: 0 8px;
  text-align: center;
}
.pc-define-01 .pc-define-01__title h2 {
  font-family: "Noto Serif JP", serif;
  font-size: 2.6rem;
  font-weight: 900;
  color: #fff;
}
.pc-define-01 .pc-define-01__example {
  position: relative;
  width: 85%;
  margin: 0 auto;
  padding: 20px;
  background-color: rgba(52, 88, 135, 0.6);
  border: 8px solid #fff;
  box-sizing: border-box;
}
.pc-define-01 .pc-define-01__example li {
  position: relative;
  margin-bottom: 10px;
  margin-left: 23px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.pc-define-01 .pc-define-01__example li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -23px;
  width: 15px;
  height: 15px;
  background-image: url(../img/define__check-icon.png);
  background-size: cover;
  background-position: 50% 0%;
}
.pc-define-01 .pc-define-01__example li span {
  background: linear-gradient(transparent 70%, #ff7f7f 70%);
}
.pc-define-01 .pc-define-01__example::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -43px;
  border-top: 35px solid #ad002d;
  border-right: 70px solid transparent;
  border-left: 70px solid transparent;
}
.pc-define-01 .pc-define-01__answer {
  margin-top: 50px;
  padding: 0 8px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
}
.pc-define-01 .pc-define-01__answer span {
  color: #ffe500;
  font-size: 2.4rem;
  font-weight: 800;
}
@media print, screen and (min-width: 768px) {
  .pc-define-01 {
    padding: 80px 0;
  }
  .pc-define-01 .pc-define-01__title {
    max-width: 1140px;
    margin: 0 auto 50px auto;
    padding: 0;
  }
  .pc-define-01 .pc-define-01__title h2 {
    font-size: 4.5rem;
  }
  .pc-define-01 .pc-define-01__example {
    max-width: 950px;
    padding: 50px 40px;
  }
  .pc-define-01 .pc-define-01__example ul {
    max-width: 930px;
    margin: 0 auto;
  }
  .pc-define-01 .pc-define-01__example li {
    margin-bottom: 25px;
    margin-left: 65px;
    font-size: 2.8rem;
  }
  .pc-define-01 .pc-define-01__example li::before {
    width: 26px;
    height: 26px;
    top: 9px;
    left: -45px;
  }
  .pc-define-01 .pc-define-01__example::after {
    bottom: -63px;
    border-top: 55px solid #ad002d;
    border-right: 95px solid transparent;
    border-left: 95px solid transparent;
  }
  .pc-define-01 .pc-define-01__answer {
    max-width: 1140px;
    margin: 80px auto 0 auto;
    padding: 0;
    font-size: 4rem;
  }
  .pc-define-01 .pc-define-01__answer span {
    font-size: 5rem;
  }
}

/**
 * entry-button
 */
/*
　申込みボタン（吹き出し付き）
=================================*/
.pc-entry-button__bubble--blue,
.pc-entry-button__bubble--orange,
.pc-entry-button__bubble--green,
.pc-entry-button__bubble--yellow,
.pc-entry-button__bubble--gray {
  position: relative;
  display: inline-block;
  padding: 5px 50px 25px 50px;
  transition: all 0.3s;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
}
.pc-entry-button__bubble--blue span,
.pc-entry-button__bubble--orange span,
.pc-entry-button__bubble--green span,
.pc-entry-button__bubble--yellow span,
.pc-entry-button__bubble--gray span {
  position: absolute;
  top: -45px;
  left: calc(50% - 132px);
  display: block;
  width: 260px;
  padding: 8px 0;
  line-height: 1.2;
  font-size: 2rem;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.pc-entry-button__bubble--blue span::before, .pc-entry-button__bubble--blue span::after,
.pc-entry-button__bubble--orange span::before,
.pc-entry-button__bubble--orange span::after,
.pc-entry-button__bubble--green span::before,
.pc-entry-button__bubble--green span::after,
.pc-entry-button__bubble--yellow span::before,
.pc-entry-button__bubble--yellow span::after,
.pc-entry-button__bubble--gray span::before,
.pc-entry-button__bubble--gray span::after {
  content: "";
  position: absolute;
  left: calc(50% - 10px);
}
.pc-entry-button__bubble--blue span::before,
.pc-entry-button__bubble--orange span::before,
.pc-entry-button__bubble--green span::before,
.pc-entry-button__bubble--yellow span::before,
.pc-entry-button__bubble--gray span::before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
}
.pc-entry-button__bubble--blue span::after,
.pc-entry-button__bubble--orange span::after,
.pc-entry-button__bubble--green span::after,
.pc-entry-button__bubble--yellow span::after,
.pc-entry-button__bubble--gray span::after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.pc-entry-button__bubble--blue i,
.pc-entry-button__bubble--orange i,
.pc-entry-button__bubble--green i,
.pc-entry-button__bubble--yellow i,
.pc-entry-button__bubble--gray i {
  margin-left: 10px;
}
.pc-entry-button__bubble--blue:hover,
.pc-entry-button__bubble--orange:hover,
.pc-entry-button__bubble--green:hover,
.pc-entry-button__bubble--yellow:hover,
.pc-entry-button__bubble--gray:hover {
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__bubble--blue,
  .pc-entry-button__bubble--orange,
  .pc-entry-button__bubble--green,
  .pc-entry-button__bubble--yellow,
  .pc-entry-button__bubble--gray {
    padding: 5px 100px 30px 100px;
    font-size: 3.2rem;
    border-radius: 7px;
  }
  .pc-entry-button__bubble--blue span,
  .pc-entry-button__bubble--orange span,
  .pc-entry-button__bubble--green span,
  .pc-entry-button__bubble--yellow span,
  .pc-entry-button__bubble--gray span {
    top: -50px;
    left: calc(50% - 142px);
    width: 280px;
    font-size: 2.4rem;
  }
  .pc-entry-button__bubble--blue:hover,
  .pc-entry-button__bubble--orange:hover,
  .pc-entry-button__bubble--green:hover,
  .pc-entry-button__bubble--yellow:hover,
  .pc-entry-button__bubble--gray:hover {
    transform: translate(0, 3px);
  }
}

/* 青色 */
.pc-entry-button__bubble--blue {
  box-shadow: 0 6px 0 #213857;
  background: #345887;
}
.pc-entry-button__bubble--blue span {
  color: #213857;
  border: 2px solid #213857;
}
.pc-entry-button__bubble--blue span::before {
  border-color: #213857 transparent transparent transparent;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__bubble--blue {
    box-shadow: 0 7px 0 #213857;
  }
  .pc-entry-button__bubble--blue:hover {
    background: #345887;
    box-shadow: 0 2px 0 #213857;
  }
}

/* オレンジ色 */
.pc-entry-button__bubble--orange {
  box-shadow: 0 6px 0 #f96e0a;
  background: #FF8C00;
}
.pc-entry-button__bubble--orange span {
  color: #f96e0a;
  border: 2px solid #f96e0a;
}
.pc-entry-button__bubble--orange span::before {
  border-color: #f96e0a transparent transparent transparent;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__bubble--orange {
    box-shadow: 0 7px 0 #f96e0a;
  }
  .pc-entry-button__bubble--orange:hover {
    background: #FF8C00;
    box-shadow: 0 2px 0 #f96e0a;
  }
}

/* 緑色 */
.pc-entry-button__bubble--green {
  box-shadow: 0 6px 0 #026855;
  background: #03967a;
}
.pc-entry-button__bubble--green span {
  color: #026855;
  border: 2px solid #026855;
}
.pc-entry-button__bubble--green span::before {
  border-color: #026855 transparent transparent transparent;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__bubble--green {
    box-shadow: 0 7px 0 #026855;
  }
  .pc-entry-button__bubble--green:hover {
    background: #03967a;
    box-shadow: 0 2px 0 #026855;
  }
}

/* 黄色 */
.pc-entry-button__bubble--yellow {
  box-shadow: 0 6px 0 #d8a105;
  background: #fac530;
}
.pc-entry-button__bubble--yellow span {
  color: #fac530;
  border: 2px solid #fac530;
}
.pc-entry-button__bubble--yellow span::before {
  border-color: #fac530 transparent transparent transparent;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__bubble--yellow {
    padding: 0 100px 30px 100px;
    box-shadow: 0 7px 0 #d8a105;
  }
  .pc-entry-button__bubble--yellow span {
    top: -47px;
  }
  .pc-entry-button__bubble--yellow:hover {
    background: #fac530;
    box-shadow: 0 2px 0 #d8a105;
  }
}

/* 灰色 */
.pc-entry-button__bubble--gray {
  box-shadow: 0 6px 0 #747577;
  background: #939598;
}
.pc-entry-button__bubble--gray span {
  color: #939598;
  border: 2px solid #939598;
}
.pc-entry-button__bubble--gray span::before {
  border-color: #939598 transparent transparent transparent;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__bubble--gray {
    padding: 0 100px 30px 100px;
    box-shadow: 0 7px 0 #747577;
  }
  .pc-entry-button__bubble--gray span {
    top: -47px;
  }
  .pc-entry-button__bubble--gray:hover {
    background: #939598;
    box-shadow: 0 2px 0 #747577;
  }
}

/*
　申込みボタン（ラベル付き）
=================================*/
.pc-entry-button__label--blue,
.pc-entry-button__label--orange,
.pc-entry-button__label--green {
  position: relative;
  display: inline-block;
  padding: 0 50px 20px 50px;
  transition: all 0.3s;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
}
.pc-entry-button__label--blue span,
.pc-entry-button__label--orange span,
.pc-entry-button__label--green span {
  position: absolute;
  top: -20px;
  left: calc(50% - 172px);
  display: block;
  width: 340px;
  padding: 8px 0;
  line-height: 1.2;
  font-size: 2rem;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.pc-entry-button__label--blue i,
.pc-entry-button__label--orange i,
.pc-entry-button__label--green i {
  margin-left: 10px;
}
.pc-entry-button__label--blue:hover,
.pc-entry-button__label--orange:hover,
.pc-entry-button__label--green:hover {
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__label--blue,
  .pc-entry-button__label--orange,
  .pc-entry-button__label--green {
    padding: 0px 100px 25px 100px;
    font-size: 3.2rem;
    border-radius: 7px;
  }
  .pc-entry-button__label--blue span,
  .pc-entry-button__label--orange span,
  .pc-entry-button__label--green span {
    top: -22px;
    left: calc(50% - 202px);
    width: 400px;
    font-size: 2.4rem;
  }
  .pc-entry-button__label--blue:hover,
  .pc-entry-button__label--orange:hover,
  .pc-entry-button__label--green:hover {
    transform: translate(0, 3px);
  }
}

/* 青色 */
.pc-entry-button__label--blue {
  box-shadow: 0 6px 0 #213857;
  background: #345887;
}
.pc-entry-button__label--blue span {
  color: #213857;
  border: 2px solid #213857;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__label--blue {
    box-shadow: 0 7px 0 #213857;
  }
  .pc-entry-button__label--blue:hover {
    background: #345887;
    box-shadow: 0 2px 0 #213857;
  }
}

/* オレンジ色 */
.pc-entry-button__label--orange {
  box-shadow: 0 6px 0 #f96e0a;
  background: #FF8C00;
}
.pc-entry-button__label--orange span {
  color: #f96e0a;
  border: 2px solid #f96e0a;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__label--orange {
    box-shadow: 0 7px 0 #f96e0a;
  }
  .pc-entry-button__label--orange:hover {
    background: #FF8C00;
    box-shadow: 0 2px 0 #f96e0a;
  }
}

/* 緑色 */
.pc-entry-button__label--green {
  box-shadow: 0 6px 0 #026855;
  background: #03967a;
}
.pc-entry-button__label--green span {
  color: #026855;
  border: 2px solid #026855;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__label--green {
    box-shadow: 0 7px 0 #026855;
  }
  .pc-entry-button__label--green:hover {
    background: #03967a;
    box-shadow: 0 2px 0 #026855;
  }
}

/*
　申込みボタン（ノーマル）
=================================*/
.pc-entry-button__normal--blue,
.pc-entry-button__normal--orange,
.pc-entry-button__normal--green {
  position: relative;
  display: inline-block;
  padding: 15px 30px;
  transition: all 0.3s;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
}
.pc-entry-button__normal--blue i,
.pc-entry-button__normal--orange i,
.pc-entry-button__normal--green i {
  margin-left: 10px;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__normal--blue,
  .pc-entry-button__normal--orange,
  .pc-entry-button__normal--green {
    padding: 20px 50px 20px 50px;
    font-size: 2.6rem;
    border-radius: 7px;
  }
  .pc-entry-button__normal--blue:hover,
  .pc-entry-button__normal--orange:hover,
  .pc-entry-button__normal--green:hover {
    transform: translate(0, 3px);
    color: #fff;
  }
}

/* 青色 */
.pc-entry-button__normal--blue {
  box-shadow: 0 6px 0 #213857;
  background: #345887;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__normal--blue {
    box-shadow: 0 7px 0 #213857;
  }
  .pc-entry-button__normal--blue:hover {
    background: #345887;
    box-shadow: 0 2px 0 #213857;
  }
}

/* オレンジ色 */
.pc-entry-button__normal--orange {
  box-shadow: 0 6px 0 #f96e0a;
  background: #FF8C00;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__normal--orange {
    box-shadow: 0 7px 0 #f96e0a;
  }
  .pc-entry-button__normal--orange:hover {
    background: #FF8C00;
    box-shadow: 0 2px 0 #f96e0a;
  }
}

/* 緑色 */
.pc-entry-button__normal--green {
  box-shadow: 0 6px 0 #026855;
  background: #03967a;
}
@media print, screen and (min-width: 768px) {
  .pc-entry-button__normal--green {
    box-shadow: 0 7px 0 #026855;
  }
  .pc-entry-button__normal--green:hover {
    background: #03967a;
    box-shadow: 0 2px 0 #026855;
  }
}

/**
 * flow-summary
 */
/* type01(flow/middle/small)
======================= */
.pc-flow-summary-01 {
  width: 70%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-flow-summary-01 ul .pc-flow-summary-01__unit {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.pc-flow-summary-01 ul .pc-flow-summary-01__unit:not(:first-child)::before {
  position: absolute;
  content: "\f078";
  top: -56%;
  left: 7%;
  font-family: "Font Awesome 5 Free";
  font-size: 2rem;
  font-weight: 900;
  color: #345887;
}
.pc-flow-summary-01 ul .pc-flow-summary-01__unit .pc-flow-summary-01__unit__image {
  display: block;
  width: 52px;
  height: auto;
}
.pc-flow-summary-01 ul .pc-flow-summary-01__unit .pc-flow-summary-01__unit__text {
  margin-left: 20px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .pc-flow-summary-01 {
    display: block;
    width: 100%;
    margin: 0 auto 70px auto;
    padding: 0 8px;
  }
  .pc-flow-summary-01 ul {
    display: flex;
    justify-content: space-between;
  }
  .pc-flow-summary-01 ul .pc-flow-summary-01__unit {
    display: block;
    width: 19%;
    margin: 0 auto;
  }
  .pc-flow-summary-01 ul .pc-flow-summary-01__unit:not(:first-child)::before {
    content: "\f054";
    top: 26%;
    left: -6%;
    font-family: "Font Awesome 5 Free";
    font-size: 3rem;
    font-weight: 900;
    color: #345887;
  }
  .pc-flow-summary-01 ul .pc-flow-summary-01__unit .pc-flow-summary-01__unit__image {
    display: block;
    width: 100%;
    margin: 0 auto 7px auto;
    text-align: center;
  }
  .pc-flow-summary-01 ul .pc-flow-summary-01__unit .pc-flow-summary-01__unit__image img {
    width: 60%;
    max-width: 120px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .pc-flow-summary-01 ul .pc-flow-summary-01__unit .pc-flow-summary-01__unit__text {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
  }
}

/* type02(corporate-site/cp)
======================= */
.pc-flow-summary-02 {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-flow-summary-02 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 34px;
}
.pc-flow-summary-02 ul .pc-flow-summary-02__unit {
  width: 85px;
}
.pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image {
  position: relative;
  width: 85px;
  height: auto;
}
.pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image .pc-flow-summary-02__unit__image__number {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  text-align: center;
  font-family: "Arial", "Century Gothic", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  background: #345887;
  color: #fff;
}
.pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image img {
  display: block;
  width: 85px;
  height: auto;
  margin-bottom: 7px;
}
.pc-flow-summary-02 ul .pc-flow-summary-02__unit p {
  text-align: center;
  line-height: 1.3;
  font-size: 1.4rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .pc-flow-summary-02 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-flow-summary-02 ul {
    gap: 55px;
  }
  .pc-flow-summary-02 ul .pc-flow-summary-02__unit {
    width: 110px;
  }
  .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image {
    width: 110px;
  }
  .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image .pc-flow-summary-02__unit__image__number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.8rem;
  }
  .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image img {
    margin-bottom: 10px;
    width: 110px;
    height: auto;
  }
  .pc-flow-summary-02 ul .pc-flow-summary-02__unit p {
    font-size: 1.8rem;
  }
}

/**
 * flow
 */
/* type01
======================= */
.pc-flow-01 {
  width: 100%;
}
.pc-flow-01 .pc-flow__block {
  display: flex;
  box-sizing: border-box;
}
.pc-flow-01 .pc-flow__number {
  position: relative;
  width: 40px;
}
.pc-flow-01 .pc-flow__number .pc-flow__number__circle {
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 50%;
  z-index: 50;
}
.pc-flow-01 .pc-flow__number .pc-flow__number__line {
  position: absolute;
  top: 0;
  left: 48%;
  width: 2px;
  height: 100%;
  background: #345887;
}
.pc-flow-01 .pc-flow__content {
  padding: 5px 0 30px 10px;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__title {
  margin-bottom: 10px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #345887;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__subtitle {
  margin: 40px 0 10px 0;
  font-size: 2rem;
  font-weight: bold;
  color: #a60309;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__text {
  margin-bottom: 10px;
  font-size: 1.6rem;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__image {
  display: block;
  width: 100%;
  margin: 20px 0;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__image .pc-flow__content__image__parts img {
  margin-bottom: 10px;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__image .pc-flow__content__image__parts p {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__image .pc-flow__content__image__triangle {
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 55px solid transparent;
  border-right: 55px solid transparent;
  border-top: 40px solid #345887;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__imagelist {
  margin: 20px 0;
}
.pc-flow-01 .pc-flow__content .pc-flow__content__imagelist li {
  margin-bottom: 15px;
}
.pc-flow-01 .pc-flow__content .pc-flow__button a {
  margin-bottom: 15px;
}
@media print, screen and (min-width: 768px) {
  .pc-flow-01 {
    max-width: 1140px;
  }
  .pc-flow-01 .pc-flow__number {
    width: 60px;
  }
  .pc-flow-01 .pc-flow__number .pc-flow__number__circle {
    width: 60px;
    height: 60px;
    margin-right: 25px;
    text-align: center;
    line-height: 60px;
    font-size: 3rem;
  }
  .pc-flow-01 .pc-flow__number .pc-flow__number__line {
    width: 3px;
  }
  .pc-flow-01 .pc-flow__content {
    padding-bottom: 50px;
    padding-left: 30px;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__title {
    font-size: 3.4rem;
    margin-bottom: 20px;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__subtitle {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 2.8rem;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__text {
    font-size: 2rem;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__image {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px auto 0 auto;
    width: 70%;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__image .pc-flow__content__image__parts {
    width: 40%;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__image .pc-flow__content__image__parts p {
    font-size: 1.8rem;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__image .pc-flow__content__image__triangle {
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid #345887;
    border-right: 0;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__imagelist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
  }
  .pc-flow-01 .pc-flow__content .pc-flow__content__imagelist li {
    width: 30%;
    margin-bottom: 30px;
  }
  .pc-flow-01 .pc-flow__button {
    text-align: center;
  }
}

/* type02(ask/flow/middle/startup)
======================= */
.pc-flow-02 {
  position: relative;
  padding-left: 10px;
  box-sizing: border-box;
}
.pc-flow-02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  width: 15px;
  height: 100%;
  margin-left: -8px;
  background: #eee;
}
.pc-flow-02 li {
  position: relative;
  margin-bottom: 30px;
}
.pc-flow-02 li:last-child {
  margin-bottom: 0;
}
.pc-flow-02 li .pc-flow-02__unit {
  position: relative;
  padding-left: 45px;
  padding-top: 3px;
}
.pc-flow-02 li .pc-flow-02__unit::before, .pc-flow-02 li .pc-flow-02__unit::after {
  content: "";
  position: absolute;
  top: 20px;
  display: block;
}
.pc-flow-02 li .pc-flow-02__unit::before {
  left: -4px;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-radius: 50%;
  background: #222;
}
.pc-flow-02 li .pc-flow-02__unit::after {
  left: 5px;
  width: 30px;
  border-bottom: 1px dashed;
}
.pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__no {
  display: inline-block;
  padding: 6px 15px 7px 15px;
  line-height: 1;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background-image: linear-gradient(90deg, #0065c0 0%, #2cd8e1 100%);
  border-radius: 50px;
}
.pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content {
  padding: 15px 10px;
}
.pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__title {
  margin-bottom: 7px;
  font-size: 1.8rem;
  font-weight: 900;
  color: #345887;
}
.pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__text {
  line-height: 1.6;
  font-size: 1.6rem;
}
.pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image {
  margin: 15px 0;
}
.pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image img {
  display: block;
}
.pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image ul li {
  margin-bottom: 10px;
}
.pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__subtitle {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .pc-flow-02 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 8px 0 18px;
  }
  .pc-flow-02::before {
    margin-left: 0;
  }
  .pc-flow-02 li {
    margin-bottom: 50px;
  }
  .pc-flow-02 li .pc-flow-02__unit {
    padding-top: 0;
    padding-left: 70px;
  }
  .pc-flow-02 li .pc-flow-02__unit::before {
    margin-top: -5px;
  }
  .pc-flow-02 li .pc-flow-02__unit::after {
    top: 18px;
    width: 50px;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__no {
    padding: 6px 20px 9px 20px;
    font-size: 2.2rem;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content {
    padding: 20px 15px;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__title {
    margin-bottom: 10px;
    font-size: 2.6rem;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image {
    margin: 20px 0;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image img {
    width: 70%;
    margin: 0 auto;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image .pc-flow-02__unit__content__image__detail {
    width: 50%;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image ul li {
    width: 32%;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__image ul li img {
    width: 100%;
  }
  .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__subtitle {
    margin: 40px 0 15px 0;
    font-size: 2.2rem;
  }
}

/* type03
======================= */
.pc-flow-03 {
  margin-bottom: 50px;
}
.pc-flow-03 .pc-flow-03__block {
  background: #efefef;
}
.pc-flow-03 .pc-flow-03__block .pc-flow-03__title .pc-flow-03__step {
  width: 80px;
  padding: 3px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  background: #FF8C00;
  color: #fff;
}
.pc-flow-03 .pc-flow-03__block .pc-flow-03__title h3 {
  padding: 15px 17px 10px 17px;
  font-size: 1.8rem;
  font-weight: bold;
}
.pc-flow-03 .pc-flow-03__block .pc-flow-03__text {
  padding: 0 17px 20px 17px;
  font-size: 1.6rem;
}
.pc-flow-03 .pc-flow-03__triangle {
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 30px solid #345887;
}
@media print, screen and (min-width: 768px) {
  .pc-flow-03 .pc-flow-03__block .pc-flow-03__title {
    display: flex;
    align-items: center;
  }
  .pc-flow-03 .pc-flow-03__block .pc-flow-03__title .pc-flow-03__step {
    padding: 7px 10px;
  }
  .pc-flow-03 .pc-flow-03__block .pc-flow-03__title h3 {
    padding: 0 20px;
  }
  .pc-flow-03 .pc-flow-03__block .pc-flow-03__text {
    padding: 20px 30px 30px 30px;
  }
  .pc-flow-03 .pc-flow-03__triangle {
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 40px solid #345887;
  }
}

/* type04(seo_start-guide)
======================= */
.pc-flow-04 {
  position: relative;
  width: 95%;
  margin: 0 auto;
  padding-left: 10px;
  box-sizing: border-box;
}
.pc-flow-04::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  width: 15px;
  height: 100%;
  margin-left: -8px;
  background: #eee;
}
.pc-flow-04 li {
  position: relative;
  margin-bottom: 15px;
}
.pc-flow-04 li:last-child {
  margin-bottom: 20px;
}
.pc-flow-04 li .pc-flow-04__unit {
  position: relative;
  padding-left: 45px;
  padding-top: 3px;
}
.pc-flow-04 li .pc-flow-04__unit::before, .pc-flow-04 li .pc-flow-04__unit::after {
  content: "";
  position: absolute;
  top: 17px;
  display: block;
}
.pc-flow-04 li .pc-flow-04__unit::before {
  left: -4px;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-radius: 50%;
  background: #222;
}
.pc-flow-04 li .pc-flow-04__unit::after {
  left: 5px;
  width: 30px;
  border-bottom: 1px dashed;
}
.pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__no {
  display: inline-block;
  padding: 6px 15px 7px 15px;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 50px;
}
.pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content {
  padding: 10px;
}
.pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content .pc-flow-04__unit__content__title {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: 900;
  color: #345887;
}
.pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content .pc-flow-04__unit__content__text {
  line-height: 1.75;
  font-size: 1.6rem;
}
.pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content .pc-flow-04__unit__content__wrapper .pc-flow-04__unit__content__image {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content .pc-flow-04__unit__content__wrapper .pc-flow-04__unit__content__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .pc-flow-04 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-flow-04::before {
    margin-left: 0;
  }
  .pc-flow-04 li {
    margin-bottom: 20px;
  }
  .pc-flow-04 li:last-child {
    margin-bottom: 40px;
  }
  .pc-flow-04 li .pc-flow-04__unit {
    padding-top: 0;
    padding-left: 70px;
  }
  .pc-flow-04 li .pc-flow-04__unit::before {
    margin-top: -5px;
    left: 6px;
  }
  .pc-flow-04 li .pc-flow-04__unit::after {
    top: 16px;
    left: 8px;
    width: 50px;
  }
  .pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__no {
    padding: 6px 20px 9px 20px;
    font-size: 1.8rem;
  }
  .pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content {
    padding: 10px 15px 15px 15px;
  }
  .pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content .pc-flow-04__unit__content__title {
    margin-bottom: 10px;
    font-size: 2.2rem;
  }
  .pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content .pc-flow-04__unit__content__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
  }
  .pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content .pc-flow-04__unit__content__wrapper .pc-flow-04__unit__content__image {
    order: 2;
    width: 30%;
    margin: 0;
  }
  .pc-flow-04 li .pc-flow-04__unit .pc-flow-04__unit__content .pc-flow-04__unit__content__wrapper .pc-flow-04__unit__content__text {
    order: 1;
    width: 66%;
  }
}

/* type05(seo_start-guide)
======================= */
.p-seo_about__structure {
  background: #eaf0fa;
}

.pc-flow-05 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-flow-05 .pc-flow-05__unit {
  padding: 20px;
  background: #fff;
  border-radius: 5px;
}
.pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__wrapper .pc-flow-05__unit__label {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  padding: 2px 15px 4px 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 50px;
}
.pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__wrapper .pc-flow-05__unit__title {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  padding-bottom: 3px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid #345887;
}
.pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__wrapper .pc-flow-05__unit__text {
  line-height: 1.6;
  font-size: 1.6rem;
}
.pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__image {
  width: 80%;
  margin: 0 auto;
}
.pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__image img {
  display: block;
  width: 100%;
  height: auto;
}
.pc-flow-05 .pc-flow-05__triangle {
  margin: 13px auto;
  text-align: center;
}
.pc-flow-05 .pc-flow-05__triangle i {
  font-size: 4rem;
  font-weight: 900;
  color: #afafaf;
}
@media print, screen and (min-width: 768px) {
  .pc-flow-05 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-flow-05 .pc-flow-05__unit {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 25px;
    box-sizing: border-box;
  }
  .pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__wrapper {
    margin-bottom: 0;
    width: 63%;
  }
  .pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__wrapper .pc-flow-05__unit__label {
    padding: 2px 15px 4px 15px;
    font-size: 1.6rem;
  }
  .pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__wrapper .pc-flow-05__unit__title {
    margin-bottom: 15px;
    font-size: 2.4rem;
  }
  .pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__wrapper .pc-flow-05__unit__text {
    line-height: 1.6;
    font-size: 1.6rem;
  }
  .pc-flow-05 .pc-flow-05__unit .pc-flow-05__unit__image {
    width: 35%;
    margin: 0;
  }
  .pc-flow-05 .pc-flow-05__triangle i {
    font-size: 6rem;
  }
}

/**
 * Heading
 */
/* 標準ページヘッダー
======================= */
.pc-heading {
  position: relative;
  background-image: url(../img/pc-heading__bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 5%;
  background-size: cover;
  /* PC */
}
.pc-heading::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(34, 58, 87, 0.5);
  z-index: 10;
}
.pc-heading h1 {
  position: relative;
  padding: 5rem 0;
  font-size: 3rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  z-index: 20;
}
@media print, screen and (min-width: 768px) {
  .pc-heading h1 {
    padding: 7rem 0;
    font-size: 4rem;
  }
}

/* ページヘッダー(desigh-list)
======================= */
.pc-heading-01 {
  width: 90%;
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 1.7;
}
.pc-heading-01 h1 {
  margin-bottom: 30px;
  font-size: 2.6rem;
  font-weight: 900;
}
.pc-heading-01 span {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .pc-heading-01 {
    width: 100%;
    margin: 0 auto 45px auto;
  }
  .pc-heading-01 h1 {
    font-size: 3.4rem;
  }
  .pc-heading-01 span {
    font-size: 1.8rem;
  }
}

/* ページヘッダー(seo_about)
======================= */
.pc-heading-02 {
  position: relative;
  background-image: url(../img/seo/heading--02.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pc-heading-02::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(34, 58, 87, 0.8);
  z-index: 10;
}
.pc-heading-02 h1 {
  position: relative;
  padding: 30px 0;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  z-index: 15;
}
@media print, screen and (min-width: 768px) {
  .pc-heading-02 h1 {
    padding: 100px 0;
    font-size: 4.2rem;
  }
}

/**
 * list
 */
/* type01
======================= */
.pc-list-01 ul {
  margin-left: 18px;
}
.pc-list-01 ul li {
  position: relative;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.pc-list-01 ul li::before {
  content: "\f111";
  position: absolute;
  top: 6px;
  left: -17px;
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 900;
}

/* type02(cp-c009)
======================= */
.pc-list-02 {
  margin: 0 auto 30px auto;
}
.pc-list-02 ul {
  margin-left: 20px;
}
.pc-list-02 ul li {
  position: relative;
  font-size: 1.6rem;
}
.pc-list-02 ul li::before {
  content: "\f111";
  position: absolute;
  top: 5px;
  left: -20px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.1rem;
  font-weight: 900;
  color: #505050;
}

/* type03
======================= */
.pc-list-03 {
  margin: 0 auto 30px auto;
}
.pc-list-03 ul {
  margin-left: 25px;
}
.pc-list-03 ul li {
  position: relative;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.pc-list-03 ul li::before {
  content: "\f111";
  position: absolute;
  top: 5px;
  left: -20px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.1rem;
  font-weight: 900;
  color: #345887;
}
.pc-list-03 ul li a {
  border-bottom: solid 1px #345887;
}
@media screen and (min-width: 768px) {
  .pc-list-03 ul li {
    margin-bottom: 5px;
  }
  .pc-list-03 ul li::before {
    left: -19px;
  }
}

/* type04(cp-c009)
======================= */
.pc-list-04 {
  margin: 0 auto;
}
.pc-list-04 ul {
  margin-left: 20px;
}
.pc-list-04 ul li {
  position: relative;
  font-size: 1.6rem;
}
.pc-list-04 ul li::before {
  content: "\f111";
  position: absolute;
  top: 5px;
  left: -20px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.1rem;
  font-weight: 900;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .pc-list-04 ul li {
    margin-bottom: 5px;
    font-size: 2rem;
  }
  .pc-list-04 ul li::before {
    top: 8px;
    left: -19px;
  }
}

/**
 * menu
 */
/* type01(startup_service)
======================= */
.pc-menu-01 {
  width: 90%;
  margin: 0 auto;
}
.pc-menu-01 ul .pc-menu-01__unit {
  margin-bottom: 30px;
  background: #fff;
  border: solid 1px #345887;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-menu-01 ul .pc-menu-01__unit:last-child {
  margin-bottom: 0;
}
.pc-menu-01 ul .pc-menu-01__unit a {
  display: block;
  padding: 20px;
  text-decoration: none;
}
.pc-menu-01 ul .pc-menu-01__unit a .pc-menu-01__unit__head {
  margin-bottom: 15px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #345887;
}
.pc-menu-01 ul .pc-menu-01__unit a .pc-menu-01__unit__body {
  margin-bottom: 15px;
}
.pc-menu-01 ul .pc-menu-01__unit a .pc-menu-01__unit__body .pc-menu-01__unit__body__image {
  width: 80%;
  margin: 0 auto 15px auto;
}
.pc-menu-01 ul .pc-menu-01__unit a .pc-menu-01__unit__body .pc-menu-01__unit__body__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.pc-menu-01 ul .pc-menu-01__unit a .pc-menu-01__unit__body .pc-menu-01__unit__body__text {
  font-size: 1.6rem;
  color: #333;
}
.pc-menu-01 ul .pc-menu-01__unit a .pc-menu-01__unit__foot {
  padding: 5px 5px 7px 5px;
  text-align: center;
  font-size: 1.6rem;
  background: #345887;
  color: #fff;
}
.pc-menu-01 ul .pc-menu-01__unit a:hover {
  opacity: 1;
  background: #d2ddef;
  border-radius: 5px;
  transition: all 0.3s;
}
@media print, screen and (min-width: 768px) {
  .pc-menu-01 {
    width: 100%;
    max-width: 1140px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .pc-menu-01 ul {
    display: flex;
    justify-content: space-between;
  }
  .pc-menu-01 ul .pc-menu-01__unit {
    width: 30%;
    margin-bottom: 0;
  }
}

/* type02(cp-c009)
======================= */
.pc-menu-02 {
  width: 95%;
  margin: 0 auto;
}
.pc-menu-02 ul .pc-menu-02__unit {
  margin-bottom: 30px;
  background: #fff;
  border: solid 2px #345887;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-menu-02 ul .pc-menu-02__unit:last-child {
  margin-bottom: 0;
}
.pc-menu-02 ul .pc-menu-02__unit a {
  display: block;
}
.pc-menu-02 ul .pc-menu-02__unit a:hover {
  opacity: 1;
  background: #d2ddef;
  transition: all 0.3s;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__head {
  padding: 10px 5px 15px 5px;
  text-align: center;
  color: #fff;
  background: #345887;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__head .pc-menu-02__unit__head__tag {
  display: inline-block;
  margin-bottom: 10px;
  font-family: "Arial", sans-serif;
  font-size: 1.6rem;
  border-bottom: solid 1px #fff;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__head h3 {
  margin-bottom: 5px;
  font-size: 2rem;
  font-weight: bold;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__head p {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.6rem;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__head p span {
  padding: 0 5px;
  font-family: "Arial", sans-serif;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__body {
  padding: 25px 5px 20px 5px;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__body .pc-menu-02__unit__body__image {
  width: 70%;
  margin: 0 auto;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__body .pc-menu-02__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  object-fit: cover;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__foot {
  padding-bottom: 12px;
  text-align: center;
}
.pc-menu-02 ul .pc-menu-02__unit a .pc-menu-02__unit__foot i {
  font-size: 3rem;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .pc-menu-02 {
    width: 100%;
    max-width: 1140px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .pc-menu-02 ul {
    display: flex;
    justify-content: space-between;
  }
  .pc-menu-02 ul .pc-menu-02__unit {
    width: 30%;
    margin-bottom: 0;
  }
}

/**
 * movie-frame
 */
/*
　type01
=================================*/
.pc-movie-frame {
  padding-bottom: 40px;
}
.pc-movie-frame iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  border: 0;
}

/**
 * point
 */
/* type01(reason/lp)
======================= */
.p-reason__detail,
.p-lp__layout-flow {
  background: #eaf0fa;
}

.pc-point-01 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-point-01 .pc-point-01__unit {
  margin-bottom: 50px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title {
  display: flex;
  align-items: center;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title span {
  padding: 10px;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #8eaad8;
  border-radius: 5px 0 5px 0;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title h2 {
  margin: 0 10px;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 900;
  color: #333;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__lead {
  padding: 15px 20px;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__lead p {
  font-size: 1.6rem;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__lead p span {
  font-weight: bold;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__body {
  padding: 15px 20px 25px 20px;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper {
  margin-bottom: 30px;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper:last-child {
  margin-bottom: 0;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__title h3 {
  margin-bottom: 13px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__image {
  margin-bottom: 13px;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__text p {
  margin-bottom: 15px;
  font-size: 1.6rem;
  line-height: 1.75;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__text p:last-child {
  margin-bottom: 0;
}
.pc-point-01 .pc-point-01__unit .pc-point-01__unit__foot {
  padding: 0 20px 25px 20px;
}
@media print, screen and (min-width: 768px) {
  .pc-point-01 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-point-01 .pc-point-01__unit {
    margin-bottom: 80px;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title span {
    padding: 15px;
    font-size: 4rem;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title h2 {
    margin-left: 30px;
    font-size: 3rem;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__lead {
    padding: 30px 50px 25px 50px;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__lead p {
    font-size: 1.8rem;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body {
    padding: 25px 50px 50px 50px;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper {
    margin-bottom: 50px;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__title h3 {
    margin-bottom: 15px;
    font-size: 2.6rem;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__image {
    order: 2;
    width: 38%;
    margin-bottom: 0;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__text {
    order: 1;
    width: 57%;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__text p {
    margin-bottom: 20px;
  }
  .pc-point-01 .pc-point-01__unit .pc-point-01__unit__foot {
    padding: 0 50px 50px 50px;
  }
}

/* type02(index/lp)
======================= */
.p-reason,
.p-lp__point {
  background: #eaf0fa;
}

.pc-point-02 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-point-02 .pc-point-02__unit {
  margin-bottom: 50px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__head {
  position: relative;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__head span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #8eaad8;
  border-radius: 5px 0 5px 0;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__head h2 {
  padding: 52px 20px 0 20px;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__body {
  padding: 15px 20px 20px 20px;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__body p {
  line-height: 1.6;
  font-size: 1.6rem;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__body p span {
  font-weight: bold;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__foot {
  padding: 0 20px 30px 20px;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__foot .pc-point-02__unit__foot__button a {
  display: block;
  margin: 0 auto;
  padding: 10px 10px 11px 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #8eaad8;
  border: solid 2px #8eaad8;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-point-02 .pc-point-02__unit .pc-point-02__unit__foot .pc-point-02__unit__foot__button a:hover {
  color: #8eaad8;
  border: solid 2px #8eaad8;
  background: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .pc-point-02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 8px;
  }
  .pc-point-02 .pc-point-02__unit {
    display: flex;
    flex-direction: column;
    width: 30%;
  }
  .pc-point-02 .pc-point-02__unit .pc-point-02__unit__head span {
    padding: 10px;
    font-size: 2.4rem;
  }
  .pc-point-02 .pc-point-02__unit .pc-point-02__unit__head h2 {
    padding: 65px 25px 0 25px;
  }
  .pc-point-02 .pc-point-02__unit .pc-point-02__unit__body {
    padding: 25px 25px 30px 25px;
  }
  .pc-point-02 .pc-point-02__unit .pc-point-02__unit__foot {
    margin-top: auto;
    padding: 0 25px 30px 25px;
  }
}

/* type03(corporate-site/ask/renewal/seo_start-guide)
======================= */
.p-corporate-site__point,
.p-ask__intro,
.p-seo_about__technical {
  background: #eaf0fa;
}

.pc-point-03 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-point-03 ul .pc-point-03__unit {
  margin-bottom: 50px;
  padding: 25px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__head {
  display: block;
  margin-bottom: 15px;
  padding: 5px 10px 3px 10px;
  text-align: center;
  background: #8eaad8;
  border-radius: 50px;
}
.pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__head span {
  font-family: "Arial", sans-serif;
  font-size: 1.8rem;
  color: #fff;
}
.pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__image {
  margin-bottom: 10px;
}
.pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__title {
  margin-bottom: 10px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__text p {
  font-size: 1.6rem;
}
.pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__text p span {
  font-weight: bold;
}
.pc-point-03 .pc-point-03__button a {
  display: block;
  margin: 0 auto;
  padding: 10px 10px 11px 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #8eaad8;
  border: solid 2px #8eaad8;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-point-03 .pc-point-03__button a:hover {
  color: #8eaad8;
  border: solid 2px #8eaad8;
  background: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .pc-point-03 {
    width: 100%;
  }
  .pc-point-03 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 8px;
  }
  .pc-point-03 ul .pc-point-03__unit {
    width: 30%;
    padding: 30px;
  }
  .pc-point-03 .pc-point-03__button {
    width: 40%;
    margin: 0 auto;
  }
}

/* type04(charge-initial)
======================= */
.p-charge-initial__intro {
  background: #eaf0fa;
}

.pc-point-04 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-point-04 .pc-point-04__unit {
  margin-bottom: 50px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-point-04 .pc-point-04__unit:last-child {
  margin-bottom: 0;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__head {
  margin-bottom: 20px;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__head h2 {
  margin-bottom: 5px;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: 900;
  color: #345887;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__head p {
  font-size: 1.6rem;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__detail .pc-point-04__unit__body__image {
  margin-bottom: 13px;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__detail .pc-point-04__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__detail .pc-point-04__unit__body__text p {
  margin-bottom: 10px;
  font-size: 1.6rem;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__detail .pc-point-04__unit__body__text p:last-child {
  margin-bottom: 0;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__wrapper {
  margin-bottom: 30px;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__wrapper:last-child {
  margin-bottom: 0;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__wrapper .pc-point-04__unit__body__title {
  margin-bottom: 10px;
  padding: 5px 10px;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  background: #345887;
  border-radius: 5px 0;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__foot {
  margin-top: 30px;
}
.pc-point-04 .pc-point-04__unit .pc-point-04__unit__foot p {
  margin-bottom: 10px;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .pc-point-04 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-point-04 .pc-point-04__unit {
    margin-bottom: 80px;
    padding: 40px 50px;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__head {
    margin-bottom: 30px;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__head h2 {
    margin-bottom: 10px;
    font-size: 3rem;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__head p {
    font-size: 1.8rem;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body {
    display: flex;
    justify-content: space-between;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__detail {
    display: flex;
    align-items: flex-start;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__detail .pc-point-04__unit__body__image {
    width: 350px;
    margin-bottom: 0;
    padding-right: 50px;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__detail .pc-point-04__unit__body__text {
    flex: 1;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__wrapper {
    width: 30%;
    margin-bottom: 0;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__wrapper .pc-point-04__unit__body__title {
    margin-bottom: 15px;
    padding: 7px 10px;
    font-size: 1.8rem;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__wrapper .pc-point-04__unit__body__detail {
    display: block;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__wrapper .pc-point-04__unit__body__detail .pc-point-04__unit__body__image {
    width: 100%;
    margin-bottom: 15px;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__body .pc-point-04__unit__body__wrapper .pc-point-04__unit__body__detail .pc-point-04__unit__body__text {
    width: 100%;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__foot {
    margin-top: 40px;
  }
  .pc-point-04 .pc-point-04__unit .pc-point-04__unit__foot p {
    margin-bottom: 15px;
  }
}

/* type05(cp(C008))/corporate-site)
======================= */
.p-cp-c008__reason {
  background: #eaf0fa;
}

.pc-point-05 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-point-05 .pc-point-05__unit {
  margin-bottom: 50px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-point-05 .pc-point-05__unit:last-child {
  margin-bottom: 0;
}
.pc-point-05 .pc-point-05__unit a {
  display: block;
}
.pc-point-05 .pc-point-05__unit a:hover {
  opacity: 1;
  background: #d2ddef;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-point-05 .pc-point-05__unit a .pc-point-05__unit__head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pc-point-05 .pc-point-05__unit a .pc-point-05__unit__head span {
  padding: 9px;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #8eaad8;
  border-radius: 5px 0 5px 0;
}
.pc-point-05 .pc-point-05__unit a .pc-point-05__unit__head h3 {
  margin-left: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
.pc-point-05 .pc-point-05__unit a .pc-point-05__unit__body {
  padding: 20px 30px;
}
.pc-point-05 .pc-point-05__unit a .pc-point-05__unit__body img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.pc-point-05 .pc-point-05__unit a .pc-point-05__unit__foot {
  padding-bottom: 15px;
  text-align: center;
}
.pc-point-05 .pc-point-05__unit a .pc-point-05__unit__foot i {
  font-size: 3rem;
  color: #8eaad8;
}
@media print, screen and (min-width: 768px) {
  .pc-point-05 {
    width: 100%;
  }
  .pc-point-05 ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .pc-point-05 ul .pc-point-05__unit {
    width: 30%;
    margin-bottom: 0;
  }
  .pc-point-05 ul .pc-point-05__unit .pc-point-05__unit__head span {
    padding: 10px;
    font-size: 2.4rem;
  }
  .pc-point-05 ul .pc-point-05__unit .pc-point-05__unit__head h3 {
    font-size: 2rem;
  }
  .pc-point-05 ul .pc-point-05__unit .pc-point-05__unit__foot i {
    font-size: 3.5rem;
  }
}

/* type06(【LP】cp（詳細）)
======================= */
.pc-point-06 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-point-06 .pc-point-06__unit {
  margin-bottom: 50px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-point-06 .pc-point-06__unit:last-child {
  margin-bottom: 0;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__head {
  position: relative;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__head span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #8eaad8;
  border-radius: 5px 0 5px 0;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__head h2 {
  padding: 52px 20px 0 20px;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body {
  padding: 20px 25px 30px 25px;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper {
  margin-bottom: 30px;
  border: solid 2px #8eaad8;
  border-radius: 10px;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__title {
  margin-bottom: 20px;
  padding: 7px 5px 10px 5px;
  line-height: 1.5;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  border-radius: 6px 6px 0 0;
  background: #8eaad8;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__detail {
  padding: 0 20px 20px 20px;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__detail .pc-point-06__unit__body__image {
  width: 80%;
  margin: 0 auto 15px auto;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__detail .pc-point-06__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__detail .pc-point-06__unit__body__text p {
  margin-bottom: 7px;
  font-size: 1.6rem;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__detail .pc-point-06__unit__body__text p:last-child {
  margin-bottom: 0;
}
.pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-point-06 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-point-06 .pc-point-06__unit {
    margin-bottom: 80px;
  }
  .pc-point-06 .pc-point-06__unit .pc-point-06__unit__head span {
    padding: 15px;
    font-size: 3rem;
  }
  .pc-point-06 .pc-point-06__unit .pc-point-06__unit__head h2 {
    padding: 95px 60px 0 60px;
    font-size: 2.8rem;
  }
  .pc-point-06 .pc-point-06__unit .pc-point-06__unit__body {
    display: flex;
    justify-content: space-between;
    padding: 35px 60px 50px 60px;
  }
  .pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper {
    width: 47%;
    margin-bottom: 0;
  }
  .pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__title {
    margin-bottom: 30px;
    padding: 10px 5px 15px 5px;
    font-size: 2rem;
  }
  .pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__detail {
    padding: 0 30px 30px 30px;
  }
  .pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__detail .pc-point-06__unit__body__image {
    width: 70%;
    margin-bottom: 30px;
  }
  .pc-point-06 .pc-point-06__unit .pc-point-06__unit__body .pc-point-06__unit__body__wrapper .pc-point-06__unit__body__detail .pc-point-06__unit__body__text p {
    margin-bottom: 10px;
  }
}

/**
 * reason
 */
/*
　サービスが選ばれる理由
=================================*/
.pc-service__reason__continue-result {
  text-align: center;
}
.pc-service__reason__continue-result .pc-service__reason__continue-result__title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.pc-service__reason__continue-result .pc-service__reason__continue-result__no {
  color: #03967a;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  margin-left: 30px;
}
.pc-service__reason__continue-result .pc-service__reason__continue-result__no span {
  font-size: 8rem;
  margin-right: 10px;
}
.pc-service__reason__continue-result .pc-service__reason__continue-result__date {
  margin-left: 130px;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
  .pc-service__reason__continue-result {
    margin-bottom: 100px;
  }
  .pc-service__reason__continue-result .pc-service__reason__continue-result__no {
    font-size: 5rem;
    margin-left: 50px;
  }
  .pc-service__reason__continue-result .pc-service__reason__continue-result__no span {
    font-size: 10rem;
  }
  .pc-service__reason__continue-result .pc-service__reason__continue-result__date {
    margin-left: 210px;
    font-size: 1.4rem;
  }
}

/**
 * section-block
 */
/*
　セクションブロック
=================================*/
.pc-section-block {
  margin-bottom: 30px;
}
.pc-section-block p {
  line-height: 1.7;
}
@media print, screen and (min-width: 768px) {
  .pc-section-block {
    margin-bottom: 50px;
  }
}

/**
 * section-title
 */
/*
　セクションタイトル
=================================*/
.pc-section-title--blue,
.pc-section-title--orange,
.pc-section-title--green,
.pc-section-title--gray {
  padding: 4rem 0;
}
.pc-section-title--blue h2,
.pc-section-title--orange h2,
.pc-section-title--green h2,
.pc-section-title--gray h2 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .pc-section-title--blue,
  .pc-section-title--orange,
  .pc-section-title--green,
  .pc-section-title--gray {
    padding: 8rem 0;
  }
  .pc-section-title--blue h2,
  .pc-section-title--orange h2,
  .pc-section-title--green h2,
  .pc-section-title--gray h2 {
    max-width: 1140px;
    margin: 0 auto;
    font-size: 4rem;
  }
}

/* 青色 */
.pc-section-title--blue {
  background-color: #345887;
}

/* オレンジ色 */
.pc-section-title--orange {
  background: #FF8C00;
}

/* 緑色 */
.pc-section-title--green {
  background: #03967a;
}

/* 灰色 */
.pc-section-title--gray {
  background: #939598;
}

/*
　上下2色
=================================*/
.pc-section-title--primary {
  padding: 3rem 0;
  text-align: center;
  background-color: #345887;
}
.pc-section-title--primary em {
  position: relative;
  display: inline-block;
  padding: 4px 14px;
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
  background: #FFF;
  margin-bottom: 18px;
  border: solid 3px #333;
  border-radius: 10px;
  box-sizing: border-box;
}
.pc-section-title--primary em::before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 18px solid #FFF;
  z-index: 2;
}
.pc-section-title--primary em::after {
  content: "";
  position: absolute;
  bottom: -34px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 20px solid #333;
  z-index: 1;
}
.pc-section-title--primary h2 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
}
.pc-section-title--primary span {
  color: #ffef48;
}
@media print, screen and (min-width: 768px) {
  .pc-section-title--primary {
    padding: 6rem 0;
  }
  .pc-section-title--primary em {
    font-size: 2.4rem;
  }
  .pc-section-title--primary h2 {
    max-width: 1140px;
    margin: 0 auto;
    font-size: 4rem;
  }
}

/*
　type01
=================================*/
.pc-section-title-01 {
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  background-color: #345887;
  color: #FFF;
  text-align: center;
  font-weight: 900;
}
.pc-section-title-01 h2 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 20px;
}
.pc-section-title-01 p {
  font-weight: normal;
  font-size: 1.8rem;
}
@media print, screen and (min-width: 768px) {
  .pc-section-title-01 h2 {
    font-size: 5rem;
  }
  .pc-section-title-01 p {
    font-size: 2.2rem;
  }
}

/**
 * service-menu
 */
/* type01
======================= */
.pc-service-menu-01 li {
  max-width: 450px;
  margin: 0 auto 30px auto;
}
.pc-service-menu-01 li a {
  position: relative;
  display: flex;
  align-items: center;
  border: solid 3px #345887;
  border-radius: 8px;
  background: #345887;
}
.pc-service-menu-01 li a::before {
  content: "";
  position: absolute;
  top: 100px;
  right: -8px;
  width: 30px;
  height: 30px;
  background: #fff;
  border: solid 3px #345887;
  border-radius: 100px;
  z-index: 5;
}
.pc-service-menu-01 li a::after {
  content: "\f105";
  position: absolute;
  top: 100px;
  right: 3px;
  font-family: "Font Awesome 5 Free";
  font-size: 2.4rem;
  font-weight: 900;
  color: #345887;
  z-index: 10;
}
.pc-service-menu-01 li a .pc-service-menu__image {
  display: block;
  width: 32%;
}
.pc-service-menu-01 li a .pc-service-menu__image img {
  display: block;
  width: 100%;
  height: 125px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px 0 0 8px;
}
.pc-service-menu-01 li a .pc-service-menu__catchcopy {
  width: 68%;
  padding: 10px 5px;
  text-align: center;
  color: #fff;
}
.pc-service-menu-01 li a .pc-service-menu__catchcopy p {
  margin-bottom: 10px;
}
.pc-service-menu-01 li a .pc-service-menu__catchcopy h3 {
  font-size: 2.1rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-01 {
    display: flex;
    justify-content: space-between;
  }
  .pc-service-menu-01 li {
    width: 32%;
    margin-bottom: 0;
  }
  .pc-service-menu-01 li a::before {
    top: 136px;
    right: -11px;
  }
  .pc-service-menu-01 li a::after {
    top: 135px;
    right: -1px;
    font-size: 2.6rem;
  }
  .pc-service-menu-01 li a .pc-service-menu__image {
    width: 40%;
  }
  .pc-service-menu-01 li a .pc-service-menu__image img {
    height: 160px;
  }
  .pc-service-menu-01 li a .pc-service-menu__catchcopy p {
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
  .pc-service-menu-01 li a .pc-service-menu__catchcopy h3 {
    font-size: 2rem;
  }
  .pc-service-menu-01 li a:hover {
    opacity: 1;
  }
  .pc-service-menu-01 li a:hover::before {
    background: #ffb459;
  }
  .pc-service-menu-01 li a:hover .pc-service-menu__catchcopy {
    color: #fff3e5;
  }
}
@media print, screen and (min-width: 1000px) {
  .pc-service-menu-01 li a .pc-service-menu__catchcopy p {
    font-size: 1.6rem;
  }
  .pc-service-menu-01 li a .pc-service-menu__catchcopy h3 {
    font-size: 2.4rem;
  }
}

/* type02
======================= */
.pc-service-menu-02 li {
  max-width: 450px;
  margin: 0 auto 30px auto;
  border: solid 1px #345887;
}
.pc-service-menu-02 li a {
  display: block;
  padding: 15px 10px;
}
.pc-service-menu-02 li a .pc-service-menu__catchcopy {
  text-align: center;
  color: #345887;
}
.pc-service-menu-02 li a .pc-service-menu__catchcopy h3 {
  margin-bottom: 5px;
  font-size: 2.2rem;
  font-weight: bold;
}
.pc-service-menu-02 li a .pc-service-menu__image {
  width: 70%;
  margin: 20px auto;
}
.pc-service-menu-02 li a .pc-service-menu__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.pc-service-menu-02 li a .pc-service-menu__bottom {
  text-align: center;
}
.pc-service-menu-02 li a .pc-service-menu__bottom .pc-service-menu__bottom__button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 7px 20px 7px 25px;
  text-decoration: none !important;
  color: #fff !important;
  background: #345887;
}
.pc-service-menu-02 li a .pc-service-menu__bottom .pc-service-menu__bottom__button p {
  position: relative;
  font-size: 15px;
}
.pc-service-menu-02 li a .pc-service-menu__bottom .pc-service-menu__bottom__button p i {
  margin-left: 5px;
}
.pc-service-menu-02 li a .pc-service-menu__bottom .pc-service-menu__bottom__button::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 150%;
  height: 500%;
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
  background: #FF8C00;
}
.pc-service-menu-02 li a .pc-service-menu__bottom .pc-service-menu__bottom__button:hover {
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-02 {
    display: flex;
    justify-content: space-between;
  }
  .pc-service-menu-02 li {
    width: 30%;
    margin-bottom: 0;
  }
  .pc-service-menu-02 li a {
    position: 20px 15px;
  }
  .pc-service-menu-02 li a .pc-service-menu__catchcopy h3 {
    margin-bottom: 10px;
    font-size: 2.4rem;
  }
  .pc-service-menu-02 li a .pc-service-menu__bottom__button {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transition: all 0.3s;
  }
  .pc-service-menu-02 li a .pc-service-menu__bottom__button::before {
    transition: all 0.5s ease-in-out;
  }
  .pc-service-menu-02 li a:hover {
    opacity: 1;
  }
  .pc-service-menu-02 li a:hover .pc-service-menu__bottom__button::before {
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
  }
}

/* type03(index)
======================= */
.pc-service-menu-03 {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-service-menu-03 .pc-service-menu-03__unit {
  display: block;
  margin-bottom: 50px;
  text-decoration: none;
  color: #333;
  background: #fff;
  border: solid 2px #345887;
  border-radius: 7px;
}
.pc-service-menu-03 .pc-service-menu-03__unit:last-child {
  margin-bottom: 0;
}
.pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__head {
  padding: 15px 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
}
.pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__body {
  padding: 20px 25px 0 25px;
}
.pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__body .pc-service-menu-03__unit__body__image {
  margin-bottom: 20px;
}
.pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__body .pc-service-menu-03__unit__body__image img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
}
.pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__foot {
  padding: 0 15px 15px 15px;
  text-align: center;
}
.pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__foot span {
  position: relative;
  display: block;
  width: 27px;
  height: 27px;
  margin: 0 0 0 auto;
  background: #345887;
  border-radius: 50%;
}
.pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__foot span::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 3px;
  width: 16px;
  height: 4px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: skew(45deg);
}
.pc-service-menu-03 .pc-service-menu-03__unit:hover .pc-service-menu-03__unit__foot span {
  transform: scale(1.2, 1.2);
  transition: all 0.3s;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-03 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 8px;
  }
  .pc-service-menu-03 .pc-service-menu-03__unit {
    width: 30%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
  .pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__head {
    font-size: 2rem;
  }
  .pc-service-menu-03 .pc-service-menu-03__unit .pc-service-menu-03__unit__foot {
    margin-top: auto;
  }
}

/* type04(charge-initial)
======================= */
.pc-service-menu-04 .pc-service-menu-04__unit {
  margin-bottom: 50px;
  border: solid 2px #345887;
  border-radius: 7px;
  box-sizing: border-box;
}
.pc-service-menu-04 .pc-service-menu-04__unit:last-child {
  margin-bottom: 0;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__head {
  padding: 7px 10px 10px 10px;
  background: #345887;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__head h3 {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body {
  padding: 25px;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__image {
  margin-bottom: 25px;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__image img {
  display: block;
  width: 100%;
  height: auto;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__title {
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: bold;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__text {
  margin-bottom: 30px;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__text .pc-check-list-02 {
  margin-bottom: 20px;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__text p {
  font-size: 1.6rem;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__button a {
  display: block;
  margin: 0 auto;
  padding: 10px 25px 11px 25px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border: solid 2px #345887;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__button a:hover {
  color: #345887;
  border: solid 2px #345887;
  background: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-04 {
    padding: 0 8px;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit {
    margin-bottom: 80px;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__head {
    padding-bottom: 12px;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__head h3 {
    font-size: 2.6rem;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body {
    display: flex;
    justify-content: space-between;
    padding: 40px;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__image {
    width: 38%;
    margin-bottom: 0;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail {
    width: 55%;
    display: flex;
    flex-direction: column;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__title {
    margin-bottom: 20px;
    font-size: 2.2rem;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__text {
    margin-bottom: 50px;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__text .pc-check-list-02 {
    margin-bottom: 20px;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__button {
    margin-top: auto;
  }
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__button a {
    width: 40%;
    margin: 0 0 0 auto;
  }
}

/* type05
======================= */
.pc-service-menu-05 {
  margin: 70px auto;
}
.pc-service-menu-05 .pc-service-menu-05__unit {
  margin: 0 auto 50px auto;
  background: #fff;
  border-radius: 5px;
  border: solid 2px #345887;
  box-sizing: border-box;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__head {
  padding: 15px 5px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body {
  padding: 25px 20px 0 20px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__title img {
  display: block;
  width: 25px;
  height: auto;
  margin-right: 10px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__title h4 {
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content {
  margin-bottom: 30px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__image {
  margin-bottom: 20px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price {
  position: relative;
  border: solid 2px #0065c0;
  border-radius: 7px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__tag {
  position: absolute;
  top: -14px;
  left: -2px;
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 0 5px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__tag img {
  display: block;
  width: 25px;
  height: auto;
  margin-bottom: 0;
  margin-right: 7px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__tag span {
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__detail {
  padding: 10px 10px 7px 10px;
  text-align: center;
  font-size: 1.8rem;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__detail span {
  font-size: 2.8rem;
  font-weight: bold;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__announce {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot {
  margin: 0 auto;
  padding: 10px 20px 30px 20px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content {
  position: relative;
  margin-bottom: 30px;
  border: solid 2px #0065c0;
  border-radius: 7px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__tag {
  position: absolute;
  top: -14px;
  left: -2px;
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 0 5px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__tag img {
  display: block;
  width: 25px;
  height: auto;
  margin-right: 7px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__tag span {
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item {
  padding: 25px 10px 15px 15px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item dl {
  margin: 0;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item dl > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item dl > div dt {
  width: 23%;
  padding: 3px 10px;
  text-align: center;
  color: #fff;
  background: #345887;
  border-radius: 5px 0;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item dl > div dd {
  width: 65%;
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-05 {
    padding: 0 8px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit {
    max-width: 1000px;
    width: 100%;
    margin-bottom: 80px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__head {
    padding: 20px 10px;
    font-size: 2.2rem;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body {
    padding: 40px 60px 0 60px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__title {
    align-items: center;
    margin-bottom: 50px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__title img {
    width: 45px;
    margin-right: 20px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__title h4 {
    font-size: 2.6rem;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__image {
    order: 2;
    width: 40%;
    margin-bottom: 0;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text {
    order: 1;
    width: 50%;
    margin-bottom: 0;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__tag {
    top: -17px;
    padding: 0 10px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__tag img {
    width: 40px;
    margin-right: 10px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__tag span {
    font-size: 2rem;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__detail {
    padding: 15px 10px 16px 10px;
    font-size: 2rem;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__price .pc-service-menu-05__body__content__price__detail span {
    font-size: 3rem;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__body .pc-service-menu-05__body__content .pc-service-menu-05__body__content__text .pc-service-menu-05__body__content__announce {
    font-size: 2.4rem;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 60px 60px 60px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content {
    width: 50%;
    margin-bottom: 0;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__tag {
    top: -20px;
    padding: 0 10px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__tag img {
    width: 30px;
    margin-right: 10px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__tag span {
    font-size: 2rem;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item {
    padding: 30px 20px 20px 20px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item dl {
    margin: 0;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item dl > div {
    align-items: center;
    margin-bottom: 13px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item dl > div dt {
    width: 20%;
    padding: 5px 10px;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-service-menu-05__foot__content .pc-service-menu-05__foot__content__item dl > div dd {
    width: 70%;
    font-size: 2rem;
  }
  .pc-service-menu-05 .pc-service-menu-05__unit .pc-service-menu-05__foot .pc-button-03 {
    width: 40%;
    margin: 0;
  }
}

/* type06(guide)
======================= */
.pc-service-menu-06 {
  position: relative;
  width: 95%;
  margin: 0 auto;
  padding: 50px 0;
  box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-06 {
    max-width: 1000px;
    width: 100%;
    padding: 50px 8px;
  }
}

/* 上部 */
.pc-service-menu-06__head {
  margin-bottom: 30px;
}
.pc-service-menu-06__head .pc-service-menu-06__title {
  margin-bottom: 30px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 900;
  color: #345887;
}
.pc-service-menu-06__head .pc-service-menu-06__lead {
  display: flex;
  align-items: flex-start;
}
.pc-service-menu-06__head .pc-service-menu-06__lead img {
  display: block;
  width: 25px;
  height: auto;
  margin-right: 10px;
}
.pc-service-menu-06__head .pc-service-menu-06__lead h3 {
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-06__head {
    margin-bottom: 50px;
  }
  .pc-service-menu-06__head .pc-service-menu-06__title {
    margin-bottom: 60px;
    font-size: 3.4rem;
  }
  .pc-service-menu-06__head .pc-service-menu-06__lead img {
    width: 45px;
    margin-right: 20px;
  }
  .pc-service-menu-06__head .pc-service-menu-06__lead h3 {
    font-size: 2.6rem;
  }
}

/* 主要部分 */
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__image {
  margin-bottom: 40px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail {
  margin-bottom: 50px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price {
  position: relative;
  border: solid 2px #345887;
  border-radius: 7px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__price__tag,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__summary__tag,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag {
  position: absolute;
  left: -2px;
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 0 5px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag img,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__price__tag img,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__summary__tag img,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag img {
  display: block;
  height: auto;
  margin-right: 7px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag span,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__price__tag span,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__summary__tag span,
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag span {
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary {
  margin-bottom: 30px;
  padding: 20px 15px 15px 15px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag {
  top: -16px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag img {
  width: 25px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary dl {
  margin: 0;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary dl > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary dl > div:last-child {
  margin-bottom: 0;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary dl > div dt {
  width: 23%;
  padding: 3px 10px;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  background: #345887;
  border-radius: 5px 0;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary dl > div dd {
  width: 65%;
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price {
  padding: 10px 15px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag {
  top: -14px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag img {
  width: 30px;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price p span {
  font-size: 2.8rem;
}
.pc-service-menu-06__body .pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body .pc-thumbnail-02__unit__title {
  margin-bottom: 0;
  border-bottom: none;
}
.pc-service-menu-06__body .pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body .pc-thumbnail-02__unit__title h3 {
  padding-bottom: 0;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-06__body {
    margin-bottom: 70px;
  }
  .pc-service-menu-06__body .pc-check-list-02 {
    margin-bottom: 60px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 70px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__image {
    width: 43%;
    margin-bottom: 0;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail {
    width: 50%;
    margin-bottom: 0;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag span,
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__price__tag span,
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__summary__tag span,
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag span {
    font-size: 2rem;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary {
    margin-bottom: 50px;
    padding: 25px 25px 20px 25px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag {
    top: -18px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag img {
    width: 30px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary dl > div {
    margin-bottom: 13px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary dl > div dt {
    padding: 1px 10px 3px 10px;
    font-size: 1.6rem;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary dl > div dd {
    width: 67%;
    font-size: 1.8rem;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price {
    padding: 15px 15px 20px 15px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag {
    top: -16px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag img {
    width: 40px;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price p {
    font-size: 1.8rem;
  }
  .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price p span {
    font-size: 3.2rem;
  }
}

.l-section--l-blue .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__summary .pc-service-menu-06__menu__summary__tag,
.l-section--l-blue .pc-service-menu-06__body .pc-service-menu-06__menu .pc-service-menu-06__menu__detail .pc-service-menu-06__menu__price .pc-service-menu-06__menu__price__tag {
  background: #f6f7f7;
}

/* type07
======================= */
.pc-service-menu-07 {
  width: 90%;
  margin: 0 auto;
}
.pc-service-menu-07 li {
  max-width: 450px;
  margin: 0 auto 30px auto;
  border: solid 1px #345887;
}
.pc-service-menu-07 li a {
  display: block;
  padding: 30px 35px;
}
.pc-service-menu-07 li a .pc-service-menu__catchcopy {
  margin-bottom: 15px;
  text-align: center;
}
.pc-service-menu-07 li a .pc-service-menu__catchcopy h3 {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
  color: #345887;
}
.pc-service-menu-07 li a .pc-service-menu__catchcopy p {
  font-size: 1.6rem;
  color: #333;
}
.pc-service-menu-07 li a .pc-service-menu__image {
  margin-bottom: 15px;
}
.pc-service-menu-07 li a .pc-service-menu__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.pc-service-menu-07 li a .pc-service-menu__bottom {
  text-align: center;
}
.pc-service-menu-07 li a .pc-service-menu__bottom .pc-service-menu__bottom__button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 7px 20px 7px 25px;
  text-decoration: none !important;
  color: #fff !important;
  background: #345887;
}
.pc-service-menu-07 li a .pc-service-menu__bottom .pc-service-menu__bottom__button p {
  position: relative;
  font-size: 15px;
}
.pc-service-menu-07 li a .pc-service-menu__bottom .pc-service-menu__bottom__button p i {
  margin-left: 5px;
}
.pc-service-menu-07 li a .pc-service-menu__bottom .pc-service-menu__bottom__button::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 150%;
  height: 500%;
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
  background: #8eaad8;
}
.pc-service-menu-07 li a .pc-service-menu__bottom .pc-service-menu__bottom__button:hover {
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-07 li {
    margin-bottom: 50px;
  }
  .pc-service-menu-07 li a {
    padding: 20px 30px;
  }
  .pc-service-menu-07 li a .pc-service-menu__catchcopy h3 {
    font-size: 2.2rem;
  }
  .pc-service-menu-07 li a .pc-service-menu__bottom__button {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transition: all 0.3s;
  }
  .pc-service-menu-07 li a .pc-service-menu__bottom__button::before {
    transition: all 0.5s ease-in-out;
  }
  .pc-service-menu-07 li a:hover {
    opacity: 1;
  }
  .pc-service-menu-07 li a:hover .pc-service-menu__bottom__button::before {
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
  }
}

/**
 * snippet-link
 */
/*
　概要付きリンク
================================*/
.pc-snippet-link {
  display: block;
  margin: 30px 8px;
  border-radius: 10px;
  box-shadow: 0 0 7px 3px rgba(118, 118, 118, 0.5);
}

.pc-snippet-link a {
  display: block;
  text-decoration: none;
}

.pc-snippet-link__image img {
  display: block;
  width: 100%;
  height: 200px;
  padding: 15px 0;
  text-align: center;
  -o-object-fit: contain;
     object-fit: contain;
  box-sizing: border-box;
}

.pc-snippet-link__contents {
  padding: 15px;
}

.pc-snippet-link__contents h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.pc-snippet-link__contents p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14px;
  color: #555;
}

@media screen and (min-width: 768px) {
  .pc-snippet-link {
    max-width: 800px;
    margin: 30px auto;
  }
  .pc-snippet-link a {
    display: flex;
    align-items: center;
  }
  .pc-snippet-link a:hover {
    opacity: 0.6;
  }
  .pc-snippet-link__image {
    width: 220px;
  }
  .pc-snippet-link__image img {
    height: 150px;
    padding: 20px;
  }
  .pc-snippet-link__contents {
    width: calc(100% - 220px);
    padding: 20px 20px 20px 0;
  }
}
/**
 * sns-share
 */
/*
　type01
=================================*/
.pc-sns-share-01 {
  margin-bottom: 30px;
}
.pc-sns-share-01 ul {
  display: flex;
  justify-content: space-between;
}
.pc-sns-share-01 ul li {
  width: 18%;
}
.pc-sns-share-01 ul li a {
  display: block;
  padding: 2px 0;
  border-radius: 4px;
  text-align: center;
}
.pc-sns-share-01 ul li a i {
  color: #fff;
}
.pc-sns-share-01 .pc-sns-share-01__twitter {
  background: #00acee;
}
.pc-sns-share-01 .pc-sns-share-01__facebook {
  background: #3b5998;
}
.pc-sns-share-01 .pc-sns-share-01__line {
  background: #06c755;
}
.pc-sns-share-01 .pc-sns-share-01__hatena {
  background: #00a4de;
}
.pc-sns-share-01 .pc-sns-share-01__hatena i {
  font-style: normal;
  font-weight: bold;
}
.pc-sns-share-01 .pc-sns-share-01__link {
  background: #aaa;
  position: relative;
  /* Animation */
}
.pc-sns-share-01 .pc-sns-share-01__link.is-copy::after {
  content: "コピーしました";
  background: #555;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: -25px;
  transform: translate(-50%, 0);
  font-size: 12px;
  padding: 4px 10px 6px 10px;
  white-space: nowrap;
  animation: fade-tooltip 0.5s 1s 1 forwards;
}
@keyframes fade-tooltip {
  to {
    opacity: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .pc-sns-share-01 {
    position: relative;
    margin-bottom: 0;
  }
  .pc-sns-share-01 ul {
    flex-direction: column;
    position: fixed;
    margin-left: -80px;
  }
  .pc-sns-share-01 ul li {
    width: 40px;
    margin-bottom: 20px;
  }
  .pc-sns-share-01 ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .pc-sns-share-01 ul li a i {
    font-size: 20px;
  }
}

/**
 * Step
 */
/* type01
======================= */
.pc-step-01 {
  margin-bottom: 50px;
}
.pc-step-01 li {
  display: block;
  padding: 10px 10px 0 10px;
}
.pc-step-01 li:last-child::after {
  display: none;
}
.pc-step-01 li p {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
  background-color: #fff;
  border: solid 1px #345887;
}
.pc-step-01 li p span {
  margin-right: 15px;
  font-size: 1.6rem;
  color: #345887;
}
.pc-step-01 li .pc-step__triangle {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #345887;
}
@media print, screen and (min-width: 768px) {
  .pc-step-01 {
    margin-bottom: 100px;
  }
  .pc-step-01 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pc-step-01 ul li {
    display: flex;
    align-items: center;
    width: 20%;
    padding: 0;
  }
  .pc-step-01 ul li p {
    display: block;
    width: 145px;
    margin-bottom: 0;
    padding: 10px 20px;
  }
  .pc-step-01 ul li .pc-step__triangle {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #345887;
    border-right: 0;
  }
}

/* type02(cp)
======================= */
.pc-step-02 {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-step-02 ul .pc-step-02__unit {
  margin-bottom: 30px;
  background: #fff;
  border: solid 3px #345887;
  border-radius: 8px;
  box-sizing: border-box;
}
.pc-step-02 ul .pc-step-02__unit:last-child {
  margin-bottom: 0;
}
.pc-step-02 ul .pc-step-02__unit a {
  display: block;
  padding: 20px 20px 5px 20px;
}
.pc-step-02 ul .pc-step-02__unit a:hover {
  opacity: 1;
  background: #d2ddef;
  border-radius: 4px;
  transition: all 0.3s;
}
.pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__head {
  margin-bottom: 10px;
}
.pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__head span {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 20px 3px 20px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 50px;
}
.pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__head h3 {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
.pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__body img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__foot {
  text-align: center;
}
.pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__foot i {
  font-size: 3rem;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .pc-step-02 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-step-02 ul {
    display: flex;
    justify-content: space-between;
  }
  .pc-step-02 ul .pc-step-02__unit {
    display: flex;
    width: 30%;
    margin-bottom: 0;
  }
  .pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__head span {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
  .pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__head h3 {
    font-size: 2rem;
  }
  .pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__body {
    margin-bottom: 15px;
  }
  .pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__foot {
    margin-bottom: 10px;
  }
  .pc-step-02 ul .pc-step-02__unit a .pc-step-02__unit__foot i {
    font-size: 3.5rem;
  }
}

/* type03(cp)
======================= */
.pc-step-03 {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-step-03 .pc-step-03__unit {
  margin-bottom: 25px;
  padding: 30px 20px;
  background: #fff;
  border: solid 3px #345887;
  border-radius: 8px;
  box-sizing: border-box;
}
.pc-step-03 .pc-step-03__unit:last-child {
  margin-bottom: 0;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__head {
  margin-bottom: 20px;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__head span {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 20px 3px 20px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 50px;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__head h3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__image {
  width: 80%;
  margin: 0 auto 40px auto;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__summary {
  margin-bottom: 10px;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__summary p {
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__summary p:last-child {
  margin-bottom: 0;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu {
  margin-bottom: 20px;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu dl > div {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 10px;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu dl > div:last-child {
  margin-bottom: 0;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu dl > div dt {
  width: 26%;
  margin-right: 10px;
  padding: 3px 10px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #345887;
  border: solid 2px #345887;
  border-radius: 10px 0;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu dl > div dd {
  width: 62%;
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu dl > div dd span {
  font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
  .pc-step-03 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-step-03 .pc-step-03__unit {
    margin-bottom: 45px;
    padding: 40px 60px;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__head span {
    margin-right: 30px;
    margin-bottom: 0;
    padding: 7px 30px 7px 30px;
    font-size: 2rem;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__head h3 {
    font-size: 2.4rem;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body {
    display: flex;
    justify-content: space-between;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__image {
    width: 30%;
    margin: 0;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__image img {
    margin-bottom: 30px;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text {
    width: 60%;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__summary {
    margin-bottom: 20px;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__summary p {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu {
    margin-bottom: 30px;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu dl > div {
    margin-bottom: 15px;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu dl > div dt {
    width: 22%;
    margin-right: 20px;
    padding: 5px 5px 6px 5px;
    font-size: 1.6rem;
  }
  .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-step-03__unit__body__menu dl > div dd {
    font-size: 1.8rem;
  }
}

/* type04(cp-c009)
======================= */
.pc-step-04 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-step-04 .pc-step-04__unit {
  border: solid 2px #345887;
  box-sizing: border-box;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__head span {
  display: inline-block;
  padding: 2px 15px 4px 15px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__body {
  margin: 0 auto;
  padding: 10px 20px 30px 20px;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper {
  margin-bottom: 20px;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper .pc-step-04__unit__body__text {
  margin-bottom: 15px;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper .pc-step-04__unit__body__text p {
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper .pc-step-04__unit__body__tag {
  width: 30%;
  margin-bottom: 7px;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper .pc-step-04__unit__body__tag img {
  display: block;
  width: 100%;
  height: auto;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__image {
  width: 80%;
  margin: 0 auto;
}
.pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .pc-step-04 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-step-04 .pc-step-04__unit .pc-step-04__unit__head span {
    padding: 4px 20px 7px 20px;
    font-size: 1.6rem;
  }
  .pc-step-04 .pc-step-04__unit .pc-step-04__unit__body {
    display: flex;
    justify-content: space-between;
    padding: 30px 40px;
  }
  .pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper {
    width: 60%;
    margin-bottom: 0;
  }
  .pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper .pc-step-04__unit__body__text {
    margin-bottom: 20px;
  }
  .pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper .pc-step-04__unit__body__text p {
    font-size: 2rem;
  }
  .pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__wrapper .pc-step-04__unit__body__tag {
    width: 20%;
  }
  .pc-step-04 .pc-step-04__unit .pc-step-04__unit__body .pc-step-04__unit__body__image {
    width: 35%;
    margin: 0;
  }
}

/**
 * strong
 */
/*
　type01
=================================*/
.pc-strong-01 {
  padding-top: 5px;
}
.pc-strong-01 .pc-strong-01__title {
  position: relative;
  margin: 55px 0 20px 0;
  padding: 15px 5px;
  text-align: center;
  line-height: 1.4;
  font-size: 2.2rem;
  font-weight: bold;
  color: #345887;
  border-radius: 0 10px 10px 10px;
  background: #ebecf2;
}
.pc-strong-01 .pc-strong-01__title span {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  height: 27px;
  padding: 4px 15px;
  font-size: 1.8rem;
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #345887;
}
.pc-strong-01 .pc-strong-01__content {
  margin: 50px 0;
  text-align: center;
}
.pc-strong-01 .pc-strong-01__content p {
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: 700;
}
.pc-strong-01 .pc-strong-01__content p span {
  font-size: 2rem;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .pc-strong-01 .pc-strong-01__title {
    margin: 65px 0 30px 0;
    font-size: 2.6rem;
  }
  .pc-strong-01 .pc-strong-01__title span {
    top: -38px;
    height: 28px;
    padding: 5px 15px;
    font-size: 2rem;
  }
  .pc-strong-01 .pc-strong-01__content p {
    line-height: 1.8;
    font-size: 2rem;
  }
  .pc-strong-01 .pc-strong-01__content p span {
    font-size: 2.4rem;
  }
}

/**
 * survey
 */
/*
　type01
=================================*/
.pc-survey__list {
  /* PC */
}
.pc-survey__list li {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  background-color: #fff;
}
.pc-survey__list li:last-child {
  margin-bottom: 0;
}
.pc-survey__list .pc-survey__list__image {
  width: 25%;
  padding: 20px 0 20px 20px;
}
.pc-survey__list .pc-survey__list__image img {
  display: block;
  width: 100%;
}
.pc-survey__list .pc-survey__list__detail {
  width: 75%;
  padding: 20px;
}
.pc-survey__list .pc-survey__list__text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .pc-survey__list {
    max-width: 1140px;
    margin: 0 auto;
  }
  .pc-survey__list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .pc-survey__list li {
    width: 48%;
    margin-bottom: 50px;
  }
  .pc-survey__list li:last-child {
    margin-bottom: 50px;
  }
  .pc-survey__list .pc-survey__list__image img {
    width: 80%;
  }
}

/* type02
======================= */
.pc-survey__list-02 {
  margin-bottom: 50px;
  box-sizing: border-box;
  /* PC */
}
.pc-survey__list-02 li {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  background-color: #fff;
}
.pc-survey__list-02 li:last-child {
  margin-bottom: 0;
}
.pc-survey__list-02 li .pc-survey__list__image {
  width: 100px;
  padding: 20px 10px;
}
.pc-survey__list-02 li .pc-survey__list__image img {
  display: block;
  width: 100%;
}
.pc-survey__list-02 li .pc-survey__list__detail {
  width: calc(100% - 130px);
  padding: 20px 10px 20px 0;
  font-size: 1.6rem;
  color: #333;
}
@media print, screen and (min-width: 768px) {
  .pc-survey__list-02 {
    max-width: 1140px;
    margin: 0 auto 30px auto;
  }
  .pc-survey__list-02 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 8px;
  }
  .pc-survey__list-02 ul li {
    width: 48%;
    margin-bottom: 50px;
  }
  .pc-survey__list-02 ul li:last-child {
    margin-bottom: 50px;
  }
  .pc-survey__list-02 ul li .pc-survey__list__detail {
    width: calc(100% - 140px);
    padding-right: 20px;
  }
}

/**
 * thumbnail
 */
/* type01(startup/【LP】cp_design)
======================= */
.pc-thumbnail-01 {
  counter-reset: num;
}

.pc-thumbnail-01__block {
  width: 95%;
  margin: 0 auto 70px auto;
  box-sizing: border-box;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit {
  margin-bottom: 50px;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a {
  text-decoration: none;
  color: #333;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body {
  position: relative;
  width: 93%;
  margin: -45px auto 0 auto;
  padding: 15px 20px 20px 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  z-index: 10;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__title {
  position: relative;
  padding-bottom: 5px;
  border-bottom: solid 1px #ccc;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__title .pc-thumbnail-01__unit__num {
  position: absolute;
  top: -6px;
  left: 0px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #345887;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__title .pc-thumbnail-01__unit__num::before {
  counter-increment: num;
  content: counter(num);
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__title h4 {
  padding-left: 32px;
  font-size: 1.8rem;
  font-weight: bold;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__text {
  padding: 0px 10px 5px 10px;
  text-align: center;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__text .pc-thumbnail-01__unit__text__setprice {
  display: inline-block;
  margin-bottom: 2px;
  text-decoration: none;
  font-size: 2.2rem;
  font-weight: bold;
  background-image: linear-gradient(transparent 14px, #a60309 0, #a60309 16px, transparent 0, transparent 20px, #a60309 0, #a60309 22px, transparent 0);
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__text .pc-thumbnail-01__unit__text__catch {
  font-size: 1.8rem;
  font-weight: bold;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__text .pc-thumbnail-01__unit__text__specialprice {
  font-size: 1.8rem;
  font-weight: bold;
  color: #a60309;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__text .pc-thumbnail-01__unit__text__specialprice span {
  font-size: 2.8rem;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__button {
  position: relative;
  padding: 10px 5px;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  transition: all 0.3s;
  background-image: linear-gradient(90deg, #59adf1 0, #3dc8c2 49%, #59adf1 100%);
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  background-image: linear-gradient(90deg, #59adf1, #324688, #59adf1);
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__button span {
  position: relative;
  z-index: 1;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__button:hover {
  color: #fff;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a:hover {
  opacity: 1;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a:hover .pc-thumbnail-01__unit__image img {
  opacity: 0.6;
}
.pc-thumbnail-01__block ul .pc-thumbnail-01__unit a:hover .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__button::after {
  opacity: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-01__block {
    width: 100%;
    margin-bottom: 100px;
  }
  .pc-thumbnail-01__block ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 8px;
  }
  .pc-thumbnail-01__block ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-thumbnail-01__block ul .pc-thumbnail-01__unit {
    width: 30%;
    margin-bottom: 50px;
  }
  .pc-thumbnail-01__block ul .pc-thumbnail-01__unit:last-child {
    margin-bottom: 50px;
  }
  .pc-thumbnail-01__block ul .pc-thumbnail-01__unit:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  .pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__title .pc-thumbnail-01__unit__num {
    top: -6px;
    font-size: 2.2rem;
  }
  .pc-thumbnail-01__block ul .pc-thumbnail-01__unit a .pc-thumbnail-01__unit__body .pc-thumbnail-01__unit__title h4 {
    min-height: 58px;
    padding-left: 35px;
    font-size: clamp(16px, 1.7543859649vw, 20px);
  }
}

/* type02(index/middle)
======================= */
.pc-thumbnail-02 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-02 ul {
  margin-bottom: 50px;
}
.pc-thumbnail-02 ul .pc-thumbnail-02__unit {
  margin-bottom: 50px;
}
.pc-thumbnail-02 ul .pc-thumbnail-02__unit:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body {
  position: relative;
  width: 92%;
  margin: -20px auto 0 auto;
  padding: 15px 20px 16px 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  z-index: 10;
}
.pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body .pc-thumbnail-02__unit__title {
  margin-bottom: 7px;
  border-bottom: solid 1px #CCCCCC;
}
.pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body .pc-thumbnail-02__unit__title h3 {
  padding-bottom: 7px;
  font-size: 1.8rem;
  font-weight: bold;
}
.pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body .pc-thumbnail-02__unit__text {
  font-size: 1.6rem;
}
.pc-thumbnail-02 .pc-thumbnail-02__button {
  margin: 0 auto;
}
.pc-thumbnail-02 .pc-thumbnail-02__button a {
  position: relative;
  display: block;
  padding: 15px 10px;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  transition: all 0.3s;
  background-image: linear-gradient(90deg, #59adf1 0, #3dc8c2 49%, #59adf1 100%);
}
.pc-thumbnail-02 .pc-thumbnail-02__button a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  background-image: linear-gradient(90deg, #59adf1, #324688, #59adf1);
}
.pc-thumbnail-02 .pc-thumbnail-02__button a span {
  position: relative;
  font-weight: bold;
  z-index: 1;
}
.pc-thumbnail-02 .pc-thumbnail-02__button a:hover {
  opacity: 1;
  color: #fff;
}
.pc-thumbnail-02 .pc-thumbnail-02__button a:hover::after {
  opacity: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-02 {
    width: 100%;
  }
  .pc-thumbnail-02 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
    padding: 0 8px;
  }
  .pc-thumbnail-02 ul .pc-thumbnail-02__unit {
    width: 30%;
    margin-bottom: 0;
  }
  .pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body {
    width: 90%;
  }
  .pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body .pc-thumbnail-02__unit__title {
    font-size: clamp(16px, 1.7543859649vw, 20px);
  }
  .pc-thumbnail-02 ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-thumbnail-02 .pc-thumbnail-02__button a {
    margin: 0 auto;
    width: 35%;
  }
}

/* type03(small/small_desight/middle_desight)
======================= */
.pc-thumbnail-03 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit {
  margin-bottom: 50px;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a {
  text-decoration: none;
  color: #333;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  aspect-ratio: 4/4;
  width: 100%;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body {
  position: relative;
  width: 93%;
  margin: -45px auto 0 auto;
  padding: 15px 20px 20px 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  z-index: 10;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__title {
  padding-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: solid 1px #ccc;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__text {
  padding: 7px 10px 10px 10px;
  text-align: center;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__text p {
  font-size: 1.6rem;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__text .pc-thumbnail-03__unit__text__price {
  font-size: 2rem;
  font-weight: bold;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__text .pc-thumbnail-03__unit__text__price em {
  font-size: 3.2rem;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__text .pc-thumbnail-03__unit__text__price span {
  font-size: 1.4rem;
  font-weight: normal;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__button {
  position: relative;
  padding: 10px 5px;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  transition: all 0.3s;
  background-image: linear-gradient(90deg, #59adf1 0, #3dc8c2 49%, #59adf1 100%);
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  background-image: linear-gradient(90deg, #59adf1, #324688, #59adf1);
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__button span {
  position: relative;
  z-index: 1;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__button:hover {
  color: #fff;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a:hover {
  opacity: 1;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a:hover .pc-thumbnail-03__unit__image img {
  opacity: 0.6;
}
.pc-thumbnail-03 ul .pc-thumbnail-03__unit a:hover .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__button::after {
  opacity: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-03 {
    width: 100%;
  }
  .pc-thumbnail-03 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 8px;
  }
  .pc-thumbnail-03 ul .pc-thumbnail-03__unit {
    width: 31%;
    margin-bottom: 80px;
  }
  .pc-thumbnail-03 ul .pc-thumbnail-03__unit a .pc-thumbnail-03__unit__body .pc-thumbnail-03__unit__title {
    min-height: 52px;
    font-size: clamp(16px, 1.7543859649vw, 20px);
  }
  .pc-thumbnail-03 ul::after {
    content: "";
    display: block;
    width: 31%;
  }
}

/* type04
======================= */
.pc-thumbnail-04 {
  box-sizing: border-box;
}
.pc-thumbnail-04 ul li {
  margin-bottom: 50px;
}
.pc-thumbnail-04 ul li a {
  text-decoration: none;
  color: #333;
}
.pc-thumbnail-04 ul li a .pc-thumbnail-04__image {
  padding: 20px;
  background: #eaf0fa;
}
.pc-thumbnail-04 ul li a .pc-thumbnail-04__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.pc-thumbnail-04 ul li a .pc-thumbnail-04__caption {
  width: 93%;
  margin: -10px auto 0 auto;
  padding: 10px 20px 15px 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.pc-thumbnail-04 ul li a .pc-thumbnail-04__caption .pc-thumbnail-04__label {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.pc-thumbnail-04 ul li a .pc-thumbnail-04__caption .pc-thumbnail-04__button {
  position: relative;
  padding: 10px 0;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  transition: all 0.3s;
  background-image: linear-gradient(90deg, #59adf1 0, #3dc8c2 49%, #59adf1 100%);
}
.pc-thumbnail-04 ul li a .pc-thumbnail-04__caption .pc-thumbnail-04__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  background-image: linear-gradient(90deg, #59adf1, #324688, #59adf1);
}
.pc-thumbnail-04 ul li a .pc-thumbnail-04__caption .pc-thumbnail-04__button span {
  position: relative;
  z-index: 1;
}
.pc-thumbnail-04 ul li a .pc-thumbnail-04__caption .pc-thumbnail-04__button:hover {
  color: #fff;
}
.pc-thumbnail-04 ul li a:hover {
  opacity: 1;
}
.pc-thumbnail-04 ul li a:hover .pc-thumbnail-04__image img {
  opacity: 0.6;
}
.pc-thumbnail-04 ul li a:hover .pc-thumbnail-04__caption .pc-thumbnail-04__button::after {
  opacity: 0;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-04 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 8px;
  }
  .pc-thumbnail-04 ul li {
    width: 30%;
    margin-bottom: 60px;
  }
  .pc-thumbnail-04 ul::after {
    content: "";
    display: block;
    width: 30%;
  }
}

/* type05(design-list/charge-initial)
======================= */
.pc-thumbnail-05 {
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-05 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pc-thumbnail-05 ul .pc-thumbnail-05__unit {
  width: 48%;
  margin-bottom: 50px;
}
.pc-thumbnail-05 ul .pc-thumbnail-05__unit:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-05 ul .pc-thumbnail-05__unit a {
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
}
.pc-thumbnail-05 ul .pc-thumbnail-05__unit a .pc-thumbnail-05__unit__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  aspect-ratio: 4/4;
  width: 100%;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__tag .c-label--info,
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__tag .c-label--warning,
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__tag .c-label--success,
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__tag .c-label--primary,
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__tag .c-label--danger,
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__tag .c-label--secondary,
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__tag .c-label--light {
  margin: 0 5px 10px 5px;
  padding: 3px 7px;
}
.pc-thumbnail-05 ul .pc-thumbnail-05__unit .pc-thumbnail-05__unit__price {
  text-align: center;
  font-size: 2rem;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-05 {
    width: 100%;
  }
  .pc-thumbnail-05 ul {
    justify-content: flex-start;
    padding: 0 8px;
  }
  .pc-thumbnail-05 ul .pc-thumbnail-05__unit {
    width: 22%;
    margin-right: 4%;
  }
  .pc-thumbnail-05 ul .pc-thumbnail-05__unit:last-child {
    margin-bottom: 50px;
  }
  .pc-thumbnail-05 ul .pc-thumbnail-05__unit:nth-child(4n) {
    margin-right: 0;
  }
}

/* type06
======================= */
.pc-thumbnail-06 {
  width: 80%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-06 ul .pc-thumbnail-06__unit {
  margin-bottom: 30px;
  border: solid 1px #8eaad8;
  background: #fff;
}
.pc-thumbnail-06 ul .pc-thumbnail-06__unit:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-06 ul .pc-thumbnail-06__unit a {
  display: block;
  padding: 25px 25px 30px 25px;
  text-decoration: none;
}
.pc-thumbnail-06 ul .pc-thumbnail-06__unit a .pc-thumbnail-06__unit__title {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.pc-thumbnail-06 ul .pc-thumbnail-06__unit a .pc-thumbnail-06__unit__image {
  width: 85%;
  margin: 0 auto 25px auto;
}
.pc-thumbnail-06 ul .pc-thumbnail-06__unit a .pc-thumbnail-06__unit__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-06 ul .pc-thumbnail-06__unit a .pc-thumbnail-06__unit__button {
  padding: 10px 5px;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  background: #8eaad8;
  border-radius: 5px;
}
.pc-thumbnail-06 ul .pc-thumbnail-06__unit a:hover {
  opacity: 1;
  background: #d2ddef;
  transition: all 0.3s;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-06 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-thumbnail-06 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -50px;
  }
  .pc-thumbnail-06 ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-thumbnail-06 ul .pc-thumbnail-06__unit {
    display: flex;
    width: 30%;
    margin-bottom: 50px;
  }
  .pc-thumbnail-06 ul .pc-thumbnail-06__unit:last-child {
    margin-bottom: 50px;
  }
  .pc-thumbnail-06 ul .pc-thumbnail-06__unit a .pc-thumbnail-06__unit__title {
    height: 60px;
    font-size: 2rem;
  }
  .pc-thumbnail-06 ul .pc-thumbnail-06__unit a .pc-thumbnail-06__unit__image {
    width: 80%;
  }
}

/* type07(cp)
======================= */
.pc-thumbnail-07 {
  width: 98%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-07 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit {
  display: flex;
  flex-direction: column;
  width: 47%;
  border: solid 1px #345887;
  background: #fff;
  box-sizing: border-box;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px 15px 13px 15px;
  text-decoration: none;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__title {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #345887;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body {
  margin-top: auto;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image {
  position: relative;
  width: 100%;
  margin: 0 auto 10px auto;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image .pc-thumbnail-07__unit__body__image__label {
  position: absolute;
  top: 0;
  right: 5px;
  display: inline-block;
  width: 44px;
  height: 29px;
  padding-top: 5px;
  text-align: center;
  line-height: 13px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #ad002d;
  z-index: 10;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image .pc-thumbnail-07__unit__body__image__label::after {
  content: "";
  position: absolute;
  top: 45%;
  right: 0;
  display: block;
  border: 22px solid #ad002d;
  border-bottom-width: 8px;
  border-bottom-color: transparent;
  z-index: -10;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image .pc-thumbnail-07__unit__body__image__label span {
  font-size: 1.3rem;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__caption {
  position: relative;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__caption p {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ad002d;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__caption p span {
  font-size: 1.8rem;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__caption i {
  position: absolute;
  top: 13px;
  right: -6px;
  font-size: 2rem;
  color: #345887;
}
.pc-thumbnail-07 ul .pc-thumbnail-07__unit a:hover {
  opacity: 1;
  background: #d2ddef;
  transition: all 0.3s;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-07 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-thumbnail-07 ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit {
    width: 30%;
    margin-bottom: 30px;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a {
    padding: 20px 30px 17px 30px;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__title {
    font-size: clamp(16px, 1.7543859649vw, 20px);
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body {
    margin-top: auto;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image {
    width: 85%;
    margin: 0 auto 15px auto;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image .pc-thumbnail-07__unit__body__image__label {
    right: 10px;
    width: 50px;
    height: 38px;
    padding-top: 5px;
    line-height: 17px;
    font-size: 1.8rem;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image .pc-thumbnail-07__unit__body__image__label::after {
    top: 52%;
    border: 25px solid #ad002d;
    border-bottom-width: 9px;
    border-bottom-color: transparent;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image .pc-thumbnail-07__unit__body__image__label span {
    font-size: 1.6rem;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__image img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__caption p {
    font-size: 1.8rem;
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__caption p span {
    font-size: clamp(20px, 2.2807017544vw, 26px);
  }
  .pc-thumbnail-07 ul .pc-thumbnail-07__unit a .pc-thumbnail-07__unit__body .pc-thumbnail-07__unit__body__caption i {
    top: 13px;
    right: -6px;
    font-size: 3rem;
  }
}

/* type08(corporate-site_design)
======================= */
.pc-thumbnail-08 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit {
  margin-bottom: 50px;
  background: #fff;
  border-radius: 5px;
  border: solid 1px #8eaad8;
  box-sizing: border-box;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__title {
  display: flex;
  align-items: center;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__title span {
  padding: 10px;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #8eaad8;
  border-radius: 3px 0 5px 0;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__title h3 {
  margin: 0 10px;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 900;
  color: #333;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__lead {
  padding: 15px 20px 0 20px;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__lead p {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 1.6rem;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__lead p:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 20px 0 20px;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image {
  width: 46%;
  margin-bottom: 30px;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image a {
  display: block;
  text-decoration: none;
  color: #333;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image a img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image a .pc-thumbnail-08__unit__body__image__caption {
  position: relative;
  width: 80%;
  margin: -20px auto 0 auto;
  padding: 5px 10px 7px 10px;
  text-align: center;
  font-size: 1.5rem;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  z-index: 10;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image a .pc-thumbnail-08__unit__body__image__caption span {
  font-size: 1.6rem;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image a:hover {
  opacity: 1;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image a:hover img {
  opacity: 0.5;
  transition-duration: 0.3s;
}
.pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__foot {
  padding-bottom: 20px;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-08 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit {
    margin-bottom: 80px;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__title span {
    padding: 10px;
    font-size: 4rem;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__title h3 {
    margin-left: 30px;
    font-size: 3rem;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__lead {
    padding: 30px 40px 0 40px;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__head .pc-thumbnail-08__unit__head__lead p {
    font-size: 1.8rem;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body {
    justify-content: flex-start;
    padding: 40px 40px 0 40px;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image {
    width: 21%;
    margin: 0px 20px 40px 20px;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image a .pc-thumbnail-08__unit__body__image__caption {
    padding: 7px 10px 9px 10px;
    font-size: 1.6rem;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image a .pc-thumbnail-08__unit__body__image__caption span {
    font-size: 2rem;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body::after {
    content: "";
    display: block;
    width: 44%;
  }
  .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__foot {
    padding-bottom: 40px;
  }
}

/* type09(cp_design)
======================= */
.pc-thumbnail-09 {
  width: 98%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-09 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit {
  display: flex;
  flex-direction: column;
  width: 48%;
  background: #fff;
  border: solid 1px #345887;
  box-sizing: border-box;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 10px 15px 10px;
  text-decoration: none;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__head {
  margin-bottom: 13px;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__head h3 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body {
  margin-top: auto;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image {
  position: relative;
  width: 95%;
  margin: 0 auto 5px auto;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image .pc-thumbnail-09__unit__body__image__label {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image .pc-thumbnail-09__unit__body__image__label span {
  position: absolute;
  left: -23px;
  top: 22px;
  display: inline-block;
  width: 160px;
  padding: 7px 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #ad002d;
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image .pc-thumbnail-09__unit__body__image__label span::before, .pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image .pc-thumbnail-09__unit__body__image__label span::after {
  position: absolute;
  bottom: -4px;
  content: "";
  border-top: 4px solid #85180a;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image .pc-thumbnail-09__unit__body__image__label span::before {
  left: 12px;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image .pc-thumbnail-09__unit__body__image__label span::after {
  right: 20px;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__caption {
  margin-bottom: 5px;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__caption p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ad002d;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__caption p span {
  font-size: 2rem;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__button {
  display: block;
  margin: 0 auto;
  padding: 4px 5px 3px 5px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
}
.pc-thumbnail-09 ul .pc-thumbnail-09__unit a:hover {
  opacity: 1;
  background: #d2ddef;
  transition: all 0.3s;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-09 {
    width: 100%;
  }
  .pc-thumbnail-09 ul {
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .pc-thumbnail-09 ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit {
    width: 30%;
    margin-bottom: 35px;
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit a {
    padding: 25px 30px 25px 30px;
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__head {
    margin-bottom: 13px;
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__head h3 {
    font-size: clamp(16px, 1.7543859649vw, 20px);
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image {
    width: 90%;
    margin: 0 auto 10px auto;
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__image .pc-thumbnail-09__unit__body__image__label span {
    font-size: 1.8rem;
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__caption {
    margin-bottom: 10px;
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__caption p span {
    font-size: clamp(20px, 2.1052631579vw, 24px);
  }
  .pc-thumbnail-09 ul .pc-thumbnail-09__unit a .pc-thumbnail-09__unit__body .pc-thumbnail-09__unit__body__button {
    width: 85%;
    padding: 6px 5px 7px 5px;
    font-size: 1.6rem;
  }
}

/* type10(startup_design)
======================= */
.pc-thumbnail-10 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit {
  margin-bottom: 50px;
  border: solid 2px #8eaad8;
  border-radius: 5px;
  box-sizing: border-box;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__title {
  display: flex;
  align-items: center;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__title span {
  padding: 15px 10px;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #8eaad8;
  border-radius: 2px 0 5px 0;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__title h3 {
  margin-right: 10px;
  margin-left: 15px;
  font-size: 1.8rem;
  font-weight: bold;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body {
  padding: 20px;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__image {
  width: 80%;
  margin: 0 auto 20px auto;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__detail {
  margin-bottom: 20px;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__detail h4 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__detail p {
  font-size: 1.6rem;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__tag {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__tag a {
  display: inline-block;
  padding: 2px 10px 3px 10px;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  color: #345887;
  border: solid 2px #345887;
  border-radius: 0 5px;
  background: #fff;
  transition: all 0.3s;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__tag a:hover {
  opacity: 1;
  color: #fff;
  background: #345887;
  border: solid 2px #345887;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__button a {
  display: block;
  margin: 0 auto;
  padding: 10px 10px 11px 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #8eaad8;
  border: solid 2px #8eaad8;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__button a:hover {
  opacity: 1;
  color: #8eaad8;
  background: #fff;
  border: solid 2px #8eaad8;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-10 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit {
    margin-bottom: 80px;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__title span {
    padding: 15px;
    font-size: 2.6rem;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__title h3 {
    margin-left: 30px;
    margin-right: 20px;
    font-size: 2.4rem;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 45px 40px 45px;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__image {
    width: 30%;
    margin: 0;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    height: 398px;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__detail {
    margin-bottom: 25px;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__detail h4 {
    font-size: 2rem;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__detail p {
    font-size: 1.8rem;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__tag {
    gap: 15px;
    margin-bottom: 0;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__tag a {
    padding: 2px 10px 3px 10px;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__button {
    width: 350px;
    margin: auto 0 0 auto;
  }
  .pc-thumbnail-10 .pc-thumbnail-10__unit .pc-thumbnail-10__unit__body .pc-thumbnail-10__unit__body__wrapper .pc-thumbnail-10__unit__body__button a {
    padding: 12px 10px 13px 10px;
  }
}

/* type011(startup-select)
======================= */
.pc-thumbnail-11__block ul li {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0 auto 50px auto;
  padding: 20px;
  background: #fff;
  border: solid 1px #345887;
  box-sizing: border-box;
}
.pc-thumbnail-11__block ul li:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__title {
  margin-bottom: 15px;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__title h3 {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__image {
  width: 85%;
  margin: 0 auto 15px auto;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border: solid 1px #CCCCCC;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__text {
  text-align: center;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__text .pc-thumbnail-11__setprice {
  display: inline-block;
  font-family: "Arial", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  background-image: linear-gradient(transparent 11px, #a60309 0, #a60309 13px, transparent 0, transparent 16px, #a60309 0, #a60309 18px, transparent 0);
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__text .pc-thumbnail-11__setprice span {
  font-size: 1.4rem;
  vertical-align: middle;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__text .pc-thumbnail-11__markdown__title {
  font-size: 1.6rem;
  font-weight: bold;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__text .pc-thumbnail-11__markdown {
  margin-bottom: 15px;
  font-family: "Arial", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  color: #a60309;
}
.pc-thumbnail-11__block ul li .pc-thumbnail-11__text .pc-thumbnail-11__markdown span {
  font-size: 1.6rem;
  vertical-align: text-bottom;
}
.pc-thumbnail-11__block ul li .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-11__block ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .pc-thumbnail-11__block ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-thumbnail-11__block ul li {
    width: 30%;
    margin: 0 0 50px 0;
    padding: 20px 30px;
  }
  .pc-thumbnail-11__block ul li:last-child {
    margin-bottom: 50px;
  }
  .pc-thumbnail-11__block ul li .pc-thumbnail-11__title {
    margin-bottom: 20px;
  }
  .pc-thumbnail-11__block ul li .pc-thumbnail-11__title h3 {
    font-size: clamp(16px, 1.7543859649vw, 20px);
  }
  .pc-thumbnail-11__block ul li .pc-thumbnail-11__text .pc-thumbnail-11__markdown__title {
    font-size: clamp(16px, 1.5789473684vw, 18px);
  }
  .pc-thumbnail-11__block ul li .pc-thumbnail-11__text .pc-thumbnail-11__markdown {
    margin-bottom: 10px;
    font-size: 2.8rem;
  }
  .pc-thumbnail-11__block ul li .pc-thumbnail-11__text .pc-thumbnail-11__markdown span {
    vertical-align: text-bottom;
  }
}

/* type012(cp-c009)
======================= */
.pc-thumbnail-12 {
  width: 98%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-12 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit {
  display: flex;
  flex-direction: column;
  width: 48%;
  height: 100%;
  padding: 7px 5px 10px 5px;
  box-sizing: border-box;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body {
  margin-top: auto;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image {
  position: relative;
  width: 95%;
  margin: 0 auto 10px auto;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image .pc-thumbnail-12__unit__body__image__label {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image .pc-thumbnail-12__unit__body__image__label span {
  position: absolute;
  left: -23px;
  top: 22px;
  display: inline-block;
  width: 160px;
  padding: 7px 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #ad002d;
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image .pc-thumbnail-12__unit__body__image__label span::before, .pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image .pc-thumbnail-12__unit__body__image__label span::after {
  position: absolute;
  bottom: -4px;
  content: "";
  border-top: 4px solid #85180a;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image .pc-thumbnail-12__unit__body__image__label span::before {
  left: 12px;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image .pc-thumbnail-12__unit__body__image__label span::after {
  right: 20px;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption {
  margin-bottom: 8px;
  text-align: center;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption--basic,
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption--special {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption--basic span {
  line-height: 1;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption__arrow i {
  font-size: 3rem;
  color: #9c9c9c;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption--special span {
  line-height: 1;
  font-family: "Arial", sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  color: #ad002d;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__button a {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 6px 5px 5px 5px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #FF8C00;
  border: solid 2px #FF8C00;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__button a:hover {
  opacity: 1;
  color: #FF8C00;
  background: #fff;
  border: solid 2px #FF8C00;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-12 {
    width: 100%;
  }
  .pc-thumbnail-12 ul {
    width: 100%;
    padding: 0 8px;
    justify-content: flex-start;
    gap: 56px;
  }
  .pc-thumbnail-12 ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .pc-thumbnail-12 ul .pc-thumbnail-12__unit {
    width: 30%;
    padding: 12px 20px 15px 20px;
  }
  .pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image {
    width: 90%;
    margin: 0 auto 15px auto;
  }
  .pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image img {
    aspect-ratio: 4/4;
  }
  .pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__image .pc-thumbnail-12__unit__body__image__label span {
    font-size: 1.8rem;
  }
  .pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption--basic span {
    padding: 0 3px;
    font-size: 2.4rem;
  }
  .pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption__arrow i {
    font-size: 4rem;
  }
  .pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption--special span {
    padding: 0 3px;
    font-size: 3.2rem;
  }
  .pc-thumbnail-12 ul .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__button a {
    padding: 6px 5px 7px 5px;
    font-size: 1.6rem;
  }
}

/* type013(cp-c009)
======================= */
.pc-thumbnail-13 {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit {
  margin-bottom: 50px;
  background: #fff;
  border-radius: 5px;
  border: solid 1px #345887;
  box-sizing: border-box;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit:last-child {
  margin-bottom: 0;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head {
  margin-bottom: 20px;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__title {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__title span {
  padding: 13px 10px;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #345887;
  border-radius: 3px 0 5px 0;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__title h3 {
  margin: 0 10px;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__title h3 em {
  padding: 0 2px;
  font-family: "Arial", sans-serif;
  font-size: 2rem;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__text {
  width: 90%;
  margin: 0 auto;
  font-size: 1.6rem;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
  box-sizing: border-box;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template {
  display: flex;
  flex-direction: column;
  width: 45%;
  height: 100%;
  padding: 7px 5px 10px 5px;
  box-sizing: border-box;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image {
  position: relative;
  width: 95%;
  margin: 0 auto 12px auto;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image .pc-thumbnail-13__unit__body__template__image__label {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image .pc-thumbnail-13__unit__body__template__image__label span {
  position: absolute;
  left: -23px;
  top: 22px;
  display: inline-block;
  width: 160px;
  padding: 7px 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #ad002d;
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image .pc-thumbnail-13__unit__body__template__image__label span::before, .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image .pc-thumbnail-13__unit__body__template__image__label span::after {
  position: absolute;
  bottom: -4px;
  content: "";
  border-top: 4px solid #85180a;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image .pc-thumbnail-13__unit__body__template__image__label span::before {
  left: 12px;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image .pc-thumbnail-13__unit__body__template__image__label span::after {
  right: 20px;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption {
  margin-bottom: 10px;
  text-align: center;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption .pc-thumbnail-13__unit__body__template__caption--basic,
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption .pc-thumbnail-13__unit__body__template__caption--special {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption .pc-thumbnail-13__unit__body__template__caption--basic span {
  line-height: 1;
  font-family: "Arial", sans-serif;
  font-size: 2rem;
  font-weight: bold;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption .pc-thumbnail-13__unit__body__template__caption__arrow i {
  font-size: 3rem;
  color: #9c9c9c;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption .pc-thumbnail-13__unit__body__template__caption--special span {
  line-height: 1;
  font-family: "Arial", sans-serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #ad002d;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__button a {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 6px 5px 5px 5px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #FF8C00;
  border: solid 2px #FF8C00;
  border-radius: 5px;
  transition: all 0.3s;
}
.pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__button a:hover {
  opacity: 1;
  color: #FF8C00;
  background: #fff;
  border: solid 2px #FF8C00;
}
@media print, screen and (min-width: 768px) {
  .pc-thumbnail-13 {
    width: 100%;
    padding: 0 8px;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit {
    margin-bottom: 80px;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head {
    margin-bottom: 30px;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__title {
    margin-bottom: 25px;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__title span {
    padding: 10px;
    font-size: 4rem;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__title h3 {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    margin-left: 30px;
    font-size: 3rem;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__title h3 em {
    padding: 0 3px;
    line-height: 0.9;
    font-size: 4rem;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__head .pc-thumbnail-13__unit__head__text {
    width: 84%;
    font-size: 2.2rem;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body {
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template {
    width: 30%;
    padding: 12px 20px 15px 20px;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image {
    width: 90%;
    margin: 0 auto 20px auto;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image img {
    aspect-ratio: 4/4;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__image .pc-thumbnail-13__unit__body__template__image__label span {
    font-size: 1.8rem;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption {
    margin-bottom: 15px;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption .pc-thumbnail-13__unit__body__template__caption--basic span {
    font-size: 2.4rem;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption .pc-thumbnail-13__unit__body__template__caption__arrow i {
    font-size: 4rem;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__caption .pc-thumbnail-13__unit__body__template__caption--special span {
    padding: 0 3px;
    font-size: 3.2rem;
  }
  .pc-thumbnail-13 ul .pc-thumbnail-13__unit .pc-thumbnail-13__unit__body .pc-thumbnail-13__unit__body__template .pc-thumbnail-13__unit__body__template__button a {
    padding: 6px 5px 5px 5px;
    font-size: 1.6rem;
  }
}

/**
 * toc
 */
/* type01
======================= */
.pc-toc-01 {
  margin: 50px auto;
  padding: 5px 10px;
  border: 1px solid #345887;
}
.pc-toc-01 .pc-toc-01__title {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid #345887;
}
.pc-toc-01 .pc-toc-01__list {
  counter-reset: num;
}
.pc-toc-01 .pc-toc-01__list > li {
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.pc-toc-01 .pc-toc-01__list > li::before {
  counter-increment: num;
  content: counter(num) ".";
  margin-right: 8px;
  font-weight: bold;
}
.pc-toc-01 .pc-toc-01__list > li > a {
  color: #333;
}
.pc-toc-01 .pc-toc-01__list__sub {
  margin-top: 5px;
  counter-reset: sub-num;
}
.pc-toc-01 .pc-toc-01__list__sub > li {
  margin: 0 0 5px 20px;
  font-size: 1.4rem;
}
.pc-toc-01 .pc-toc-01__list__sub > li::before {
  counter-increment: sub-num;
  content: counter(num) "." counter(sub-num);
  margin-right: 8px;
  font-weight: bold;
}
.pc-toc-01 .pc-toc-01__list__sub > li > a {
  color: #333;
}
@media print, screen and (min-width: 768px) {
  .pc-toc-01 {
    padding: 10px 20px;
    max-width: 800px;
  }
  .pc-toc-01 .pc-toc-01__title {
    font-size: 2.4rem;
  }
  .pc-toc-01 .pc-toc-01__list {
    box-sizing: border-box;
  }
  .pc-toc-01 .pc-toc-01__list > li {
    margin-bottom: 10px;
  }
  .pc-toc-01 .pc-toc-01__list > li a {
    border-bottom: solid 1px transparent;
  }
  .pc-toc-01 .pc-toc-01__list > li a:hover {
    opacity: 1;
    color: #345887;
    border-bottom: solid 1px #345887;
  }
  .pc-toc-01 .pc-toc-01__list__sub {
    margin-top: 10px;
  }
  .pc-toc-01 .pc-toc-01__list__sub > li {
    margin: 0 0 5px 30px;
  }
}

/**
 * user-voice
 */
/*
　ユーザーボイス
=================================*/
.pc-user-voice {
  margin: 0 20px;
}
.pc-user-voice .pc-user-voice__container {
  margin-bottom: 80px;
}
.pc-user-voice .pc-user-voice__before,
.pc-user-voice .pc-user-voice__after {
  position: relative;
  padding: 20px;
  border: 2px solid #888;
  border-radius: 12px;
  background: #FFF9F2;
}
.pc-user-voice .pc-user-voice__before::before {
  content: "Before";
  position: absolute;
  top: -15px;
  left: 30px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #760000;
  width: 70px;
  padding: 2px 30px;
  border-radius: 30px;
}
.pc-user-voice .pc-user-voice__after::before {
  content: "After";
  position: absolute;
  top: -15px;
  left: 30px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #345887;
  width: 70px;
  padding: 2px 30px;
  border-radius: 30px;
}
.pc-user-voice .pc-user-voice__head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.pc-user-voice .pc-user-voice__head .pc-user-voice__image {
  flex-shrink: 0;
  margin-right: 20px;
}
.pc-user-voice .pc-user-voice__head .pc-user-voice__image img {
  width: 70px;
  max-width: 100%;
  height: auto;
}
.pc-user-voice .pc-user-voice__head h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
.pc-user-voice .pc-user-voice__text {
  font-size: 16px;
}
.pc-user-voice .pc-user-voice--triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 35px 0 35px;
  border-color: #7e7e7e transparent transparent transparent;
  margin: 16px auto 25px auto;
}
@media print, screen and (min-width: 768px) {
  .pc-user-voice {
    max-width: 1140px;
    margin: 0 auto;
  }
  .pc-user-voice .pc-user-voice__container {
    display: flex;
  }
  .pc-user-voice .pc-user-voice__before,
  .pc-user-voice .pc-user-voice__after {
    width: 48%;
    padding: 30px;
  }
  .pc-user-voice .pc-user-voice--triangle {
    border-width: 45px 0 45px 40px;
    border-color: transparent transparent transparent #7e7e7e;
    margin: auto 30px;
  }
  .pc-user-voice .pc-user-voice__text {
    line-height: 1.7;
  }
}

/* layout
----------------------------------------------------------------- */
/**
 * Contents
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* contents
=================================*/
.l-contents-2col {
  width: 100%;
  margin-top: 50px;
  box-sizing: border-box;
}
.l-contents-2col .l-main,
.l-contents-2col .l-sidebar {
  padding: 0 8px;
  box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  .l-contents-2col {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 50px auto 0 auto;
  }
  .l-contents-2col .l-main {
    width: 780px;
    padding: 0;
  }
  .l-contents-2col .l-sidebar {
    width: 300px;
    padding: 0;
  }
}

/**
 * Header
 */
/* ━━━━━━━━━━━━━━━━

 ■ ユーティリティ

━━━━━━━━━━━━━━━━ */
/*=================================
* media
=================================*/
@media print {
  body {
    width: 1200px;
  }
  .l-header__menu {
    display: none;
  }
}
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
header {
  width: 100%;
  height: 70px;
}
header .l-header {
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  background-color: #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
header .l-header .l-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
header .l-header .l-header__inner .l-header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
}
header .l-header .l-header__inner .l-header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
header .l-header .l-header__inner .l-header__logo a img {
  display: block;
  margin: 0 10px 0 0;
  width: 95px;
}
header .l-header .l-header__inner .l-header__logo a span {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
}
header .l-header .l-header__inner .l-header__nav {
  display: none;
}
@media print, screen and (min-width: 1000px) {
  header {
    height: 90px;
  }
  header .l-header {
    height: 90px;
  }
  header .l-header .l-header__inner {
    height: 90px;
  }
  header .l-header .l-header__inner .l-header__logo {
    padding: 0 0 0 20px;
  }
  header .l-header .l-header__inner .l-header__logo a img {
    margin: 0 15px 0 0;
    width: 100px;
  }
  header .l-header .l-header__inner .l-header__logo a span {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
  }
  header .l-header .l-header__inner .l-header__nav {
    display: flex;
    align-items: center;
    padding-right: 20px;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list {
    display: flex;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li {
    position: relative;
    display: inline-block;
    min-width: 90px;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li > a {
    display: block;
    padding: 5px 15px;
    color: #222;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li > a:hover {
    color: #345887;
    opacity: 1;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li i {
    margin-left: 8px;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li ul {
    display: none;
    padding: 5px 10px;
    background-color: #ffffff;
    box-shadow: 0 2px 7px 1px rgba(118, 118, 118, 0.3);
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li ul li .l-header__gnav__child__title {
    display: block;
    margin: 5px 0 0 15px;
    font-size: 1.6rem;
    color: #6c757d;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li ul li a {
    display: block;
    padding: 5px 15px;
    color: #222;
    white-space: nowrap;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li ul li a:hover {
    color: #345887;
    opacity: 1;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li ul li.l-header__gnav__child a {
    position: relative;
    padding-left: 30px;
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li ul li.l-header__gnav__child a::before {
    position: absolute;
    top: 50%;
    left: 15px;
    content: "-";
    transform: translateY(-50%);
  }
  header .l-header .l-header__inner .l-header__nav .l-header__gnav__list > li:hover ul {
    position: absolute;
    display: block;
    margin: 0;
    top: 33px;
    left: 0;
  }
  header .l-header .l-header__inner .l-header__snav {
    margin-left: 10px;
  }
  header .l-header .l-header__inner .l-header__snav ul {
    display: flex;
  }
  header .l-header .l-header__inner .l-header__snav ul li {
    margin-left: 5px;
  }
  header .l-header .l-header__inner .l-header__snav ul li .l-header__button__consult {
    display: block;
    padding: 7px 20px 8px 20px;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
    color: #345887;
    border: solid 2px #345887;
  }
  header .l-header .l-header__inner .l-header__snav ul li .l-header__button__consult:hover {
    opacity: 1;
    color: #fff;
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
}
@media screen and (min-width: 1200px) {
  header .l-header .l-header__inner .l-header__logo a img {
    width: 120px;
  }
  header .l-header .l-header__inner .l-header__logo a span {
    font-size: 2.2rem;
  }
}

/*=================================
* l-header__menu-btn
=================================*/
.l-header__menu {
  width: 100%;
  height: 100%;
  background: #fefefe;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  padding: 70px 0 30px 0;
  transform: translateY(-100%);
  transition: transform 0.5s;
  box-sizing: border-box;
  overflow-y: scroll;
}
.l-header__menu .l-header__menu__nav {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
  padding: 20px;
}
.l-header__menu .l-header__menu__nav > ul > li > a {
  display: block;
  padding: 10px 0;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
.l-header__menu .l-header__menu__nav > ul > li > a:hover {
  color: #333;
  opacity: 1;
}
.l-header__menu .l-header__menu__nav > ul > li > a i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.l-header__menu .l-header__menu__nav > ul > li ul {
  display: none;
}
.l-header__menu .l-header__menu__nav > ul > li ul li .l-header__menu__nav__child__title {
  display: block;
  margin: 0 0 0 16px;
  font-size: 1.6rem;
  color: #6c757d;
}
.l-header__menu .l-header__menu__nav > ul > li ul li a {
  display: block;
  padding: 7px 0;
  margin-left: 20px;
  font-size: 1.6rem;
  color: #333;
}
.l-header__menu .l-header__menu__nav > ul > li ul li.l-header__menu__nav__child a {
  position: relative;
  padding-left: 30px;
}
.l-header__menu .l-header__menu__nav > ul > li ul li.l-header__menu__nav__child a::before {
  position: absolute;
  top: 50%;
  left: 15px;
  content: "-";
  transform: translateY(-50%);
}
.l-header__menu .l-header__menu__nav > ul > li ul li.l-header__menu__nav__child a:last-child {
  margin-bottom: 10px;
}
.l-header__menu.is-open {
  transform: translateY(0);
}
@media print, screen and (min-width: 1000px) {
  .l-header__menu {
    display: none;
  }
}

/*
 l-header__menu__button
=================================*/
.l-header__menu__button {
  display: block;
  position: relative;
  padding-right: 20px;
  width: 30px;
  height: 30px;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 3;
}
@media print, screen and (min-width: 1000px) {
  .l-header__menu__button {
    display: none;
  }
}
.l-header__menu__button span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all 0.5s;
}
.l-header__menu__button span:nth-child(1) {
  top: 4px;
}
.l-header__menu__button span:nth-child(3) {
  bottom: 4px;
}
.l-header__menu__button span:nth-child(2) {
  top: 14px;
}

.is-open .l-header__menu__button span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.is-open .l-header__menu__button span:nth-child(2) {
  opacity: 0;
}
.is-open .l-header__menu__button span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

/**
 * Footer
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* footer
=================================*/
footer {
  width: 100%;
}
footer .l-footer__service-menu {
  margin: 30px 0;
  padding: 0 10px;
}
@media print, screen and (min-width: 768px) {
  footer .l-footer__service-menu {
    max-width: 1140px;
    margin: 50px auto;
    padding: 0;
  }
}
footer .l-footer {
  padding: 20px;
  color: #ffffff;
  background-color: #333;
}
footer .l-footer .l-footer__log a {
  display: block;
  width: 50%;
  margin-bottom: 5px;
  color: #ffffff;
}
footer .l-footer .l-footer__log a img {
  width: 100%;
  margin-bottom: 5px;
}
footer .l-footer .l-footer__log a h2 {
  text-align: center;
  font-size: 1rem;
}
footer .l-footer .l-footer__log a h2 span {
  font-size: 1.2rem;
}
footer .l-footer .l-footer__menu {
  padding-top: 25px;
}
footer .l-footer .l-footer__menu span {
  display: block;
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
}
footer .l-footer .l-footer__menu ul li {
  position: relative;
  margin-bottom: 5px;
}
footer .l-footer .l-footer__menu ul li::before {
  content: "-";
  position: absolute;
  top: -1px;
  left: 0;
}
footer .l-footer .l-footer__menu ul li a {
  display: inline-block;
  margin-left: 10px;
  font-size: 1.6rem;
  color: #ffffff;
}
footer .l-footer__bottom {
  padding: 20px 20px 100px 20px;
  color: #ffffff;
  background-color: #000;
}
footer .l-footer__bottom .l-footer__nav {
  margin-bottom: 15px;
}
footer .l-footer__bottom .l-footer__nav ul {
  display: flex;
  flex-wrap: wrap;
}
footer .l-footer__bottom .l-footer__nav ul li {
  padding: 5px 10px 5px 0;
}
footer .l-footer__bottom .l-footer__nav ul li a {
  display: inline-block;
  color: #ffffff;
}
footer .l-footer__bottom .l-footer__subnav {
  margin-bottom: 15px;
}
footer .l-footer__bottom .l-footer__subnav ul {
  display: flex;
  flex-wrap: wrap;
}
footer .l-footer__bottom .l-footer__subnav ul li {
  padding: 5px 10px 5px 0;
  line-height: 1;
}
footer .l-footer__bottom .l-footer__subnav ul li a {
  display: inline-block;
  font-size: 1.2rem;
  color: #ffffff;
}
footer .l-footer__bottom .l-footer__copyright {
  text-align: center;
}
footer .l-footer__bottom .l-footer__copyright p {
  font-size: 1.8rem;
  font-weight: bold;
}
footer .l-footer__bottom .l-footer__copyright p span {
  font-size: 1rem;
}
@media print, screen and (min-width: 768px) {
  footer .l-footer {
    padding: 40px 8px;
  }
  footer .l-footer .l-footer__inner {
    display: flex;
    box-sizing: border-box;
    max-width: 1140px;
    margin: 0 auto;
  }
  footer .l-footer .l-footer__inner .l-footer__log {
    width: 15%;
    margin-right: 10%;
  }
  footer .l-footer .l-footer__inner .l-footer__log a {
    width: 100%;
  }
  footer .l-footer .l-footer__inner .l-footer__log a img {
    margin-bottom: 10px;
  }
  footer .l-footer .l-footer__inner .l-footer__log a h2 {
    font-size: 1.4rem;
  }
  footer .l-footer .l-footer__inner .l-footer__log a h2 span {
    font-size: 1.6rem;
  }
  footer .l-footer .l-footer__inner .l-footer__menu {
    width: 25%;
    padding-top: 0;
  }
  footer .l-footer .l-footer__inner .l-footer__menu li {
    position: relative;
  }
  footer .l-footer .l-footer__inner .l-footer__menu li::before {
    content: "-";
    position: absolute;
    top: -1px;
    left: 0;
  }
  footer .l-footer .l-footer__inner .l-footer__menu li a {
    margin-left: 10px;
  }
  footer .l-footer .l-footer__inner .l-footer__menu li a:hover {
    text-decoration: underline !important;
  }
  footer .l-footer__bottom {
    padding: 40px 8px;
  }
  footer .l-footer__bottom .l-footer__bottom__inner {
    max-width: 1140px;
    margin: 0 auto;
  }
  footer .l-footer__bottom .l-footer__bottom__inner .l-footer__nav li {
    padding-right: 20px;
  }
  footer .l-footer__bottom .l-footer__bottom__inner .l-footer__nav li a:hover {
    text-decoration: underline !important;
  }
  footer .l-footer__bottom .l-footer__bottom__inner .l-footer__subnav li {
    padding-right: 20px;
  }
  footer .l-footer__bottom .l-footer__bottom__inner .l-footer__subnav li a {
    font-size: 1.4rem;
  }
  footer .l-footer__bottom .l-footer__bottom__inner .l-footer__subnav li a:hover {
    text-decoration: underline !important;
  }
  footer .l-footer__bottom .l-footer__bottom__inner .l-footer__copyright {
    text-align: left;
  }
  footer .l-footer__bottom .l-footer__bottom__inner .l-footer__copyright p {
    font-size: 2rem;
  }
  footer .l-footer__bottom .l-footer__bottom__inner .l-footer__copyright p span {
    font-size: 1.6rem;
  }
}

/*=================================
* 機能
=================================*/
/*
　上へボタン
=================================*/
.f-backto-top {
  color: #cdcdcd;
  height: auto;
  position: fixed;
  bottom: 20px;
  margin: 0;
  z-index: 10000;
  transition: all 0.3s ease 0s;
  right: 20px;
  visibility: hidden;
}
.f-backto-top.f-backto-top--on {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  right: 25px;
}
.f-backto-top span {
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  border-radius: 52px;
  border-radius: 52px;
  transition: all 0.2s ease 0s;
  border: 2px solid #e8e8e8;
  background: 0 0;
  text-align: center;
}
.f-backto-top span i {
  font-size: 22px;
  color: #b0b0b0;
  line-height: 52px;
}
@media print, screen and (min-width: 768px) {
  .f-backto-top {
    bottom: 65px;
  }
}

/* contents
----------------------------------------------------------------- */
/**
 * ask
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　導入
=================================*/
.p-ask__intro .c-title--catchcopy h2 span {
  font-size: 2.6rem;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-ask__intro .c-title--catchcopy h2 span {
    font-size: 3.6rem;
  }
}

.p-ask__intro .pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__image img {
  margin: 20px auto;
}
.p-ask__intro .pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__title {
  margin-bottom: 15px;
}

/*
　流れ
=================================*/
.p-ask__flow .pc-flow-02 {
  margin-bottom: 50px;
}
.p-ask__flow .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-button-04 {
  margin: 15px auto 0 0;
}
@media print, screen and (min-width: 768px) {
  .p-ask__flow .pc-flow-02 {
    margin-bottom: 70px;
  }
  .p-ask__flow .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-button-04 {
    margin: 30px auto 0 0;
  }
}

.p-ask__flow__action {
  text-align: center;
}
.p-ask__flow__action p {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-ask__flow__action p {
    margin-bottom: 30px;
    font-size: 2rem;
  }
}

/**
 * case-detail
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-case__detail__pc {
  width: 100%;
  background-image: url(../img/case__frame-pc.svg);
  margin-bottom: 50px;
  padding: 5% 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-case__detail__sp {
  position: relative;
  background-image: url(../img/case__frame-sp.svg);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 280px;
  width: auto;
  height: 560px;
  margin: 30px auto 0;
  overflow: hidden;
  box-sizing: border-box;
}

.p-case__detail__image__sp {
  position: absolute;
  top: 5%;
  right: 2%;
  padding: 0 20px;
}

.p-case__detail__image__pc img {
  width: 100%;
}

.p-case__detail__text {
  padding: 30px 8px;
  background: #f5f5f5;
}
.p-case__detail__text h2 {
  margin-bottom: 30px;
  font-weight: bold;
}
.p-case__detail__text > p {
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #3a3a3a;
  background-color: #fff;
}
.p-case__detail__text th {
  padding: 10px 20px 10px 10px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-case__detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .p-case__detail__pc {
    width: calc(100% - 320px);
    margin-bottom: 0;
    padding: 3.5% 0;
  }
  .p-case__detail__image__pc {
    margin-bottom: 0;
  }
  .p-case__detail__sp {
    width: 280px;
    margin: 0;
  }
  .p-case__detail__text {
    padding: 50px 30px;
  }
}
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　制作後Q&A
=================================*/
.p-case__detail__ques {
  width: 100%;
  margin: 0 auto 30px auto;
}

.p-case__detail__ques dt,
.p-case__detail__ques dd {
  line-height: 1.7;
}

.p-case__detail__ques dt {
  margin-bottom: 10px;
}

.p-case__detail__ques dd {
  margin-bottom: 50px;
}

.p-case__detail__ques dt p,
.p-case__detail__ques dd p {
  display: inline-block;
  width: calc(100% - 60px);
  margin-left: 10px;
  padding: 8px 0;
  font-size: 16px;
  border-radius: 5px;
  box-sizing: border-box;
}

.p-case__detail__ques dt:before,
.p-case__detail__ques dd:before {
  display: inline-block;
  content: "Q";
  width: 35px;
  height: 35px;
  vertical-align: top;
  text-align: center;
  font-size: 24px;
  font-family: "Arial", sans-serif;
  font-weight: 500;
  color: #FFF;
  line-height: 35px;
  border-radius: 50%;
  background-color: #345887;
}

.p-case__detail__ques dd:before {
  content: "A";
  background-color: #C00000;
}

.p-case__detail__ques__image__inner {
  margin-bottom: 50px;
}

.p-case__detail__ques__image {
  width: 100%;
}

.p-case__detail__ques__image img {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

/* PC */
@media screen and (min-width: 768px) {
  .p-case__detail__ques dt p,
  .p-case__detail__ques dd p {
    display: inline-block;
    width: calc(100% - 60px);
    margin-left: 10px;
    padding: 8px;
    font-size: 16px;
    border-radius: 5px;
    box-sizing: border-box;
  }
  .p-case__detail__ques dt:before,
  .p-case__detail__ques dd:before {
    width: 45px;
    height: 45px;
    font-size: 27px;
    line-height: 45px;
  }
  .p-case__detail__ques__image__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-case__detail__ques__image__inner dl {
    width: 70%;
  }
  .p-case__detail__ques__image {
    width: 20%;
  }
  .p-case__detail__ques__image img {
    display: block;
  }
}
.p-case__detail__catchcopy {
  margin-top: 70px;
  /* PC */
}
.p-case__detail__catchcopy .p-case__detail__catchcopy__image {
  text-align: center;
}
.p-case__detail__catchcopy .p-case__detail__catchcopy__image img {
  width: 200px;
}
.p-case__detail__catchcopy .p-case__detail__catchcopy__text {
  font-size: 26px;
  font-weight: bold;
  color: #dc3545;
}
@media screen and (min-width: 768px) {
  .p-case__detail__catchcopy {
    display: flex;
    align-items: center;
  }
  .p-case__detail__catchcopy .p-case__detail__catchcopy__text {
    font-size: 40px;
    padding-left: 30px;
  }
  .p-case__detail__catchcopy .p-case__detail__catchcopy__image {
    width: 200px;
  }
}

/*
　制作後インタビュー
=================================*/
.p-case__detail__interview {
  /* PC */
}
.p-case__detail__interview .p-case__detail__interview__header {
  margin-bottom: 50px;
}
.p-case__detail__interview .p-case__detail__interview__header .p-case__detail__interview__title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}
.p-case__detail__interview .p-case__detail__interview__body .p-case__detail__interview__item {
  margin-bottom: 50px;
  font-size: 18px;
}
.p-case__detail__interview .p-case__detail__interview__body .p-case__detail__interview__item .p-case__detail__interview__ques {
  font-weight: bold;
  color: #3d70bb;
  margin-bottom: 10px;
}
.p-case__detail__interview .p-case__detail__interview__body .p-case__detail__interview__item .p-case__detail__interview__ans {
  line-height: 1.6;
}
.p-case__detail__interview .p-case__detail__interview__body .p-case__detail__interview__item .p-case__detail__interview__image {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-case__detail__interview {
    max-width: 700px;
    margin: 0 auto;
  }
}

.p-case__detail__feature .c-feature__text {
  font-size: 18px;
}

/*
　Before & After
=================================*/
.p-case__detail__before-after {
  margin: 50px 0 100px 0;
  /* PC */
}
.p-case__detail__before-after .p-case__detail__before-after__title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
}
.p-case__detail__before-after .p-case__detail__before-after__title::first-letter {
  color: #345887;
}
.p-case__detail__before-after .p-case__detail__before img,
.p-case__detail__before-after .p-case__detail__after img {
  border: solid 1px #dedede;
}
.p-case__detail__before-after .p-case__detail__arrow {
  padding: 30px 0;
  font-size: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-case__detail__before-after {
    display: flex;
    justify-content: space-between;
    margin: 100px 0 130px 0;
  }
  .p-case__detail__before-after .p-case__detail__before,
  .p-case__detail__before-after .p-case__detail__after {
    width: 40%;
  }
  .p-case__detail__before-after .p-case__detail__arrow {
    padding: 200px 0 0 0;
  }
}

.p-case__detail__feature-image {
  /* PC */
}
.p-case__detail__feature-image .p-case__detail__feature-image__title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
}
.p-case__detail__feature-image .p-case__detail__feature-image__item {
  margin-bottom: 100px;
}
.p-case__detail__feature-image .p-case__detail__feature-image__item img {
  border: solid 1px #dedede;
}
@media screen and (min-width: 768px) {
  .p-case__detail__feature-image {
    display: flex;
    justify-content: space-evenly;
  }
  .p-case__detail__feature-image .p-case__detail__feature-image__item {
    width: 30%;
  }
}

/*
　担当者コメント
=================================*/
.p-case__detail__comment {
  background-color: #fff7e0;
  padding: 20px;
}
.p-case__detail__comment .p-case__detail__comment__title {
  margin-bottom: 15px;
}
.p-case__detail__comment .p-case__detail__comment__title i {
  color: #FF7300;
}

/**
 * case-list
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　カテゴリメニュー
=================================*/
.p-case__ctgry-menu {
  margin-top: 50px;
  margin-bottom: 50px;
}

.p-case__ctgry-menu li {
  margin-bottom: 25px;
  text-align: center;
  border: 3px solid #345887;
}

.p-case__ctgry-menu li :hover {
  background: #345887;
  cursor: pointer;
  border: none;
}

.p-case__ctgry-menu li a {
  display: block;
  padding: 30px 0;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  color: #345887;
}

.p-case__ctgry-menu li a:hover {
  color: #fff;
}

/* PC */
@media screen and (min-width: 768px) {
  .p-case__ctgry-menu {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .p-case__ctgry-menu li {
    width: 31%;
    max-width: 100%;
    margin: 0;
  }
  .p-case__ctgry-menu li a {
    padding: 40px 0;
    font-size: 25px;
  }
}
/*
　制作事例一覧-01
=================================*/
.p-case__list-01 {
  margin-bottom: 40px;
}

.p-case__list-01 li {
  max-width: 400px;
  margin: 0 auto 50px auto;
}

.p-case__list-01 li:last-child {
  border-bottom: none;
}

.p-case__list-01 li a {
  display: block;
  text-decoration: none;
}

.p-case__list-01__image {
  margin-bottom: 20px;
}

.p-case__list-01__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5/4;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
}

.p-case__list-01__content {
  margin-bottom: 15px;
  padding: 0 8px;
}

.p-case__list-01__content__title {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #345887;
  font-weight: bold;
}

.p-case__list-01__content__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  color: #333;
}

/* PC */
@media screen and (min-width: 768px) {
  .p-case__list-01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 0 auto;
  }
  .p-case__list-01::after {
    content: "";
    display: block;
    width: 31%;
  }
  .p-case__list-01 li {
    width: 31%;
    margin: 0 0 50px 0;
    border-bottom: none;
  }
  .p-case__list-01 a:hover {
    opacity: 0.7;
  }
  .p-case__list-01__content {
    padding: 0;
  }
}
/**
 * charge-initial
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* main-visual
=================================*/
.l-section.p-charge-initial__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}
@media print, screen and (min-width: 768px) {
  .l-section.p-charge-initial__main {
    padding: 5rem 0 0 0;
  }
}

.p-charge-initial__main__visual {
  box-sizing: border-box;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title {
  margin-bottom: 30px;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title h1 {
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.5;
  font-size: 2.2rem;
  font-weight: bold;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title h1 span {
  font-size: 2.6rem;
  font-weight: 900;
  color: #ad002d;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle {
  position: relative;
  margin: 30px 40px;
  text-align: center;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle::before, .p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle::after {
  content: "";
  position: absolute;
  bottom: -10px;
  display: block;
  border: 27px solid #860024;
  z-index: 0;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle::before {
  left: -30px;
  border-left-width: 15px;
  border-left-color: transparent;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle::after {
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span {
  position: relative;
  display: block;
  padding: 7px 10px;
  line-height: 1.3;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #ad002d;
  z-index: 1;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span::before, .p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span::after {
  content: "";
  position: absolute;
  bottom: -20px;
  display: block;
  width: 2px;
  height: 10px;
  border-style: solid;
  border-color: #5a0000 transparent transparent transparent;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span::before {
  left: 0;
  border-width: 10px 0 0 10px;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span::after {
  right: 0;
  border-width: 10px 10px 0 0;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span i {
  font-style: normal;
  font-size: 2.4rem;
  font-weight: 900;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__body .p-charge-initial__main__visual__item .p-charge-initial__main__visual__item__unit {
  position: relative;
  width: 125px;
  height: 125px;
  margin: 0 auto;
  background: #345887;
  border-radius: 100px;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__body .p-charge-initial__main__visual__item .p-charge-initial__main__visual__item__unit .p-charge-initial__main__visual__item__text {
  position: absolute;
  width: 130%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 2rem;
  color: #fff;
  text-shadow: #345887 3px 3px 3px, #345887 -3px -3px 3px, #345887 -3px 3px 3px, #345887 3px -3px 3px, #345887 3px 0px 3px, #345887 -3px 0px 3px, #345887 0px 3px 3px, #345887 0px -3px 3px;
  font-weight: 900;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__body .p-charge-initial__main__visual__item .p-charge-initial__main__visual__item__inner {
  display: flex;
  justify-content: space-between;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__body .p-charge-initial__main__visual__body__caption {
  margin-bottom: 30px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-charge-initial__main__visual .p-charge-initial__main__visual__image {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-charge-initial__main__visual {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    padding: 0 10px;
  }
  .p-charge-initial__main__visual > div {
    width: 690px;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title {
    margin-bottom: 60px;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title h1 {
    font-size: 3rem;
    text-align: left;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title h1 span {
    font-size: 3.4rem;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle {
    width: 50%;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle::before, .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle::after {
    bottom: -10px;
    border: 35px solid #860024;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle::before {
    left: -30px;
    border-left-width: 15px;
    border-left-color: transparent;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle::after {
    right: -30px;
    border-right-width: 15px;
    border-right-color: transparent;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span {
    padding: 10px 10px;
    font-size: 2.2rem;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span::before, .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span::after {
    bottom: -20px;
    width: 2px;
    height: 10px;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span::before {
    border-width: 10px 0 0 20px;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span::after {
    border-width: 10px 20px 0 0;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__title .p-charge-initial__main__visual__subtitle span i {
    font-size: 3rem;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__body .p-charge-initial__main__visual__item {
    display: flex;
    justify-content: space-between;
    width: 85%;
    padding: 0 35px 50px 35px;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__body .p-charge-initial__main__visual__item .p-charge-initial__main__visual__item__unit {
    width: 150px;
    height: 150px;
    margin: 0;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__body .p-charge-initial__main__visual__item .p-charge-initial__main__visual__item__unit .p-charge-initial__main__visual__item__text {
    width: 150%;
    font-size: 2.6rem;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__body .p-charge-initial__main__visual__item .p-charge-initial__main__visual__item__inner {
    display: contents;
  }
  .p-charge-initial__main__visual > div .p-charge-initial__main__visual__body .p-charge-initial__main__visual__body__caption {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.4rem;
  }
  .p-charge-initial__main__visual .p-charge-initial__main__visual__image {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .p-charge-initial__main__visual {
    justify-content: space-between;
  }
  .p-charge-initial__main__visual .p-charge-initial__main__visual__image {
    display: block;
    width: calc(100% - 700px);
    margin: 0 auto;
  }
  .p-charge-initial__main__visual .p-charge-initial__main__visual__image img {
    display: block;
    width: 100%;
    margin: 0 0 0 auto;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　導入
=================================*/
.p-charge-initial__intro__menu {
  display: block;
  padding-left: 20px;
}
.p-charge-initial__intro__menu ul li {
  position: relative;
  margin-bottom: 7px;
  font-size: 1.6rem;
}
.p-charge-initial__intro__menu ul li::before {
  content: "\f04b";
  position: absolute;
  top: 4px;
  left: -20px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.2rem;
  font-weight: 900;
  color: #345887;
}
.p-charge-initial__intro__menu ul li a {
  color: #333;
  border-bottom: solid 1px #333;
}
.p-charge-initial__intro__menu ul li a:hover {
  opacity: 1;
  color: #345887;
  border-bottom: solid 1px #345887;
}

.p-charge-initial__intro__list {
  border: solid 1px #cccccc;
}
.p-charge-initial__intro__list dl {
  margin: 0;
  font-size: 1.6rem;
}
.p-charge-initial__intro__list dl > div {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #cccccc;
  box-sizing: border-box;
}
.p-charge-initial__intro__list dl > div:last-child {
  border-bottom: none;
}
.p-charge-initial__intro__list dl > div dt {
  width: 35%;
  padding: 7px 5px;
  border-right: solid 1px #cccccc;
}
.p-charge-initial__intro__list dl > div dt a {
  display: inline;
  color: #333;
  border-bottom: solid 1px #333;
}
.p-charge-initial__intro__list dl > div dt a:hover {
  opacity: 1;
  color: #345887;
  border-bottom: solid 1px #345887;
}
.p-charge-initial__intro__list dl > div dd {
  width: 65%;
  padding: 7px 5px;
}
@media print, screen and (min-width: 768px) {
  .p-charge-initial__intro__list dl > div dt {
    width: 20%;
    padding: 7px 15px 8px 15px;
  }
  .p-charge-initial__intro__list dl > div dd {
    width: 80%;
    padding: 7px 10px 8px 15px;
  }
}

/*
　オリジナルデザイン
=================================*/
.p-charge-initial__original .c-title--catchcopy {
  padding: 0;
}
.p-charge-initial__original .c-title--catchcopy h2 span {
  font-size: 2.3rem;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-charge-initial__original .c-title--catchcopy h2 span {
    font-size: 3.4rem;
  }
}

.pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__text .p-charge-initial__original__text {
  margin-bottom: 15px;
}
@media print, screen and (min-width: 768px) {
  .pc-service-menu-04 .pc-service-menu-04__unit .pc-service-menu-04__unit__body .pc-service-menu-04__unit__body__detail .pc-service-menu-04__unit__body__text .p-charge-initial__original__text {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
}

/**
 * charge-price
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　月額プランの比較
=================================*/
/* 導入・注釈 */
.p-charge-price__compare {
  padding: 0 8px;
}
.p-charge-price__compare .p-charge-price__compare__info {
  margin-bottom: 50px;
  text-align: center;
  font-size: 2rem;
}
.p-charge-price__compare .p-charge-price__compare__note p {
  font-size: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  .p-charge-price__compare .p-charge-price__compare__note p {
    font-size: 1.6rem;
  }
}

/* 月額テーブル */
.p-charge-price__monthly--tbl {
  margin-bottom: 20px;
}
.p-charge-price__monthly--tbl table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  box-sizing: border-box;
}
.p-charge-price__monthly--tbl th, .p-charge-price__monthly--tbl td {
  font-size: 1.5rem;
  padding: 10px 5px;
  text-align: center;
}
.p-charge-price__monthly--tbl th {
  background-color: #F9F9F9;
  border: 1px solid #666;
}
.p-charge-price__monthly--tbl td {
  border: 1px solid #666;
  background-color: #FFF;
}
.p-charge-price__monthly--tbl .p-charge-price__monthly--type1 {
  width: 30%;
  background-color: #deeaf7;
  font-weight: bold;
  color: #666;
}
.p-charge-price__monthly--tbl .p-charge-price__monthly--type2 {
  width: 30%;
  background-color: #fce2cc;
  font-weight: bold;
  color: #666;
}
@media print, screen and (min-width: 768px) {
  .p-charge-price__monthly--tbl th, .p-charge-price__monthly--tbl td {
    font-size: 1.7rem;
    padding: 15px 10px;
    text-align: center;
  }
  .p-charge-price__monthly--tbl .p-charge-price__monthly--type1,
  .p-charge-price__monthly--tbl .p-charge-price__monthly--type2 {
    width: 28%;
    font-size: 2.5rem;
  }
  .p-charge-price__monthly--tbl .p-charge-price__monthly--type2 {
    line-height: 1.1;
  }
}

/* 月額テーブルの横スクロール(SP) */
@media screen and (max-width: 767px) {
  .p-charge-price__monthly--tbl {
    overflow-x: auto;
  }
  .p-charge-price__monthly--tbl th,
  .p-charge-price__monthly--tbl td {
    min-width: 100px;
  }
}
/*
　プランの違いについて
=================================*/
.p-charge-price__difference {
  padding: 0 8px;
}
.p-charge-price__difference .p-charge-price__difference__unit {
  margin-bottom: 30px;
}
.p-charge-price__difference .p-charge-price__difference__unit .c-title-h3--bullet {
  margin-bottom: 10px;
}
.p-charge-price__difference .p-charge-price__difference__unit p {
  line-height: 1.6;
  font-size: 1.6rem;
}
.p-charge-price__difference .p-charge-price__difference__unit:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .p-charge-price__difference .p-charge-price__difference__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .p-charge-price__difference .p-charge-price__difference__wrapper .p-charge-price__difference__unit {
    width: 95%;
    max-width: 750px;
    margin-bottom: 50px;
  }
  .p-charge-price__difference .p-charge-price__difference__wrapper .p-charge-price__difference__unit .c-title-h3--bullet {
    font-size: 2.2rem;
  }
  .p-charge-price__difference .p-charge-price__difference__wrapper .p-charge-price__difference__unit:last-child {
    margin-bottom: 0;
  }
}

/*
　プランの説明
=================================*/
.p-charge-price__plan {
  padding: 0 8px;
}
.p-charge-price__plan .p-charge-price__plan__intro {
  margin-bottom: 30px;
}
.p-charge-price__plan .p-charge-price__plan__intro p {
  text-align: center;
  line-height: 1.6;
  font-size: 1.6rem;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit {
  margin-bottom: 30px;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit:last-child {
  margin-bottom: 0;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__title {
  margin-bottom: 15px;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__title span {
  margin-bottom: 5px;
  display: inline-block;
  padding: 3px 15px 1px 15px;
  font-family: "Arial", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 50px;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__title h3 {
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body .p-charge-price__plan__unit__body__image {
  margin-bottom: 15px;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body .p-charge-price__plan__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body .p-charge-price__plan__unit__body__text p {
  margin-bottom: 15px;
  line-height: 1.7;
  font-size: 1.6rem;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body .p-charge-price__plan__unit__body__text p:last-child {
  margin-bottom: 0;
}
.p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body .p-charge-price__plan__unit__body__text p span {
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-charge-price__plan .p-charge-price__plan__intro {
    margin-bottom: 50px;
  }
  .p-charge-price__plan .p-charge-price__plan__intro p {
    font-size: 1.8rem;
  }
  .p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit {
    margin-bottom: 50px;
  }
  .p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__title span {
    margin-bottom: 10px;
    padding: 4px 25px 2px 25px;
    font-size: 1.8rem;
  }
  .p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__title h3 {
    font-size: 2.2rem;
  }
  .p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
  }
  .p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body .p-charge-price__plan__unit__body__image {
    width: 40%;
    margin-bottom: 0;
    order: 2;
  }
  .p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body .p-charge-price__plan__unit__body__image img {
    margin: 0;
  }
  .p-charge-price__plan .p-charge-price__plan__wrapper .p-charge-price__plan__unit .p-charge-price__plan__unit__body .p-charge-price__plan__unit__body__text {
    width: 55%;
    order: 1;
  }
}

/*
　月額料金の例
=================================*/
.p-charge-price__example {
  padding: 0 8px;
}
.p-charge-price__example .p-charge-price__example__intro {
  margin-bottom: 30px;
}
.p-charge-price__example .p-charge-price__example__intro p {
  text-align: center;
  font-size: 1.6rem;
}
.p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit {
  margin-bottom: 50px;
  text-align: center;
}
.p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__title {
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: bold;
  color: #345887;
}
.p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__detail {
  margin-bottom: 20px;
}
.p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__detail h4 {
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__detail p {
  font-size: 1.6rem;
}
.p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__image img {
  display: block;
  width: 200px;
  height: auto;
  margin: 0 auto;
}
.p-charge-price__example .p-charge-price__example__note p {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.6rem;
}
.p-charge-price__example .p-charge-price__example__note .pc-button-02 .pc-button-02--sky-blue a {
  background: #fff;
}
.p-charge-price__example .p-charge-price__example__note .pc-button-02 .pc-button-02--sky-blue a:hover {
  background: #8eaad8;
}
@media print, screen and (min-width: 768px) {
  .p-charge-price__example .p-charge-price__example__intro {
    margin-bottom: 50px;
  }
  .p-charge-price__example .p-charge-price__example__intro p {
    font-size: 1.8rem;
  }
  .p-charge-price__example .p-charge-price__example__wrapper {
    display: flex;
    justify-content: space-around;
  }
  .p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit {
    width: 45%;
  }
  .p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__title {
    margin-bottom: 20px;
    font-size: 2.2rem;
  }
  .p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__detail {
    margin-bottom: 30px;
  }
  .p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__detail h4 {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-charge-price__example .p-charge-price__example__wrapper .p-charge-price__example__unit .p-charge-price__example__unit__image img {
    width: 250px;
  }
  .p-charge-price__example .p-charge-price__example__note p {
    margin-bottom: 30px;
  }
}

/*
　データ容量について
=================================*/
.p-charge-price__data-capacity {
  padding: 0 8px;
}
.p-charge-price__data-capacity .p-charge-price__data-capacity__intro {
  margin-bottom: 30px;
}
.p-charge-price__data-capacity .p-charge-price__data-capacity__intro .p-charge-price__data-capacity__intro__text {
  margin-bottom: 20px;
}
.p-charge-price__data-capacity .p-charge-price__data-capacity__intro .p-charge-price__data-capacity__intro__text p {
  text-align: center;
  font-size: 1.6rem;
}
.p-charge-price__data-capacity .p-charge-price__data-capacity__intro .p-charge-price__data-capacity__intro__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.p-charge-price__data-capacity .p-charge-price__data-capacity__wrapper .p-charge-price__data-capacity__unit {
  margin-bottom: 40px;
}
.p-charge-price__data-capacity .p-charge-price__data-capacity__wrapper .p-charge-price__data-capacity__unit:last-child {
  margin-bottom: 0;
}
.p-charge-price__data-capacity .p-charge-price__data-capacity__wrapper .p-charge-price__data-capacity__unit h3 {
  margin-bottom: 7px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-charge-price__data-capacity .p-charge-price__data-capacity__intro {
    margin-bottom: 50px;
  }
  .p-charge-price__data-capacity .p-charge-price__data-capacity__intro .p-charge-price__data-capacity__intro__text p {
    font-size: 1.8rem;
  }
  .p-charge-price__data-capacity .p-charge-price__data-capacity__intro .p-charge-price__data-capacity__intro__image {
    width: 45%;
    margin: 0 auto;
  }
  .p-charge-price__data-capacity .p-charge-price__data-capacity__wrapper {
    display: flex;
    justify-content: space-around;
  }
  .p-charge-price__data-capacity .p-charge-price__data-capacity__wrapper .p-charge-price__data-capacity__unit {
    width: 45%;
    margin-bottom: 0;
  }
  .p-charge-price__data-capacity .p-charge-price__data-capacity__wrapper .p-charge-price__data-capacity__unit h3 {
    margin-bottom: 10px;
    font-size: 2.2rem;
  }
}

/*
　契約について
=================================*/
.p-charge-price__contract {
  padding: 0 8px;
}
.p-charge-price__contract .p-charge-price__contract__unit {
  margin-bottom: 30px;
}
.p-charge-price__contract .p-charge-price__contract__unit:last-child {
  margin-bottom: 0;
}
.p-charge-price__contract .p-charge-price__contract__unit h3 {
  margin-bottom: 7px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.p-charge-price__contract .p-charge-price__contract__unit .p-charge-price__contract__unit__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .p-charge-price__contract .p-charge-price__contract__unit {
    margin-bottom: 60px;
  }
  .p-charge-price__contract .p-charge-price__contract__unit h3 {
    margin-bottom: 10px;
    font-size: 2.2rem;
  }
  .p-charge-price__contract .p-charge-price__contract__unit .p-charge-price__contract__unit__image {
    width: 65%;
    margin: 0 auto;
  }
}

/**
 * check
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-check__header {
  position: fixed;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  background: #fff;
  z-index: 99;
}
.p-check__header a {
  display: flex;
  align-items: center;
}
.p-check__header .p-check__header__logo img {
  display: block;
  margin: 0 5px 0 10px;
  width: 90px;
  max-width: 110px;
}
.p-check__header .p-check__header__logo span {
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
}
.p-check__header .p-check__header__menu {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-check__header {
    height: 90px;
  }
  .p-check__header .p-check__header__logo img {
    margin: 0 20px;
    width: 110px;
  }
  .p-check__header .p-check__header__logo span {
    font-size: 2.2rem;
  }
  .p-check__header .p-check__header__menu {
    display: block;
  }
  .p-check__header .p-check__header__menu a {
    display: inline-block;
    padding: 15px 30px;
    margin-right: 30px;
    border-radius: 5px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
  }
  .p-check__header .p-check__header__menu a.p-check__header__online {
    background-color: #345887;
  }
}

/*=================================
* main-visual
=================================*/
.l-section.p-check__main {
  margin-bottom: 50px;
  background: #f3f5f8;
}

.p-check__main-visual {
  margin-bottom: 50px;
}

.p-check__main-visual__title {
  text-align: center;
}

.p-check__main-visual__title h1 {
  font-size: clamp(28px, 5.859375vw, 45px);
  font-weight: bold;
}

.p-check__main-visual__title h1 span {
  font-size: clamp(32px, 6.5104166667vw, 50px);
}

.p-check__main-visual__title h1 em {
  color: #c30d23;
  font-size: clamp(45px, 8.0729166667vw, 62px);
}

.p-check__main-visual__button {
  color: #345887;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: #ffd905;
  display: inline-block;
  padding: 12px 60px;
  border-radius: 8px;
  box-shadow: 4px 5px 2px #9e9e9e;
  margin: 20px auto 0;
}

.p-check__main-visual__button:hover {
  background-color: #009944;
  color: #fff;
  box-shadow: none;
  transform: translateX(5px);
  transition: 0.2s;
}

.p-check__main-visual__image {
  width: 50%;
  margin: 30px auto 0;
}

@media screen and (min-width: 768px) {
  .l-section.p-check__main {
    margin-bottom: 80px;
  }
  .p-check__main-visual {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
  }
  .p-check__main-visual__title h1 {
    font-size: clamp(40px, 5.0877192982vw, 58px);
    font-weight: bold;
    text-align: left;
  }
  .p-check__main-visual__title h1 span {
    font-size: clamp(48px, 5.5263157895vw, 63px);
  }
  .p-check__main-visual__title h1 em {
    font-size: clamp(55px, 6.5789473684vw, 75px);
  }
  .p-check__main-visual__button {
    font-size: 30px;
    display: block;
    width: 85%;
    padding: 30px 10px;
    margin: 30px 0 0;
  }
  .p-check__main-visual__image {
    width: 40%;
    max-width: 430px;
    margin: 0;
  }
}
/*=================================
* footer
=================================*/
.p-check__footer__application {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background-color: #d3d3d3;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  z-index: 60;
}
.p-check__footer__application .p-check__application__button {
  padding: 10px 40px;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #345887;
  border-radius: 5px;
}
@media print, screen and (min-width: 768px) {
  .p-check__footer__application {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　専門診断
=================================*/
.p-check__pro-diagnosis__category {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.p-check__pro-diagnosis__category .p-check__pro-diagnosis__item {
  width: 48%;
  margin-bottom: 15px;
  border: solid 1px #03967a;
}
.p-check__pro-diagnosis__category .p-check__pro-diagnosis__item h3 {
  padding: 7px 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #03967a;
}
.p-check__pro-diagnosis__category .p-check__pro-diagnosis__item p {
  padding: 10px;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-check__pro-diagnosis__category {
    max-width: 800px;
    margin: 0 auto;
  }
  .p-check__pro-diagnosis__category .p-check__pro-diagnosis__item {
    width: 30%;
    margin-bottom: 30px;
  }
  .p-check__pro-diagnosis__category .p-check__pro-diagnosis__item h3 {
    padding: 10px 0;
    font-size: 1.8rem;
  }
  .p-check__pro-diagnosis__category .p-check__pro-diagnosis__item p {
    padding: 10px 15px;
    font-size: 1.8rem;
  }
}

.p-check__pro-diagnosis__feature .c-list__check--sm-black {
  margin: 30px auto;
}
.p-check__pro-diagnosis__feature .p-check__pro-diagnosis__feature__image {
  margin: 0 auto;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .p-check__pro-diagnosis__feature {
    display: flex;
    align-items: center;
    max-width: 980px;
    margin: 70px auto 0 auto;
  }
}

/*
　対応前・対応後
=================================*/
.p-check__interaction {
  margin: 70px auto 0 auto;
}
.p-check__interaction .p-check__interaction__unit {
  margin: 35px 0;
  text-align: center;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__image {
  margin-bottom: 20px;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__image img {
  display: block;
  width: 70%;
  margin: 0 auto;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail {
  position: relative;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco {
  position: absolute;
  top: -40px;
  left: 20px;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #dc3545;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst::before, .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  background-color: #dc3545;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst::before {
  transform: rotate(30deg);
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst::after {
  transform: rotate(60deg);
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst p {
  position: relative;
  margin-top: 4px;
  line-height: 1.2;
  font-size: 1.6rem;
  color: #ffffff;
  z-index: 10;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst p span {
  font-size: 2rem;
  font-weight: bold;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__title {
  font-size: 2rem;
  font-weight: bold;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__price {
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: bold;
  color: #a60309;
}
.p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__price span {
  font-size: 3.2rem;
}
@media print, screen and (min-width: 768px) {
  .p-check__interaction {
    display: flex;
    align-items: center;
    margin: 110px auto 0 auto;
  }
  .p-check__interaction .p-check__interaction__unit {
    margin: 0;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__image {
    margin-bottom: 40px;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco {
    top: -50px;
    left: 35px;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst {
    width: 70px;
    height: 70px;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst::before, .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst::after {
    width: 70px;
    height: 70px;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst p {
    margin-top: 6px;
    font-size: 2rem;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__detail__deco .p-check__interaction__pointburst p span {
    font-size: 3rem;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__title {
    font-size: 2.4rem;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__price {
    margin-bottom: 20px;
    font-size: 2.4rem;
  }
  .p-check__interaction .p-check__interaction__unit .p-check__interaction__detail .p-check__interaction__price span {
    font-size: 4.2rem;
  }
}

/*
　オプション
=================================*/
.p-check__option .p-check__option__notice {
  margin-top: 50px;
  text-align: center;
  font-size: 1.8rem;
}
.p-check__option .c-panel--type03 {
  margin: 50px auto 0 auto;
}
.p-check__option .c-panel--type03 .c-panel__card .c-panel__card__body p {
  margin-bottom: 20px;
}
.p-check__option .c-panel--type03 .c-panel__card .c-panel__card__body img {
  width: 50%;
  margin: 0 auto;
}
.p-check__option .c-panel--type03 .c-panel__card .c-panel__card__foot p {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-check__option .c-panel--type03 .c-panel__card .c-panel__card__foot p span {
  margin-right: 10px;
}
@media print, screen and (min-width: 768px) {
  .p-check__option .c-panel--type03 {
    margin: 70px auto 0 auto;
  }
  .p-check__option .c-panel--type03 .c-panel__card .c-panel__card__body p {
    margin-bottom: 40px;
  }
  .p-check__option .c-panel--type03 .c-panel__card .c-panel__card__body img {
    width: auto;
    height: 250px;
  }
  .p-check__option .c-panel--type03 .c-panel__card .c-panel__card__foot p {
    font-size: 1.8rem;
  }
}

/*
　料金プラン
=================================*/
.p-check__price .c-slide__container {
  margin-bottom: 50px;
}
.p-check__price .c-slide__container .c-slide__container__body {
  padding: 30px 20px;
}
.p-check__price .c-slide__container .c-slide__container__body .p-check__price__detail p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-check__price .c-slide__container .c-slide__container__body .p-check__price__detail img {
  margin: 20px auto;
}
@media print, screen and (min-width: 768px) {
  .p-check__price {
    display: flex;
    justify-content: space-between;
  }
  .p-check__price .c-slide__container {
    width: 46%;
    margin: 0 auto;
  }
  .p-check__price .c-slide__container .c-slide__container__title {
    font-size: 2.4rem;
  }
  .p-check__price .c-slide__container .c-slide__container__body .p-check__price__detail p {
    font-size: 1.8rem;
  }
  .p-check__price .c-slide__container .c-slide__container__body .p-check__price__detail .p-check__price__image--initial {
    margin: 30px auto;
  }
  .p-check__price .c-slide__container .c-slide__container__body .p-check__price__detail .p-check__price__image--monthly {
    margin: 70px auto;
  }
}

/*
　組み合わせ例
=================================*/
.p-check__price__example {
  margin: 0 20px;
}
.p-check__price__example .p-check__price__example__card {
  position: relative;
  background: #fff;
  border: 1px solid #666;
  border-radius: 12px;
  margin: 0 auto 50px auto;
  padding: 45px 15px 30px;
}
.p-check__price__example .p-check__price__example__card::before {
  content: "例 １";
  position: absolute;
  top: -20px;
  left: 25px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background: #03967a;
  padding: 5px 30px;
  border-radius: 30px;
}
.p-check__price__example .p-check__price__example__card:nth-child(2)::before {
  content: "例 ２";
}
.p-check__price__example .p-check__price__example__card .p-check__price__example__contents h3 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 25px;
}
.p-check__price__example .p-check__price__example__card .p-check__price__example__contents h3 span {
  color: #FF8C00;
}
.p-check__price__example .p-check__price__example__card .p-check__price__example__contents .p-check__price__example__text {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #ad002d;
}
.p-check__price__example .p-check__price__example__card .p-check__price__example__image {
  text-align: center;
  margin-top: 20px;
}
.p-check__price__example .p-check__price__example__card .p-check__price__example__image img {
  max-width: 100%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .p-check__price__example {
    display: flex;
    justify-content: space-between;
  }
  .p-check__price__example .p-check__price__example__card {
    width: 45%;
    margin: 0 auto;
  }
  .p-check__price__example .p-check__price__example__card::before {
    left: 50px;
    font-size: 2.3rem;
  }
  .p-check__price__example .p-check__price__example__card .p-check__price__example__contents {
    margin-bottom: 20px;
  }
  .p-check__price__example .p-check__price__example__card .p-check__price__example__contents h3 {
    font-size: 2.4rem;
  }
  .p-check__price__example .p-check__price__example__card .p-check__price__example__contents .u-triangle-down-sm, .p-check__price__example .p-check__price__example__card .p-check__price__example__contents .u-triangle-down-sm--secondary {
    margin: 10px auto;
  }
  .p-check__price__example .p-check__price__example__card .p-check__price__example__contents .p-check__price__example__text {
    font-size: 2.4rem;
  }
  .p-check__price__example .p-check__price__example__card .p-check__price__example__image {
    margin-top: 0;
  }
}

.p-check__price__example__notice {
  margin-top: 50px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-check__price__example__notice {
    font-size: 2.5rem;
  }
}

/*
　CTA
=================================*/
.p-check__cta {
  background: linear-gradient(90deg, #41acf4, #277fd9);
  padding: 20px 0;
}

.p-check__cta__text {
  text-align: center;
  margin-bottom: 30px;
}

.p-check__cta__text p {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 12px;
  position: relative;
}

.p-check__cta__text p::before {
  content: "";
  position: absolute;
  top: 7px;
  left: -30px;
  width: 3px;
  height: 20px;
  background: #fff;
  transform: rotate(-40deg);
}

.p-check__cta__text p::after {
  content: "";
  position: absolute;
  top: 7px;
  right: -30px;
  width: 3px;
  height: 20px;
  background: #fff;
  transform: rotate(40deg);
}

.p-check__cta__text h2 {
  color: #fff;
  font-size: clamp(25px, 4.1720990874vw, 32px);
  font-weight: bold;
}

.p-check__cta__text h2 span {
  color: #fac530;
}

.p-check__cta__image {
  display: none;
}

.p-check__cta__image img {
  width: 100%;
  max-width: 100%;
  height: 200px;
}

.p-check__cta__link-mail a {
  font-size: clamp(22px, 3.9113428944vw, 30px);
}

.p-check__cta__link-mail a i {
  margin-right: 14px;
}

.p-check__cta__link-tel {
  text-align: center;
  margin-top: 25px;
}

.p-check__cta__link-tel p {
  color: #fff;
  font-size: clamp(18px, 2.8683181226vw, 22px);
  font-weight: bold;
}

.p-check__cta__link-tel__detail a {
  color: #fac530;
  font-size: clamp(32px, 5.2151238592vw, 40px);
  font-weight: bold;
}

.p-check__cta__link-tel__detail a i {
  font-size: 32px;
  margin-right: 12px;
}

.p-check__cta__link-tel__detail a:hover {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .p-check__cta {
    padding: 40px 0 50px;
  }
  .p-check__cta__text {
    margin-bottom: 40px;
  }
  .p-check__cta__text p {
    font-size: clamp(25px, 3.0701754386vw, 35px);
    margin-bottom: 22px;
  }
  .p-check__cta__text p::before, .p-check__cta__text p::after {
    top: 10px;
    right: -30px;
    height: 40px;
  }
  .p-check__cta__text h2 {
    font-size: clamp(34px, 4.1228070175vw, 47px);
  }
  .p-check__cta__block {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-check__cta__image {
    display: block;
    margin-right: 50px;
  }
  .p-check__cta__image img {
    height: 330px;
  }
  .p-check__cta__link-mail a {
    font-size: 32px;
    line-height: 1.2;
    padding: 0 115px 30px 115px;
  }
  .p-check__cta__link-mail a span {
    padding: 14px 22px;
    left: 50%;
    transform: translateX(-50%);
  }
  .p-check__cta__link-tel {
    margin-top: 40px;
  }
  .p-check__cta__link-tel p {
    font-size: 24px;
  }
  .p-check__cta__link-tel__detail a {
    font-size: 74px;
    line-height: 1.3;
  }
  .p-check__cta__link-tel__detail a i {
    font-size: 60px;
  }
  .p-check__cta__link-tel__detail p {
    font-size: 18px;
  }
}
/**
 * corporate-site
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-corporate-site__header {
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  background-color: #ffffff;
}
.p-corporate-site__header .p-corporate-site__header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
}
.p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
.p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo a img {
  width: 90px;
}
.p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo span {
  margin-left: 15px;
  font-size: 1.9rem;
  font-weight: bold;
}
.p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-corporate-site__header .p-corporate-site__header__inner {
    height: 90px;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo {
    padding: 0 0 0 20px;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo a img {
    width: 90px;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo span {
    font-size: 1.8rem;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu {
    display: flex;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu .p-corporate-site__header__design,
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu .p-corporate-site__header__consult {
    display: block;
    margin-right: 30px;
    padding: 7px 20px 8px 20px;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu .p-corporate-site__header__design:hover,
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu .p-corporate-site__header__consult:hover {
    opacity: 1;
    color: #fff;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu .p-corporate-site__header__design {
    color: #FF8C00;
    border: solid 2px #FF8C00;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu .p-corporate-site__header__design:hover {
    background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu .p-corporate-site__header__consult {
    color: #345887;
    border: solid 2px #345887;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__menu .p-corporate-site__header__consult:hover {
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
}
@media screen and (min-width: 870px) {
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo {
    padding: 0 0 0 20px;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo a img {
    width: 120px;
  }
  .p-corporate-site__header .p-corporate-site__header__inner .p-corporate-site__header__logo span {
    font-size: 2.2rem;
  }
}

/*=================================
* main-visual
=================================*/
.l-section.p-corporate-site__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-corporate-site__main__visual {
  box-sizing: border-box;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__title {
  margin-bottom: 30px;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__title h1 {
  text-align: center;
  line-height: 1.5;
  font-size: 2.2rem;
  font-weight: bold;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__title h1 span {
  font-size: 2.6rem;
  font-weight: 900;
  color: #ad002d;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__body .p-corporate-site__main__visual__item {
  margin-bottom: 30px;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__body .p-corporate-site__main__visual__item .p-corporate-site__main__visual__item__unit {
  position: relative;
  width: 125px;
  height: 125px;
  margin: 0 auto;
  background: rgba(52, 88, 135, 0.95);
  border-radius: 100px;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__body .p-corporate-site__main__visual__item .p-corporate-site__main__visual__item__unit .p-corporate-site__main__visual__item__text {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  text-align: center;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 900;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__body .p-corporate-site__main__visual__item .p-corporate-site__main__visual__item__inner {
  display: flex;
  justify-content: space-between;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__body .p-corporate-site__main__visual__body__caption {
  margin-bottom: 30px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__image {
  width: 95%;
  margin: 0 auto;
}
.p-corporate-site__main__visual .p-corporate-site__main__visual__image img {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__main__visual {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
  }
  .p-corporate-site__main__visual > div {
    width: 620px;
  }
  .p-corporate-site__main__visual > div .p-corporate-site__main__visual__title {
    margin-bottom: 40px;
  }
  .p-corporate-site__main__visual > div .p-corporate-site__main__visual__title h1 {
    font-size: 3rem;
    text-align: left;
  }
  .p-corporate-site__main__visual > div .p-corporate-site__main__visual__title h1 span {
    font-size: 3.4rem;
  }
  .p-corporate-site__main__visual > div .p-corporate-site__main__visual__body .p-corporate-site__main__visual__item {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin-bottom: 40px;
  }
  .p-corporate-site__main__visual > div .p-corporate-site__main__visual__body .p-corporate-site__main__visual__item .p-corporate-site__main__visual__item__unit {
    width: 140px;
    height: 140px;
    margin: 0;
  }
  .p-corporate-site__main__visual > div .p-corporate-site__main__visual__body .p-corporate-site__main__visual__item .p-corporate-site__main__visual__item__unit .p-corporate-site__main__visual__item__text {
    font-size: 2.6rem;
  }
  .p-corporate-site__main__visual > div .p-corporate-site__main__visual__body .p-corporate-site__main__visual__item .p-corporate-site__main__visual__item__inner {
    display: contents;
  }
  .p-corporate-site__main__visual > div .p-corporate-site__main__visual__body .p-corporate-site__main__visual__body__caption {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.6rem;
  }
  .p-corporate-site__main__visual .p-corporate-site__main__visual__image {
    width: 40%;
    margin: 0;
  }
}

/*=================================
* footer
=================================*/
.p-corporate-site__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-corporate-site__footer__menu .p-corporate-site__footer__design,
.p-corporate-site__footer__menu .p-corporate-site__footer__consult {
  display: block;
  padding: 10px 30px;
  font-size: 1.6rem;
  background: #fff;
  border-radius: 5px;
}
.p-corporate-site__footer__menu .p-corporate-site__footer__design:hover,
.p-corporate-site__footer__menu .p-corporate-site__footer__consult:hover {
  color: #fff;
  opacity: 1;
}
.p-corporate-site__footer__menu .p-corporate-site__footer__design {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.p-corporate-site__footer__menu .p-corporate-site__footer__design:hover {
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}
.p-corporate-site__footer__menu .p-corporate-site__footer__consult {
  color: #345887;
  border: solid 2px #345887;
}
.p-corporate-site__footer__menu .p-corporate-site__footer__consult:hover {
  background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　導入
=================================*/
.p-corporate-site__intro .pc-check-list-01--bold {
  margin-bottom: 0;
}

/*
　カテゴリ一覧
=================================*/
.l-section.p-corporate-site__category {
  padding-top: 0;
}

/* 誘導 */
.p-corporate-site__category .c-title-induction-01 {
  margin-bottom: 50px;
}
.p-corporate-site__category .c-title-induction-01 .c-title-induction-01__inner h2 {
  line-height: 1.5;
}
.p-corporate-site__category .c-title-induction-01 .c-title-induction-01__inner h2 span {
  color: #ffd800;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__category .c-title-induction-01 {
    margin-bottom: 80px;
  }
  .p-corporate-site__category .c-title-induction-01 .c-title-induction-01__inner h2 {
    line-height: 1.6;
    font-size: clamp(30px, 2vw, 40px);
  }
  .p-corporate-site__category .c-title-induction-01 .c-title-induction-01__inner h2 span {
    font-size: clamp(32px, 5vw, 42px);
  }
}

/* カテゴリ概要 */
.p-corporate-site__category .pc-point-05 {
  width: 93%;
  margin-bottom: 80px;
}
.p-corporate-site__category .pc-point-05 .pc-point-05__unit {
  border: solid 1px #8eaad8;
}
.p-corporate-site__category .pc-point-05 .pc-point-05__unit a .pc-point-05__unit__head span {
  padding: 7px;
  border-radius: 2px 0 5px 0;
}
.p-corporate-site__category .pc-point-05 .pc-point-05__unit a .pc-point-05__unit__head h3 {
  margin-left: 10px;
  font-size: 1.6rem;
}
.p-corporate-site__category .pc-point-05 .pc-point-05__unit a .pc-point-05__unit__body {
  padding: 20px 30px 10px 30px;
}
.p-corporate-site__category .pc-point-05 .pc-point-05__unit a .pc-point-05__unit__body img {
  -o-object-position: top;
     object-position: top;
  aspect-ratio: 4/3;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.p-corporate-site__category .pc-point-05 .pc-point-05__unit a .pc-point-05__unit__foot {
  padding-bottom: 8px;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__category .pc-point-05 {
    width: 100%;
  }
  .p-corporate-site__category .pc-point-05 ul .pc-point-05__unit .pc-point-05__unit__head span {
    padding: 13px 10px;
  }
  .p-corporate-site__category .pc-point-05 ul .pc-point-05__unit .pc-point-05__unit__head h3 {
    margin-left: 20px;
    font-size: 1.8rem;
  }
  .p-corporate-site__category .pc-point-05 ul .pc-point-05__unit .pc-point-05__unit__body img {
    width: 85%;
  }
}

/* カテゴリ詳細 */
.p-corporate-site__category__wrapper {
  width: 93%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit {
  margin-bottom: 50px;
  background: #fff;
  border: solid 1px #8eaad8;
  border-radius: 5px;
  box-sizing: border-box;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__head span {
  padding: 13px 10px;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #8eaad8;
  border-radius: 2px 0 5px 0;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__head h3 {
  margin-left: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body {
  padding: 15px 20px 20px 20px;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__image {
  width: 80%;
  margin: 0 auto 20px auto;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__detail p {
  margin-bottom: 30px;
  line-height: 1.65;
  font-size: 1.6rem;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__detail .p-corporate-site__category__unit__body__note h4 {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__detail .p-corporate-site__category__unit__body__note .pc-check-list-02 ul li {
  margin-bottom: 0;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info dl {
  margin: 0 25px 15px 0;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info dl > div {
  display: flex;
  align-items: center;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info dl > div dt {
  margin-right: 10px;
  padding: 3px 10px;
  font-weight: bold;
  color: #fff;
  background: #8eaad8;
  border-radius: 5px 0;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info dl > div dd {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__foot {
  padding: 0 20px 30px 20px;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__foot h4 {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__foot .pc-button-03 {
  width: 100%;
  margin-top: 35px;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__category__wrapper {
    width: 100%;
    padding: 0 8px;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit {
    margin-bottom: 80px;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__head span {
    padding: 15px;
    font-size: 3rem;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__head h3 {
    margin-left: 30px;
    font-size: 2.4rem;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body {
    padding: 40px 50px 20px 50px;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 45px;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__image {
    width: 31%;
    margin: 0;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__detail {
    width: 64%;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__detail p {
    line-height: 1.75;
    font-size: 1.8rem;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__detail .p-corporate-site__category__unit__body__note h4 {
    font-size: 1.8rem;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__detail .p-corporate-site__category__unit__body__note .pc-check-list-02 {
    margin-bottom: 0;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__wrapper .p-corporate-site__category__unit__body__detail .p-corporate-site__category__unit__body__note .pc-check-list-02 ul li {
    margin-bottom: 5px;
    font-size: 1.8rem;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info {
    justify-content: center;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info dl {
    margin: 0 45px 20px 0;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info dl > div dt {
    margin-right: 20px;
    padding: 4px 15px 6px 15px;
    font-size: 1.8rem;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__body .p-corporate-site__category__unit__body__info dl > div dd {
    font-size: 2rem;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__foot {
    padding: 15px 50px 50px 50px;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__foot h4 {
    margin-bottom: 25px;
    font-size: 1.8rem;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit .p-corporate-site__category__unit__foot .pc-button-03 {
    width: 40%;
    margin-top: 50px;
  }
  .p-corporate-site__category__wrapper .p-corporate-site__category__unit:last-child {
    margin-bottom: 50px;
  }
}

.p-corporate-site__category__wrapper .pc-flow-summary-02 {
  width: 100%;
}
.p-corporate-site__category__wrapper .pc-flow-summary-02 ul {
  gap: 33px;
}
.p-corporate-site__category__wrapper .pc-flow-summary-02 ul .pc-flow-summary-02__unit {
  width: 75px;
}
.p-corporate-site__category__wrapper .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image {
  width: 75px;
}
.p-corporate-site__category__wrapper .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image img {
  width: 75px;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__category__wrapper .pc-flow-summary-02 ul {
    gap: 55px;
  }
  .p-corporate-site__category__wrapper .pc-flow-summary-02 ul .pc-flow-summary-02__unit {
    width: 110px;
  }
  .p-corporate-site__category__wrapper .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image {
    width: 110px;
  }
  .p-corporate-site__category__wrapper .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image img {
    width: 110px;
  }
}

/* 注釈 */
.p-corporate-site__category__note p {
  font-size: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__category__note {
    padding: 0 8px;
  }
}

/*
　E-A-Tについて
=================================*/
.p-corporate-site__note {
  position: relative;
  margin-bottom: 35px;
  padding: 10px;
  text-align: center;
  background: #345887;
}
.p-corporate-site__note::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 24px 12.5px 0 12.5px;
  border-style: solid;
  border-color: #345887 transparent transparent transparent;
}
.p-corporate-site__note p {
  margin-bottom: 3px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}
.p-corporate-site__note p span {
  font-size: 2rem;
  color: #ffd800;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__note {
    width: 80%;
    margin: 0 auto 40px auto;
    padding: 15px 10px;
  }
  .p-corporate-site__note::before {
    bottom: -17px;
    border-width: 30px 20.5px 0 20.5px;
  }
  .p-corporate-site__note p {
    margin-bottom: 3px;
    font-size: 2rem;
  }
  .p-corporate-site__note p span {
    font-size: 2.4rem;
  }
}

.p-corporate-site__point .c-title--catchcopy h2 span {
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__point .c-title--catchcopy {
    margin: 0 auto 40px auto;
  }
}

.p-corporate-site__point .pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__image img {
  width: 70%;
}

@media print, screen and (min-width: 768px) {
  .p-corporate-site__point .p-corporate-site__lead {
    margin-bottom: 70px;
  }
}

/*
　サイトマップについて
=================================*/
.p-corporate-site__sitemap {
  box-sizing: border-box;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__title {
  display: inline-block;
  margin-bottom: 15px;
  padding: 6px 15px 7px 15px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__image {
  margin-bottom: 20px;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text p {
  margin-bottom: 20px;
  font-size: 1.6rem;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text p:last-child {
  margin-bottom: 0;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list {
  position: relative;
  margin-bottom: 10px;
  padding: 20px 15px 15px 30px;
  border: solid 2px #345887;
  border-radius: 7px;
  box-sizing: border-box;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list .p-corporate-site__sitemap__list__tag {
  position: absolute;
  top: -16px;
  left: -2px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
  background: #fff;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list .p-corporate-site__sitemap__list__tag img {
  display: block;
  width: 35px;
  height: auto;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list .p-corporate-site__sitemap__list__tag span {
  margin-left: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list li {
  position: relative;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list li::before {
  content: "\f111";
  position: absolute;
  top: 6px;
  left: -17px;
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 900;
  color: #345887;
}
.p-corporate-site__sitemap .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list li:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__sitemap {
    padding: 0 8px;
  }
  .p-corporate-site__sitemap .p-corporate-site__sitemap__title {
    margin-bottom: 30px;
    padding: 8px 20px;
    font-size: 2rem;
  }
  .p-corporate-site__sitemap > div {
    display: flex;
    justify-content: space-between;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__image {
    width: 40%;
    order: 2;
    margin-bottom: 0;
    margin-left: 80px;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__text {
    order: 1;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__text p {
    margin-bottom: 30px;
    font-size: 1.8rem;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list {
    margin-bottom: 30px;
    padding: 20px 20px 20px 40px;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list .p-corporate-site__sitemap__list__tag {
    top: -18px;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list .p-corporate-site__sitemap__list__tag img {
    width: 40px;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list .p-corporate-site__sitemap__list__tag span {
    font-size: 2rem;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list li {
    font-size: 1.8rem;
  }
  .p-corporate-site__sitemap > div .p-corporate-site__sitemap__text .p-corporate-site__sitemap__list li::before {
    top: 7px;
  }
}

/*
　SEO対策を実現について
=================================*/
.p-corporate-site__seo .c-point--type02 ul li {
  background: #fff;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__seo .c-point--type02 ul {
    margin-bottom: 50px;
  }
}

.p-corporate-site__seo .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__seo .pc-button-03 {
    width: 40%;
  }
}

/*
　料金について
=================================*/
.p-corporate-site__pricing__lead {
  margin-bottom: 40px;
}
.p-corporate-site__pricing__lead p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-corporate-site__pricing__lead p span {
  font-size: 2.2rem;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__pricing__lead {
    margin-bottom: 50px;
  }
  .p-corporate-site__pricing__lead p {
    font-size: 2.4rem;
  }
  .p-corporate-site__pricing__lead p span {
    font-size: 2.8rem;
  }
}

.p-corporate-site__pricing__body {
  width: 90%;
  margin: 0 auto;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit {
  margin-bottom: 40px;
  padding: 20px 20px 25px 20px;
  background: #fff;
  border: solid 2px #0065c0;
  border-radius: 7px;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit:last-child {
  margin-bottom: 0;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__title img {
  display: block;
  width: 50px;
  height: auto;
  margin-right: 10px;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__title h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail {
  text-align: center;
  font-size: 1.6rem;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail .p-corporate-site__pricing__unit__detail__price {
  margin-bottom: 15px;
  font-weight: bold;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail .p-corporate-site__pricing__unit__detail__price span {
  font-size: 2.6rem;
  font-weight: 900;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail .p-corporate-site__pricing__unit__detail__text {
  margin-bottom: 10px;
}
.p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail a {
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__pricing__body {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .p-corporate-site__pricing__body .p-corporate-site__pricing__unit {
    width: 41%;
    margin-bottom: 0;
    padding: 30px 20px;
  }
  .p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__title img {
    width: 55px;
    margin-right: 15px;
  }
  .p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__title h3 {
    font-size: 2.4rem;
  }
  .p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail {
    font-size: 1.8rem;
  }
  .p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail .p-corporate-site__pricing__unit__detail__price {
    margin-bottom: 20px;
    font-size: 2.2rem;
  }
  .p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail .p-corporate-site__pricing__unit__detail__price span {
    font-size: 4.2rem;
  }
  .p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail .p-corporate-site__pricing__unit__detail__text {
    margin-bottom: 15px;
  }
  .p-corporate-site__pricing__body .p-corporate-site__pricing__unit .p-corporate-site__pricing__unit__detail a {
    font-size: 1.6rem;
  }
}

/*
　制作の流れ
=================================*/
.p-corporate-site__flow .p-corporate-site__flow__message {
  margin: 30px auto;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__flow .p-corporate-site__flow__message {
    width: 90%;
    margin-bottom: 50px;
    font-size: 1.4rem;
  }
}

/*
　よくある質問
=================================*/
.p-corporate-site__faq .pc-accordion-menu-01 .pc-accordion-menu__answer {
  background: #f5f5f5;
}

/*
　リード文
=================================*/
.p-corporate-site__lead {
  margin-bottom: 40px;
}
.p-corporate-site__lead p {
  margin-bottom: 10px;
  font-size: 1.6rem;
}
.p-corporate-site__lead p span {
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site__lead {
    max-width: 1000px;
    margin: 0 auto 50px auto;
    text-align: center;
  }
  .p-corporate-site__lead p {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
  .p-corporate-site__lead p span {
    font-size: 2rem;
  }
}

/*=================================
* デザインカテゴリ一覧
=================================*/
/* メッセージ */
.p-corporate-site_design__message {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site_design__message {
    margin-bottom: 80px;
    font-size: 2.4rem;
  }
}

/* デザイン一覧 */
.p-corporate-site_design .pc-thumbnail-08 ul .pc-thumbnail-08__unit:last-child {
  margin-bottom: 50px;
}
.p-corporate-site_design .pc-thumbnail-08 ul .pc-thumbnail-08__unit .pc-thumbnail-08__unit__body .pc-thumbnail-08__unit__body__image {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 768px) {
  .p-corporate-site_design .pc-thumbnail-08 .pc-thumbnail-08__unit:last-child {
    margin-bottom: 80px;
  }
}

/* 注釈 */
.p-corporate-site_design__note {
  text-align: center;
  font-size: 1.6rem;
}
.p-corporate-site_design__note a {
  font-weight: bold;
}

/**
 * cp-c006
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-cp-c006__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  background: #fff;
}
.p-cp-c006__header a {
  display: flex;
  align-items: center;
}
.p-cp-c006__header .p-cp-c006__header__logo img {
  display: block;
  margin: 0 10px;
  width: 100px;
  max-width: 110px;
}
.p-cp-c006__header .p-cp-c006__header__logo h2 {
  font-weight: bold;
  color: #333;
}
.p-cp-c006__header .p-cp-c006__header__menu {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-cp-c006__header .p-cp-c006__header__logo img {
    margin: 0 20px;
    width: 110px;
  }
  .p-cp-c006__header .p-cp-c006__header__logo h2 {
    font-size: 2.2rem;
  }
  .p-cp-c006__header .p-cp-c006__header__menu {
    display: block;
  }
  .p-cp-c006__header .p-cp-c006__header__menu a {
    display: inline-block;
    padding: 15px 30px;
    margin-right: 30px;
    border-radius: 5px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
  }
  .p-cp-c006__header .p-cp-c006__header__menu a.p-cp-c006__header__online {
    background-color: #345887;
  }
  .p-cp-c006__header .p-cp-c006__header__menu a.p-cp-c006__header__apply {
    background-color: #FF8C00;
  }
}

/*=================================
* main-visual
=================================*/
.l-section.p-cp-c006__main {
  padding: 0;
  background: #f3f5f8;
}

.p-cp-c006__main-visual {
  margin: 0 auto;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__title {
  margin-bottom: 30px;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__title .p-cp-c006__main-visual__sub-title {
  padding: 15px 0;
  text-align: center;
  font-size: 3rem;
  font-weight: 900;
  color: #345887;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__title .p-cp-c006__main-visual__sub-title span {
  position: relative;
  font-size: 3.8rem;
  font-weight: 900;
  line-height: 1.3;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__title h1 {
  text-align: center;
  line-height: 1.2;
  font-size: 4.3rem;
  font-weight: 900;
  color: #FF8C00;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image {
  position: relative;
  width: 300px;
  margin: 0 auto 20px auto;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image img {
  display: block;
  width: 100%;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco {
  position: absolute;
  bottom: 10%;
  left: -5%;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco,
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco:before,
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco:after,
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst,
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst:before {
  position: absolute;
  background-color: #dc3545;
  width: 70px;
  height: 70px;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco:before {
  transform: rotate(22deg);
  content: "";
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco:after {
  transform: rotate(-22deg);
  content: "";
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst::before {
  transform: rotate(45deg);
  content: "";
  z-index: -1;
}
.p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst p {
  padding: 0.2rem;
  line-height: 1;
  font-size: 2.5rem;
  font-weight: 900;
  color: #ffffff;
  text-align: center;
  font-family: "Arial", sans-serif;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__main-visual {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    padding: 80px 0;
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__title {
    margin-bottom: 0;
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__title .p-cp-c006__main-visual__sub-title {
    padding: 0 0 20px 0;
    text-align: left;
    line-height: 1.3;
    font-size: clamp(20px, 4.3859649123vw, 50px);
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__title .p-cp-c006__main-visual__sub-title span {
    font-size: clamp(30px, 5.2631578947vw, 60px);
    line-height: 1.2;
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__title h1 {
    text-align: left;
    font-size: clamp(40px, 7.0175438596vw, 80px);
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image {
    width: 40%;
    max-width: 450px;
    margin: 0;
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco {
    left: -25px;
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco,
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco:before,
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__image__deco:after,
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst,
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst:before {
    width: 100px;
    height: 100px;
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst p {
    font-size: 3.2rem;
  }
  .p-cp-c006__main-visual .p-cp-c006__main-visual__image .p-cp-c006__main-visual__pointburst p span {
    font-size: 3.8rem;
  }
}

.p-cp-c006__main-visual__catchcopy {
  padding: 4rem 0;
  background-color: #345887;
}
.p-cp-c006__main-visual__catchcopy h2 {
  text-align: center;
  font-size: 2.7rem;
  font-weight: bold;
  color: #FFF;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__main-visual__catchcopy {
    padding: 5rem 0;
  }
  .p-cp-c006__main-visual__catchcopy h2 {
    max-width: 1140px;
    margin: 0 auto;
    font-size: 4.5rem;
  }
}

/*=================================
* footer
=================================*/
.p-cp-c006__footer__application {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background-color: #d3d3d3;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  z-index: 60;
}
.p-cp-c006__footer__application .p-cp-c006__application__button {
  padding: 10px 40px;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #FF8C00;
  border-radius: 5px;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__footer__application {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　MV直下導入部分
=================================*/
.p-cp-c006__renewal__text {
  font-size: clamp(17px, 3.9113428944vw, 30px);
  font-weight: bold;
  text-align: center;
}

.p-cp-c006__renewal__text span:first-of-type,
.p-cp-c006__renewal__text span:last-of-type {
  font-size: clamp(24px, 5.6062581486vw, 43px);
  font-weight: 900;
}

.p-cp-c006__renewal__text span:first-of-type {
  color: #ad002d;
}

.p-cp-c006__renewal__text span:last-of-type {
  color: #FF8C00;
}

.p-cp-c006__renewal__image {
  margin: 40px auto 80px;
  width: 90%;
}
.p-cp-c006__renewal__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.p-cp-c006__renewal__design {
  margin-top: 50px;
}

.p-cp-c006__renewal__design__lead {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__renewal__design__lead {
    font-size: 22px;
  }
}

.p-cp-c006__renewal__design__lead span {
  color: #ad002d;
}

.p-cp-c006__renewal__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.p-cp-c006__renewal__design__image {
  width: 45%;
  text-align: center;
}
.p-cp-c006__renewal__design__image:nth-child(n+3) {
  margin-top: 100px;
}
.p-cp-c006__renewal__design__image img {
  box-shadow: 0 0 10px 5px rgba(118, 118, 118, 0.6);
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__renewal__design__image .p-cp-c006__renewal__design__image {
    width: 48%;
  }
}

.p-cp-c006__renewal__label {
  display: inline-block;
  margin-bottom: 20px;
  padding: 5px 15px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__renewal__label .p-cp-c006__renewal__label {
    font-size: 24px;
  }
}

.p-cp-c006__renewal__btn {
  position: relative;
  width: 80%;
  bottom: -40px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  font-weight: bold;
  border: 2px solid #345887;
  border-radius: 50px;
  transition: all 0.3s;
}

.p-cp-c006__renewal__btn::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: calc(50% - 6px);
  right: 20px;
  border-top: 2px solid #345887;
  border-right: 2px solid #345887;
  transform: rotate(45deg);
}

.p-cp-c006__renewal__btn:hover {
  background-color: #345887;
}
.p-cp-c006__renewal__btn:hover a {
  color: #fff;
}
.p-cp-c006__renewal__btn:hover::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media print, screen and (min-width: 768px) {
  .p-cp-c006__renewal__design {
    margin-top: 80px;
  }
  .p-cp-c006__renewal__design__image {
    width: 22%;
  }
  .p-cp-c006__renewal__design__image:nth-child(n+3) {
    margin-top: 0;
  }
}
.p-cp-c006__renewal__price {
  margin-top: 120px;
}

.p-cp-c006__renewal__price__text {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.p-cp-c006__renewal__price__text span {
  color: #ad002d;
  font-size: 20px;
  display: block;
  margin-top: 10px;
}

.p-cp-c006__renewal__price__image {
  width: 90%;
  text-align: center;
  margin: 32px auto 0;
}

.p-cp-c006__renewal__price__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* PC */
@media screen and (min-width: 768px) {
  .p-cp-c006__renewal__text {
    font-size: clamp(30px, 3.5087719298vw, 40px);
  }
  .p-cp-c006__renewal__text span:first-of-type,
  .p-cp-c006__renewal__text span:last-of-type {
    font-size: clamp(45px, 6.1403508772vw, 70px);
  }
  .p-cp-c006__renewal__image {
    margin: 64px auto 180px;
    width: 60%;
  }
  .p-cp-c006__renewal__price__text {
    font-size: 32px;
  }
  .p-cp-c006__renewal__price__text span {
    margin-top: 16px;
  }
  .p-cp-c006__renewal__price__image {
    width: 60%;
  }
}
/*
　誘導型-01
=================================*/
.c-title-induction-01 {
  width: 100%;
  padding-bottom: 35px;
  box-sizing: content-box;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
  background-color: #345887;
}

.c-title-induction-01__inner {
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
  padding: 4% 0 2% 0;
}

.c-title-induction-01__inner h2 {
  text-align: center;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  line-height: 1.4;
}

.c-title-induction-01 span {
  font-size: 24px;
  font-weight: 900;
  color: #fff;
}

/* PC */
@media screen and (min-width: 768px) {
  .c-title-induction-01__inner {
    max-width: 1140px;
    padding: 25px 0 20px 0;
  }
  .c-title-induction-01__inner h2 {
    line-height: 1.3;
    font-size: clamp(36px, 2vw, 40px);
  }
  .c-title-induction-01__inner span {
    font-size: clamp(42px, 5vw, 53px);
  }
}
/*
　さらに集客を強化されたい方へ
=================================*/
.p-cp-c006__lp {
  background: #DDEBF7;
}

.tit.p-cp-c006__lp__tit {
  margin-top: 32px;
}

.p-cp-c006__lp__text {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: block;
}

.p-cp-c006__lp__text p {
  font-size: 22px;
  font-weight: bold;
  padding-left: 42px;
  line-height: 2;
  display: block;
  position: relative;
}

.p-cp-c006__lp__text p::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  background: url(../img/component/icon_check.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.p-cp-c006__lp__image {
  width: 80%;
  display: block;
  margin: 64px auto;
}

.p-cp-c006__lp__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.p-cp-c006__lp__price__text {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}

.p-cp-c006__lp__price__text span {
  font-size: 20px;
  color: #ad002d;
  display: block;
  margin-top: 16px;
}

.p-cp-c006__lp__price__image {
  width: 90%;
  text-align: center;
  padding-bottom: 80px;
  margin: 0 auto;
}

.p-cp-c006__lp__price__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* PC */
@media screen and (min-width: 768px) {
  .p-cp-c006__lp__price__text {
    font-size: 32px;
  }
  .p-cp-c006__lp__price__text span {
    font-size: 24px;
  }
  .p-cp-c006__lp__price__image {
    width: 60%;
  }
}
/*
　初期費用
=================================*/
.p-cp-c006__cost {
  margin: 0 20px;
  padding-top: 10px;
}
.p-cp-c006__cost .p-cp-c006__cost__card {
  position: relative;
  background: #fff;
  border: 1px solid #666;
  border-radius: 12px;
  margin: 0 auto 50px auto;
  padding: 45px 20px 20px;
}
.p-cp-c006__cost .p-cp-c006__cost__card::before {
  content: "例 １";
  position: absolute;
  top: -20px;
  left: 25px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background: #03967a;
  padding: 5px 30px;
  border-radius: 30px;
}
.p-cp-c006__cost .p-cp-c006__cost__card:nth-child(2)::before {
  content: "例 ２";
}
.p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__contents h3 {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 25px;
}
.p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__contents h3 span {
  color: #FF8C00;
}
.p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__contents .p-cp-c006__cost__text {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  color: #ad002d;
}
.p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__image {
  text-align: center;
  margin-top: 20px;
}
.p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__image img {
  max-width: 80%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__cost {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
  }
  .p-cp-c006__cost .p-cp-c006__cost__card {
    width: 48%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .p-cp-c006__cost .p-cp-c006__cost__card::before {
    left: 50px;
    font-size: 2.3rem;
  }
  .p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__contents {
    margin-bottom: 20px;
  }
  .p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__contents h3 {
    font-size: clamp(25px, 3.5087719298vw, 40px);
  }
  .p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__contents .u-triangle-down-sm, .p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__contents .u-triangle-down-sm--secondary {
    margin: 10px auto;
  }
  .p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__contents .p-cp-c006__cost__text {
    font-size: clamp(18px, 2.6315789474vw, 30px);
  }
  .p-cp-c006__cost .p-cp-c006__cost__card .p-cp-c006__cost__image {
    margin-top: 0;
  }
}

/*
　月額費用
=================================*/
.p-cp-c006__monthly-cost {
  margin-bottom: 50px;
  text-align: center;
}

.p-cp-c006__monthly-cost .p-cp-c006__monthly-cost__price {
  font-size: 1.8rem;
}

.p-cp-c006__monthly-cost .p-cp-c006__monthly-cost__price em {
  font-size: 5rem;
  font-weight: bold;
  color: #ad002d;
}

.p-cp-c006__monthly-cost .p-cp-c006__monthly-cost__price span {
  font-size: 3rem;
  font-weight: bold;
  color: #ad002d;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card {
  margin-bottom: 50px;
  padding: 30px 20px;
  border-radius: 5px;
  box-shadow: 0 0 15px 3px rgba(118, 118, 118, 0.5);
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__head {
  margin-bottom: 30px;
  text-align: center;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__head h3 {
  font-size: 2rem;
  font-weight: bold;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body {
  margin-bottom: 30px;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body > div .p-cp-c006__monthly-cost__item {
  min-width: 133px;
  margin-bottom: 10px;
  padding: 5px 7px;
  text-align: left;
  color: #333;
  background: #eaf0fa;
  border-left: solid 7px #3d70bb;
  font-size: 1.6rem;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body a {
  display: block;
  text-align: center;
  font-size: 1.6rem;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__foot {
  text-align: center;
}

.p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__foot a {
  margin-bottom: 0;
}

@media print, screen and (min-width: 768px) {
  .p-cp-c006__monthly-cost {
    margin-bottom: 70px;
  }
  .p-cp-c006__monthly-cost .p-cp-c006__monthly-cost__price {
    margin-bottom: 5px;
    font-size: 2.6rem;
  }
  .p-cp-c006__monthly-cost .p-cp-c006__monthly-cost__price em {
    font-size: 6rem;
  }
  .p-cp-c006__monthly-cost--type03 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card {
    display: flex;
    flex-direction: column;
    width: 48%;
    margin-bottom: 0;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__head {
    margin-bottom: 40px;
  }
  .p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__head h3 {
    font-size: 2.4rem;
  }
  .p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body {
    margin: 0 auto;
    width: 80%;
    margin-bottom: 40px;
  }
  .p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body > div {
    justify-content: space-around;
  }
  .p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body > div .p-cp-c006__monthly-cost__item {
    justify-content: flex-start;
    min-width: 160px;
    margin-bottom: 15px;
    padding: 10px 10px 10px 15px;
    border-left: solid 10px #3d70bb;
    font-size: 1.8rem;
  }
  .p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__body p {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
  .p-cp-c006__monthly-cost--type03 .p-cp-c006__monthly-cost__card .p-cp-c006__monthly-cost__card__foot {
    margin-top: auto;
  }
}
/*
　リニューアルの流れ
=================================*/
.p-cp-c006__step__flow {
  width: 100%;
}

.p-cp-c006__step__flow .p-cp-c006__step__block {
  display: flex;
  box-sizing: border-box;
}

.p-cp-c006__step__flow .p-cp-c006__step__number {
  position: relative;
  width: 40px;
}

.p-cp-c006__step__flow .p-cp-c006__step__number .p-cp-c006__step__number__circle {
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 50%;
  z-index: 50;
}

.p-cp-c006__step__flow .p-cp-c006__step__number .p-cp-c006__step__number__line {
  position: absolute;
  top: 0;
  left: 48%;
  width: 2px;
  height: 100%;
  background: #345887;
}

.p-cp-c006__step__block:last-child .p-cp-c006__step__number .p-cp-c006__step__number__line {
  height: 0%;
}

.p-cp-c006__step__flow .p-cp-c006__step__content {
  padding: 5px 0 30px 10px;
}

.p-cp-c006__step__flow .p-cp-c006__step__content .p-cp-c006__step__content__title {
  margin-bottom: 10px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #345887;
}

.p-cp-c006__step__flow .p-cp-c006__step__content .p-cp-c006__step__content__text {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.p-cp-c006__step__content__image {
  display: block;
  width: 100%;
  margin: 20px 0;
}

@media print, screen and (min-width: 768px) {
  .p-cp-c006__step {
    margin-bottom: 100px;
  }
  .p-cp-c006__step ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-cp-c006__step ul li {
    display: flex;
    align-items: center;
    width: 20%;
    padding: 0;
  }
  .p-cp-c006__step ul li p {
    display: block;
    width: 145px;
    margin-bottom: 0;
    padding: 10px 20px;
  }
  .p-cp-c006__step ul li .p-cp-c006__step__triangle {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #345887;
    border-right: 0;
  }
  .p-cp-c006__step__flow {
    max-width: 1140px;
  }
  .p-cp-c006__step__flow .p-cp-c006__step__number {
    width: 60px;
  }
  .p-cp-c006__step__flow .p-cp-c006__step__number .p-cp-c006__step__number__circle {
    width: 60px;
    height: 60px;
    margin-right: 25px;
    text-align: center;
    line-height: 60px;
    font-size: 3rem;
  }
  .p-cp-c006__step__flow .p-cp-c006__step__number .p-cp-c006__step__number__line {
    width: 3px;
  }
  .p-cp-c006__step__flow .p-cp-c006__step__content {
    padding-bottom: 50px;
    padding-left: 30px;
  }
  .p-cp-c006__step__flow .p-cp-c006__step__content .p-cp-c006__step__content__title {
    font-size: 3.4rem;
    margin-bottom: 20px;
  }
  .p-cp-c006__step__flow .p-cp-c006__step__content .p-cp-c006__step__content__text {
    font-size: 2rem;
  }
  .p-cp-c006__step__content__image {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px auto 0 auto;
    width: 70%;
  }
}
/*
　キャンペーン適応条件
=================================*/
.p-cp-c006__apply {
  margin-bottom: 3rem;
}

.p-cp-c006__apply--sm-black {
  margin: 0 auto;
  padding: 0;
}

.p-cp-c006__apply--sm-black li {
  margin-bottom: 10px;
  padding: 0 0 0 35px;
  background-image: url(../img/component/icon_check.png);
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
}

.p-cp-c006__apply--sm-black li span {
  font-size: 2rem;
  font-weight: normal;
}

@media print, screen and (min-width: 768px) {
  .p-cp-c006__apply {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-cp-c006__apply--sm-black li {
    background-position: left 6px;
    font-size: 2.6rem;
  }
}
/*
　CTA
=================================*/
.p-cp-c006__cta {
  text-align: center;
}
.p-cp-c006__cta h2 {
  font-size: clamp(35px, 5.8670143416vw, 45px);
  font-weight: bold;
  margin-bottom: 30px;
  letter-spacing: 0.03em;
  line-height: 1.6;
}
.p-cp-c006__cta h2 span {
  font-size: clamp(40px, 6.518904824vw, 50px);
  font-weight: 900;
  color: #345887;
}
.p-cp-c006__cta .p-cp-c006__cta__message {
  font-size: 18px;
  margin-bottom: 40px;
}
.p-cp-c006__cta .p-cp-c006__cta__link-mail a {
  font-size: clamp(25px, 3.9113428944vw, 30px);
  background-color: #FF8C00;
  box-shadow: 0 7px 0 #f96e0a;
}
.p-cp-c006__cta .p-cp-c006__cta__link-mail a span {
  left: 50%;
  transform: translateX(-50%);
  color: #FF8C00;
  border: 2px solid #FF8C00;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c006__cta h2 {
    font-size: clamp(37px, 4.649122807vw, 53px);
    margin-bottom: 30px;
  }
  .p-cp-c006__cta h2 span {
    font-size: clamp(40px, 5.2631578947vw, 60px);
  }
  .p-cp-c006__cta .p-cp-c006__cta__message {
    font-size: 25px;
    margin-bottom: 60px;
  }
  .p-cp-c006__cta .p-cp-c006__cta__link-mail a {
    font-size: 32px;
    line-height: 1.2;
    padding: 0 115px 30px 115px;
  }
  .p-cp-c006__cta .p-cp-c006__cta__link-mail a span {
    padding: 5px 10px;
  }
}

/**
 * cp-c008
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-cp-c008__header {
  position: fixed;
  width: 100%;
  height: 70px;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.p-cp-c008__header .p-cp-c008__header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
  font-size: 1.9rem;
  font-weight: bold;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__logo a img {
  width: 90px;
  margin-right: 15px;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__logo a span {
  font-size: 1.8rem;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav {
  display: none;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button {
  display: block;
  position: relative;
  padding-right: 20px;
  width: 30px;
  height: 30px;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 3;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all 0.5s;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button span:nth-child(1) {
  top: 4px;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button span:nth-child(3) {
  bottom: 4px;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button span:nth-child(2) {
  top: 14px;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button.is-open span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button.is-open span:nth-child(2) {
  opacity: 0;
}
.p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button.is-open span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}
@media screen and (min-width: 1320px) {
  .p-cp-c008__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-cp-c008__header .p-cp-c008__header__inner {
    height: 90px;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__logo {
    padding: 0 0 0 20px;
    font-size: 2.2rem;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__logo a img {
    width: clamp(90px, 10.5263157895vw, 120px);
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__logo a span {
    font-size: clamp(16px, 1.7543859649vw, 20px);
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__gnav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__gnav ul li {
    padding: 5px 15px;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__gnav ul li a {
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #333;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__gnav ul li a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
    background: #345887;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__gnav ul li a:hover {
    opacity: 1;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__gnav ul li a:hover::after {
    transform: scale(1, 1);
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__snav {
    display: flex;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__snav .p-cp-c008__header__apply {
    margin-right: 20px;
    margin-left: 15px;
    padding: 7px 20px 8px 20px;
    font-weight: bold;
    color: #FF8C00;
    border: solid 2px #FF8C00;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__nav .p-cp-c008__header__snav .p-cp-c008__header__apply:hover {
    color: #fff;
    opacity: 1;
    background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  }
  .p-cp-c008__header .p-cp-c008__header__inner .p-cp-c008__header__menu-button {
    display: none;
  }
}

/** スマホメニュー */
.p-cp-c008__header__nav-sp {
  width: 100%;
  height: 100%;
  background: #fefefe;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  padding: 70px 0 30px 0;
  transform: translateY(-100%);
  transition: transform 0.5s;
  box-sizing: border-box;
}
.p-cp-c008__header__nav-sp.is-open {
  transform: translateY(0);
}
.p-cp-c008__header__nav-sp .p-cp-c008__header__gnav-sp {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
  padding: 20px;
}
.p-cp-c008__header__nav-sp .p-cp-c008__header__gnav-sp > ul > li > a {
  display: block;
  padding: 10px 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
@media screen and (min-width: 1005px) {
  .p-cp-c008__header__nav-sp {
    display: none;
  }
}

/*=================================
* main
=================================*/
.l-section.p-cp-c008__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-cp-c008__main__visual {
  width: 95%;
  margin: 0 auto;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper {
  margin-bottom: 20px;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title {
  text-align: center;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title h1 {
  margin-bottom: 30px;
  line-height: 1.2;
  font-size: 3.8rem;
  font-weight: 900;
  color: #FF8C00;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title .p-cp-c008__main__visual__sub-title {
  margin-bottom: 25px;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 900;
  color: #345887;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title .p-cp-c008__main__visual__sub-title span {
  font-size: 2.4rem;
  line-height: 1.3;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title .p-cp-c008__main__visual__sub-title span em {
  font-size: 4rem;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image {
  position: relative;
  width: 85%;
  margin: 0 auto;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco {
  position: absolute;
  bottom: 10%;
  left: -4%;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco,
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco:before,
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco:after,
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst,
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst:before {
  position: absolute;
  width: 70px;
  height: 70px;
  background: #dc3545;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco:before {
  content: "";
  transform: rotate(22deg);
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco:after {
  content: "";
  transform: rotate(-22deg);
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst::before {
  content: "";
  transform: rotate(45deg);
  z-index: -1;
}
.p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst p {
  padding: 0.2rem;
  text-align: center;
  line-height: 1;
  font-family: "Arial", sans-serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #fff;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__main__visual {
    max-width: 1140px;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    box-sizing: border-box;
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title {
    margin-bottom: 0;
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title h1 {
    margin-bottom: 35px;
    text-align: left;
    font-size: clamp(45px, 4.8245614035vw, 55px);
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title .p-cp-c008__main__visual__sub-title {
    text-align: left;
    line-height: 1.7;
    font-size: clamp(20px, 2.6315789474vw, 30px);
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title .p-cp-c008__main__visual__sub-title span {
    font-size: clamp(26px, 3.1578947368vw, 36px);
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__title .p-cp-c008__main__visual__sub-title span em {
    font-size: clamp(46px, 4.9122807018vw, 56px);
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image {
    width: 30%;
    margin: 0;
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco {
    left: -25px;
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco,
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco:before,
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__image__deco:after,
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst,
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst:before {
    width: 100px;
    height: 100px;
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst p {
    font-size: 3.2rem;
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__wrapper .p-cp-c008__main__visual__image .p-cp-c008__main__visual__pointburst p span {
    font-size: 3.8rem;
  }
  .p-cp-c008__main__visual .p-cp-c008__main__visual__button .pc-button-03 {
    margin: 0 auto 0 0;
  }
}

/*=================================
* footer
=================================*/
.p-cp-c008__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-cp-c008__footer__menu .p-cp-c008__footer__apply {
  display: block;
  padding: 10px 30px;
  font-size: 1.6rem;
  color: #FF8C00;
  border: solid 2px #FF8C00;
  background: #fff;
  border-radius: 5px;
}
.p-cp-c008__footer__menu .p-cp-c008__footer__apply:hover {
  color: #fff;
  opacity: 1;
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップページ
=================================*/
/*
　キャンペーン対象デザイン
=================================*/
.p-cp-c008__design__title {
  width: 90%;
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 1.4;
}
.p-cp-c008__design__title h2 {
  margin-bottom: 15px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
}
.p-cp-c008__design__title span {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__design__title {
    width: 100%;
    margin: 0 auto 45px auto;
  }
  .p-cp-c008__design__title h2 {
    font-size: 3.4rem;
  }
  .p-cp-c008__design__title span {
    font-size: 2rem;
  }
}

/* デザイン一覧上部 */
.p-cp-c008__design__info__head {
  margin-bottom: 50px;
  text-align: center;
  font-size: 1.6rem;
}
.p-cp-c008__design__info__head .p-cp-c008__design__info__head__main {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-cp-c008__design__info__head .p-cp-c008__design__info__head__main span {
  font-size: 2.2rem;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__design__info__head {
    margin-bottom: 60px;
  }
  .p-cp-c008__design__info__head .p-cp-c008__design__info__head__main {
    font-size: 2.2rem;
  }
  .p-cp-c008__design__info__head .p-cp-c008__design__info__head__main span {
    font-size: 2.6rem;
  }
}

/* デザイン一覧下部 */
.p-cp-c008__design__info__foot {
  margin-top: 30px;
}
.p-cp-c008__design__info__foot .pc-button-03 {
  width: 80%;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__design__info__foot {
    margin-top: 30px;
  }
  .p-cp-c008__design__info__foot .pc-button-03 {
    width: 40%;
  }
}

/*
　育てるホームページ
=================================*/
.l-section.p-cp-c008__grow {
  padding-top: 0;
}

.p-cp-c008__grow .c-title-induction-01 {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__grow .c-title-induction-01 {
    margin-bottom: 80px;
  }
}

.p-cp-c008__grow__head {
  width: 90%;
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 1.4;
}
.p-cp-c008__grow__head h2 {
  margin-bottom: 15px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
}
.p-cp-c008__grow__head .p-cp-c008__grow__intro p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__grow__head {
    width: 100%;
    margin: 0 auto 60px auto;
  }
  .p-cp-c008__grow__head h2 {
    font-size: 3.4rem;
  }
}

.p-cp-c008__grow .pc-step-02 {
  margin-bottom: 80px;
}

.p-cp-c008__grow .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__image img {
  border: solid 1px #ccc;
}
.p-cp-c008__grow .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__image .pc-button-03 {
  width: 100%;
}
.p-cp-c008__grow .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__grow .pc-step-03 .pc-step-03__unit .pc-step-03__unit__body .pc-step-03__unit__body__text .pc-button-03 {
    width: 70%;
    margin: 0 0 0 auto;
  }
}

.p-cp-c008__grow .u-triangle-down {
  border-top: 30px solid #d2ddef;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__grow .u-triangle-down {
    border-top: 50px solid #d2ddef;
  }
}

/*
　選ばれる理由
=================================*/
.p-cp-c008__reason__head {
  width: 90%;
  margin: 0 auto;
}
.p-cp-c008__reason__head h2 {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.4;
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__reason__head {
    width: 100%;
  }
  .p-cp-c008__reason__head h2 {
    margin-bottom: 60px;
    font-size: 3.4rem;
  }
}

.p-cp-c008__reason .pc-point-05 {
  margin-bottom: 80px;
}

.p-cp-c008__reason .pc-point-06 {
  margin-bottom: 50px;
}
.p-cp-c008__reason .p-cp-c008__reason__foot .pc-button-03 {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__reason .pc-point-06 {
    margin-bottom: 80px;
  }
  .p-cp-c008__reason .p-cp-c008__reason__foot .pc-button-03 {
    margin-bottom: 80px;
  }
}

/*
　制作事例
=================================*/
.p-cp-c008__case .pc-case-list-01 {
  width: 90%;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__case .pc-case-list-01 {
    width: 100%;
  }
  .p-cp-c008__case .pc-case-list-01 ul {
    margin-bottom: 0;
  }
  .p-cp-c008__case .pc-case-list-01 ul li {
    width: 30%;
  }
}

/*
　お客様の声
=================================*/
.p-cp-c008__voice__body__example {
  width: 90%;
  margin: 0 auto;
}
.p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit {
  position: relative;
  margin-bottom: 50px;
  background: #fff;
  border: solid 2px #8eaad8;
  border-radius: 8px;
}
.p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit:last-child {
  margin-bottom: 0;
}
.p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__tag {
  position: absolute;
  top: -19px;
  left: 5px;
  display: inline-flex;
  align-items: center;
  background: transparent;
  padding: 0 5px;
}
.p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__tag img {
  display: block;
  width: 25px;
  height: auto;
}
.p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__tag span {
  margin-left: 5px;
  text-shadow: #fff 3px 3px 3px, #fff -3px -3px 3px, #fff -3px 3px 3px, #fff 3px -3px 3px, #fff 3px 0px 3px, #fff -3px 0px 3px, #fff 0px 3px 3px, #fff 0px -3px 3px;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__text {
  padding: 25px 15px;
  font-size: 1.5rem;
}
.p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__text h4 {
  margin-bottom: 10px;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__voice__body__example {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px 8px 0 8px;
  }
  .p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit {
    width: 47%;
    margin-bottom: 65px;
  }
  .p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__tag {
    top: -25px;
    padding: 0 10px;
  }
  .p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__tag img {
    width: 35px;
  }
  .p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__tag span {
    font-size: 1.8rem;
  }
  .p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__text {
    padding: 35px 25px;
    font-size: 1.6rem;
  }
  .p-cp-c008__voice__body__example .p-cp-c008__voice__body__example__unit .p-cp-c008__voice__body__example__unit__text h4 {
    font-size: 1.8rem;
  }
}

/*
　月額費用
=================================*/
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__info {
  margin-bottom: 50px;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__info p {
  text-align: center;
  font-size: 1.8rem;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__info p em {
  font-size: 5rem;
  font-weight: bold;
  color: #ad002d;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__info p span {
  font-size: 3rem;
  font-weight: bold;
  color: #ad002d;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper {
  width: 90%;
  margin: 0 auto;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit {
  margin-bottom: 50px;
  padding: 30px;
  background: #fff;
  border-radius: 5px;
  border: solid 2px #345887;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__head {
  margin-bottom: 30px;
  line-height: 1.5;
  text-align: center;
  font-size: 1.8rem;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__head span {
  font-size: 2.2rem;
  font-weight: bold;
  color: #345887;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body {
  margin-bottom: 30px;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body > div .p-cp-c008__monthly-cost__unit__body__item {
  width: 45%;
  margin-bottom: 25px;
  text-align: center;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body > div .p-cp-c008__monthly-cost__unit__body__item img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto 5px auto;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body > div .p-cp-c008__monthly-cost__unit__body__item span {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body a {
  display: block;
  text-align: center;
  font-size: 1.6rem;
}
.p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__info {
    margin-bottom: 70px;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__info p {
    margin-bottom: 5px;
    font-size: 2.6rem;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__info p em {
    font-size: 6rem;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit {
    display: flex;
    flex-direction: column;
    width: 48%;
    margin-bottom: 0;
    padding: 40px 25px;
    box-sizing: border-box;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__head {
    font-size: 2rem;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__head span {
    font-size: 2.4rem;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body > div {
    margin-bottom: 40px;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body > div .p-cp-c008__monthly-cost__unit__body__item {
    width: 23%;
    margin-bottom: 0;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body > div .p-cp-c008__monthly-cost__unit__body__item img {
    width: 90%;
    margin-bottom: 10px;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .p-cp-c008__monthly-cost__unit__body p {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-cp-c008__monthly-cost .p-cp-c008__monthly-cost__wrapper .p-cp-c008__monthly-cost__unit .pc-button-03 {
    width: 85%;
    margin-top: auto;
  }
}

/*
　制作の流れ
=================================*/
.p-cp-c008__flow__intro p {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__flow__intro p {
    margin-bottom: 30px;
    font-size: 1.8rem;
  }
}

.p-cp-c008__flow .pc-button-03 {
  margin-top: 30px;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__flow .pc-button-03 {
    margin-top: 50px;
  }
}

/*
　お申し込み
=================================*/
.p-cp-c008__apply__info {
  margin-bottom: 20px;
}
.p-cp-c008__apply__info p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c008__apply__info p span {
  font-size: 2.2rem;
  font-weight: 900;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__apply__info {
    margin-bottom: 30px;
  }
  .p-cp-c008__apply__info p {
    font-size: 2rem;
  }
  .p-cp-c008__apply__info p span {
    font-size: 2.6rem;
  }
}

/*
　よくある質問
=================================*/
.p-cp-c008__faq .pc-accordion-menu-01 li .pc-accordion-menu__answer {
  background: #fff;
}

/*
　CTA
=================================*/
.p-cp-c008__cta .pc-contact-01 .pc-contact-01__unit .pc-contact-01__unit__message p {
  margin-bottom: 7px;
}

/*=================================
* デザイン一覧ページ（cp_design）
=================================*/
/* メッセージ */
.p-cp-c008__thumbnail__message {
  margin-bottom: 30px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c008__thumbnail__message {
    margin-bottom: 50px;
    font-size: 2.4rem;
  }
}

/* 注釈 */
.p-cp-c008__thumbnail__note {
  margin-top: 30px;
  text-align: center;
  font-size: 1.6rem;
}
.p-cp-c008__thumbnail__note a {
  font-weight: bold;
}
/*=================================
* デザイン詳細ページ（cp_design-detail）
=================================*/
/* レイアウト */
.cp-design-detail .c-grid .c-grid-col2 img {
  border: solid 1px #e0e0e0;
}
.cp-design-detail .c-grid .c-grid-col2 .c-grid__col--text {
  margin-bottom: 30px;
  line-height: 1.65;
}
.cp-design-detail .c-grid .c-grid-col2 .c-grid__col--text p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .cp-design-detail .c-grid .c-grid-col2 .c-grid__col--text {
    margin-bottom: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  .cp-design-detail .c-title-h3 {
    font-size: 2rem;
  }
}

.cp-design-detail__description {
  font-size: 2rem;
  font-weight: bold;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .cp-design-detail__description {
    font-size: 2.2rem;
  }
}

/* このような方におすすめ */
.cp-design-detail__list {
  margin-bottom: 30px;
}
.cp-design-detail__list ul {
  margin-left: 25px;
}
.cp-design-detail__list ul li {
  position: relative;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.cp-design-detail__list ul li::before {
  content: "\f111";
  position: absolute;
  top: 5px;
  left: -20px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.2rem;
  font-weight: 900;
}
@media print, screen and (min-width: 768px) {
  .cp-design-detail__list {
    margin-bottom: 50px;
  }
}

/* 初期費用 */
.cp-design-detail__price {
  margin-bottom: 50px;
}
.cp-design-detail__price .cp-design-detail__price__regular,
.cp-design-detail__price .cp-design-detail__price__campaign {
  text-align: center;
}
.cp-design-detail__price .cp-design-detail__price__regular h5,
.cp-design-detail__price .cp-design-detail__price__campaign h5 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.8rem;
}
.cp-design-detail__price .cp-design-detail__price__regular .cp-design-detail__price__regular__detail {
  font-size: 2.2rem;
}
.cp-design-detail__price .cp-design-detail__triangle {
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #676767;
}
.cp-design-detail__price .cp-design-detail__price__campaign .cp-design-detail__price__campaign__detail {
  font-size: 1.6rem;
  color: #a60309;
}
.cp-design-detail__price .cp-design-detail__price__campaign .cp-design-detail__price__campaign__detail span {
  display: inline-block;
  margin-right: 15px;
  font-size: 2rem;
  font-weight: bold;
}
.cp-design-detail__price .cp-design-detail__price__campaign .cp-design-detail__price__campaign__detail em {
  display: inline-block;
  font-size: 3rem;
  font-weight: 900;
}
@media print, screen and (min-width: 768px) {
  .cp-design-detail__price {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 80px;
  }
  .cp-design-detail__price .cp-design-detail__triangle {
    width: 0;
    height: 0;
    margin: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #676767;
    border-right: 0;
  }
  .cp-design-detail__price .cp-design-detail__price__campaign .cp-design-detail__price__campaign__detail em {
    font-size: 3.4rem;
  }
}

.cp-design-detail__announce {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 768px) {
  .cp-design-detail__announce {
    margin-bottom: 80px;
  }
  .cp-design-detail__announce .pc-button-03 {
    width: 80%;
  }
}

.cp-design-detail__application p {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .cp-design-detail__application p {
    margin-bottom: 20px;
  }
  .cp-design-detail__application .pc-button-03 {
    width: 80%;
  }
}

/**
 * cp-c009
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
header {
  height: 70px;
}
@media screen and (min-width: 1000px) {
  header {
    height: 70px;
  }
}
@media screen and (min-width: 1100px) {
  header {
    height: 90px;
  }
}

.p-cp-c009__header {
  position: fixed;
  width: 100%;
  height: 70px;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.p-cp-c009__header .p-cp-c009__header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
  font-weight: bold;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo a img {
  width: 90px;
  margin-right: 15px;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo span {
  line-height: 1.4;
  font-size: 1.8rem;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav {
  display: none;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button {
  display: block;
  position: relative;
  padding-right: 20px;
  width: 30px;
  height: 30px;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 3;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all 0.5s;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button span:nth-child(1) {
  top: 4px;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button span:nth-child(3) {
  bottom: 4px;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button span:nth-child(2) {
  top: 14px;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button.is-open span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button.is-open span:nth-child(2) {
  opacity: 0;
}
.p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button.is-open span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}
@media screen and (min-width: 1110px) {
  .p-cp-c009__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-cp-c009__header .p-cp-c009__header__inner {
    height: 90px;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo {
    padding: 0 0 0 20px;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo a img {
    width: 90px;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo span {
    font-size: 1.8rem;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__gnav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__gnav ul li {
    padding: 5px 10px;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__gnav ul li a {
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #333;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__gnav ul li a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
    background: #345887;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__gnav ul li a:hover {
    opacity: 1;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__gnav ul li a:hover::after {
    transform: scale(1, 1);
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__snav {
    display: flex;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__snav .p-cp-c009__header__apply {
    margin-right: 20px;
    margin-left: 15px;
    padding: 7px 20px 8px 20px;
    font-weight: bold;
    color: #FF8C00;
    border: solid 2px #FF8C00;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__snav .p-cp-c009__header__apply:hover {
    color: #fff;
    opacity: 1;
    background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button {
    display: none;
  }
}
@media screen and (min-width: 1260px) {
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo a img {
    width: 120px;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__logo span {
    font-size: 2.2rem;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__nav .p-cp-c009__header__gnav ul li {
    padding: 5px 15px;
  }
  .p-cp-c009__header .p-cp-c009__header__inner .p-cp-c009__header__menu-button {
    display: none;
  }
}

/** スマホメニュー */
.p-cp-c009__header__nav-sp {
  width: 100%;
  height: 100%;
  background: #fefefe;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  padding: 70px 0 30px 0;
  transform: translateY(-100%);
  transition: transform 0.5s;
  box-sizing: border-box;
}
.p-cp-c009__header__nav-sp.is-open {
  transform: translateY(0);
}
.p-cp-c009__header__nav-sp .p-cp-c009__header__gnav-sp {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
  padding: 20px;
}
.p-cp-c009__header__nav-sp .p-cp-c009__header__gnav-sp > ul > li > a {
  display: block;
  padding: 10px 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
@media screen and (min-width: 1005px) {
  .p-cp-c009__header__nav-sp {
    display: none;
  }
}

/*=================================
* main
=================================*/
.l-section.p-cp-c009__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}
@media print, screen and (min-width: 768px) {
  .l-section.p-cp-c009__main {
    padding-bottom: 4rem;
  }
}

.p-cp-c009__main__visual {
  width: 95%;
  margin: 0 auto;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper {
  margin-bottom: 20px;
  text-align: center;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text {
  margin-bottom: 40px;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__title {
  margin-bottom: 15px;
  line-height: 1.2;
  text-align: center;
  font-size: 3.8rem;
  font-weight: 900;
  color: #345887;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__price .p-cp-c009__main__visual__price__text {
  display: inline-block;
  padding: 0 10px;
  font-size: 2.8rem;
  font-weight: 900;
  color: #333;
  background: linear-gradient(transparent 75%, #fff59d 75%);
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__price .p-cp-c009__main__visual__price__text span {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 0 5px;
  font-size: 3.4rem;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__price .p-cp-c009__main__visual__price__text em {
  line-height: 1;
  font-family: "Arial", sans-serif;
  font-size: 7rem;
  color: #e53935;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__image {
  position: relative;
  width: 85%;
  margin: 0 auto 30px auto;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__foot p {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c009__main__visual .p-cp-c009__main__visual__foot .p-cp-c009__main__visual__foot__image {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__main__visual {
    max-width: 1140px;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 45px auto;
    box-sizing: border-box;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text {
    width: 50%;
    margin-bottom: 0;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__title {
    margin-bottom: 20px;
    line-height: 1.3;
    text-align: left;
    font-size: clamp(45px, 4.8245614035vw, 55px);
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__price {
    margin-bottom: 0;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__price::after {
    height: 4em;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__price .p-cp-c009__main__visual__price__text {
    font-size: clamp(30px, 3.5087719298vw, 40px);
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__price .p-cp-c009__main__visual__price__text span {
    padding: 0 0 0 20px;
    font-size: clamp(45px, 4.8245614035vw, 55px);
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__text .p-cp-c009__main__visual__price .p-cp-c009__main__visual__price__text em {
    font-size: clamp(100px, 10.5263157895vw, 120px);
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__wrapper .p-cp-c009__main__visual__image {
    position: relative;
    width: 40%;
    margin: 0 0 0 20px;
    order: 2;
    z-index: 50;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__foot .p-cp-c009__main__visual__foot__wrapper p {
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.8rem;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__foot .p-cp-c009__main__visual__foot__wrapper .pc-button-03 {
    width: 100%;
    margin: 0 auto 0 0;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__foot .p-cp-c009__main__visual__foot__image {
    display: block;
    width: 55%;
    margin: 0 0 0 20px;
  }
  .p-cp-c009__main__visual .p-cp-c009__main__visual__foot .p-cp-c009__main__visual__foot__image img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}

/*=================================
* footer
=================================*/
.p-cp-c009__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-cp-c009__footer__menu .p-cp-c009__footer__apply {
  display: block;
  padding: 10px 30px;
  font-size: 1.6rem;
  color: #FF8C00;
  border: solid 2px #FF8C00;
  background: #fff;
  border-radius: 5px;
}
.p-cp-c009__footer__menu .p-cp-c009__footer__apply:hover {
  color: #fff;
  opacity: 1;
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップページ
=================================*/
/*
　課題～解決策
=================================*/
.p-cp-c009__solution {
  background: #eaf0fa;
}

.p-cp-c009__solution__wrapper {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
  /* 課題部分 */
  /* 誘導部分 */
  /* 解決部分 */
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__head .p-cp-c009__solution__head__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 70%;
  height: auto;
  margin: 0 auto;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__arrow {
  margin-bottom: 36px;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__arrow .u-triangle-down-lg {
  margin: 20px auto;
  border-left: 160px solid transparent;
  border-right: 160px solid transparent;
  border-top: 80px solid #345887;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__arrow .p-cp-c009__solution__arrow__text {
  margin-top: -90px;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__arrow .p-cp-c009__solution__arrow__text p {
  text-align: center;
  text-shadow: #fff 1px 1px 3px, #fff -1px -1px 3px, #fff -1px 1px 3px, #fff 1px -1px 3px, #fff 1px 0px 3px, #fff -1px 0px 3px, #fff 0px 1px 3px, #fff 0px -1px 3px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit {
  display: flex;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 5px;
  border: solid 2px #8eaad8;
  background: #fff;
  box-sizing: border-box;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit:last-child {
  margin-bottom: 0;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__image {
  width: 25%;
  margin-right: 15px;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text {
  width: 75%;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--before .p-cp-c009__solution__label,
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--after .p-cp-c009__solution__label {
  display: inline-block;
  margin-bottom: 3px;
  padding: 2px 15px;
  font-size: 1.4rem;
  border-radius: 50px;
  color: #fff;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--before {
  margin-bottom: 15px;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--before .p-cp-c009__solution__label {
  background: #979797;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--before p {
  color: #686868;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--after .p-cp-c009__solution__label {
  background: #345887;
}
.p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--after p {
  font-size: 2rem;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__solution__wrapper {
    width: 100%;
    padding: 0 8px;
    /* 課題部分 */
    /* 誘導部分 */
    /* 解決部分 */
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__head {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__head .pc-check-list-01--bold {
    margin-bottom: 0;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__head .p-cp-c009__solution__head__image {
    width: 40%;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__head .p-cp-c009__solution__head__image img {
    margin: 0 0 0 auto;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__arrow {
    margin-bottom: 60px;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__arrow .u-triangle-down-lg {
    margin: 30px auto;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__arrow .p-cp-c009__solution__arrow__text p {
    font-size: 2rem;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body {
    max-width: 700px;
    margin: 0 auto;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit {
    align-items: center;
    padding: 20px 30px;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__image {
    width: 25%;
    margin-right: 30px;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text {
    width: 100%;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--before,
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--after {
    display: flex;
    align-items: center;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--before .p-cp-c009__solution__label,
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--after .p-cp-c009__solution__label {
    width: 50px;
    margin-right: 15px;
    margin-bottom: 0;
    padding: 3px 20px 4px 20px;
    text-align: center;
    font-size: 1.6rem;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--before {
    margin-bottom: 20px;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--before p {
    font-size: 1.8rem;
  }
  .p-cp-c009__solution__wrapper .p-cp-c009__solution__body .p-cp-c009__solution__unit .p-cp-c009__solution__text .p-cp-c009__solution__text--after p {
    font-size: 2.2rem;
  }
}

/*
　選べるキャンペーンプラン
=================================*/
.l-section.p-cp-c009__plan {
  padding-top: 0;
}

.p-cp-c009__plan .c-title-induction-01 {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__plan .c-title-induction-01 {
    margin-bottom: 80px;
  }
}

.p-cp-c009__plan .p-cp-c009__plan__info {
  margin: 40px auto 30px auto;
  text-align: center;
}
.p-cp-c009__plan .p-cp-c009__plan__info h3 {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
}
.p-cp-c009__plan .p-cp-c009__plan__info p {
  margin-bottom: 7px;
  font-size: 1.6rem;
}
.p-cp-c009__plan .p-cp-c009__plan__info .p-cp-c009__plan__info__note {
  font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__plan .p-cp-c009__plan__info {
    margin: 60px auto 40px auto;
  }
  .p-cp-c009__plan .p-cp-c009__plan__info h3 {
    margin-bottom: 10px;
    font-size: 3rem;
  }
  .p-cp-c009__plan .p-cp-c009__plan__info p {
    font-size: 2rem;
  }
}

/* プラン詳細 */
.p-cp-c009__plan__detail {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__plan__detail {
    width: 100%;
    padding: 0 8px;
  }
}

.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard {
  margin-bottom: 50px;
  border-radius: 5px;
  border: solid 2px #345887;
  box-sizing: border-box;
  /* デザイン一覧 */
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head {
  position: relative;
  margin-bottom: 10px;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head span,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 14px 8px 12px;
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #fff;
  background: #345887;
  border-radius: 0 0 5px 0;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper {
  padding: 10px 20px 0 65px;
  line-height: 1.5;
  color: #333;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper h3,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper h3 {
  margin-right: 30px;
  margin-bottom: 3px;
  font-size: 2rem;
  font-weight: bold;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper p,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper p {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper p em,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper p em {
  padding: 0 3px;
  line-height: 1;
  font-family: "Arial", sans-serif;
  font-size: 3.2rem;
  font-weight: 900;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body {
  margin-bottom: 25px;
  padding: 0 20px;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body p,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body p {
  margin-bottom: 20px;
  font-size: 1.6rem;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body p span,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body p span {
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__foot,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__foot {
  padding-bottom: 20px;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__foot .pc-thumbnail-12 ul,
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__foot .pc-thumbnail-12 ul {
  gap: 13px;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard {
    margin-bottom: 80px;
    /* デザイン一覧 */
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head {
    margin-bottom: 40px;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head span,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head span {
    padding: 10px 20px;
    font-size: 3.4rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    padding-left: 120px;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper h3,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper h3 {
    margin-bottom: 0;
    font-size: 2.6rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper p,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper p {
    font-size: 2.6rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper p em,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__head .p-cp-c009__plan__detail__head__wrapper p em {
    padding: 0 5px;
    font-size: 4.4rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body {
    margin-bottom: 40px;
    padding: 0 50px;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body p,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body p {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body p span,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body p span {
    font-size: 2.4rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__foot,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__foot {
    padding-bottom: 20px;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__foot .pc-thumbnail-12,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__foot .pc-thumbnail-12 {
    width: 90%;
    margin: 0 auto;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__foot .pc-thumbnail-12 ul,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__foot .pc-thumbnail-12 ul {
    gap: 49px;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__foot .pc-thumbnail-12 ul .pc-thumbnail-12__unit,
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__foot .pc-thumbnail-12 ul .pc-thumbnail-12__unit {
    padding: 6px 10px 0px 10px;
  }
}

/* 特別提供プラン詳細 */
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special {
  position: relative;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__label img {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 27%;
  height: auto;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__tag {
  display: inline-block;
  margin-bottom: 5px;
  padding: 3px 10px;
  font-weight: bold;
  color: #fff;
  border-radius: 0 7px;
  background: #345887;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .pc-list-02 {
  margin-bottom: 0;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__foot .pc-thumbnail-12 .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption--special span {
  font-size: 3.4rem;
  font-weight: 900;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__label img {
    position: absolute;
    top: 15px;
    right: 50px;
    width: 15%;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__tag {
    margin-bottom: 10px;
    padding: 3px 15px;
    font-size: 1.8rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .pc-list-02 ul li {
    margin-bottom: 3px;
    font-size: 1.8rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .pc-list-02 ul li::before {
    top: 6px;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--special .p-cp-c009__plan__detail__foot .pc-thumbnail-12 .pc-thumbnail-12__unit .pc-thumbnail-12__unit__body .pc-thumbnail-12__unit__body__caption .pc-thumbnail-12__unit__body__caption--special span {
    font-size: 4rem;
  }
}

/* 会社案内プラン・地域密着営業サイトプラン */
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard:last-child {
  margin-bottom: 0;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container h4 {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 3px 2px 3px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #345887;
  border-bottom: solid 1px #345887;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container .pc-check-list-03 {
  margin-bottom: 15px;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container .pc-check-list-03 ul li {
  margin-bottom: 0;
}
.p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container .pc-list-02 {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container {
    width: 45%;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container h4 {
    margin-bottom: 5px;
    padding: 0 3px 2px 3px;
    font-size: 1.8rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container .pc-check-list-03 {
    margin-bottom: 0;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container .pc-check-list-03 ul li {
    margin-bottom: 3px;
    font-size: 1.8rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container .pc-list-02 ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container .pc-list-02 ul li {
    width: 50%;
    margin-bottom: 3px;
    font-size: 1.8rem;
  }
  .p-cp-c009__plan__detail .p-cp-c009__plan__detail--standard .p-cp-c009__plan__detail__body .p-cp-c009__plan__detail__body__wrapper .p-cp-c009__plan__detail__body__container .pc-list-02 ul li::before {
    top: 6px;
  }
}

/*
　ホームページ活用研修
=================================*/
.l-section.p-cp-c009__training {
  padding-top: 0;
}

.p-cp-c009__training .c-title-induction-01 {
  margin-bottom: 20px;
}
.p-cp-c009__training .c-title-induction-01 .c-title-induction-01__inner h2 span em {
  color: #ffd800;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__training .c-title-induction-01 {
    margin-bottom: 50px;
  }
  .p-cp-c009__training .c-title-induction-01 .c-title-induction-01__inner {
    padding: 20px 0 15px 0;
  }
  .p-cp-c009__training .c-title-induction-01 .c-title-induction-01__inner h2 {
    line-height: 1.5;
    font-size: clamp(28px, 2.8070175439vw, 32px);
  }
  .p-cp-c009__training .c-title-induction-01 .c-title-induction-01__inner h2 span {
    font-size: clamp(32px, 3.1578947368vw, 36px);
  }
}

.p-cp-c009__training__title {
  width: 95%;
  margin: 0 auto 30px auto;
  box-sizing: border-box;
}
.p-cp-c009__training__title h3 {
  text-align: center;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__training__title {
    width: 100%;
    margin-bottom: 40px;
    padding: 0 8px;
  }
  .p-cp-c009__training__title h3 {
    font-size: 2.4rem;
  }
}

/* 導入 */
.p-cp-c009__training__intro {
  width: 95%;
  margin: 0 auto 50px auto;
  box-sizing: border-box;
}
.p-cp-c009__training__intro .p-cp-c009__training__intro__note {
  position: relative;
  max-width: 240px;
  margin: 0 auto 25px auto;
  padding: 5px 20px 6px 20px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #ffcb05;
  border-radius: 3px;
}
.p-cp-c009__training__intro .p-cp-c009__training__intro__note::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 20px 10px 0 10px;
  border-style: solid;
  border-color: #ffcb05 transparent transparent transparent;
}
.p-cp-c009__training__intro .pc-check-list-02--bold {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.p-cp-c009__training__intro .u-triangle-down-sm, .p-cp-c009__training__intro .u-triangle-down-sm--secondary {
  margin: 20px auto;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #ffcb05;
}
.p-cp-c009__training__intro .p-cp-c009__training__intro__text {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
}
.p-cp-c009__training__intro .p-cp-c009__training__intro__text span {
  color: #FF8C00;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__training__intro {
    width: 100%;
    margin-bottom: 70px;
    padding: 0 8px;
  }
  .p-cp-c009__training__intro .p-cp-c009__training__intro__note {
    max-width: 330px;
    margin: 0 auto 25px auto;
    padding: 7px 30px 9px 30px;
    font-size: 2rem;
  }
  .p-cp-c009__training__intro .p-cp-c009__training__intro__note::before {
    bottom: -13px;
    border-width: 20px 10px 0 10px;
  }
  .p-cp-c009__training__intro .u-triangle-down-sm, .p-cp-c009__training__intro .u-triangle-down-sm--secondary {
    margin: 30px auto;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 35px solid #ffcb05;
  }
  .p-cp-c009__training__intro .p-cp-c009__training__intro__text {
    font-size: 2.4rem;
  }
}

/* 研修内容/研修費用 */
.p-cp-c009__training__detail {
  width: 95%;
  margin: 0 auto 50px auto;
  box-sizing: border-box;
}
.p-cp-c009__training__detail:last-child {
  margin-bottom: 0;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__head {
  margin-bottom: 20px;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__head h4 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 15px 5px 15px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 7px;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__head .p-cp-c009__training__detail__head__wrapper .p-cp-c009__training__detail__head__image {
  width: 70%;
  margin: 10px auto 20px auto;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__head .p-cp-c009__training__detail__head__wrapper .p-cp-c009__training__detail__head__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__head p {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body {
  margin-bottom: 20px;
  /* 研修費用 */
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge {
  display: flex;
  justify-content: space-around;
  align-items: anchor-center;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--basic,
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--special {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--basic span,
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--special span {
  display: block;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--basic em,
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--special em {
  font-family: "Arial", sans-serif;
  font-weight: 900;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--basic {
  width: 100px;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--basic em {
  font-size: 2.8rem;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--special {
  width: 140px;
  color: #ad002d;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--special em {
  font-size: 3.8rem;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge__arrow {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  background-color: #ad002d;
  clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__note {
  text-align: right;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__foot {
  /* 研修内容 */
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__foot p {
  font-size: 1.6rem;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example {
  width: 95%;
  margin: 40px auto 0 auto;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit {
  margin-bottom: 35px;
  border: solid 2px #345887;
  border-radius: 0;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit:last-child {
  margin-bottom: 0;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__text {
  padding: 20px 15px 15px 15px;
}
.p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__text p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__training__detail {
    max-width: 900px;
    margin-bottom: 70px;
    padding: 0 8px;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__head {
    margin-bottom: 30px;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__head h4 {
    margin-bottom: 15px;
    padding: 8px 20px 9px 20px;
    font-size: 2rem;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__head .p-cp-c009__training__detail__head__wrapper {
    display: flex;
    justify-content: space-between;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__head .p-cp-c009__training__detail__head__wrapper .p-cp-c009__training__detail__head__image {
    order: 2;
    width: 30%;
    margin: 0;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__head .p-cp-c009__training__detail__head__wrapper .p-cp-c009__training__detail__head__text {
    order: 1;
    width: 65%;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__head p {
    font-size: 2rem;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body {
    width: 95%;
    margin: 0 auto 30px auto;
    /* 研修内容 */
    /* 研修費用 */
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .u-triangle-down-sm, .p-cp-c009__training__detail .p-cp-c009__training__detail__body .u-triangle-down-sm--secondary {
    margin: 25px auto;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge {
    justify-content: center;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--basic,
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--special {
    font-size: 1.8rem;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--basic {
    width: 150px;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--basic em {
    font-size: 3.8rem;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--special {
    width: 180px;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge--special em {
    font-size: 4.8rem;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__charge .p-cp-c009__training__detail__charge__arrow {
    margin: 0 50px;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__body .p-cp-c009__training__detail__note {
    max-width: 660px;
    font-size: 1.4rem;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__foot {
    width: 95%;
    margin: 0 auto;
    /* 研修内容 */
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__foot p {
    font-size: 1.8rem;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example {
    width: 100%;
    box-sizing: border-box;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit {
    margin-bottom: 0;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__text {
    padding: 30px 20px 20px 20px;
  }
  .p-cp-c009__training__detail .p-cp-c009__training__detail__foot .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__text p {
    font-size: 1.8rem;
  }
}

/*
　初期費用の例
=================================*/
.p-cp-c009__initial-cost {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-cp-c009__initial-cost .c-table-responsive {
  margin-bottom: 20px;
  font-size: 1.6rem;
}
.p-cp-c009__initial-cost .c-table-responsive .c-table {
  margin-bottom: 0;
}
.p-cp-c009__initial-cost .c-table-responsive .c-table th,
.p-cp-c009__initial-cost .c-table-responsive .c-table td {
  border: solid 1px #dcdfe3;
}
.p-cp-c009__initial-cost .c-table-responsive .c-table th {
  text-align: center;
  font-weight: bold;
  color: #345887;
  background: #d9e4ec;
}
.p-cp-c009__initial-cost .c-table-responsive .c-table td {
  background: #fff;
}
.p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__label,
.p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production,
.p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production-training {
  padding: 5px 15px;
  white-space: nowrap;
}
.p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__label {
  font-weight: bold;
}
.p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production,
.p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production-training {
  text-align: right;
}
.p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production .p-cp-c009__initial-cost__num,
.p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production-training .p-cp-c009__initial-cost__num {
  padding: 0 3px;
  font-family: "Arial", sans-serif;
  font-weight: 900;
  font-size: 2.2rem;
}
.p-cp-c009__initial-cost .p-cp-c009__initial-cost__note {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__initial-cost {
    max-width: 800px;
  }
  .p-cp-c009__initial-cost .c-table-responsive {
    margin-bottom: 30px;
    font-size: 1.8rem;
  }
  .p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__label {
    width: 160px;
  }
  .p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production,
  .p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production-training {
    width: 75px;
  }
  .p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production .p-cp-c009__initial-cost__num,
  .p-cp-c009__initial-cost .c-table-responsive .c-table .p-cp-c009__initial-cost__production-training .p-cp-c009__initial-cost__num {
    font-size: 2.4rem;
  }
  .p-cp-c009__initial-cost .p-cp-c009__initial-cost__note {
    font-size: 1.8rem;
  }
}

/*
　月額費用
=================================*/
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__info {
  margin-bottom: 50px;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__info p {
  text-align: center;
  font-size: 1.8rem;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__info p em {
  font-size: 5rem;
  font-weight: bold;
  color: #ad002d;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__info p span {
  font-size: 3rem;
  font-weight: bold;
  color: #ad002d;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper {
  width: 90%;
  margin: 0 auto;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit {
  margin-bottom: 50px;
  padding: 30px;
  background: #fff;
  border-radius: 5px;
  border: solid 2px #345887;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__head {
  margin-bottom: 30px;
  line-height: 1.5;
  text-align: center;
  font-size: 1.8rem;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__head span {
  font-size: 2.2rem;
  font-weight: bold;
  color: #345887;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body {
  margin-bottom: 30px;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body > div .p-cp-c009__monthly-cost__unit__body__item {
  width: 45%;
  margin-bottom: 25px;
  text-align: center;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body > div .p-cp-c009__monthly-cost__unit__body__item img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto 5px auto;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body > div .p-cp-c009__monthly-cost__unit__body__item span {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body a {
  display: block;
  text-align: center;
  font-size: 1.6rem;
}
.p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__info {
    margin-bottom: 70px;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__info p {
    margin-bottom: 5px;
    font-size: 2.6rem;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__info p em {
    font-size: 6rem;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit {
    display: flex;
    flex-direction: column;
    width: 48%;
    margin-bottom: 0;
    padding: 40px 25px;
    box-sizing: border-box;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__head {
    font-size: 2rem;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__head span {
    font-size: 2.4rem;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body > div {
    margin-bottom: 40px;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body > div .p-cp-c009__monthly-cost__unit__body__item {
    width: 23%;
    margin-bottom: 0;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body > div .p-cp-c009__monthly-cost__unit__body__item img {
    width: 90%;
    margin-bottom: 10px;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .p-cp-c009__monthly-cost__unit__body p {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-cp-c009__monthly-cost .p-cp-c009__monthly-cost__wrapper .p-cp-c009__monthly-cost__unit .pc-button-03 {
    width: 85%;
    margin-top: auto;
  }
}

/*
　選ばれる理由
=================================*/
.p-cp-c009__reason {
  background: #eaf0fa;
  /* 選ばれる理由の概要 */
  /* 選ばれる理由の詳細 */
}
.p-cp-c009__reason .p-cp-c009__reason__head {
  width: 90%;
  margin: 0 auto;
}
.p-cp-c009__reason .p-cp-c009__reason__head h2 {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.4;
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
}
.p-cp-c009__reason .pc-point-05 {
  margin-bottom: 80px;
}
.p-cp-c009__reason .pc-point-06 {
  margin-bottom: 50px;
}
.p-cp-c009__reason .p-cp-c009__reason__foot .pc-button-03 {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__reason {
    /* 選ばれる理由の詳細 */
  }
  .p-cp-c009__reason .p-cp-c009__reason__head {
    width: 100%;
  }
  .p-cp-c009__reason .p-cp-c009__reason__head h2 {
    margin-bottom: 60px;
    font-size: 3.4rem;
  }
  .p-cp-c009__reason .pc-point-06 {
    margin-bottom: 80px;
  }
}

/*
　制作事例
=================================*/
.p-cp-c009__case .pc-case-list-01 {
  width: 90%;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__case .pc-case-list-01 {
    width: 100%;
  }
  .p-cp-c009__case .pc-case-list-01 ul {
    margin-bottom: 0;
  }
  .p-cp-c009__case .pc-case-list-01 ul li {
    width: 30%;
  }
}

/*
　お客様の声
=================================*/
.p-cp-c009__voice__body__example {
  width: 90%;
  margin: 0 auto;
}
.p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit {
  position: relative;
  margin-bottom: 50px;
  background: #fff;
  border: solid 2px #8eaad8;
  border-radius: 8px;
}
.p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit:last-child {
  margin-bottom: 0;
}
.p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__tag {
  position: absolute;
  top: -19px;
  left: 5px;
  display: inline-flex;
  align-items: center;
  background: transparent;
  padding: 0 5px;
}
.p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__tag img {
  display: block;
  width: 25px;
  height: auto;
}
.p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__tag span {
  margin-left: 5px;
  text-shadow: #fff 3px 3px 3px, #fff -3px -3px 3px, #fff -3px 3px 3px, #fff 3px -3px 3px, #fff 3px 0px 3px, #fff -3px 0px 3px, #fff 0px 3px 3px, #fff 0px -3px 3px;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__text {
  padding: 25px 15px;
  font-size: 1.5rem;
}
.p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__text h4 {
  margin-bottom: 10px;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__voice__body__example {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px 8px 0 8px;
  }
  .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit {
    width: 47%;
    margin-bottom: 65px;
  }
  .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__tag {
    top: -25px;
    padding: 0 10px;
  }
  .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__tag img {
    width: 35px;
  }
  .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__tag span {
    font-size: 1.8rem;
  }
  .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__text {
    padding: 35px 25px;
    font-size: 1.6rem;
  }
  .p-cp-c009__voice__body__example .p-cp-c009__voice__body__example__unit .p-cp-c009__voice__body__example__unit__text h4 {
    font-size: 1.8rem;
  }
}

/*
　制作の流れ
=================================*/
.p-cp-c009__flow .pc-flow-summary-02 {
  margin-bottom: 30px;
}
.p-cp-c009__flow .pc-button-03 {
  margin-top: 30px;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__flow .pc-button-03 {
    margin-top: 50px;
  }
}

/*
　お申し込み
=================================*/
.p-cp-c009__apply__info {
  margin-bottom: 20px;
}
.p-cp-c009__apply__info p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-cp-c009__apply__info p span {
  font-size: 2.2rem;
  font-weight: 900;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__apply__info {
    margin-bottom: 30px;
  }
  .p-cp-c009__apply__info p {
    font-size: 2rem;
  }
  .p-cp-c009__apply__info p span {
    font-size: 2.6rem;
  }
}

/*
　よくある質問
=================================*/
.p-cp-c009__faq .pc-accordion-menu-01 li .pc-accordion-menu__answer {
  background: #fff;
}

/*=================================
* デザイン一覧ページ（cp_design）
=================================*/
/* お知らせ */
.p-cp-c009__thumbnail__announce {
  width: 95%;
  margin: 0 auto 10px auto;
  box-sizing: border-box;
}
.p-cp-c009__thumbnail__announce .p-cp-c009__thumbnail__announce__text {
  margin-bottom: 15px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-cp-c009__thumbnail__announce .p-cp-c009__thumbnail__announce__note {
  text-align: right;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__thumbnail__announce {
    width: 100%;
    padding: 0 8px;
  }
  .p-cp-c009__thumbnail__announce .p-cp-c009__thumbnail__announce__text {
    margin-bottom: 50px;
    font-size: 2.4rem;
  }
}

.p-cp-c009__thumbnail__note {
  margin-top: 30px;
  text-align: center;
  font-size: 1.6rem;
}
.p-cp-c009__thumbnail__note a {
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009__thumbnail__note {
    margin-top: 80px;
  }
}

/*=================================
* デザイン詳細ページ（cp_design-detail）
=================================*/
/* レイアウト */
.p-cp-c009-design-detail .c-grid .c-grid-col2 img {
  border: solid 1px #e0e0e0;
}
.p-cp-c009-design-detail .c-grid .c-grid-col2 .c-grid__col--text {
  margin-bottom: 30px;
  line-height: 1.65;
}
.p-cp-c009-design-detail .c-grid .c-grid-col2 .c-grid__col--text p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009-design-detail .c-grid .c-grid-col2 .c-grid__col--text {
    margin-bottom: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  .p-cp-c009-design-detail .c-title-h3 {
    font-size: 2rem;
  }
}

.p-cp-c009-design-detail__description {
  font-size: 2rem;
  font-weight: bold;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009-design-detail__description {
    font-size: 2.2rem;
  }
}

/* このような方におすすめ */
.p-cp-c009-design-detail__list {
  margin-bottom: 30px;
}
.p-cp-c009-design-detail__list ul {
  margin-left: 25px;
}
.p-cp-c009-design-detail__list ul li {
  position: relative;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.p-cp-c009-design-detail__list ul li::before {
  content: "\f111";
  position: absolute;
  top: 5px;
  left: -20px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.2rem;
  font-weight: 900;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009-design-detail__list {
    margin-bottom: 50px;
  }
}

/* 初期費用 */
.p-cp-c009-design-detail__price {
  margin-bottom: 50px;
}
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__price__regular,
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__price__campaign {
  text-align: center;
}
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__price__regular h5,
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__price__campaign h5 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.8rem;
}
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__price__regular .p-cp-c009-design-detail__price__regular__detail {
  font-family: "Arial", sans-serif;
  font-size: 2.2rem;
}
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__triangle {
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #676767;
}
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__price__campaign .p-cp-c009-design-detail__price__campaign__detail {
  font-size: 1.6rem;
  color: #a60309;
}
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__price__campaign .p-cp-c009-design-detail__price__campaign__detail em {
  display: inline-block;
  font-family: "Arial", sans-serif;
  font-size: 3rem;
  font-weight: 900;
}
.p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__note {
  width: 90%;
  margin: 0 auto;
  text-align: right;
  font-size: 1.4rem;
  box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009-design-detail__price {
    margin-bottom: 80px;
  }
  .p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 5px;
  }
  .p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__triangle {
    width: 0;
    height: 0;
    margin: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #676767;
    border-right: 0;
  }
  .p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__wrapper .p-cp-c009-design-detail__price__campaign .p-cp-c009-design-detail__price__campaign__detail em {
    font-size: 3.4rem;
  }
  .p-cp-c009-design-detail__price .p-cp-c009-design-detail__price__note {
    width: 100%;
  }
}

.p-cp-c009-design-detail__announce {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009-design-detail__announce {
    margin-bottom: 80px;
  }
  .p-cp-c009-design-detail__announce .pc-button-03 {
    width: 80%;
  }
}

.p-cp-c009-design-detail__application p {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp-c009-design-detail__application p {
    margin-bottom: 20px;
  }
  .p-cp-c009-design-detail__application .pc-button-03 {
    width: 80%;
  }
}

/**
 * small-layout
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　詳細
=================================*/
.p-cp-layout {
  width: 90%;
  margin: 0 auto;
}
.p-cp-layout .c-grid-col2 img {
  border: solid 1px #ccc;
}
.p-cp-layout .c-grid__col--text {
  margin-bottom: 50px;
}
.p-cp-layout .c-grid__col--text p {
  font-size: 1.6rem;
}
.p-cp-layout .p-cp-layout__keyword {
  margin-bottom: 50px;
}
.p-cp-layout .p-cp-layout__keyword .p-cp-layout__keyword__list {
  margin-bottom: 20px;
}
.p-cp-layout .p-cp-layout__keyword .p-cp-layout__keyword__list li {
  font-size: 1.6rem;
}
.p-cp-layout .p-cp-layout__keyword .p-cp-layout__keyword__example {
  margin-left: 20px;
  font-size: 1.6rem;
}
.p-cp-layout .p-cp-layout__keyword .p-cp-layout__keyword__example .p-cp-layout__keyword__example__text {
  display: inline-block;
  border: solid 1px #333;
  padding-left: 10px;
}
.p-cp-layout .p-cp-layout__keyword .p-cp-layout__keyword__example .p-cp-layout__keyword__example__text i {
  margin-left: 30px;
  padding: 7px;
  color: #fff;
  background-color: #333;
}
.p-cp-layout .p-cp-layout__list {
  margin-bottom: 50px;
}
.p-cp-layout .p-cp-layout__list li {
  font-size: 1.6rem;
}
.p-cp-layout .p-cp-layout__initial {
  margin-bottom: 50px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 2rem;
}
.p-cp-layout .p-cp-layout__initial .p-cp-layout__initial__price {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  background-image: linear-gradient(transparent 12px, #a60309 0, #a60309 14px, transparent 0, transparent 17px, #a60309 0, #a60309 19px, transparent 0);
}
.p-cp-layout .p-cp-layout__initial .p-cp-layout__initial__special-price {
  color: #a60309;
}
.p-cp-layout .p-cp-layout__initial .p-cp-layout__initial__special-price span {
  font-size: 3.2rem;
}
.p-cp-layout .p-cp-layout__initial .p-cp-layout__initial__special-price b {
  color: #333;
}
.p-cp-layout .p-cp-layout__demosite .pc-button-03 {
  width: 100%;
}
.p-cp-layout .c-title, .p-cp-layout .c-title--border {
  margin-bottom: 30px;
}
.p-cp-layout .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-cp-layout .c-grid__col--text p {
    font-size: 1.8rem;
  }
  .p-cp-layout .p-cp-layout__keyword .p-cp-layout__keyword__list ul {
    font-size: 1.8rem;
  }
  .p-cp-layout .p-cp-layout__keyword .p-cp-layout__keyword__example p {
    font-size: 1.8rem;
  }
  .p-cp-layout .p-cp-layout__list li {
    font-size: 1.8rem;
  }
  .p-cp-layout .p-cp-layout__initial {
    margin-bottom: 80px;
  }
  .p-cp-layout .p-cp-layout__initial .p-cp-layout__initial__special-price span {
    font-size: 3.6rem;
  }
  .p-cp-layout .p-cp-layout__demosite .pc-button-03 {
    width: 80%;
  }
  .p-cp-layout .c-title, .p-cp-layout .c-title--border {
    margin-bottom: 30px;
    font-size: 2.8rem;
  }
  .p-cp-layout .pc-button-03 {
    width: 50%;
  }
}

/**
 * small-select
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　詳細
=================================*/
.p-cp-small-select {
  counter-reset: num;
}

/*
　サムネイルリスト
=================================*/
.p-cp__thumbnail {
  counter-reset: num;
}

.p-cp__thumbnail__caption {
  text-align: center;
}
.p-cp__thumbnail__caption h3 {
  position: relative;
  margin: 20px auto 30px auto;
  line-height: 1.4;
  font-size: 2rem;
  font-weight: bold;
  color: #345887;
}
.p-cp__thumbnail__caption h3::after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  left: calc(50% - 30px);
  bottom: -10px;
  border: solid 2px #345887;
}
.p-cp__thumbnail__caption p {
  margin-bottom: 30px;
  font-size: 1.9rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp__thumbnail__caption h3 {
    margin-bottom: 50px;
    font-size: 2.8rem;
  }
  .p-cp__thumbnail__caption p {
    margin-bottom: 50px;
    font-size: 2.4rem;
  }
}

.p-cp__thumbnail__block ul li {
  width: 90%;
  margin: 0 auto 80px auto;
  text-align: center;
  background-color: #FFF;
  box-shadow: 0 0 10px 5px rgba(118, 118, 118, 0.6);
}
.p-cp__thumbnail__block ul li:last-child {
  margin-bottom: 50px;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__title {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 65px;
  margin-bottom: 0;
  padding: 10px 10px 10px 50px;
  border-bottom: solid 1px #ccc;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__title .p-cp__thumbnail__no {
  position: absolute;
  top: -10px;
  left: -10px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  background: #345887;
  color: #fff;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__title .p-cp__thumbnail__no::before {
  counter-increment: num;
  content: counter(num);
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__title h2 {
  text-align: left;
  font-size: 2.2rem;
  font-weight: bold;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__image {
  width: 100%;
  border-bottom: solid 1px #CCCCCC;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__text {
  padding: 20px 10px 0px 10px;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__text .p-cp__thumbnail__setprice {
  display: inline-block;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: bold;
  background-image: linear-gradient(transparent 15px, #a60309 0, #a60309 17px, transparent 0, transparent 22px, #a60309 0, #a60309 24px, transparent 0);
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__text .p-cp__thumbnail__markdown__title {
  font-size: 2rem;
  font-weight: bold;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__text .p-cp__thumbnail__markdown {
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: bold;
  color: #a60309;
}
.p-cp__thumbnail__block ul li .p-cp__thumbnail__text .p-cp__thumbnail__markdown span {
  font-size: 3.2rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp__thumbnail__block ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .p-cp__thumbnail__block ul li {
    width: 29%;
  }
  .p-cp__thumbnail__block ul li:last-child {
    margin-bottom: 80px;
  }
}

.p-cp__thumbnail__check-list {
  margin-bottom: 3rem;
}
@media print, screen and (min-width: 768px) {
  .p-cp__thumbnail__check-list {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (min-width: 768px) {
  .p-cp__thumbnail__button {
    text-align: center;
  }
}

.p-cp__thumbnail .pc-entry-button__bubble--orange {
  padding: 30px 50px 25px 50px;
}
.p-cp__thumbnail .pc-entry-button__bubble--orange span {
  top: -30px;
}
@media print, screen and (min-width: 768px) {
  .p-cp__thumbnail .pc-entry-button__bubble--orange {
    padding: 40px 100px 30px 100px;
  }
}

/**
 * cp-tpl
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　デザインリスト
=================================*/
.p-cp-tpl__list ul li {
  margin-bottom: 80px;
}
.p-cp-tpl__list ul li a {
  display: block;
  margin-bottom: 30px;
}
.p-cp-tpl__list ul li a .p-cp-tpl__list__image img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.p-cp-tpl__list ul li .p-cp-tpl__list__normal-price {
  margin-bottom: 10px;
  text-align: center;
  text-decoration: line-through;
  font-size: 1.8rem;
}
.p-cp-tpl__list ul li .p-cp-tpl__list__price {
  text-align: center;
  font-size: 1.4rem;
}
.p-cp-tpl__list ul li .p-cp-tpl__list__price__label {
  display: inline-block;
  margin-right: 10px;
  padding: 1px 3px;
  color: #dc3545;
  font-weight: bold;
  border: solid 1px #dc3545;
}
.p-cp-tpl__list ul li .p-cp-tpl__list__price__number {
  font-size: 2.4rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-cp-tpl__list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
  }
  .p-cp-tpl__list ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .p-cp-tpl__list ul li {
    width: 30%;
    margin-bottom: 60px;
  }
}

/**
 * design-list
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　リード文
=================================*/
.p-design-list__lead {
  margin-bottom: 30px;
}
.p-design-list__lead p {
  text-align: center;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-design-list__lead {
    margin-bottom: 45px;
  }
  .p-design-list__lead p {
    font-size: 2rem;
  }
}

/**
 * design-sample
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　レイアウトを選択
=================================*/
.p-design-sample__category__block .p-design-sample__category__text {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.6rem;
}
.p-design-sample__category__block .p-design-sample__category__text span {
  font-size: 2rem;
}
.p-design-sample__category__block .p-design-sample__category__list {
  margin-bottom: 20px;
}
.p-design-sample__category__block .p-design-sample__category__list li a {
  display: block;
  position: relative;
  padding: 10px 20px 10px 10px;
  text-decoration: none;
  font-size: 1.6rem;
  color: #333;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  border-left: solid 1px #333;
}
.p-design-sample__category__block .p-design-sample__category__list li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #7f7f7f;
  border-right: solid 2px #7f7f7f;
  transform: rotate(45deg);
}
.p-design-sample__category__block .p-design-sample__category__list li:last-child {
  border-bottom: solid 1px #333;
}
@media print, screen and (min-width: 768px) {
  .p-design-sample__category__block .p-design-sample__category__text {
    margin-bottom: 30px;
    font-size: 2rem;
  }
  .p-design-sample__category__block .p-design-sample__category__text span {
    font-size: 2.4rem;
  }
  .p-design-sample__category__block .p-design-sample__category__list ul {
    display: flex;
    justify-content: space-evenly;
    width: 700px;
    margin: 0 auto;
  }
  .p-design-sample__category__block .p-design-sample__category__list ul li a {
    padding: 10px 40px;
    border-bottom: solid 1px #333;
  }
  .p-design-sample__category__block .p-design-sample__category__list ul li a::after {
    margin-top: -6px;
    border-top: none;
    border-bottom: solid 2px #7f7f7f;
  }
  .p-design-sample__category__block .p-design-sample__category__list ul li a:hover {
    border-color: #247abe;
    color: #ffffff;
    background-color: #247abe;
  }
  .p-design-sample__category__block .p-design-sample__category__list ul li a:hover::after {
    border-right: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
  }
  .p-design-sample__category__block .p-design-sample__category__list ul li:last-child {
    border-bottom: none;
  }
}

/*
　レイアウトリスト
=================================*/
.p-design-sample__list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-design-sample__list ul::after {
  content: "";
  display: block;
  width: 45%;
}
.p-design-sample__list ul li {
  width: 45%;
  margin-bottom: 30px;
}
.p-design-sample__list ul li .p-design-sample__list__image {
  position: relative;
}
.p-design-sample__list ul li .p-design-sample__list__image a {
  display: block;
  text-align: center;
}
.p-design-sample__list ul li .p-design-sample__list__image a .p-design-sample__list__image__text {
  position: absolute;
  display: block;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 5px 20px;
  color: #ffffff;
  background-color: #565656;
  border-radius: 20px;
  opacity: 0.8;
}
.p-design-sample__list ul li .p-design-sample__list__image a img {
  margin-bottom: 15px;
}
.p-design-sample__list ul li .p-design-sample__list__tag {
  margin-bottom: 5px;
}
.p-design-sample__list ul li .p-design-sample__list__tag .c-label--info,
.p-design-sample__list ul li .p-design-sample__list__tag .c-label--warning,
.p-design-sample__list ul li .p-design-sample__list__tag .c-label--success,
.p-design-sample__list ul li .p-design-sample__list__tag .c-label--primary {
  padding: 3px 7px;
}
@media print, screen and (min-width: 768px) {
  .p-design-sample__list ul {
    padding: 0;
  }
  .p-design-sample__list ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .p-design-sample__list ul li {
    width: 30%;
    margin-bottom: 50px;
  }
  .p-design-sample__list ul li .p-design-sample__list__image a .p-design-sample__list__image__text {
    display: none;
  }
  .p-design-sample__list ul li .p-design-sample__list__image a:hover .p-design-sample__list__image__text {
    display: block;
    opacity: 1;
  }
  .p-design-sample__list ul li .p-design-sample__list__tag {
    margin-bottom: 10px;
  }
}

/**
 * document-request
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　資料請求タイトル
=================================*/
.p-document-request__title h2 {
  position: relative;
  margin-bottom: 30px;
  padding: 10px 10px 13px 85px;
  font-size: 2.2rem;
  font-weight: bold;
  background: #eaf0fa;
}
.p-document-request__title h2 span {
  position: absolute;
  top: -10px;
  left: 20px;
  display: inline-block;
  width: 44px;
  height: 10px;
  text-align: center;
  background: #8eaad8;
}
.p-document-request__title h2 span::before, .p-document-request__title h2 span::after {
  position: absolute;
  content: "";
}
.p-document-request__title h2 span::before {
  right: -10px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #8eaad8;
}
.p-document-request__title h2 span::after {
  top: 50%;
  left: 0;
  display: block;
  height: 50%;
  border: 22px solid #8eaad8;
  border-bottom-width: 15px;
  border-bottom-color: transparent;
}
@media print, screen and (min-width: 768px) {
  .p-document-request__title {
    padding: 0 8px;
  }
  .p-document-request__title h2 {
    margin-bottom: 50px;
    padding: 11px 10px 15px 90px;
    font-size: 2.6rem;
  }
  .p-document-request__title h2 span {
    width: 50px;
    height: 15px;
  }
  .p-document-request__title h2 span::after {
    border: 25px solid #8eaad8;
    border-bottom-width: 15px;
    border-bottom-color: transparent;
  }
}

/*
　内容
================================*/
.p-document-request__content .p-document-request__content__title {
  margin-bottom: 20px;
}
.p-document-request__content .p-document-request__content__title span {
  position: relative;
  display: inline-block;
  margin-bottom: 13px;
  padding: 6px 15px 7px 15px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #0065c0;
  border-radius: 7px;
}
.p-document-request__content .p-document-request__content__title span::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #0065c0 transparent transparent transparent;
}
.p-document-request__content .p-document-request__content__title h3 {
  font-size: 2rem;
  font-weight: bold;
}
.p-document-request__content .p-document-request__wrapper .p-document-request__detail .p-document-request__detail__image {
  position: relative;
  height: 0;
  width: 100%;
  margin: 0 0 25px;
  padding-bottom: 55.25%;
  border: 1px solid #ddd;
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
}
.p-document-request__content .p-document-request__wrapper .p-document-request__detail .p-document-request__detail__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-document-request__content .p-document-request__wrapper .p-document-request__detail .p-document-request__detail__text p {
  margin-bottom: 15px;
  line-height: 1.7;
  font-size: 1.6rem;
}
.p-document-request__content .p-document-request__wrapper .p-document-request__detail .p-document-request__detail__text p span {
  font-weight: bold;
}
.p-document-request__content .p-document-request__wrapper .p-document-request__detail .p-document-request__detail__text .pc-check-list-03 p {
  margin-bottom: 3px;
  font-weight: bold;
}
.p-document-request__content .p-document-request__wrapper .p-document-request__registration .p-document-request__inner {
  padding: 30px 20px 20px 20px;
  background: #fff;
  border-radius: 10px;
}
@media print, screen and (min-width: 768px) {
  .p-document-request__content {
    padding: 0 8px;
  }
  .p-document-request__content .p-document-request__content__title {
    margin-bottom: 30px;
  }
  .p-document-request__content .p-document-request__content__title span {
    margin-bottom: 13px;
    padding: 7px 20px;
    font-size: 2rem;
  }
  .p-document-request__content .p-document-request__content__title span::after {
    bottom: -8px;
    left: 17px;
    border-width: 10px 9px 0 9px;
  }
  .p-document-request__content .p-document-request__content__title h3 {
    font-size: 2.4rem;
  }
  .p-document-request__content .p-document-request__wrapper {
    display: flex;
    justify-content: space-between;
  }
  .p-document-request__content .p-document-request__wrapper .p-document-request__detail {
    width: 50%;
  }
  .p-document-request__content .p-document-request__wrapper .p-document-request__detail .p-document-request__detail__text .pc-check-list-03 {
    display: block;
  }
  .p-document-request__content .p-document-request__wrapper .p-document-request__detail .p-document-request__detail__text .pc-check-list-03 p {
    font-size: 1.8rem;
  }
  .p-document-request__content .p-document-request__wrapper .p-document-request__registration {
    width: 45%;
  }
  .p-document-request__content .p-document-request__wrapper .p-document-request__registration .p-document-request__inner {
    padding: 30px 25px 20px 25px;
  }
}

/**
 * guide
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　目次
=================================*/
.p-guide__toc {
  padding: 20px 10px;
}
.p-guide__toc .p-guide__toc__inner {
  padding: 15px 5px 0 5px;
  border: solid 1px #d3d3d3;
}
.p-guide__toc .p-guide__toc__inner .p-guide__toc__title {
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: solid 2px #5e5e5e;
}
.p-guide__toc .p-guide__toc__inner .p-guide__toc__list {
  padding: 10px;
}
.p-guide__toc .p-guide__toc__inner .p-guide__toc__list > li {
  margin-bottom: 15px;
  margin-left: 20px;
  list-style: auto;
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.p-guide__toc .p-guide__toc__inner .p-guide__toc__list > li > a {
  padding-bottom: 1px;
  color: #345887;
  border-bottom: solid 1px #345887;
}
.p-guide__toc .p-guide__toc__inner .p-guide__toc__list > li .p-guide__toc__list__child > li {
  margin: 3px 10px 5px 20px;
  list-style: auto;
  color: #333;
  font-weight: normal;
}
.p-guide__toc .p-guide__toc__inner .p-guide__toc__list > li .p-guide__toc__list__child > li a {
  display: inline;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  border-bottom: solid 1px #333;
}
@media screen and (min-width: 768px) {
  .p-guide__toc {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px 50px;
  }
  .p-guide__toc .p-guide__toc__inner {
    padding: 30px 40px;
  }
  .p-guide__toc .p-guide__toc__inner .p-guide__toc__title {
    font-size: 2rem;
  }
  .p-guide__toc .p-guide__toc__inner .p-guide__toc__list {
    padding: 10px 20px;
  }
  .p-guide__toc .p-guide__toc__inner .p-guide__toc__list > li {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-guide__toc .p-guide__toc__inner .p-guide__toc__list > li .p-guide__toc__list__child > li {
    margin: 7px 10px 7px 30px;
    font-size: 1.6rem;
  }
}

/*
　追従ボタン
=================================*/
.p-guide__follow-button {
  background: #03967a;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  bottom: 20px;
  right: -100%;
  z-index: 20000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition-duration: 0.5s;
}
.p-guide__follow-button.is-show {
  right: 16px;
}
.p-guide__follow-button a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.7;
}
.p-guide__follow-button a:hover {
  opacity: 1;
}
.p-guide__follow-button a i {
  font-size: 26px;
}
@media print, screen and (min-width: 768px) {
  .p-guide__follow-button {
    bottom: 60px;
  }
}

/**
 * index
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* main-visual
=================================*/
.l-main-visual {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.l-main-visual__inner {
  margin: 0 auto;
  padding: 0 10px;
}
.l-main-visual__inner .l-main-visual__sub-title {
  padding: 0 10px;
}
.l-main-visual__inner .l-main-visual__sub-title li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 5px 18px 6px 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  border-radius: 50px;
  background-image: linear-gradient(90deg, #0065c0 0%, #2cd8e1 100%);
}
.l-main-visual__inner .l-main-visual__title {
  margin-bottom: 30px;
}
.l-main-visual__inner .l-main-visual__title h1 {
  text-align: center;
  font-size: 3.1rem;
  font-weight: 900;
  color: #345887;
}
.l-main-visual__inner .l-main-visual__title p {
  padding: 0 0 15px 0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
}
.l-main-visual__inner .l-main-visual__image img {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .l-main-visual__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1140px;
    padding: 20px 10px;
  }
  .l-main-visual__inner > div .l-main-visual__sub-title {
    padding: 0;
  }
  .l-main-visual__inner > div .l-main-visual__sub-title li {
    display: inline-block;
    margin-right: 20px;
    padding: 5px 30px 7px 30px;
    font-size: 2.4rem;
  }
  .l-main-visual__inner > div .l-main-visual__title {
    margin-bottom: 0;
  }
  .l-main-visual__inner > div .l-main-visual__title h1 {
    text-align: left;
    line-height: 1.2;
    font-size: 5rem;
  }
  .l-main-visual__inner > div .l-main-visual__title p {
    padding: 0 0 20px 0;
    text-align: left;
    font-size: 3rem;
  }
  .l-main-visual__inner .l-main-visual__image {
    width: 40%;
    margin: 0;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　物件ギャラリー
=================================*/
.p-estate-gallery {
  margin-bottom: 50px;
  overflow: hidden;
}
.p-estate-gallery ul {
  display: flex;
}
.p-estate-gallery li {
  margin-right: 30px;
  padding: 10px 0;
}

.p-estate-gallery__estate {
  display: flex;
  width: 250px;
  border-radius: 8px;
  box-shadow: 0 2px 7px 1px rgba(118, 118, 118, 0.3);
}
.p-estate-gallery__estate img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 80px;
  height: 80px;
  border-radius: 8px 0 0 8px;
}
.p-estate-gallery__estate .p-estate-gallery__info {
  padding: 8px;
  font-size: 14px;
}
.p-estate-gallery__estate .p-estate-gallery__info p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/*
　導入
=================================*/
.p-announce {
  margin: 0 auto 50px auto;
}
.p-announce .p-announce__body {
  margin-bottom: 50px;
  padding: 13px 10px 20px 10px;
  background: #345887;
}
.p-announce .p-announce__body p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}
.p-announce .p-announce__body p em {
  font-size: 2.6rem;
  font-weight: 900;
  color: #ffd800;
}
.p-announce .p-announce__body p span {
  color: #ffd800;
}
.p-announce .p-announce__action {
  text-align: center;
}
.p-announce .p-announce__action p {
  margin-bottom: 20px;
  line-height: 1.75;
  font-size: 1.6rem;
}
.p-announce .p-announce__action p span {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-announce .p-announce__action p em {
  font-size: 2rem;
  font-weight: 900;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-announce {
    margin: 0 auto 80px auto;
    padding: 0 8px;
  }
  .p-announce .p-announce__body {
    margin-bottom: 80px;
    padding: 15px 10px 22px 10px;
  }
  .p-announce .p-announce__body p {
    font-size: 2.8rem;
  }
  .p-announce .p-announce__body p em {
    font-size: 3.8rem;
  }
  .p-announce .p-announce__action {
    text-align: center;
  }
  .p-announce .p-announce__action p {
    margin-bottom: 50px;
    font-size: 2rem;
  }
  .p-announce .p-announce__action p span {
    font-size: 2.4rem;
  }
  .p-announce .p-announce__action p em {
    font-size: 2.8rem;
  }
}

/* キャンペーンページへの誘導バナー */
.p-banner {
  width: 90%;
  margin: 0 auto 5rem;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
}
.p-banner a {
  position: relative;
  display: block;
  padding: 20px;
  border: 2px solid #345887;
  border-radius: 10px;
  text-align: center;
  background: #edf6ff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.p-banner a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  pointer-events: none;
}
.p-banner a:hover {
  opacity: 1;
  transform: translateY(-2px);
  background: #d4eafd;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}
.p-banner a:focus-visible {
  outline: 3px solid rgba(52, 88, 135, 0.35);
  outline-offset: 3px;
}
.p-banner a .p-banner__wrapper .p-banner__text p {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 10px 4px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  background: #005bac;
  border-radius: 5px;
}
.p-banner a .p-banner__wrapper .p-banner__text p span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}
.p-banner a .p-banner__wrapper .p-banner__text h2 {
  margin: 10px 0 14px;
  font-size: 2.6rem;
  font-weight: 900;
  color: #222;
  letter-spacing: 0.01em;
  line-height: 1.3;
}
.p-banner a .p-banner__wrapper .p-banner__text .p-banner__text__button {
  display: none;
}
.p-banner a .p-banner__wrapper .p-banner__image {
  width: 80%;
  margin: 0 auto 15px auto;
}
.p-banner a .p-banner__wrapper .p-banner__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12));
}
.p-banner a .p-banner__button {
  display: inline-block;
  padding: 8px 18px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #ff6b00;
  border-radius: 3px;
}
@media print, screen and (min-width: 768px) {
  .p-banner {
    max-width: 825px;
    margin: 0 auto 8rem;
  }
  .p-banner a {
    padding: 20px 30px;
  }
  .p-banner a .p-banner__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
  }
  .p-banner a .p-banner__wrapper .p-banner__text {
    width: 63%;
    text-align: left;
  }
  .p-banner a .p-banner__wrapper .p-banner__text p {
    margin-bottom: 14px;
    padding: 2px 12px 4px;
    font-size: 1.8rem;
  }
  .p-banner a .p-banner__wrapper .p-banner__text p span {
    font-size: 2.8rem;
  }
  .p-banner a .p-banner__wrapper .p-banner__text h2 {
    margin-bottom: 18px;
    font-size: 2.8rem;
  }
  .p-banner a .p-banner__wrapper .p-banner__text .p-banner__text__button {
    display: inline-block;
    padding: 8px 18px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    background: #FF6B00;
    border-radius: 3px;
  }
  .p-banner a .p-banner__wrapper .p-banner__image {
    width: 31%;
    margin: 0;
  }
  .p-banner a .p-banner__button {
    display: none;
  }
}

/*
　動機づけ
=================================*/
@media print, screen and (min-width: 768px) {
  .p-trouble {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 8px;
  }
}

.p-trouble__list {
  margin-bottom: 35px;
}
.p-trouble__list .p-trouble--question,
.p-trouble__list .p-trouble--answer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.p-trouble__list .p-trouble--question img,
.p-trouble__list .p-trouble--answer img {
  width: 100px;
  height: auto;
}
.p-trouble__list .p-trouble--question .p-trouble__balloon--question {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 15px 0 15px 15px;
  padding: 10px;
  font-weight: bold;
  background: #e0e0e0;
  border-radius: 10px;
}
.p-trouble__list .p-trouble--question .p-trouble__balloon--question::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #e0e0e0;
}
.p-trouble__list .p-trouble--answer .p-trouble__balloon--answer {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 15px 15px 15px 0;
  padding: 10px;
  font-weight: bold;
  background: #d6ebca;
  border-radius: 10px;
}
.p-trouble__list .p-trouble--answer .p-trouble__balloon--answer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #d6ebca;
}
@media print, screen and (min-width: 768px) {
  .p-trouble__list {
    margin-bottom: 50px;
  }
  .p-trouble__list .p-trouble--question,
  .p-trouble__list .p-trouble--answer {
    margin-bottom: 30px;
  }
  .p-trouble__list .p-trouble--question img,
  .p-trouble__list .p-trouble--answer img {
    width: 80px;
  }
  .p-trouble__list .p-trouble--question .p-trouble__balloon--question {
    margin: 0 auto 0 30px;
    padding: 10px 15px;
    font-size: 1.8rem;
  }
  .p-trouble__list .p-trouble--answer .p-trouble__balloon--answer {
    margin: 0 30px 0 auto;
    padding: 15px;
    font-size: 1.8rem;
  }
}

/*
　ポイント
=================================*/
.c-point--type02.p-point ul li {
  background: #fff;
}

/*
　サービスメニュー一覧
=================================*/
.p-service-menu .pc-service-menu-03 .p-service-menu__list {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.p-service-menu .pc-service-menu-03 .p-service-menu__list li {
  position: relative;
  padding-left: 23px;
  margin-bottom: 1px;
  font-size: 1.6rem;
}
.p-service-menu .pc-service-menu-03 .p-service-menu__list li::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  content: url(../img/component/icon__check.svg);
}
.p-service-menu .pc-service-menu-03 .p-service-menu__list li span {
  font-weight: bold;
}
.p-service-menu .pc-service-menu-03 .p-service-menu__text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-service-menu .pc-service-menu-03 .p-service-menu__text img {
  display: block;
  width: 40px;
  height: auto;
  margin-right: 10px;
}
.p-service-menu .pc-service-menu-03 .p-service-menu__text p {
  font-size: 2.5rem;
  font-weight: bold;
}
.p-service-menu .pc-service-menu-03 .p-service-menu__text p i {
  font-style: normal;
  font-size: 1.6rem;
}

/*
　よくある質問
=================================*/
.p-faq .pc-accordion-menu-01 .pc-accordion-menu__question,
.p-faq .pc-accordion-menu-01 .pc-accordion-menu__answer {
  background: #fff;
}

/*
　CTA
=================================*/
.p-action {
  margin-top: 50px;
}
.p-action .p-action__button {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 15px 10px 17px 10px;
  text-decoration: none;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s;
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  border-radius: 0.5rem;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.p-action .p-action__button:hover {
  transform: scale(1.1);
  color: #fff;
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .p-action .p-action__button {
    width: 40%;
    font-size: 2.2rem;
  }
}

/*
　CPフローティングバナー
=================================*/
.p-floating-banner {
  position: fixed;
  right: 0;
  bottom: 10px;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.p-floating-banner.is-active {
  opacity: 1;
  visibility: visible;
}
.p-floating-banner.is-close {
  display: none;
}
.p-floating-banner .p-floating-banner__wrapper {
  display: inline-block;
  width: auto;
  position: relative;
}
.p-floating-banner .p-floating-banner__wrapper a {
  display: flex;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 10px;
  text-decoration: none;
  border: solid 2px #FF8C00;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.p-floating-banner .p-floating-banner__wrapper a:hover {
  opacity: 1;
  background: #fffaf5;
}
.p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__image {
  width: 29%;
}
.p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__text {
  text-align: left;
  margin-left: 15px;
}
.p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__text .p-floating-banner__text__catch {
  display: inline-block;
  margin-bottom: 3px;
  padding: 2px 9px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  background: #008c79;
}
.p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__text .p-floating-banner__text__detail {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}
.p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__text .p-floating-banner__text__detail span {
  font-size: 1.8rem;
  color: #ad002d;
}
.p-floating-banner .p-floating-banner__wrapper .p-floating-banner__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 1.8;
  background: #FF8C00;
  border-radius: 50%;
  font-size: 1rem;
  color: #fff;
  z-index: 110;
  cursor: pointer;
}
@media print, screen and (min-width: 768px) {
  .p-floating-banner {
    bottom: 20px;
    right: 30px;
    width: auto;
  }
  .p-floating-banner .p-floating-banner__wrapper a {
    width: 320px;
  }
  .p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__text .p-floating-banner__text__catch {
    padding: 2px 8px;
    font-size: 1.4rem;
  }
  .p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__text .p-floating-banner__text__detail {
    font-size: 1.6rem;
  }
  .p-floating-banner .p-floating-banner__wrapper a .p-floating-banner__text .p-floating-banner__text__detail span {
    font-size: 2.2rem;
  }
}

.p-floating-icon {
  position: fixed;
  right: 10px;
  bottom: 20px;
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #FF8C00;
  border-radius: 50%;
  text-align: center;
  z-index: 100;
  cursor: pointer;
}
.p-floating-icon.is-active {
  display: block;
}
.p-floating-icon i {
  font-size: 1.6rem;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .p-floating-icon {
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .p-floating-icon i {
    font-size: 1.8rem;
  }
}

/**
 * lp
 */
/* ━━━━━━━━━━━━━━━━

 ■ ユーティリティ

━━━━━━━━━━━━━━━━ */
/*=================================
* media
=================================*/
@media print {
  .p-lp__header__nav-sp {
    display: none;
  }
}
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-lp__header {
  position: fixed;
  width: 100%;
  height: 70px;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.p-lp__header .p-lp__header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.p-lp__header .p-lp__header__inner .p-lp__header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
  font-size: 1.9rem;
}
.p-lp__header .p-lp__header__inner .p-lp__header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
.p-lp__header .p-lp__header__inner .p-lp__header__logo a img {
  width: 90px;
  margin-right: 15px;
}
.p-lp__header .p-lp__header__inner .p-lp__header__logo h1 {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__header .p-lp__header__inner .p-lp__header__nav {
  display: none;
}
.p-lp__header .p-lp__header__inner .p-lp__header__menu-button {
  display: block;
  position: relative;
  padding-right: 20px;
  width: 30px;
  height: 30px;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 3;
}
.p-lp__header .p-lp__header__inner .p-lp__header__menu-button span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all 0.5s;
}
.p-lp__header .p-lp__header__inner .p-lp__header__menu-button span:nth-child(1) {
  top: 4px;
}
.p-lp__header .p-lp__header__inner .p-lp__header__menu-button span:nth-child(3) {
  bottom: 4px;
}
.p-lp__header .p-lp__header__inner .p-lp__header__menu-button span:nth-child(2) {
  top: 14px;
}
.p-lp__header .p-lp__header__inner .p-lp__header__menu-button.is-open span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.p-lp__header .p-lp__header__inner .p-lp__header__menu-button.is-open span:nth-child(2) {
  opacity: 0;
}
.p-lp__header .p-lp__header__inner .p-lp__header__menu-button.is-open span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}
@media screen and (min-width: 1150px) {
  .p-lp__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-lp__header .p-lp__header__inner {
    height: 90px;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__logo {
    padding: 0 0 0 20px;
    font-size: 2.2rem;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__logo a img {
    width: 100px;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__logo h1 {
    font-size: 1.8rem;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav .p-lp__header__gnav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav .p-lp__header__gnav ul li a {
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #333;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav .p-lp__header__gnav ul li a:hover {
    opacity: 1;
    color: #345887;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav .p-lp__header__snav {
    display: flex;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav .p-lp__header__snav .p-lp__header__consult {
    margin-right: 20px;
    margin-left: 15px;
    padding: 7px 20px 8px 20px;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav .p-lp__header__snav .p-lp__header__consult:hover {
    color: #fff;
    opacity: 1;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav .p-lp__header__snav .p-lp__header__consult {
    color: #345887;
    border: solid 2px #345887;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__nav .p-lp__header__snav .p-lp__header__consult:hover {
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__menu-button {
    display: none;
  }
}
@media screen and (min-width: 1125px) {
  .p-lp__header .p-lp__header__inner .p-lp__header__logo a img {
    width: 120px;
  }
  .p-lp__header .p-lp__header__inner .p-lp__header__logo h1 {
    font-size: 2.2rem;
  }
}

/** スマホメニュー */
.p-lp__header__nav-sp {
  width: 100%;
  height: 100%;
  background: #fefefe;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  padding: 70px 0 30px 0;
  transform: translateY(-100%);
  transition: transform 0.5s;
  box-sizing: border-box;
}
.p-lp__header__nav-sp.is-open {
  transform: translateY(0);
}
.p-lp__header__nav-sp .p-lp__header__gnav-sp {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
  padding: 20px;
}
.p-lp__header__nav-sp .p-lp__header__gnav-sp > ul > li > a {
  display: block;
  padding: 10px 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
@media screen and (min-width: 1005px) {
  .p-lp__header__nav-sp {
    display: none;
  }
}

/*=================================
* main-visual
=================================*/
.p-lp__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-lp__main__visual {
  margin: 0 auto;
  box-sizing: border-box;
}
.p-lp__main__visual .p-lp__main__visual__title {
  margin-bottom: 30px;
}
.p-lp__main__visual .p-lp__main__visual__title .p-lp__main__visual__sub-title {
  padding: 0 10px;
}
.p-lp__main__visual .p-lp__main__visual__title .p-lp__main__visual__sub-title span {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 5px 18px 6px 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  border-radius: 50px;
  background-image: linear-gradient(90deg, #0065c0 0%, #2cd8e1 100%);
}
.p-lp__main__visual .p-lp__main__visual__title strong {
  text-align: center;
  line-height: 1.5;
  font-size: 2.4rem;
  font-weight: bold;
}
.p-lp__main__visual .p-lp__main__visual__title strong span {
  font-size: 2.6rem;
  font-weight: 900;
  color: #ad002d;
}
.p-lp__main__visual .p-lp__main__visual__image {
  width: 90%;
  margin: 0 auto;
}
.p-lp__main__visual .p-lp__main__visual__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-lp__main__visual {
    max-width: 900px;
    margin: 0 auto;
  }
  .p-lp__main__visual .p-lp__main__visual__title {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
  .p-lp__main__visual .p-lp__main__visual__title .p-lp__main__visual__sub-title {
    padding: 10px 20px 0 0;
  }
  .p-lp__main__visual .p-lp__main__visual__title .p-lp__main__visual__sub-title span {
    display: inline-block;
    margin-right: 20px;
    padding: 5px 30px 7px 30px;
    font-size: 2.4rem;
  }
  .p-lp__main__visual .p-lp__main__visual__title strong {
    font-size: 3.4rem;
    text-align: left;
  }
  .p-lp__main__visual .p-lp__main__visual__title strong span,
  .p-lp__main__visual .p-lp__main__visual__title strong i {
    font-size: 4rem;
  }
  .p-lp__main__visual .p-lp__main__visual__image {
    text-align: center;
  }
  .p-lp__main__visual .p-lp__main__visual__image img {
    max-width: 800px;
  }
}

/*=================================
* footer
=================================*/
.p-lp__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-lp__footer__menu .p-lp__footer__consult {
  display: block;
  padding: 10px 30px;
  font-size: 1.6rem;
  background: #fff;
  border-radius: 5px;
}
.p-lp__footer__menu .p-lp__footer__consult:hover {
  color: #fff;
  opacity: 1;
}
.p-lp__footer__menu .p-lp__footer__consult {
  color: #345887;
  border: solid 2px #345887;
}
.p-lp__footer__menu .p-lp__footer__consult:hover {
  background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
}
@media print, screen and (min-width: 768px) {
  .p-lp__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　導入
=================================*/
.l-section.p-lp__intro {
  padding-top: 0;
}

.p-lp__intro__content h3 {
  margin: 0 auto 20px auto;
  text-align: center;
  line-height: 1.4;
  font-size: 2rem;
  font-weight: 700;
}
.p-lp__intro__content .p-lp__intro__detail .p-lp__intro__detail__image {
  display: none;
}
.p-lp__intro__content .p-lp__intro__proposal .p-lp__intro__proposal__bubble {
  position: relative;
  margin-bottom: 30px;
  padding: 10px 10px 12px 10px;
  text-align: center;
  line-height: 1.6;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #8a0025;
  border-radius: 7px;
}
.p-lp__intro__content .p-lp__intro__proposal .p-lp__intro__proposal__bubble span {
  font-size: 2.4rem;
  color: #ffd800;
}
.p-lp__intro__content .p-lp__intro__proposal .p-lp__intro__proposal__bubble::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 24px 12px 0 12px;
  border-style: solid;
  border-color: #8a0025 transparent transparent transparent;
}
.p-lp__intro__content .p-lp__intro__proposal .p-lp__intro__proposal__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 768px) {
  .p-lp__intro__content {
    max-width: 900px;
    margin: 0 auto;
  }
  .p-lp__intro__content h3 {
    margin: 0 auto 40px auto;
    font-size: 3rem;
  }
  .p-lp__intro__content .p-lp__intro__detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
  }
  .p-lp__intro__content .p-lp__intro__detail .p-lp__intro__detail__image {
    display: block;
    width: 40%;
  }
  .p-lp__intro__content .p-lp__intro__detail .p-lp__intro__detail__image img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-lp__intro__content .p-lp__intro__proposal .p-lp__intro__proposal__bubble {
    margin-bottom: 70px;
    padding: 10px 10px 13px 10px;
    font-size: 2.4rem;
  }
  .p-lp__intro__content .p-lp__intro__proposal .p-lp__intro__proposal__bubble span {
    font-size: 3rem;
  }
  .p-lp__intro__content .p-lp__intro__proposal .p-lp__intro__proposal__bubble::before {
    bottom: -17px;
    left: 50%;
    border-width: 24px 15px 0 15px;
  }
  .p-lp__intro__content .p-lp__intro__proposal .p-lp__intro__proposal__image {
    width: 70%;
    margin: 0 auto;
  }
}

/*
　関心
=================================*/
.p-lp__catch__wrapper ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.p-lp__catch__wrapper ul li {
  position: relative;
  width: 160px;
  height: 29px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px 10px 3px 15px;
  border: 1px solid #999;
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
}
.p-lp__catch__wrapper ul li::before {
  position: absolute;
  content: "\f002";
  top: 1px;
  right: 12px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.6rem;
  font-weight: 900;
  color: #3879D9;
}
.p-lp__catch__wrapper .p-lp__catch__image img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .p-lp__catch__wrapper {
    max-width: 700px;
    margin: 0 auto;
  }
  .p-lp__catch__wrapper ul li {
    width: 200px;
    height: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
  .p-lp__catch__wrapper ul li::before {
    top: 3px;
    right: 16px;
    font-size: 1.8rem;
  }
  .p-lp__catch__wrapper .p-lp__catch__image img {
    width: 60%;
  }
}

/*
　特徴
=================================*/
.p-lp__feature__wrapper {
  margin-bottom: 50px;
}
.p-lp__feature__wrapper:last-child {
  margin-bottom: 0;
}
.p-lp__feature__wrapper .p-lp__feature__body {
  margin-bottom: 30px;
}
.p-lp__feature__wrapper .p-lp__feature__body p {
  margin-bottom: 10px;
  font-size: 1.6rem;
}
.p-lp__feature__wrapper .p-lp__feature__body p:last-child {
  margin-bottom: 0;
}
.p-lp__feature__wrapper .p-lp__feature__image {
  width: 90%;
  margin: 0 auto;
}
.p-lp__feature__wrapper .p-lp__feature__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .p-lp__feature__wrapper {
    max-width: 1000px;
    margin: 0 auto 80px auto;
    padding: 0 8px;
  }
  .p-lp__feature__wrapper .p-lp__feature__body {
    margin-bottom: 50px;
  }
  .p-lp__feature__wrapper .p-lp__feature__image {
    width: 60%;
  }
}

.p-lp__feature__conclusion {
  margin: 0 auto 50px auto;
}
.p-lp__feature__conclusion .p-lp__feature__conclusion__inner {
  padding: 20px;
  background: #eaf0fa;
}
.p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__bubble {
  position: relative;
  display: inline-block;
  margin-bottom: 13px;
  padding: 5px 10px 7px 10px;
  text-align: center;
  background: #345887;
  border-radius: 5px;
}
.p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__bubble span {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__bubble::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 20px;
  width: 0;
  height: 0;
  border-width: 15px 10px 0 10px;
  border-style: solid;
  border-color: #345887 transparent transparent transparent;
}
.p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__content p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__content p span {
  font-size: 2rem;
}
@media print, screen and (min-width: 768px) {
  .p-lp__feature__conclusion {
    max-width: 800px;
    margin: 0 auto 80px auto;
    padding: 0 8px;
  }
  .p-lp__feature__conclusion .p-lp__feature__conclusion__inner {
    padding: 30px;
  }
  .p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__bubble {
    margin-bottom: 15px;
    padding: 5px 15px 7px 15px;
  }
  .p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__bubble span {
    font-size: 1.8rem;
  }
  .p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__bubble::after {
    bottom: -11;
    border-width: 15px 10px 0 10px;
  }
  .p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__content p {
    text-align: left;
    line-height: 1.6;
    font-size: 2.2rem;
  }
  .p-lp__feature__conclusion .p-lp__feature__conclusion__inner .p-lp__feature__conclusion__content p span {
    font-size: 2.4rem;
  }
}

/*
　成果を上げるための方程式
=================================*/
.l-section.p-lp__layout {
  padding-top: 0;
}

.p-lp__layout__content .p-lp__layout__content__detail {
  margin: 0 auto 20px auto;
}
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__detail__unit {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 13px;
  box-sizing: border-box;
}
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__item,
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__answer {
  padding: 5px 15px 7px 15px;
  background: #406ca5;
  border-radius: 5px;
}
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__item p,
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__answer p {
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
}
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__item p span,
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__answer p span {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffd800;
}
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__answer {
  display: flex;
  justify-content: center;
  width: 30%;
  margin: 0 auto;
}
.p-lp__layout__content .p-lp__layout__content__detail i {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__vertical-bar {
  width: 5px;
  height: 15px;
  margin: 0 auto 13px auto;
  background: transparent;
  border-left: solid 3px #333;
  border-right: solid 3px #333;
}
.p-lp__layout__content .p-lp__layout__content__text p {
  line-height: 1.7;
  font-size: 1.6rem;
}
.p-lp__layout__content .p-lp__layout__content__text p span {
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-lp__layout__content {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 8px;
  }
  .p-lp__layout__content .p-lp__layout__content__detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 750px;
    margin: 0 auto 40px auto;
  }
  .p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__detail__unit {
    margin-bottom: 0;
  }
  .p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__item,
  .p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__answer {
    margin: 0;
    padding: 10px 20px 13px 20px;
  }
  .p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__item p,
  .p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__answer p {
    font-size: 1.8rem;
  }
  .p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__item p span,
  .p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__answer p span {
    font-size: 2.2rem;
  }
  .p-lp__layout__content .p-lp__layout__content__detail .p-lp__layout__content__answer {
    width: 20%;
  }
  .p-lp__layout__content .p-lp__layout__content__detail i {
    margin: 0 25px;
    font-size: 3rem;
  }
  .p-lp__layout__content .p-lp__layout__content__text p {
    font-size: 1.8rem;
  }
}

/*
　集客専門サイト制作の流れ
=================================*/
.p-lp__layout-flow .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title h3 {
  margin: 0 10px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__layout-flow .pc-point-01 .pc-point-01__unit:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .p-lp__layout-flow .pc-point-01 {
    max-width: 1000px;
    margin: 0 auto;
  }
  .p-lp__layout-flow .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title h3 {
    margin-left: 30px;
    font-size: 3rem;
  }
}

/*
　コンテンツの設計
=================================*/
@media print, screen and (min-width: 768px) {
  .p-lp__content-layout .p-lp__title {
    max-width: 1000px;
    margin: 0 auto 40px auto;
  }
}

.p-lp__content-layout__intro {
  margin-bottom: 50px;
}
.p-lp__content-layout__intro p {
  margin-bottom: 30px;
  font-size: 1.6rem;
}
.p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__image {
  margin-bottom: 20px;
}
.p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__image img {
  display: block;
  width: 70%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
.p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__text {
  padding: 10px 15px;
  border: solid 2px #345887;
}
.p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__text p {
  margin-bottom: 10px;
}
.p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__text p span {
  font-weight: bold;
}
.p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__text p:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .p-lp__content-layout__intro {
    max-width: 1000px;
    margin: 0 auto 80px auto;
    padding: 0 8px;
  }
  .p-lp__content-layout__intro p {
    margin-bottom: 50px;
  }
  .p-lp__content-layout__intro .p-lp__content-layout__intro__detail {
    display: flex;
    justify-content: space-between;
  }
  .p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__image {
    width: 40%;
    margin-bottom: 0;
  }
  .p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__image img {
    width: 100%;
    margin: 0;
  }
  .p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__wrapper {
    width: 55%;
  }
  .p-lp__content-layout__intro .p-lp__content-layout__intro__detail .p-lp__content-layout__intro__wrapper .p-lp__content-layout__intro__text {
    padding: 20px 25px;
  }
}

.p-lp__content-layout__detail .p-lp__content-layout__detail__unit {
  margin-bottom: 50px;
  border: solid 2px #8eaad8;
  border-radius: 7px;
}
.p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__title {
  padding: 7px 15px 9px 15px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #8eaad8;
}
.p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__text {
  margin-bottom: 20px;
  padding: 20px 15px;
}
.p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__text p {
  font-size: 1.6rem;
}
.p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__image {
  padding: 0 15px;
}
.p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 30px auto;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
@media print, screen and (min-width: 768px) {
  .p-lp__content-layout__detail {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 8px;
  }
  .p-lp__content-layout__detail .p-lp__content-layout__detail__unit {
    margin-bottom: 80px;
  }
  .p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__title {
    padding: 10px 30px 11px 30px;
    font-size: 2.4rem;
  }
  .p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__text {
    margin-bottom: 0;
    padding: 30px;
  }
  .p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__image {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 0 30px;
  }
  .p-lp__content-layout__detail .p-lp__content-layout__detail__unit .p-lp__content-layout__detail__unit__image img {
    width: 30%;
    margin: 0;
  }
}

/*
　選ばれる４つのポイント
=================================*/
@media print, screen and (min-width: 768px) {
  .p-lp__point .pc-point-02 {
    max-width: 1000px;
  }
  .p-lp__point .pc-point-02 .pc-point-02__unit {
    width: 47%;
  }
  .p-lp__point .pc-point-02 .pc-point-02__unit .pc-point-02__unit__head h2 {
    padding: 65px 25px 0 30px;
    font-size: 2.3rem;
  }
  .p-lp__point .pc-point-02 .pc-point-02__unit .pc-point-02__unit__body {
    padding: 25px 30px 30px 30px;
  }
}

/*
　制作費用
=================================*/
.p-lp__cost {
  width: 90%;
  margin: 0 auto;
}
.p-lp__cost .p-lp__cost__unit {
  margin-bottom: 40px;
  padding: 20px 15px 23px 15px;
  background: #fff;
  border: solid 2px #0065c0;
  border-radius: 7px;
}
.p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__title {
  margin-bottom: 5px;
}
.p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__title h3 {
  text-align: center;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__body {
  text-align: center;
}
.p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__body .p-lp__cost__unit__body__detail {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ad002d;
}
.p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__body .p-lp__cost__unit__body__detail span {
  font-size: 3rem;
  font-weight: 900;
}
.p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__body .p-lp__cost__unit__body__note {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-lp__cost {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto 50px auto;
  }
  .p-lp__cost .p-lp__cost__unit {
    width: 41%;
    margin-bottom: 0;
    padding: 40px 20px 45px 20px;
  }
  .p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__title {
    margin-bottom: 5px;
  }
  .p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__title h3 {
    font-size: 2.6rem;
  }
  .p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__body .p-lp__cost__unit__body__detail {
    font-size: 2.2rem;
  }
  .p-lp__cost .p-lp__cost__unit .p-lp__cost__unit__body .p-lp__cost__unit__body__detail span {
    font-size: 4.2rem;
  }
}

/* リニューアルページへの案内 */
.p-li__initial-price__announce {
  text-align: center;
  font-size: 1.6rem;
}
.p-li__initial-price__announce p {
  margin-bottom: 10px;
}
.p-li__initial-price__announce a {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  color: #345887;
  border-bottom: solid 1px transparent;
}
.p-li__initial-price__announce a:hover {
  opacity: 1;
  border-bottom: solid 1px #345887;
}
@media print, screen and (min-width: 768px) {
  .p-li__initial-price__announce {
    font-size: 1.8rem;
  }
}

/*
　月額費用
=================================*/
.p-lp__monthly-cost {
  margin-bottom: 50px;
  text-align: center;
}
.p-lp__monthly-cost .p-lp__monthly-cost__price {
  font-size: 1.8rem;
}
.p-lp__monthly-cost .p-lp__monthly-cost__price em {
  font-size: 5rem;
  font-weight: bold;
  color: #ad002d;
}
.p-lp__monthly-cost .p-lp__monthly-cost__price span {
  font-size: 3rem;
  font-weight: bold;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-lp__monthly-cost {
    margin-bottom: 70px;
  }
  .p-lp__monthly-cost .p-lp__monthly-cost__price {
    margin-bottom: 5px;
    font-size: 2.6rem;
  }
  .p-lp__monthly-cost .p-lp__monthly-cost__price em {
    font-size: 6rem;
  }
}

.p-lp__monthly-cost__detail {
  width: 90%;
  margin: 0 auto;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit {
  margin-bottom: 50px;
  padding: 30px 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 2px rgba(118, 118, 118, 0.5);
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__head {
  margin-bottom: 30px;
  line-height: 1.5;
  text-align: center;
  font-size: 2rem;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__head span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #345887;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body {
  margin-bottom: 30px;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body > div .p-lp__monthly-cost__unit__body__item {
  width: 45%;
  margin-bottom: 25px;
  text-align: center;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body > div .p-lp__monthly-cost__unit__body__item img {
  display: block;
  margin-bottom: 5px;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body > div .p-lp__monthly-cost__unit__body__item span {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body img {
  display: block;
  margin: 0 auto;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body a {
  display: block;
  text-align: center;
  font-size: 1.6rem;
}
.p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .pc-button-02 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-lp__monthly-cost__detail {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit {
    display: flex;
    flex-direction: column;
    width: 47%;
    margin-bottom: 0;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__head {
    margin-bottom: 40px;
    line-height: 1.5;
    font-size: 2.4rem;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body > div {
    margin-bottom: 40px;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body > div .p-lp__monthly-cost__unit__body__item {
    width: 23%;
    margin-bottom: 0;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body > div .p-lp__monthly-cost__unit__body__item img {
    margin-bottom: 10px;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body img {
    width: 75%;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .p-lp__monthly-cost__unit__body p {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-lp__monthly-cost__detail .p-lp__monthly-cost__unit .pc-button-02 {
    width: 80%;
    margin-top: auto;
  }
}

/*
　リニューアルの流れ
=================================*/
.p-lp__flow ul .p-lp__flow__block {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 25px auto 50px auto;
}
.p-lp__flow ul .p-lp__flow__block:first-child {
  margin-top: 50px;
}
.p-lp__flow ul .p-lp__flow__block:last-child {
  margin-bottom: 0;
}
.p-lp__flow ul .p-lp__flow__block:not(:first-child)::before {
  content: "\f078";
  position: absolute;
  top: -50%;
  left: 50%;
  font-family: "Font Awesome 5 Free";
  font-size: 3rem;
  font-weight: 900;
  color: #345887;
}
.p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__image {
  display: block;
  width: 100px;
}
.p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__image img {
  width: 100px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__text {
  width: calc(100% - 115px);
}
.p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__text h3 {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__text p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-lp__flow {
    margin-bottom: 0;
  }
  .p-lp__flow ul {
    display: flex;
    justify-content: space-between;
  }
  .p-lp__flow ul .p-lp__flow__block {
    width: 16%;
    display: block;
    margin: 0 auto;
  }
  .p-lp__flow ul .p-lp__flow__block:first-child {
    margin-top: 0;
  }
  .p-lp__flow ul .p-lp__flow__block:not(:first-child)::before {
    content: "\f054";
    top: 18%;
    left: -17%;
  }
  .p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__image {
    margin: 0 auto 20px auto;
    width: 100%;
    text-align: center;
  }
  .p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__image img {
    width: 80%;
    max-width: 135px;
    height: auto;
  }
  .p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__text {
    margin: 0 auto;
    width: 100%;
  }
  .p-lp__flow ul .p-lp__flow__block .p-lp__flow__block__text h3 {
    margin-bottom: 10px;
    font-size: 1.8rem;
    text-align: center;
  }
}

/*
　よくある質問
=================================*/
.pc-accordion-menu-01.p-lp__faq li .pc-accordion-menu__answer {
  background: #fff;
}

/*
　CTA
=================================*/
@media print, screen and (min-width: 768px) {
  .p-lp__contact .pc-contact-01 .pc-contact-01__unit {
    margin: 0 auto;
  }
}

/*
　タイトル
=================================*/
.p-lp__title {
  margin-bottom: 20px;
}
.p-lp__title h3 {
  line-height: 1.4;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__title h3::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  margin-top: 5px;
  background: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-lp__title {
    margin-bottom: 40px;
    padding: 0 8px;
  }
  .p-lp__title h3 {
    font-size: 2.6rem;
  }
  .p-lp__title h3::after {
    width: 55px;
  }
}

.p-lp__intro .c-title-induction-01,
.p-lp__layout .c-title-induction-01 {
  margin-bottom: 30px;
}
.p-lp__intro .c-title-induction-01 .c-title-induction-01__inner h2 em,
.p-lp__layout .c-title-induction-01 .c-title-induction-01__inner h2 em {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ffd800;
}
@media print, screen and (min-width: 768px) {
  .p-lp__intro .c-title-induction-01,
  .p-lp__layout .c-title-induction-01 {
    margin-bottom: 70px;
  }
  .p-lp__intro .c-title-induction-01 .c-title-induction-01__inner h2 span,
  .p-lp__intro .c-title-induction-01 .c-title-induction-01__inner h2 em,
  .p-lp__layout .c-title-induction-01 .c-title-induction-01__inner h2 span,
  .p-lp__layout .c-title-induction-01 .c-title-induction-01__inner h2 em {
    font-size: clamp(4rem, 5vw, 5rem);
  }
}

/*
　お知らせ
=================================*/
.p-lp__announce .p-lp__announce__body {
  position: relative;
  padding: 25px 15px 15px 15px;
  border: solid 2px #FF8C00;
  border-radius: 5px;
  background: #fff;
}
.p-lp__announce .p-lp__announce__body span {
  position: absolute;
  top: -17px;
  left: 10px;
  padding: 5px 20px;
  color: #fff;
  border-radius: 50px;
  background: #FF8C00;
}
.p-lp__announce .p-lp__announce__body h3 {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-lp__announce .p-lp__announce__body p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-lp__announce {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 8px;
  }
  .p-lp__announce .p-lp__announce__body {
    width: 500px;
    margin: 0 auto 0 0;
    padding: 30px 25px 20px 25px;
    box-sizing: border-box;
  }
  .p-lp__announce .p-lp__announce__body span {
    padding: 5px 25px 7px 25px;
  }
  .p-lp__announce .p-lp__announce__body h3 {
    margin-bottom: 10px;
    font-size: 2rem;
  }
}

/*
　marker
=================================*/
.p-lp__text-marker {
  background: linear-gradient(transparent 60%, #fec763 60%);
}

/**
 * member-regist
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　会員登録
=================================*/
.p-member-regist__wrapper {
  position: relative;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__mosaic {
  height: 185px;
  background: linear-gradient(to top, white, rgba(255, 255, 255, 0) 100%);
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a {
  position: relative;
  display: block;
  width: 100%;
  height: 240px;
  margin: 0 auto;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  background: #8eaad8;
  box-shadow: 0 0 30px rgba(0, 0, 255, 0.15);
  box-sizing: border-box;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a::after {
  content: "";
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/member-regist__background.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: 2;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit {
  position: absolute;
  top: 50%;
  left: 50%;
  right: -50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__head {
  margin-bottom: 15px;
  color: #fff;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__head span {
  font-size: 1.8rem;
  color: #ffd800;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__body {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 900;
  color: #345887;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__body span {
  font-size: 2.4rem;
  color: #fff;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__foot {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__foot p {
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
  color: #345887;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__foot i {
  margin: 0 10px;
  font-size: 2rem;
  color: #345887;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__foot span {
  padding: 5px 17px 7px 17px;
  color: #fff;
  background: #fec763;
  border-radius: 50px;
}
.p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a:hover {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .p-member-regist__wrapper .p-member-regist__wrapper__inner {
    bottom: -280px;
    left: 50%;
    right: -50%;
    transform: translate(-50%, -50%);
  }
  .p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner {
    background: rgba(255, 255, 255, 0.9);
  }
  .p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a {
    max-width: 700px;
    height: 270px;
    font-size: 1.8rem;
  }
  .p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__head span {
    font-size: 2.2rem;
  }
  .p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__body {
    margin-bottom: 30px;
    font-size: 2rem;
  }
  .p-member-regist__wrapper .p-member-regist__wrapper__inner .p-member-regist__banner a .p-member-regist__banner__unit .p-member-regist__banner__body span {
    font-size: 2.8rem;
  }
}

/**
 * middle-layout
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　詳細
=================================*/
.p-middle-layout .c-grid-col2 img {
  border: solid 1px #ccc;
}
.p-middle-layout .c-grid__col--text {
  margin-bottom: 50px;
}
.p-middle-layout .c-grid__col--text p {
  font-size: 1.6rem;
}
.p-middle-layout .p-middle-layout__keyword {
  margin-bottom: 50px;
}
.p-middle-layout .p-middle-layout__price {
  margin-bottom: 50px;
  margin-left: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.p-middle-layout .p-middle-layout__price span {
  font-size: 3.2rem;
}
.p-middle-layout .p-middle-layout__demosite .c-button--primary {
  max-width: 380px;
}
@media print, screen and (min-width: 768px) {
  .p-middle-layout .c-grid__col--text p {
    font-size: 1.8rem;
  }
  .p-middle-layout .p-middle-layout__price {
    margin-bottom: 80px;
  }
}

/**
 * middle
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-middle__header {
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  background-color: #ffffff;
}
.p-middle__header .p-middle__header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.p-middle__header .p-middle__header__inner .p-middle__header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
}
.p-middle__header .p-middle__header__inner .p-middle__header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
.p-middle__header .p-middle__header__inner .p-middle__header__logo a img {
  width: 90px;
}
.p-middle__header .p-middle__header__inner .p-middle__header__logo span {
  margin-left: 15px;
  font-size: 1.9rem;
  font-weight: bold;
}
.p-middle__header .p-middle__header__inner .p-middle__header__menu {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-middle__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-middle__header .p-middle__header__inner {
    height: 90px;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__logo {
    padding: 0 0 0 20px;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__logo a img {
    width: 90px;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__logo span {
    font-size: 1.8rem;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__menu {
    display: flex;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__menu .p-middle__header__apply,
  .p-middle__header .p-middle__header__inner .p-middle__header__menu .p-middle__header__design {
    display: block;
    margin-right: 30px;
    padding: 7px 20px 8px 20px;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__menu .p-middle__header__apply:hover,
  .p-middle__header .p-middle__header__inner .p-middle__header__menu .p-middle__header__design:hover {
    color: #fff;
    opacity: 1;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__menu .p-middle__header__apply {
    color: #FF8C00;
    border: solid 2px #FF8C00;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__menu .p-middle__header__apply:hover {
    background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__menu .p-middle__header__design {
    color: #345887;
    border: solid 2px #345887;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__menu .p-middle__header__design:hover {
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
}
@media screen and (min-width: 920px) {
  .p-middle__header .p-middle__header__inner .p-middle__header__logo {
    padding: 0 0 0 20px;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__logo a img {
    width: 120px;
  }
  .p-middle__header .p-middle__header__inner .p-middle__header__logo span {
    font-size: 2.2rem;
  }
}

/*=================================
* main-visual
=================================*/
.l-section.p-middle__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-middle__main__visual {
  box-sizing: border-box;
}
.p-middle__main__visual .p-middle__main__visual__title {
  margin-bottom: 30px;
}
.p-middle__main__visual .p-middle__main__visual__title h1 {
  text-align: center;
  line-height: 1.5;
  font-size: 2.2rem;
  font-weight: bold;
}
.p-middle__main__visual .p-middle__main__visual__title h1 span {
  font-size: 2.6rem;
  font-weight: 900;
  color: #ad002d;
}
.p-middle__main__visual .p-middle__main__visual__body .p-middle__main__visual__item {
  margin-bottom: 30px;
}
.p-middle__main__visual .p-middle__main__visual__body .p-middle__main__visual__item .p-middle__main__visual__item__unit {
  position: relative;
  width: 125px;
  height: 125px;
  margin: 0 auto;
  background: rgba(52, 88, 135, 0.95);
  border-radius: 100px;
}
.p-middle__main__visual .p-middle__main__visual__body .p-middle__main__visual__item .p-middle__main__visual__item__unit .p-middle__main__visual__item__text {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  text-align: center;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 900;
}
.p-middle__main__visual .p-middle__main__visual__body .p-middle__main__visual__item .p-middle__main__visual__item__inner {
  display: flex;
  justify-content: space-between;
}
.p-middle__main__visual .p-middle__main__visual__body .p-middle__main__visual__body__caption {
  margin-bottom: 30px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-middle__main__visual .p-middle__main__visual__image {
  width: 95%;
  margin: 0 auto;
}
.p-middle__main__visual .p-middle__main__visual__image img {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-middle__main__visual {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
  }
  .p-middle__main__visual > div .p-middle__main__visual__title {
    margin-bottom: 40px;
  }
  .p-middle__main__visual > div .p-middle__main__visual__title h1 {
    font-size: 3rem;
    text-align: left;
  }
  .p-middle__main__visual > div .p-middle__main__visual__title h1 span {
    font-size: 3.4rem;
  }
  .p-middle__main__visual > div .p-middle__main__visual__body .p-middle__main__visual__item {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin-bottom: 40px;
  }
  .p-middle__main__visual > div .p-middle__main__visual__body .p-middle__main__visual__item .p-middle__main__visual__item__unit {
    width: 160px;
    height: 160px;
    margin: 0;
  }
  .p-middle__main__visual > div .p-middle__main__visual__body .p-middle__main__visual__item .p-middle__main__visual__item__unit .p-middle__main__visual__item__text {
    font-size: 2.6rem;
  }
  .p-middle__main__visual > div .p-middle__main__visual__body .p-middle__main__visual__item .p-middle__main__visual__item__unit .p-middle__main__visual__item__text span {
    font-size: 2.2rem;
  }
  .p-middle__main__visual > div .p-middle__main__visual__body .p-middle__main__visual__item .p-middle__main__visual__item__inner {
    display: contents;
  }
  .p-middle__main__visual > div .p-middle__main__visual__body .p-middle__main__visual__body__caption {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.6rem;
  }
  .p-middle__main__visual .p-middle__main__visual__image {
    width: 37%;
    margin: 0;
  }
}

/*=================================
* footer
=================================*/
.p-middle__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-middle__footer__menu .p-middle__footer__apply,
.p-middle__footer__menu .p-middle__footer__design {
  display: block;
  padding: 10px 30px;
  font-size: 1.6rem;
  color: #fff;
  background: #fff;
  border-radius: 5px;
}
.p-middle__footer__menu .p-middle__footer__apply:hover,
.p-middle__footer__menu .p-middle__footer__design:hover {
  color: #fff;
  opacity: 1;
}
.p-middle__footer__menu .p-middle__footer__apply {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.p-middle__footer__menu .p-middle__footer__apply:hover {
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}
.p-middle__footer__menu .p-middle__footer__design {
  color: #345887;
  border: solid 2px #345887;
}
.p-middle__footer__menu .p-middle__footer__design:hover {
  background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
}
@media print, screen and (min-width: 768px) {
  .p-middle__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　導入
=================================*/
.p-middle__intro .pc-check-list-01--bold {
  margin-bottom: 0;
}

/*
　料金について
=================================*/
.p-middle__pricing__lead {
  margin-bottom: 40px;
}
.p-middle__pricing__lead p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-middle__pricing__lead p span {
  font-size: 2.2rem;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-middle__pricing__lead {
    margin-bottom: 50px;
  }
  .p-middle__pricing__lead p {
    font-size: 2.4rem;
  }
  .p-middle__pricing__lead p span {
    font-size: 2.8rem;
  }
}

.p-middle__pricing__body {
  width: 90%;
  margin: 0 auto;
}
.p-middle__pricing__body .p-middle__pricing__unit {
  margin-bottom: 40px;
  padding: 20px 20px 25px 20px;
  background: #fff;
  border: solid 2px #0065c0;
  border-radius: 7px;
}
.p-middle__pricing__body .p-middle__pricing__unit:last-child {
  margin-bottom: 0;
}
.p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__title img {
  display: block;
  width: 50px;
  height: auto;
  margin-right: 10px;
}
.p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__title h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail {
  text-align: center;
  font-size: 1.6rem;
}
.p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail .p-middle__pricing__unit__detail__price {
  margin-bottom: 15px;
  font-weight: bold;
}
.p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail .p-middle__pricing__unit__detail__price span {
  font-size: 2.6rem;
  font-weight: 900;
}
.p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail .p-middle__pricing__unit__detail__text {
  margin-bottom: 10px;
}
.p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail a {
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  .p-middle__pricing__body {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .p-middle__pricing__body .p-middle__pricing__unit {
    width: 41%;
    margin-bottom: 0;
    padding: 30px 20px;
  }
  .p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__title img {
    width: 55px;
    margin-right: 15px;
  }
  .p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__title h3 {
    font-size: 2.4rem;
  }
  .p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail {
    font-size: 1.8rem;
  }
  .p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail .p-middle__pricing__unit__detail__price {
    margin-bottom: 20px;
    font-size: 2.2rem;
  }
  .p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail .p-middle__pricing__unit__detail__price span {
    font-size: 4.2rem;
  }
  .p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail .p-middle__pricing__unit__detail__text {
    margin-bottom: 15px;
  }
  .p-middle__pricing__body .p-middle__pricing__unit .p-middle__pricing__unit__detail a {
    font-size: 1.6rem;
  }
}

/*
　デザインサンプル
=================================*/
/* メッセージ */
.p-middle__thumbnail__message {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-middle__thumbnail__message span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-middle__thumbnail__message {
    font-size: 2.4rem;
  }
  .p-middle__thumbnail__message span {
    font-size: 2.8rem;
  }
}

/* 一覧 */
.p-middle__thumbnail .pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body .pc-thumbnail-02__unit__title {
  margin-bottom: 0;
  border-bottom: none;
}
.p-middle__thumbnail .pc-thumbnail-02 ul .pc-thumbnail-02__unit .pc-thumbnail-02__unit__body .pc-thumbnail-02__unit__title h3 {
  padding-bottom: 0;
  text-align: center;
}

/*
　よくある質問
=================================*/
.p-middle__faq .pc-accordion-menu-01 .pc-accordion-menu__answer {
  background: #fff;
}

/**
 * reason
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* main-visual
=================================*/
.p-reason__main {
  position: relative;
  width: 100%;
  height: 360px;
  background: url(../img/reason/reason__main-visual--sp.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.p-reason__main::before {
  content: "";
  background-color: rgba(13, 16, 65, 0.3);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 360px;
}
.p-reason__main .p-reason__main__visual {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__title {
  margin-bottom: 20px;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__title h2 {
  text-align: center;
  line-height: 1.5;
  font-size: 2.2rem;
  font-weight: 900;
  text-shadow: #fff 3px 3px 3px, #fff -3px -3px 3px, #fff -3px 3px 3px, #fff 3px -3px 3px, #fff 3px 0px 3px, #fff -3px 0px 3px, #fff 0px 3px 3px, #fff 0px -3px 3px;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__title h2 span {
  font-size: 2.6rem;
  font-weight: 900;
  color: #ad002d;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__item {
  width: 75%;
  margin: 0 auto 20px auto;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__item > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__item > div .p-reason__main__visual__item__unit {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: #345887;
  border-radius: 100px;
  border: solid 2px #345887;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__item > div .p-reason__main__visual__item__unit .p-reason__main__visual__item__text {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -57%);
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__item > div .p-reason__main__visual__item__unit .p-reason__main__visual__item__text span {
  font-size: 3rem;
  font-weight: 900;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__item .p-reason__main__visual__text {
  text-align: right;
  font-size: 1.6rem;
  font-weight: bold;
  text-shadow: #fff 3px 3px 3px, #fff -3px -3px 3px, #fff -3px 3px 3px, #fff 3px -3px 3px, #fff 3px 0px 3px, #fff -3px 0px 3px, #fff 0px 3px 3px, #fff 0px -3px 3px;
}
.p-reason__main .p-reason__main__visual .p-reason__main__visual__image {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-reason__main {
    background: url(../img/reason/reason__main-visual--pc.png);
    height: 500px;
    background-position: 70% 70%;
    background-size: cover;
  }
  .p-reason__main::before {
    height: 500px;
  }
  .p-reason__main .p-reason__main__visual {
    display: flex;
    max-width: 1140px;
    padding: 0 10px;
  }
  .p-reason__main .p-reason__main__visual > div {
    width: 60%;
  }
  .p-reason__main .p-reason__main__visual > div .p-reason__main__visual__title {
    margin-bottom: 40px;
  }
  .p-reason__main .p-reason__main__visual > div .p-reason__main__visual__title h2 {
    text-align: left;
    font-size: 3rem;
  }
  .p-reason__main .p-reason__main__visual > div .p-reason__main__visual__title h2 span {
    font-size: 3.4rem;
  }
  .p-reason__main .p-reason__main__visual > div .p-reason__main__visual__item {
    width: 325px;
    margin: 0 auto 0 0;
  }
  .p-reason__main .p-reason__main__visual > div .p-reason__main__visual__item > div {
    margin-bottom: 15px;
  }
  .p-reason__main .p-reason__main__visual > div .p-reason__main__visual__item > div .p-reason__main__visual__item__unit {
    width: 140px;
    height: 140px;
    margin: 0;
  }
  .p-reason__main .p-reason__main__visual > div .p-reason__main__visual__item > div .p-reason__main__visual__item__unit .p-reason__main__visual__item__text {
    transform: translate(-50%, -55%);
    line-height: 1.2;
    font-size: 2rem;
  }
  .p-reason__main .p-reason__main__visual > div .p-reason__main__visual__item > div .p-reason__main__visual__item__unit .p-reason__main__visual__item__text span {
    font-size: 4.8rem;
  }
  .p-reason__main .p-reason__main__visual .p-reason__main__visual__image {
    display: block;
    width: 30%;
    margin: 0 auto;
    padding: 30px 40px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
  }
  .p-reason__main .p-reason__main__visual .p-reason__main__visual__image img {
    display: block;
    width: 220px;
    height: auto;
    margin: 0 auto;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　選ばれる理由の詳細
=================================*/
/* タイトル */
.p-reason__detail__title {
  width: 90%;
  margin: 0 auto 30px auto;
  text-align: center;
  line-height: 1.4;
}
.p-reason__detail__title span {
  display: block;
  font-size: 1.6rem;
  font-weight: 900;
  color: #333;
}
.p-reason__detail__title span::first-letter {
  color: #345887;
}
.p-reason__detail__title h1 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #333;
}
.p-reason__detail__title h1 em {
  font-size: 3.6rem;
  font-weight: 900;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-reason__detail__title {
    width: 100%;
    margin: 0 auto 45px auto;
  }
  .p-reason__detail__title span {
    font-size: 2rem;
  }
  .p-reason__detail__title h1 {
    font-size: 3.4rem;
  }
  .p-reason__detail__title h1 em {
    font-size: 5rem;
  }
}

/* お客様の声 */
.p-reason__example {
  margin-top: 36px;
}
.p-reason__example .p-reason__example__unit {
  position: relative;
  margin-bottom: 30px;
  border: solid 2px #8eaad8;
  border-radius: 8px;
}
.p-reason__example .p-reason__example__unit:last-child {
  margin-bottom: 0;
}
.p-reason__example .p-reason__example__unit .p-reason__example__unit__tag {
  position: absolute;
  top: -26px;
  left: -2px;
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 0 5px;
}
.p-reason__example .p-reason__example__unit .p-reason__example__unit__tag img {
  display: block;
  width: 50px;
  height: auto;
}
.p-reason__example .p-reason__example__unit .p-reason__example__unit__tag span {
  margin-left: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-reason__example .p-reason__example__unit .p-reason__example__unit__text {
  padding: 30px 15px 25px 20px;
}
.p-reason__example .p-reason__example__unit .p-reason__example__unit__text p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-reason__example {
    display: flex;
    justify-content: space-between;
    margin-top: 62px;
  }
  .p-reason__example .p-reason__example__unit {
    width: 48%;
    margin-bottom: 0;
  }
  .p-reason__example .p-reason__example__unit .p-reason__example__unit__tag {
    top: -32px;
    padding: 0 10px;
  }
  .p-reason__example .p-reason__example__unit .p-reason__example__unit__tag img {
    width: 60px;
  }
  .p-reason__example .p-reason__example__unit .p-reason__example__unit__tag span {
    margin-left: 7px;
    font-size: 1.8rem;
  }
  .p-reason__example .p-reason__example__unit .p-reason__example__unit__text {
    padding: 35px 25px 20px 25px;
  }
}

/* ボタン */
.p-reason__detail .pc-point-01__unit__foot .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-reason__detail .pc-point-01__unit__foot .pc-button-03 {
    width: 40%;
  }
}

/*
　内容
=================================*/
@media print, screen and (min-width: 768px) {
  .p-reason__continue .c-feature__image img {
    max-width: 430px;
  }
}

.p-reason__continue-result {
  margin-bottom: 80px;
  text-align: center;
}
.p-reason__continue-result .p-reason__continue-result__title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.p-reason__continue-result .p-reason__continue-result__no {
  color: #03967a;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  margin-left: 30px;
}
.p-reason__continue-result .p-reason__continue-result__no span {
  font-size: 8rem;
  margin-right: 10px;
}
.p-reason__continue-result .p-reason__continue-result__date {
  margin-left: 130px;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
  .p-reason__continue-result {
    margin-bottom: 100px;
  }
  .p-reason__continue-result .p-reason__continue-result__no {
    font-size: 5rem;
    margin-left: 50px;
  }
  .p-reason__continue-result .p-reason__continue-result__no span {
    font-size: 10rem;
  }
  .p-reason__continue-result .p-reason__continue-result__date {
    margin-left: 210px;
    font-size: 1.4rem;
  }
}

/**
 * renewal
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-renewal__header {
  width: 100%;
  height: 70px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.p-renewal__header .p-renewal__header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.p-renewal__header .p-renewal__header__inner .p-renewal__header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
}
.p-renewal__header .p-renewal__header__inner .p-renewal__header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
.p-renewal__header .p-renewal__header__inner .p-renewal__header__logo a img {
  width: 90px;
  margin-right: 15px;
}
.p-renewal__header .p-renewal__header__inner .p-renewal__header__logo span {
  font-size: 1.9rem;
  font-weight: bold;
}
.p-renewal__header .p-renewal__header__inner .p-renewal__header__menu {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-renewal__header .p-renewal__header__inner {
    height: 90px;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__logo {
    padding: 0 0 0 20px;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__logo a img {
    width: 120px;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__logo span {
    font-size: 2.2rem;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu {
    display: flex;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu .p-renewal__header__estimate,
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu .p-renewal__header__consult {
    display: block;
    padding: 7px 30px 8px 30px;
    margin-right: 30px;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu .p-renewal__header__estimate:hover,
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu .p-renewal__header__consult:hover {
    color: #fff;
    opacity: 1;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu .p-renewal__header__estimate {
    color: #FF8C00;
    border: solid 2px #FF8C00;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu .p-renewal__header__estimate:hover {
    background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu .p-renewal__header__consult {
    color: #345887;
    border: solid 2px #345887;
  }
  .p-renewal__header .p-renewal__header__inner .p-renewal__header__menu .p-renewal__header__consult:hover {
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
}

/*=================================
* main-visual
=================================*/
.p-renewal__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-renewal__main-visual {
  margin: 0 auto;
  box-sizing: border-box;
}
.p-renewal__main-visual .p-renewal__main-visual__title {
  margin-bottom: 30px;
}
.p-renewal__main-visual .p-renewal__main-visual__title .p-renewal__main-visual__sub-title {
  padding: 15px 0;
  text-align: center;
  line-height: 1.5;
  font-size: 2.4rem;
  font-weight: bold;
}
.p-renewal__main-visual .p-renewal__main-visual__title .p-renewal__main-visual__sub-title span {
  font-weight: 900;
  color: #ad002d;
}
.p-renewal__main-visual .p-renewal__main-visual__title h1 {
  text-align: center;
  font-size: 3.4rem;
  font-weight: 900;
  color: #345887;
}
.p-renewal__main-visual .p-renewal__main-visual__image {
  width: 95%;
  margin: 0 auto 20px auto;
}
.p-renewal__main-visual .p-renewal__main-visual__image img {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__main-visual {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1140px;
    padding: 20px 10px 30px 10px;
  }
  .p-renewal__main-visual .p-renewal__main-visual__title {
    margin-bottom: 0;
  }
  .p-renewal__main-visual .p-renewal__main-visual__title .p-renewal__main-visual__sub-title {
    padding: 0 0 20px 0;
    text-align: left;
    font-size: clamp(2rem, 3.5087719298vw, 3rem);
  }
  .p-renewal__main-visual .p-renewal__main-visual__title .p-renewal__main-visual__sub-title span {
    font-size: clamp(2.4rem, 4.7368421053vw, 3.4rem);
  }
  .p-renewal__main-visual .p-renewal__main-visual__title h1 {
    text-align: left;
    font-size: clamp(4rem, 5.2631578947vw, 5rem);
  }
  .p-renewal__main-visual .p-renewal__main-visual__image {
    width: 42%;
    margin: 0;
  }
}

/*=================================
* footer
=================================*/
.p-renewal__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-renewal__footer__menu .p-renewal__footer__estimate,
.p-renewal__footer__menu .p-renewal__footer__consult {
  display: block;
  padding: 10px 40px;
  font-size: 1.6rem;
  color: #fff;
  background: #fff;
  border-radius: 5px;
}
.p-renewal__footer__menu .p-renewal__footer__estimate:hover,
.p-renewal__footer__menu .p-renewal__footer__consult:hover {
  color: #fff;
  opacity: 1;
}
.p-renewal__footer__menu .p-renewal__footer__estimate {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.p-renewal__footer__menu .p-renewal__footer__estimate:hover {
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}
.p-renewal__footer__menu .p-renewal__footer__consult {
  color: #345887;
  border: solid 2px #345887;
}
.p-renewal__footer__menu .p-renewal__footer__consult:hover {
  background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
}
@media print, screen and (min-width: 768px) {
  .p-renewal__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　動機づけ
=================================*/
.p-renewal__trouble {
  width: 95%;
  margin: 0 auto;
}
.p-renewal__trouble .p-renewal__trouble__detail .p-renewal__trouble__detail__image {
  display: none;
}
.p-renewal__trouble .p-renewal__trouble__proposal .p-renewal__trouble__proposal__bubble {
  position: relative;
  margin-bottom: 20px;
  padding: 7px 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #8a0025;
  border-radius: 7px;
}
.p-renewal__trouble .p-renewal__trouble__proposal .p-renewal__trouble__proposal__bubble::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 24px 12.5px 0 12.5px;
  border-style: solid;
  border-color: #8a0025 transparent transparent transparent;
}
.p-renewal__trouble .p-renewal__trouble__proposal .p-renewal__trouble__proposal__text {
  text-align: center;
  font-size: 2rem;
}
.p-renewal__trouble .p-renewal__trouble__proposal .p-renewal__trouble__proposal__text span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #8a0025;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__trouble {
    max-width: 900px;
  }
  .p-renewal__trouble .p-renewal__trouble__detail {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .p-renewal__trouble .p-renewal__trouble__detail .pc-check-list-01 {
    justify-content: flex-start;
    width: 60%;
    margin-bottom: 0;
  }
  .p-renewal__trouble .p-renewal__trouble__detail .p-renewal__trouble__detail__image {
    display: block;
    width: 40%;
  }
  .p-renewal__trouble .p-renewal__trouble__detail .p-renewal__trouble__detail__image img {
    display: block;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-renewal__trouble .p-renewal__trouble__proposal .p-renewal__trouble__proposal__bubble {
    font-size: 3rem;
  }
  .p-renewal__trouble .p-renewal__trouble__proposal .p-renewal__trouble__proposal__text {
    font-size: 3.2rem;
  }
  .p-renewal__trouble .p-renewal__trouble__proposal .p-renewal__trouble__proposal__text span {
    font-size: 4.2rem;
  }
}

/*
　情報
=================================*/
.p-renewal__info__content {
  margin-bottom: 50px;
  text-align: center;
}
.p-renewal__info__content .p-renewal__info__title {
  padding: 10px 5px;
  margin-bottom: 20px;
  background: #345887;
  font-weight: bold;
  color: #fff;
}
.p-renewal__info__content .p-renewal__info__title span {
  font-weight: 900;
  color: #ffd800;
}
.p-renewal__info__content .p-renewal__info__text {
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__info__content {
    max-width: 700px;
    margin: 0 auto 80px auto;
  }
  .p-renewal__info__content .p-renewal__info__title {
    margin-bottom: 30px;
    padding: 15px 10px;
    font-size: 3.2rem;
  }
  .p-renewal__info__content .p-renewal__info__text {
    font-size: 2.6rem;
  }
}

.p-renewal__info__detail .p-renewal__info__unit {
  width: 90%;
  margin: 0 auto;
  background: #fff;
  border: solid 2px #345887;
  border-radius: 5px;
  box-sizing: border-box;
}
.p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__title {
  padding: 7px 10px 9px 10px;
  text-align: center;
  background: #345887;
}
.p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__title h3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}
.p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__body {
  padding: 20px;
}
.p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__body .p-renewal__info__detail__unit__image {
  margin-bottom: 20px;
}
.p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__body .p-renewal__info__detail__unit__image img {
  display: block;
  width: 70%;
  height: auto;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__body .p-renewal__info__detail__unit__text {
  font-size: 1.6rem;
  color: #333;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__info__detail {
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
  }
  .p-renewal__info__detail .p-renewal__info__unit {
    position: relative;
    width: 28%;
    margin: 0;
  }
  .p-renewal__info__detail .p-renewal__info__unit:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 110%;
    transform: translate(0, -50%);
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid #345887;
  }
  .p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__title {
    padding-bottom: 11px;
  }
  .p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__title h3 {
    font-size: 2.2rem;
  }
  .p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__body {
    padding: 25px;
  }
  .p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__body .p-renewal__info__detail__unit__image {
    margin-bottom: 25px;
  }
  .p-renewal__info__detail .p-renewal__info__unit .p-renewal__info__unit__body .p-renewal__info__detail__unit__text {
    font-size: 1.8rem;
  }
}

/*
　ポイント
=================================*/
.l-section.p-renewal__point {
  padding-top: 0;
  background: #eaf0fa;
}

.p-renewal__point .c-title-induction-01 {
  margin-bottom: 30px;
}
.p-renewal__point .c-title-induction-01 h2 {
  font-size: 1.8rem;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__point .c-title-induction-01 {
    margin-bottom: 60px;
  }
  .p-renewal__point .c-title-induction-01 h2 {
    line-height: 1.4;
    font-size: clamp(3rem, 2vw, 4rem);
  }
  .p-renewal__point .c-title-induction-01 h2 span {
    font-size: clamp(4rem, 5vw, 5rem);
  }
}

.p-renewal__point__title {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.4;
  font-weight: bold;
}
.p-renewal__point__title span {
  font-size: 2.8rem;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__point__title {
    margin-bottom: 50px;
    font-size: 3rem;
  }
  .p-renewal__point__title span {
    font-size: 4rem;
  }
}

.p-renewal__point .pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__image img {
  width: 70%;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__point .pc-point-03 .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__image {
    margin-bottom: 15px;
  }
  .p-renewal__point .pc-point-03 .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__title {
    margin-bottom: 15px;
    font-size: 2.2rem;
  }
}

.p-renewal__point__catch {
  text-align: center;
}
.p-renewal__point__catch p {
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__point__catch p {
    font-size: 2.4rem;
  }
}

/*
　サービス内容
=================================*/
.p-renewal__service .pc-point-01 .pc-point-01__unit {
  border: solid 2px #8eaad8;
}
.p-renewal__service .pc-point-01 .pc-point-01__unit:last-child {
  margin-bottom: 0;
}
.p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title span {
  padding: 7px;
  border-radius: 0px 0 5px 0;
}
.p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title h3 {
  margin: 0 10px;
  font-size: 2rem;
  font-weight: 900;
  color: #333;
}
.p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__image {
  margin-bottom: 15px;
}
.p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__image img {
  width: 70%;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__service .pc-point-01 {
    max-width: 1000px;
  }
  .p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title span {
    padding: 5px 11px;
    font-size: 3rem;
  }
  .p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__head .pc-point-01__unit__head__title h3 {
    margin: 0 20px;
    font-size: 2.4rem;
  }
  .p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__image {
    width: 35%;
    margin-bottom: 0;
  }
  .p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__image img {
    width: 80%;
  }
  .p-renewal__service .pc-point-01 .pc-point-01__unit .pc-point-01__unit__body .pc-point-01__unit__body__wrapper .pc-point-01__unit__body__detail .pc-point-01__unit__body__text {
    width: 60%;
  }
}

/*
　プラン
=================================*/
.l-section.p-renewal__plan {
  padding-top: 0;
  background: #eaf0fa;
}

.p-renewal__plan .c-section-title-02__arrow {
  margin-bottom: 50px;
}
.p-renewal__plan .c-section-title-02__arrow::after {
  bottom: -25px;
  border-width: 40px 30px 0 30px;
}
.p-renewal__plan .c-section-title-02__arrow .c-section-title-02__arrow__inner {
  padding: 0 10px;
}
.p-renewal__plan .c-section-title-02__arrow .c-section-title-02__arrow__inner h2 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 900;
  color: #fff;
}
.p-renewal__plan .c-section-title-02__arrow .c-section-title-02__arrow__inner p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__plan .c-section-title-02__arrow {
    margin-bottom: 100px;
    height: 160px;
  }
  .p-renewal__plan .c-section-title-02__arrow::after {
    bottom: -35px;
    border-width: 50px 40px 0 40px;
  }
  .p-renewal__plan .c-section-title-02__arrow .c-section-title-02__arrow__inner {
    align-items: flex-start;
    max-width: 1140px;
  }
  .p-renewal__plan .c-section-title-02__arrow .c-section-title-02__arrow__inner h2 {
    margin-bottom: 0;
    text-align: center;
    font-size: 3.8rem;
  }
  .p-renewal__plan .c-section-title-02__arrow .c-section-title-02__arrow__inner p {
    line-height: 1.6;
    font-size: 2.2rem;
  }
}

.p-renewal__plan__unit {
  margin-bottom: 50px;
  padding: 30px 25px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.p-renewal__plan__unit .p-renewal__plan__unit__head {
  margin-bottom: 50px;
}
.p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__title {
  margin-bottom: 20px;
  font-size: 2.2rem;
  font-weight: bold;
}
.p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__title span {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 1.8rem;
  color: #0065c0;
}
.p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__title span::before {
  content: "";
  display: inline-block;
  margin-right: 15px;
  width: 25px;
  height: 1px;
  background-color: #0065c0;
}
.p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__image {
  margin-bottom: 15px;
}
.p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__image img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__text {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__plan__unit {
    margin-bottom: 80px;
    padding: 50px 50px;
  }
  .p-renewal__plan__unit:last-child {
    margin-bottom: 0;
  }
  .p-renewal__plan__unit .p-renewal__plan__unit__head {
    margin-bottom: 70px;
  }
  .p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__title {
    margin-bottom: 30px;
    font-size: 2.8rem;
  }
  .p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__title span {
    margin-bottom: 10px;
    font-size: 2.2rem;
  }
  .p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__title span::before {
    margin-right: 20px;
    width: 40px;
  }
  .p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__wrapper .p-renewal__plan__unit__head__image {
    margin-bottom: 0;
    width: 35%;
    order: 1;
  }
  .p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__wrapper .p-renewal__plan__unit__head__image img {
    width: 100%;
    margin: 0;
  }
  .p-renewal__plan__unit .p-renewal__plan__unit__head .p-renewal__plan__unit__head__wrapper .p-renewal__plan__unit__head__text {
    width: 61%;
    font-size: 1.8rem;
    order: 0;
  }
}

/* お知らせ */
.p-renewal__plan__announce {
  margin-bottom: 50px;
}
.p-renewal__plan__announce .p-renewal__plan__announce__title {
  margin-bottom: 20px;
  padding: 15px 10px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
}
.p-renewal__plan__announce .p-renewal__plan__announce__title span {
  color: #ffd800;
}
.p-renewal__plan__announce .p-renewal__plan__announce__lead {
  margin-bottom: 40px;
}
.p-renewal__plan__announce .p-renewal__plan__announce__lead p {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.6rem;
}
.p-renewal__plan__announce .p-renewal__plan__announce__lead .p-renewal__plan__announce__lead__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__text {
  margin-bottom: 30px;
}
.p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__text p {
  margin-bottom: 10px;
  font-size: 1.6rem;
}
.p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__text p:last-child {
  margin-bottom: 0;
}
.p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__image {
  display: flex;
  justify-content: space-between;
}
.p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__image .p-renewal__plan__announce__detail__image__unit {
  width: 45%;
}
.p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__image .p-renewal__plan__announce__detail__image__unit h5 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
}
.p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__image .p-renewal__plan__announce__detail__image__unit img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
@media print, screen and (min-width: 768px) {
  .p-renewal__plan__announce {
    max-width: 900px;
    margin: 0 auto 70px auto;
  }
  .p-renewal__plan__announce .p-renewal__plan__announce__title {
    margin-bottom: 40px;
    font-size: 2.6rem;
  }
  .p-renewal__plan__announce .p-renewal__plan__announce__lead {
    margin-bottom: 60px;
  }
  .p-renewal__plan__announce .p-renewal__plan__announce__lead p {
    margin-bottom: 40px;
    font-size: 2.2rem;
  }
  .p-renewal__plan__announce .p-renewal__plan__announce__lead .p-renewal__plan__announce__lead__image img {
    width: 70%;
    margin: 0 auto;
  }
  .p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__text {
    margin-bottom: 40px;
  }
  .p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__text p {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
  .p-renewal__plan__announce .p-renewal__plan__announce__detail .p-renewal__plan__announce__detail__image .p-renewal__plan__announce__detail__image__unit h5 {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}

/* 制作事例 */
.p-renewal__plan__example .c-title-ruby-06 h4 {
  font-size: 2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__plan__example .c-title-ruby-06 h4 {
    font-size: 2.6rem;
  }
  .p-renewal__plan__example .pc-case-list-01 ul {
    margin-bottom: 0;
  }
  .p-renewal__plan__example .pc-case-list-01 ul li {
    width: 30%;
  }
}

/* 制作費 */
.p-renewal__plan__unit__foot .p-renewal__plan__price {
  width: 95%;
  margin: 0 auto;
  text-align: center;
}
.p-renewal__plan__unit__foot .p-renewal__plan__price .p-renewal__plan__price__title {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 25px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  border-radius: 50px;
  background-image: linear-gradient(90deg, #0065c0 0%, #2cd8e1 100%);
  z-index: 10;
}
.p-renewal__plan__unit__foot .p-renewal__plan__price .p-renewal__plan__price__detail {
  margin-top: -26px;
  padding: 27px 20px 10px 20px;
  font-size: 4rem;
  font-weight: 900;
  color: #ad002d;
  border: solid 2px #0065c0;
}
.p-renewal__plan__unit__foot .p-renewal__plan__price .p-renewal__plan__price__detail span {
  font-size: 2rem;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__plan__unit__foot .p-renewal__plan__price {
    width: 50%;
    padding-top: 10px;
  }
  .p-renewal__plan__unit__foot .p-renewal__plan__price .p-renewal__plan__price__title {
    padding: 10px 50px;
    font-size: 2.2rem;
  }
  .p-renewal__plan__unit__foot .p-renewal__plan__price .p-renewal__plan__price__detail {
    font-size: 6rem;
    border: solid 3px #0065c0;
  }
  .p-renewal__plan__unit__foot .p-renewal__plan__price .p-renewal__plan__price__detail span {
    font-size: 3.2rem;
  }
}

/*
　集客専用ページ制作事例
=================================*/
.p-renewal__lp__example {
  background: #eaf0fa;
}

/*
　初期費用
=================================*/
.p-renewal__cost {
  width: 90%;
  margin: 0 auto;
}
.p-renewal__cost .p-renewal__cost__unit {
  margin-bottom: 40px;
  padding: 20px 15px 15px 15px;
  background: #fff;
  border: solid 2px #0065c0;
  border-radius: 7px;
}
.p-renewal__cost .p-renewal__cost__unit:last-child {
  margin-bottom: 0;
}
.p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__title img {
  display: block;
  width: 60px;
  height: auto;
}
.p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__title h3 {
  margin-left: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__body {
  text-align: center;
}
.p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__body .p-renewal__cost__unit__body__tag {
  font-size: 2rem;
  font-weight: 900;
}
.p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__body .p-renewal__cost__unit__body__detail {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ad002d;
}
.p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__body .p-renewal__cost__unit__body__detail span {
  font-size: 3rem;
  font-weight: 900;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__cost {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .p-renewal__cost .p-renewal__cost__unit {
    width: 41%;
    margin-bottom: 0;
    padding: 40px 20px 30px 20px;
  }
  .p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__title {
    margin-bottom: 20px;
  }
  .p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__title img {
    width: 100px;
  }
  .p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__title h3 {
    margin-left: 10px;
    font-size: 2.6rem;
  }
  .p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__body .p-renewal__cost__unit__body__tag {
    font-size: 3rem;
  }
  .p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__body .p-renewal__cost__unit__body__detail {
    font-size: 2.2rem;
  }
  .p-renewal__cost .p-renewal__cost__unit .p-renewal__cost__unit__body .p-renewal__cost__unit__body__detail span {
    font-size: 4.2rem;
  }
}

/*
　月額費用
=================================*/
.p-renewal__monthly-cost {
  margin-bottom: 50px;
  text-align: center;
}
.p-renewal__monthly-cost .p-renewal__monthly-cost__price {
  font-size: 1.8rem;
}
.p-renewal__monthly-cost .p-renewal__monthly-cost__price em {
  font-size: 5rem;
  font-weight: bold;
  color: #ad002d;
}
.p-renewal__monthly-cost .p-renewal__monthly-cost__price span {
  font-size: 3rem;
  font-weight: bold;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__monthly-cost {
    margin-bottom: 70px;
  }
  .p-renewal__monthly-cost .p-renewal__monthly-cost__price {
    margin-bottom: 5px;
    font-size: 2.6rem;
  }
  .p-renewal__monthly-cost .p-renewal__monthly-cost__price em {
    font-size: 6rem;
  }
}

.p-renewal__monthly-cost__detail {
  width: 90%;
  margin: 0 auto;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit {
  margin-bottom: 50px;
  padding: 30px 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 2px rgba(118, 118, 118, 0.5);
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__head {
  margin-bottom: 30px;
  line-height: 1.5;
  text-align: center;
  font-size: 2rem;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__head span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #345887;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body {
  margin-bottom: 30px;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body > div .p-renewal__monthly-cost__unit__body__item {
  width: 45%;
  margin-bottom: 25px;
  text-align: center;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body > div .p-renewal__monthly-cost__unit__body__item img {
  display: block;
  margin-bottom: 5px;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body > div .p-renewal__monthly-cost__unit__body__item span {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body img {
  display: block;
  margin: 0 auto;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body a {
  display: block;
  text-align: center;
  font-size: 1.6rem;
}
.p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .pc-button-02 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__monthly-cost__detail {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit {
    display: flex;
    flex-direction: column;
    width: 47%;
    margin-bottom: 0;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__head {
    margin-bottom: 40px;
    line-height: 1.5;
    font-size: 2.4rem;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body > div {
    margin-bottom: 40px;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body > div .p-renewal__monthly-cost__unit__body__item {
    width: 23%;
    margin-bottom: 0;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body > div .p-renewal__monthly-cost__unit__body__item img {
    margin-bottom: 10px;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body img {
    width: 75%;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .p-renewal__monthly-cost__unit__body p {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-renewal__monthly-cost__detail .p-renewal__monthly-cost__unit .pc-button-02 {
    width: 80%;
    margin-top: auto;
  }
}

/*
　リニューアルの流れ
=================================*/
.p-renewal__flow {
  margin-bottom: 50px;
}
.p-renewal__flow ul .p-renewal__flow__block {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 25px auto 50px auto;
}
.p-renewal__flow ul .p-renewal__flow__block:first-child {
  margin-top: 50px;
}
.p-renewal__flow ul .p-renewal__flow__block:not(:first-child)::before {
  content: "\f078";
  position: absolute;
  top: -50%;
  left: 50%;
  font-family: "Font Awesome 5 Free";
  font-size: 3rem;
  font-weight: 900;
  color: #345887;
}
.p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__image {
  display: block;
  width: 100px;
}
.p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__image img {
  width: 100px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__text {
  width: calc(100% - 115px);
}
.p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__text h3 {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__text p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-renewal__flow {
    margin-bottom: 0;
  }
  .p-renewal__flow ul {
    display: flex;
    justify-content: space-between;
  }
  .p-renewal__flow ul .p-renewal__flow__block {
    width: 12%;
    display: block;
    margin: 0 auto;
  }
  .p-renewal__flow ul .p-renewal__flow__block:first-child {
    margin-top: 0;
  }
  .p-renewal__flow ul .p-renewal__flow__block:not(:first-child)::before {
    content: "\f054";
    top: 9%;
    left: -17%;
  }
  .p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__image {
    margin: 0 auto 20px auto;
    width: 100%;
    text-align: center;
  }
  .p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__image img {
    width: 80%;
    max-width: 135px;
    height: auto;
  }
  .p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__text {
    margin: 0 auto;
    width: 100%;
  }
  .p-renewal__flow ul .p-renewal__flow__block .p-renewal__flow__block__text h3 {
    margin-bottom: 10px;
    font-size: 1.8rem;
    text-align: center;
  }
}

/*
　marker
=================================*/
.p-renewal__text-marker {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #fec763 60%);
}

/**
 * review
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-review__header {
  position: fixed;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  background: #fff;
  z-index: 99;
}
.p-review__header a {
  display: flex;
  align-items: center;
}
.p-review__header .p-review__header__logo img {
  display: block;
  margin: 0 5px 0 10px;
  width: 90px;
  max-width: 110px;
}
.p-review__header .p-review__header__logo span {
  font-weight: bold;
  color: #333;
}
.p-review__header .p-review__header__menu {
  display: block;
}
.p-review__header .p-review__header__menu a {
  display: inline-block;
  padding: 8px 14px;
  margin-right: 10px;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
}
.p-review__header .p-review__header__menu a.p-review__header__online {
  background-color: #345887;
}
.p-review__header .p-review__header__menu a.p-review__header__apply {
  background-color: #FF8C00;
}
@media print, screen and (min-width: 768px) {
  .p-review__header {
    height: 90px;
  }
  .p-review__header .p-review__header__logo img {
    margin: 0 20px;
    width: 110px;
  }
  .p-review__header .p-review__header__logo span {
    font-size: 2.2rem;
  }
  .p-review__header .p-review__header__menu a {
    margin-right: 30px;
    padding: 15px 30px;
    font-size: 1.8rem;
  }
}

/*=================================
* main-visual
=================================*/
.l-section.p-review__main {
  padding: 0 0 30px 0;
  background: #f3f5f8;
}
@media print, screen and (min-width: 768px) {
  .l-section.p-review__main {
    padding: 0;
  }
}

.p-review__main-visual {
  margin: 0 auto;
}
.p-review__main-visual .p-review__main-visual__sub-title {
  text-align: center;
  padding: 30px 10px 20px 10px;
}
.p-review__main-visual .p-review__main-visual__sub-title li {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 15px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #FF8C00;
  border-radius: 50px;
}
.p-review__main-visual .p-review__main-visual__title {
  margin-bottom: 30px;
}
.p-review__main-visual .p-review__main-visual__title h1 {
  text-align: center;
  line-height: 1.2;
  font-size: clamp(33px, 4.6936114733vw, 36px);
  font-weight: 900;
  color: #345887;
}
.p-review__main-visual .p-review__main-visual__title p {
  padding: 0 0 20px 0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
}
.p-review__main-visual .p-review__main-visual__image {
  position: relative;
}
.p-review__main-visual .p-review__main-visual__image img {
  display: block;
  width: 330px;
  margin: 0 auto;
}
.p-review__main-visual .p-review__main-visual__price {
  text-align: center;
  margin-bottom: 30px;
}
.p-review__main-visual .p-review__main-visual__price b {
  position: relative;
  display: inline-block;
  color: #000;
  font-size: 2.5rem;
  font-weight: bold;
  background: #FFF;
  margin-bottom: 18px;
  padding: 2px 20px 5px 20px;
  border: solid 3px #333;
  border-radius: 10px;
  box-sizing: border-box;
  line-height: 1.3;
}
.p-review__main-visual .p-review__main-visual__price b::before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 18px solid #FFF;
  z-index: 2;
}
.p-review__main-visual .p-review__main-visual__price b::after {
  content: "";
  position: absolute;
  bottom: -34px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 20px solid #333;
  z-index: 1;
}
.p-review__main-visual .p-review__main-visual__price p {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1;
}
.p-review__main-visual .p-review__main-visual__price p em {
  font-size: 6rem;
  color: #ad002d;
  font-family: "Arial", sans-serif;
  margin-left: 5px;
}
.p-review__main-visual .p-review__main-visual__price p span {
  font-size: 4rem;
  color: #ad002d;
}
@media screen and (min-width: 821px) {
  .p-review__main-visual {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1140px;
    padding: 80px 0;
  }
  .p-review__main-visual > div {
    width: calc(100% - 440px);
  }
  .p-review__main-visual > div .p-review__main-visual__sub-title {
    text-align: left;
    padding: 0 0 15px 0;
  }
  .p-review__main-visual > div .p-review__main-visual__sub-title li {
    display: inline-block;
    margin-right: 20px;
    padding: 4px 30px 7px 30px;
    font-size: 2.6rem;
  }
  .p-review__main-visual > div .p-review__main-visual__title {
    margin-bottom: 30px;
  }
  .p-review__main-visual > div .p-review__main-visual__title h1 {
    text-align: left;
    line-height: 1.2;
    font-size: clamp(40px, 5.0877192982vw, 58px);
  }
  .p-review__main-visual > div .p-review__main-visual__title p {
    padding: 0 0 20px 0;
    text-align: left;
    font-size: 4rem;
  }
  .p-review__main-visual .p-review__main-visual__image {
    width: 440px;
    margin: 0 auto;
  }
  .p-review__main-visual .p-review__main-visual__image img {
    width: 430px;
  }
  .p-review__main-visual .p-review__main-visual__price {
    text-align: left;
    margin-bottom: 0;
  }
  .p-review__main-visual .p-review__main-visual__price b {
    font-size: 3.5rem;
    margin-bottom: 0;
    padding: 0 40px 5px 40px;
  }
  .p-review__main-visual .p-review__main-visual__price p {
    font-size: 6.5rem;
    font-weight: 900;
  }
  .p-review__main-visual .p-review__main-visual__price p em {
    font-size: 11.5rem;
    font-weight: bold;
  }
  .p-review__main-visual .p-review__main-visual__price p span {
    font-size: 7rem;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　問題提起
=================================*/
.l-section.p-review__solution {
  padding: 0;
}

/*
　特徴
=================================*/
.p-review__feature .p-review__feature__text {
  margin-bottom: 30px;
}
.p-review__feature .p-review__feature__text h3 {
  margin-bottom: 15px;
}
.p-review__feature .p-review__feature__image img {
  max-width: 100%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .p-review__feature {
    display: flex;
    justify-content: space-between;
  }
  .p-review__feature .p-review__feature__text {
    width: 63%;
  }
  .p-review__feature .p-review__feature__image {
    width: 35%;
  }
}

/*
　月額費用を大幅カット
=================================*/
.p-review__cost-cut {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .p-review__cost-cut {
    width: 50%;
  }
}

/*
　機能
=================================*/
.p-review__main__function ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 30px;
}

.p-review__main__function ul li {
  width: 30%;
  margin-bottom: 20px;
  text-align: center;
}

.p-review__main__function ul li img {
  margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .p-review__main__function ul {
    max-width: 1140px;
    margin-bottom: 80px;
  }
  .p-review__main__function ul li {
    width: 13%;
    font-size: 16px;
    margin-bottom: 0;
  }
  .p-review__main__function ul li img {
    margin-bottom: 10px;
  }
}
.p-review__sub__function ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.p-review__sub__function ul li {
  display: flex;
  align-items: center;
  width: 48%;
  border-top: 1px solid #dcdcdc;
  padding: 6px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.3;
}

.p-review__sub__function ul li:nth-child(odd) {
  border-right: 1px solid #dcdcdc;
  padding-left: 0;
}

.p-review__sub__function ul li:nth-child(9),
.p-review__sub__function ul li:last-child {
  border-bottom: 1px solid #dcdcdc;
}

.p-review__sub__function ul li img {
  margin-right: 5px;
  width: 40px;
}

@media screen and (min-width: 768px) {
  .p-review__sub__function ul {
    max-width: 1140px;
    justify-content: space-around;
  }
  .p-review__sub__function ul li {
    display: block;
    font-size: 16px;
    border: none;
    width: 8%;
    padding: 0;
    margin-bottom: 0;
    box-sizing: content-box;
    text-align: center;
  }
  .p-review__sub__function ul li:nth-child(odd),
  .p-review__sub__function ul li:nth-child(9),
  .p-review__sub__function ul li:last-child {
    border: none;
  }
  .p-review__sub__function ul li img {
    width: 100%;
    margin-bottom: 10px;
  }
}
/*
　メリット
=================================*/
.p-review__merit {
  margin: 0 20px;
}
.p-review__merit .p-review__merit__card {
  position: relative;
  background: #fff;
  border: 1px solid #666;
  border-radius: 12px;
  margin: 0 auto 30px;
  padding: 45px 15px 30px;
}
.p-review__merit .p-review__merit__card::before {
  content: "メリット①";
  position: absolute;
  top: -20px;
  left: 25px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  background: #03967a;
  padding: 5px 30px;
  border-radius: 30px;
}
.p-review__merit .p-review__merit__card:nth-child(2)::before {
  content: "メリット②";
}
.p-review__merit .p-review__merit__card:last-child::before {
  content: "メリット③";
}
.p-review__merit .p-review__merit__card h3 {
  font-size: 2.7rem;
  font-weight: bold;
  margin-bottom: 25px;
}
.p-review__merit .p-review__merit__card h3 span {
  color: #FF8C00;
}
.p-review__merit .p-review__merit__card .p-review__merit__text {
  font-size: 1.8rem;
}
.p-review__merit .p-review__merit__card .p-review__merit__image {
  text-align: center;
  margin-top: 20px;
}
.p-review__merit .p-review__merit__card .p-review__merit__image img {
  max-width: 100%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .p-review__merit {
    max-width: 1140px;
    margin: 0 auto;
  }
  .p-review__merit .p-review__merit__card {
    margin-bottom: 60px;
    padding: 50px 60px;
  }
  .p-review__merit .p-review__merit__card::before {
    left: 50px;
    font-size: 2.3rem;
  }
  .p-review__merit .p-review__merit__card h3 {
    font-size: 3.7rem;
    margin-bottom: 30px;
  }
  .p-review__merit .p-review__merit__card .p-review__merit__contents {
    display: flex;
    justify-content: space-between;
  }
  .p-review__merit .p-review__merit__card .p-review__merit__text {
    font-size: 2rem;
    width: 60%;
  }
  .p-review__merit .p-review__merit__card .p-review__merit__image {
    width: 35%;
    margin-top: 0;
  }
}

/*
　悩み
=================================*/
.p-review__trouble {
  margin: 0 20px 50px 20px;
  border: 3px solid #345887;
  border-radius: 20px;
  background-color: #FFF;
  overflow: hidden;
}
.p-review__trouble .p-review__trouble__list {
  padding: 25px 20px 0 20px;
}
.p-review__trouble .p-review__trouble__list .p-review__trouble--question,
.p-review__trouble .p-review__trouble__list .p-review__trouble--answer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 1.6rem;
}
.p-review__trouble .p-review__trouble__list .p-review__trouble--question img,
.p-review__trouble .p-review__trouble__list .p-review__trouble--answer img {
  width: 60px;
  height: auto;
}
.p-review__trouble .p-review__trouble__list .p-review__trouble--question {
  flex-direction: column;
}
.p-review__trouble .p-review__trouble__list .p-review__trouble--question .p-review__trouble__balloon--question {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 15px 0;
  padding: 10px;
  font-weight: bold;
  background: #e0e0e0;
  border-radius: 10px;
}
.p-review__trouble .p-review__trouble__list .p-review__trouble--question .p-review__trouble__balloon--question::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #e0e0e0;
}
.p-review__trouble .p-review__trouble__list .p-review__trouble--answer {
  flex-direction: column-reverse;
  align-items: flex-end;
}
.p-review__trouble .p-review__trouble__list .p-review__trouble--answer .p-review__trouble__balloon--answer {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 15px 0;
  padding: 10px;
  font-weight: bold;
  background: #fce2cc;
  border-radius: 10px;
}
.p-review__trouble .p-review__trouble__list .p-review__trouble--answer .p-review__trouble__balloon--answer::before {
  content: "";
  position: absolute;
  top: -20px;
  right: 20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fce2cc;
}
.p-review__trouble .p-review__trouble__comments {
  background: #345887;
  padding: 20px;
}
.p-review__trouble .p-review__trouble__comments p {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-review__trouble .p-review__trouble__comments span {
  color: #ffef48;
}
@media print, screen and (min-width: 768px) {
  .p-review__trouble {
    max-width: 1140px;
    margin: 0 auto 70px auto;
  }
  .p-review__trouble .p-review__trouble__list {
    padding: 40px 50px 20px 50px;
  }
  .p-review__trouble .p-review__trouble__list .p-review__trouble--question,
  .p-review__trouble .p-review__trouble__list .p-review__trouble--answer {
    align-items: center;
    flex-direction: row;
  }
  .p-review__trouble .p-review__trouble__list .p-review__trouble--question img,
  .p-review__trouble .p-review__trouble__list .p-review__trouble--answer img {
    width: 100px;
  }
  .p-review__trouble .p-review__trouble__list .p-review__trouble--question .p-review__trouble__balloon--question {
    margin: 0 auto 0 30px;
    padding: 20px;
    font-size: 2rem;
  }
  .p-review__trouble .p-review__trouble__list .p-review__trouble--question .p-review__trouble__balloon--question::before {
    top: 33%;
    left: -20px;
    margin-top: -10px;
    border-right: 10px solid #e0e0e0;
    border-bottom: 10px solid transparent;
  }
  .p-review__trouble .p-review__trouble__list .p-review__trouble--answer .p-review__trouble__balloon--answer {
    margin: 0 30px 0 auto;
    padding: 20px;
    font-size: 2rem;
  }
  .p-review__trouble .p-review__trouble__list .p-review__trouble--answer .p-review__trouble__balloon--answer::before {
    top: 33%;
    left: 100%;
    right: auto;
    margin-top: -10px;
    border-left: 10px solid #fce2cc;
    border-bottom: 10px solid transparent;
  }
  .p-review__trouble .p-review__trouble__comments {
    text-align: center;
  }
  .p-review__trouble .p-review__trouble__comments p {
    font-size: 2rem;
  }
}

/*
　月額料金見直しの流れ
=================================*/
.p-review__flow {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.p-review__flow::before {
  position: absolute;
  display: block;
  content: "";
  width: 15px;
  height: 100%;
  margin-left: -8px;
  top: 0;
  left: 10px;
  background: #eee;
}
.p-review__flow li:not(:last-child) {
  margin-bottom: 50px;
}
.p-review__flow .p-review__flow__block {
  position: relative;
  padding-left: 45px;
  padding-top: 3px;
}
.p-review__flow .p-review__flow__block::before, .p-review__flow .p-review__flow__block::after {
  position: absolute;
  display: block;
  content: "";
  top: 20px;
}
.p-review__flow .p-review__flow__block::before {
  width: 8px;
  height: 8px;
  margin-top: -3px;
  left: -4px;
  border-radius: 50%;
  background: #000;
}
.p-review__flow .p-review__flow__block::after {
  width: 30px;
  left: 5px;
  border-bottom: 1px dashed;
}
.p-review__flow .p-review__flow__block .p-review__flow__title {
  display: block;
  border-radius: 10px;
  border: 2px solid #FF8C00;
  overflow: hidden;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.p-review__flow .p-review__flow__block .p-review__flow__title span,
.p-review__flow .p-review__flow__block .p-review__flow__title h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-review__flow .p-review__flow__block .p-review__flow__title span {
  display: block;
  background: #FF8C00;
  color: #fff;
  padding: 5px 15px;
}
.p-review__flow .p-review__flow__block .p-review__flow__title h3 {
  display: inline-block;
  background: #fff;
  color: #FF8C00;
  padding: 8px 15px;
}
.p-review__flow .p-review__flow__block .p-review__flow__image {
  margin-bottom: 30px;
}
.p-review__flow .p-review__flow__block .p-review__flow__image p {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.p-review__flow .p-review__flow__block .p-review__flow__price {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1;
  text-align: center;
}
.p-review__flow .p-review__flow__block .p-review__flow__price b {
  font-size: 3.7rem;
  color: #ad002d;
  margin-left: 5px;
}
.p-review__flow .p-review__flow__block .p-review__flow__price em {
  font-size: 5.5rem;
  color: #ad002d;
  margin-left: 5px;
  font-family: "Arial", sans-serif;
}
.p-review__flow .p-review__flow__block .p-review__flow__price-small {
  font-size: 1.7rem;
}
.p-review__flow .p-review__flow__block .p-review__flow__text {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.p-review__flow .p-review__flow__block .p-review__flow__text-small {
  font-size: 1.4rem;
}
.p-review__flow .p-review__flow__block .p-review__flow__button img {
  display: block;
  margin: 30px auto 0;
  width: 350px;
}
.p-review__flow .p-review__flow__block .p-review__flow__term {
  font-size: 2rem;
  font-weight: bold;
  color: #ad002d;
  margin-top: 30px;
}
.p-review__flow .p-review__flow__block h5 {
  font-size: 2rem;
  font-weight: bold;
  color: #345887;
  margin-bottom: 10px;
}
.p-review__flow .p-review__flow__block .c-grid.p-review-grid {
  margin-top: 50px;
}
.p-review__flow .p-review__flow__block .c-grid.p-review-grid .p-review-price__example--image img {
  width: 70%;
}
@media print, screen and (min-width: 768px) {
  .p-review__flow {
    max-width: 830px;
    margin: 0 auto;
    padding-right: 0;
  }
  .p-review__flow li {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-review__flow li:not(:last-child) {
    margin-bottom: 80px;
  }
  .p-review__flow .p-review__flow__block {
    width: 100%;
    padding-top: 0;
    padding-left: 90px;
  }
  .p-review__flow .p-review__flow__block::before {
    top: 27px;
  }
  .p-review__flow .p-review__flow__block::after {
    width: 70px;
    top: 27px;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__title {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    margin-bottom: 40px;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__title span,
  .p-review__flow .p-review__flow__block .p-review__flow__title h3 {
    padding: 8px 20px;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__title span {
    font-size: 2.5rem;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__title h3 {
    font-size: 2.8rem;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__image {
    width: 70%;
    margin: 0 auto 50px;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__price {
    font-size: 3.7rem;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__price b {
    font-size: 5.5rem;
    margin-left: 7px;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__price em {
    font-size: 7.8rem;
    margin-left: 7px;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__price-small {
    font-size: 2rem;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__term {
    font-size: 2.5rem;
  }
  .p-review__flow .p-review__flow__block .p-review__flow__text {
    font-size: 1.7rem;
    margin-bottom: 7px;
  }
  .p-review__flow .p-review__flow__block .c-grid.p-review-grid {
    margin-top: 80px;
  }
  .p-review__flow .p-review__flow__block .c-grid.p-review-grid .c-grid-col2 {
    width: 48%;
  }
  .p-review__flow .p-review__flow__block .c-grid.p-review-grid .p-review-price__example--image {
    position: relative;
    height: 330px;
  }
  .p-review__flow .p-review__flow__block .c-grid.p-review-grid .p-review-price__example--image img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
  }
}

/*
　料金プラン
=================================*/
.p-review__plan__initial-cost {
  border: 2px solid #666;
  background-color: #FFF;
  margin-bottom: 50px;
}
.p-review__plan__initial-cost h3 {
  position: relative;
  font-size: 3rem;
  font-weight: 500;
  text-align: center;
  background-color: #666;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
  color: #FFF;
  padding: 10px 0 20px 0;
  box-sizing: border-box;
}
.p-review__plan__initial-cost .p-review__plan__initial-cost__detail {
  background-color: #FFF;
  text-align: center;
  padding: 10px;
}
.p-review__plan__initial-cost .p-review__plan__initial-cost__detail span {
  font-size: 4rem;
  font-weight: 900;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-review__plan__initial-cost {
    display: flex;
    align-items: center;
  }
  .p-review__plan__initial-cost h3 {
    width: 30%;
    font-size: 3.5rem;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    padding: 45px 0;
  }
  .p-review__plan__initial-cost .p-review__plan__initial-cost__detail {
    width: 70%;
    margin: 0 auto;
    padding: 0;
  }
  .p-review__plan__initial-cost .p-review__plan__initial-cost__detail span {
    font-size: 5.5rem;
  }
}

/* 月額費用 */
.p-review__plan {
  margin-bottom: 20px;
  background-color: #666;
}
.p-review__plan .p-review__plan__monthly {
  border: 2px solid #666;
  background-color: #FFF;
}
.p-review__plan .p-review__plan__monthly h3 {
  position: relative;
  font-size: 2.6rem;
  font-weight: 500;
  text-align: center;
  background-color: #666;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
  color: #FFF;
  padding: 15px 0 25px 0;
  box-sizing: border-box;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail-2year {
  padding: 20px 0 !important;
}
.p-review__plan .p-review__plan__monthly a {
  font-size: 1.7rem;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail {
  background-color: #FFF;
  text-align: center;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail p {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail em {
  font-size: 5.5rem;
  font-weight: bold;
  line-height: 1.3;
  font-family: "Arial", sans-serif;
  color: #ad002d;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail span {
  font-size: 3.7rem;
  font-weight: 900;
  color: #ad002d;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail .p-review__plan__monthly__detail__grid-col2 {
  padding: 25px 0;
  box-sizing: border-box;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail .p-review__plan__monthly__detail__grid-col2:last-child {
  background-color: #fce2cc;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail .p-review__plan__monthly__detail__grid-col2 h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #345887;
  font-size: 2rem;
  font-weight: 600;
  color: #FFF;
  width: 60%;
  margin: 0 auto 10px auto;
  padding: 5px;
  box-sizing: border-box;
}
.p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail .p-review__plan__monthly__detail__grid-col2 b {
  display: inline-block;
  background-color: #FF8C00;
  border-radius: 50px;
  color: #FFF;
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 10px;
  padding: 3px 20px;
}
@media print, screen and (min-width: 768px) {
  .p-review__plan .p-review__plan__monthly {
    display: flex;
    align-items: center;
    background-color: #666;
  }
  .p-review__plan .p-review__plan__monthly h3 {
    width: 27%;
    font-size: 2.8rem;
    clip-path: none;
  }
  .p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail {
    width: 73%;
    margin: 0 auto;
    padding: 0;
  }
  .p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail p {
    font-size: 2.2rem;
    line-height: 1.4;
  }
  .p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail em {
    font-size: 6.5rem;
  }
  .p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail span {
    font-size: 4.5rem;
  }
  .p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail .p-review__plan__monthly__detail__grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail .p-review__plan__monthly__detail__grid .p-review__plan__monthly__detail__grid-col2 {
    width: 50%;
    padding: 0 0 25px 0;
  }
  .p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail .p-review__plan__monthly__detail__grid .p-review__plan__monthly__detail__grid-col2 h4 {
    width: 100%;
    padding: 15px 10px;
    border-left: 2px solid #f0f0f0;
  }
  .p-review__plan .p-review__plan__monthly .p-review__plan__monthly__detail .p-review__plan__monthly__detail__grid .p-review__plan__monthly__detail__grid-col2:first-child h4 {
    border: none;
  }
}

/*
　お申し込みの流れ
=================================*/
.p-review__application-flow {
  margin-bottom: 50px;
}

.p-review__application-flow__block {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 25px auto 50px auto;
}

.p-review__application-flow__block:not(:first-child)::before {
  content: "\f078";
  position: absolute;
  top: -50%;
  left: 50%;
  font-family: "Font Awesome 5 Free";
  font-size: 3rem;
  font-weight: 900;
  color: #345887;
}

.p-review__application-flow__block__image {
  display: block;
  width: 100px;
}

.p-review__application-flow__block__image img {
  width: 100px;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-review__application-flow__block__text {
  width: calc(100% - 115px);
}

.p-review__application-flow__block__text h3 {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}

.p-review__application-flow__block__text p {
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .p-review__application-flow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .p-review__application-flow__block {
    width: 16%;
    display: block;
    margin: 0 auto;
  }
  .p-review__application-flow__block:not(:first-child)::before {
    content: "\f054";
    top: 20%;
    left: -17%;
  }
  .p-review__application-flow__block__image {
    margin: 0 auto 20px auto;
    width: 100%;
    text-align: center;
  }
  .p-review__application-flow__block__image img {
    width: 100%;
    max-width: 135px;
    height: auto;
  }
  .p-review__application-flow__block__text {
    margin: 0 auto;
    width: 100%;
  }
  .p-review__application-flow__block__text h3 {
    margin-bottom: 10px;
    font-size: 2rem;
    text-align: center;
  }
}
/*
　CTA
=================================*/
.p-review__cta {
  background: linear-gradient(90deg, #41acf4, #277fd9);
  padding: 40px 0;
}

.p-review__cta__image {
  width: 200px;
  margin: 0 auto 20px;
}

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

.p-review__cta__text p,
.p-review__cta__text h2 {
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.p-review__cta__text p {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.p-review__cta__text h2 {
  font-size: 2.5rem;
  margin-bottom: 40px;
}

.p-review__cta__text h2 span {
  color: #fac530;
}

@media screen and (min-width: 768px) {
  .p-review__cta {
    padding: 70px 0 100px;
  }
  .p-review__cta__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto;
  }
  .p-review__cta__image {
    width: 35%;
    margin: 0;
  }
  .p-review__cta__text {
    width: 59%;
  }
  .p-review__cta__text p,
  .p-review__cta__text h2 {
    text-align: left;
  }
  .p-review__cta__text p {
    font-size: 28px;
  }
  .p-review__cta__text h2 {
    font-size: clamp(40px, 3.9473684211vw, 45px);
    margin-bottom: 45px;
  }
  .p-review__cta__button {
    text-align: left;
  }
}
/**
 * seo_about
 */
/* ━━━━━━━━━━━━━━━━

 ■ ユーティリティ

━━━━━━━━━━━━━━━━ */
/*=================================
* media
=================================*/
@media print {
  .p-seo__header__nav-sp {
    display: none;
  }
}
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* セクション
=================================*/
@media print, screen and (min-width: 768px) {
  .p-seo_about__overview .l-section__container,
  .p-seo_about__structure .l-section__container,
  .p-seo_about__history .l-section__container,
  .p-seo_about__step .l-section__container,
  .p-seo_about__valuation .l-section__container,
  .p-seo_about__technical .l-section__container,
  .p-seo_about__related .l-section__container {
    max-width: 1000px;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　タイトル(h2)
=================================*/
.p-seo_about__title-ruby {
  position: relative;
  width: 95%;
  margin: 0 auto 30px auto;
  padding: 10px 0;
  font-size: 2.4rem;
  font-weight: bold;
  box-sizing: border-box;
}
.p-seo_about__title-ruby span {
  position: relative;
  line-height: 1.5;
  z-index: 2;
}
.p-seo_about__title-ruby::before {
  content: attr(data-en);
  position: absolute;
  top: -3px;
  left: 10px;
  font-size: 3rem;
  font-weight: 900;
  font-family: "Arial", sans-serif;
  color: rgba(15, 10, 50, 0.1);
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__title-ruby {
    width: 100%;
    padding: 0 8px;
    font-size: 3.4rem;
    margin-bottom: 45px;
  }
  .p-seo_about__title-ruby::before {
    top: -20px;
    left: 20px;
    font-size: 4.2rem;
  }
}

/*
　タイトル(h3/h4)
=================================*/
.p-seo_about__title-term {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 5px 3px 5px;
  color: #345887;
  border-bottom: 2px solid #345887;
}
.p-seo_about__title-term h3 {
  font-size: 2rem;
  font-weight: 900;
}
.p-seo_about__title-term h4 {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-seo_about__title-term::before {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 10px 8px 0;
  border-style: solid;
  border-color: #345887 transparent transparent;
}
.p-seo_about__title-term::after {
  position: absolute;
  bottom: -6px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 10px 8px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__title-term h3 {
    padding: 0 5px;
    font-size: 2.4rem;
  }
}

/*
　SEOとは
=================================*/
.p-seo_about__overview__content {
  width: 95%;
  margin: 0 auto 50px auto;
  box-sizing: border-box;
}
.p-seo_about__overview__content p {
  margin-bottom: 20px;
  line-height: 1.75;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__overview__content {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 80px;
  }
  .p-seo_about__overview__content p {
    margin-bottom: 25px;
    font-size: 1.8rem;
  }
}

.p-seo_about__overview__categories h3 {
  width: 95%;
  margin: 0 auto 30px auto;
  padding: 10px 0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  box-sizing: border-box;
}
.p-seo_about__overview__categories .p-seo_about__overview__categories__list {
  width: 95%;
  margin: 0 auto 30px auto;
  padding: 0;
  box-sizing: border-box;
}
.p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit {
  margin-bottom: 30px;
  padding: 20px;
  border: solid 2px #345887;
  border-radius: 5px;
}
.p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit .p-seo_about__overview__categories__unit__title {
  margin-bottom: 20px;
  padding: 7px 20px 8px 20px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 50px;
}
.p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit .p-seo_about__overview__unit__image {
  width: 80%;
  margin: 0 auto 20px auto;
}
.p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit .p-seo_about__overview__unit__image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit .p-seo_about__overview__categories__unit__text {
  line-height: 1.6;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__overview__categories h3 {
    width: 100%;
    padding: 0 8px;
    font-size: 3rem;
    margin-bottom: 40px;
  }
  .p-seo_about__overview__categories .p-seo_about__overview__categories__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    margin-bottom: 0;
  }
  .p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit {
    width: 30%;
    margin-bottom: 0;
    padding: 25px;
    box-sizing: border-box;
  }
  .p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit .p-seo_about__overview__categories__unit__title {
    margin-bottom: 25px;
    font-size: 2.2rem;
  }
  .p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit .p-seo_about__overview__categories__unit__image {
    width: 100%;
    margin-bottom: 25px;
  }
  .p-seo_about__overview__categories .p-seo_about__overview__categories__list .p-seo_about__overview__categories__unit .p-seo_about__overview__categories__unit__text {
    font-size: 1.8rem;
  }
}

/*
　検索エンジンの仕組み
=================================*/
.p-seo_about__structure__text {
  width: 95%;
  margin: 20px auto;
  box-sizing: border-box;
}
.p-seo_about__structure__text p {
  line-height: 1.75;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__structure__text {
    width: 100%;
    padding: 0 8px;
    margin: 40px auto;
  }
}

.p-seo_about__structure .p-seo_about__title-term::after {
  border-color: #eaf0fa transparent transparent;
}

/*
　Googleアップデートの歴史
=================================*/
.p-seo_about__history__text {
  width: 95%;
  margin: 0 auto 20px auto;
  line-height: 1.75;
  font-size: 1.6rem;
  box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__history__text {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 40px;
  }
}

/*
　SEO対策を実現する5ステップ
=================================*/
.l-section.p-seo_about__step {
  padding-top: 0;
  background: #eaf0fa;
}
.l-section.p-seo_about__step .l-section__container {
  padding: 0;
}
.l-section.p-seo_about__step .l-section__container .pc-section-title-01 {
  margin-bottom: 50px;
}
@media print, screen and (min-width: 768px) {
  .l-section.p-seo_about__step .l-section__container {
    max-width: 100%;
  }
  .l-section.p-seo_about__step .l-section__container .pc-section-title-01 {
    margin-bottom: 80px;
  }
}

.p-seo_about__step__wrapper {
  width: 95%;
  margin: 0 auto;
  padding: 0 8px;
  box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__step__wrapper {
    width: 100%;
    max-width: 1000px;
  }
}

.p-seo_about__step__list .p-seo_about__step__unit {
  padding: 10px 15px 15px 15px;
  background: #fff;
  border-radius: 5px;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__head {
  margin-bottom: 15px;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__head span {
  font-family: "Arial", sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  color: #345887;
  border-bottom: solid 2px #345887;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__head h3 {
  margin-top: 5px;
  font-size: 2rem;
  font-weight: bold;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body {
  margin-bottom: 20px;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body .p-seo_about__step__unit__body__text {
  margin-bottom: 10px;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body .p-seo_about__step__unit__body__text p {
  line-height: 1.75;
  font-size: 1.6rem;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body .p-seo_about__step__unit__body__text p span {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #fff75f 60%);
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body .p-seo_about__step__unit__body__image {
  width: 80%;
  margin: 0 auto;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body .p-seo_about__step__unit__body__image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__foot p {
  margin-bottom: 10px;
  line-height: 1.75;
  font-size: 1.6rem;
}
.p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__foot p:last-child {
  margin-bottom: 0;
}
.p-seo_about__step__list .u-triangle-down-sm, .p-seo_about__step__list .u-triangle-down-sm--secondary {
  border-top: 30px solid #afafaf;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__step__list .p-seo_about__step__unit {
    padding: 25px 40px 30px 40px;
  }
  .p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__head {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 30px;
  }
  .p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__head span {
    margin-right: 30px;
    font-size: 2.4rem;
  }
  .p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__head h3 {
    margin-top: 0;
    font-size: 2.6rem;
  }
  .p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
  }
  .p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body .p-seo_about__step__unit__body__text {
    width: 65%;
    margin-bottom: 0px;
  }
  .p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__body .p-seo_about__step__unit__body__image {
    width: 30%;
    margin: 0;
  }
  .p-seo_about__step__list .p-seo_about__step__unit .p-seo_about__step__unit__foot p {
    margin-bottom: 15px;
  }
  .p-seo_about__step__list .u-triangle-down-sm, .p-seo_about__step__list .u-triangle-down-sm--secondary {
    border-top: 40px solid #afafaf;
  }
}

/*
　E-E-A-TとYMYLとは？
=================================*/
.p-seo_about__valuation__content {
  width: 95%;
  margin: 0 auto 30px auto;
  box-sizing: border-box;
}
.p-seo_about__valuation__content p {
  line-height: 1.75;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__valuation__content {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 40px;
  }
}

.p-seo_about__valuation__list {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-seo_about__valuation__list .p-seo_about__valuation__unit {
  margin-bottom: 30px;
  border: solid 1px #345887;
  border-radius: 5px;
}
.p-seo_about__valuation__list .p-seo_about__valuation__unit .p-seo_about__valuation__unit__title {
  background: #345887;
}
.p-seo_about__valuation__list .p-seo_about__valuation__unit .p-seo_about__valuation__unit__title h3 {
  padding: 3px 10px 7px 10px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}
.p-seo_about__valuation__list .p-seo_about__valuation__unit .p-seo_about__valuation__unit__title h3 span {
  display: block;
  font-size: 1.6rem;
}
.p-seo_about__valuation__list .p-seo_about__valuation__unit .p-seo_about__valuation__unit__content {
  padding: 10px;
  line-height: 1.6;
}
.p-seo_about__valuation__list .p-seo_about__valuation__unit .p-seo_about__valuation__unit__content p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__valuation__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
    width: 100%;
    margin: 40px auto;
    padding: 0 8px;
  }
  .p-seo_about__valuation__list .p-seo_about__valuation__unit {
    width: 48%;
    margin-bottom: 0;
  }
  .p-seo_about__valuation__list .p-seo_about__valuation__unit .p-seo_about__valuation__unit__title {
    background: #345887;
  }
  .p-seo_about__valuation__list .p-seo_about__valuation__unit .p-seo_about__valuation__unit__title h3 {
    padding: 5px 10px 10px 10px;
    line-height: 1.4;
    font-size: 2.4rem;
  }
  .p-seo_about__valuation__list .p-seo_about__valuation__unit .p-seo_about__valuation__unit__content {
    padding: 15px 20px;
  }
}

/*
　技術的なSEO対策
=================================*/
.p-seo_about__technical .pc-point-03 ul .pc-point-03__unit {
  padding: 20px;
}
.p-seo_about__technical .pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__head {
  margin-bottom: 20px;
  background: #345887;
}
.p-seo_about__technical .pc-point-03 ul .pc-point-03__unit .pc-point-03__unit__body .pc-point-03__unit__body__image {
  width: 80%;
  margin: 0 auto 20px auto;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__technical .pc-point-03 ul .pc-point-03__unit {
    width: 31%;
    margin-bottom: 35px;
  }
}

.p-seo_about__technical__content {
  width: 95%;
  margin: 0 auto 30px auto;
  box-sizing: border-box;
}
.p-seo_about__technical__content p {
  line-height: 1.75;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-seo_about__technical__content {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 40px;
  }
}

/**
 * seo-column
 */
/* ━━━━━━━━━━━━━━━━

 ■ ユーティリティ

━━━━━━━━━━━━━━━━ */
/*=================================
* media
=================================*/
@media print {
  .p-seo__header__nav-sp {
    display: none;
  }
}
/* ━━━━━━━━━━━━━━━━

 ■ コンポーネント

━━━━━━━━━━━━━━━━ */
/*
　h1タイトル
=================================*/
.c-column__title--h1 {
  margin: 30px 0;
  line-height: 1.4;
  font-size: 2.4rem;
  font-weight: 900;
}
@media print, screen and (min-width: 768px) {
  .c-column__title--h1 {
    font-size: 3.4rem;
  }
}

/*
　h2タイトル
=================================*/
.c-column__title--h2 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 5px;
  padding-left: 3px;
  font-size: 2.2rem;
  font-weight: 900;
  color: #333;
  border-bottom: 1px solid #345887;
}
.c-column__title--h2[data-number] {
  padding-left: 50px;
}
.c-column__title--h2[data-number]::before {
  content: attr(data-number);
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  color: rgba(52, 88, 135, 0.3);
  font-size: 3.4rem;
}
@media print, screen and (min-width: 768px) {
  .c-column__title--h2 {
    margin-bottom: 30px;
    padding-left: 5px;
    font-size: 3rem;
  }
  .c-column__title--h2[data-number] {
    padding-left: 70px;
  }
  .c-column__title--h2[data-number]::before {
    top: 40%;
    font-size: 5rem;
  }
}

/*
　h3タイトル
=================================*/
.c-column__title--h3 {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #333;
}
.c-column__title--h3::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.c-column__title--h3::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 1em;
  width: 0;
  height: 0;
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
@media print, screen and (min-width: 768px) {
  .c-column__title--h3 {
    margin-top: 10px;
    padding-bottom: 8px;
    font-size: 2rem;
  }
}

/*
　目次
=================================*/
.c-column__toc {
  padding: 5px 10px;
  border: 1px solid #345887;
}
.c-column__toc .c-column__toc__title {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #345887;
}
.c-column__toc .c-column__toc__list {
  counter-reset: num;
}
.c-column__toc .c-column__toc__list li {
  display: flex;
  margin-bottom: 5px;
  font-size: 16px;
}
.c-column__toc .c-column__toc__list li::before {
  counter-increment: num;
  content: counter(num) ".";
  margin-right: 8px;
  font-weight: bold;
}
.c-column__toc .c-column__toc__list li a {
  display: block;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .c-column__toc {
    padding: 10px 15px;
  }
  .c-column__toc .c-column__toc__title {
    font-size: 24px;
  }
  .c-column__toc .c-column__toc__list {
    box-sizing: border-box;
  }
  .c-column__toc .c-column__toc__list li {
    margin-bottom: 10px;
  }
  .c-column__toc .c-column__toc__list li a {
    border-bottom: solid 1px transparent;
  }
  .c-column__toc .c-column__toc__list li a:hover {
    opacity: 1;
    border-bottom: solid 1px #345887;
  }
}

/*
　コラム記事
=================================*/
.c-column__content__text {
  margin-bottom: 30px;
}

.c-column__content__image {
  margin-bottom: 30px;
  text-align: center;
}
.c-column__content__image img {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .c-column__content__image {
    margin-bottom: 50px;
  }
}

/*
　SEOサポートチーム紹介
=================================*/
.c-column__profile {
  padding: 10px;
  border: solid 1px #345887;
}
.c-column__profile .c-column__profile__image img {
  max-width: 150px;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
.c-column__profile .c-column__profile__content {
  margin-bottom: 20px;
}
.c-column__profile .c-column__profile__content h3 {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .c-column__profile {
    display: flex;
    padding: 20px;
  }
  .c-column__profile .c-column__profile__image img {
    width: 150px;
    margin-bottom: 0;
  }
  .c-column__profile .c-column__profile__content {
    width: calc(100% - 170px);
    margin-bottom: 0;
    padding-left: 20px;
  }
  .c-column__profile .c-column__profile__content h3 {
    font-size: 2.4rem;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* 2カラム
=================================*/
.l-article {
  padding: 20px 8px;
}
@media print, screen and (min-width: 768px) {
  .l-article {
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 0;
    box-sizing: border-box;
  }
  .l-article .l-article-main {
    width: 800px;
    margin: 0 auto;
  }
}

/*=================================
* section
=================================*/
.c-column__section {
  padding: 20px 0;
}
@media print, screen and (min-width: 768px) {
  .c-column__section {
    padding: 40px 0;
  }
}

/**
 * seo
 */
/* ━━━━━━━━━━━━━━━━

 ■ ユーティリティ

━━━━━━━━━━━━━━━━ */
/*=================================
* media
=================================*/
@media print {
  .p-seo__header__nav-sp {
    display: none;
  }
}
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*==================================
* header
==================================*/
.p-seo__header {
  position: fixed;
  width: 100%;
  height: 70px;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.p-seo__header .p-seo__header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.p-seo__header .p-seo__header__inner .p-seo__header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
  font-size: 1.9rem;
  font-weight: bold;
}
.p-seo__header .p-seo__header__inner .p-seo__header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
.p-seo__header .p-seo__header__inner .p-seo__header__logo a img {
  display: block;
  width: 70px;
  height: auto;
  margin-right: 7px;
}
.p-seo__header .p-seo__header__inner .p-seo__header__logo a span {
  font-size: 1.8rem;
}
.p-seo__header .p-seo__header__inner .p-seo__header__nav {
  display: none;
}
.p-seo__header .p-seo__header__inner .p-seo__header__menu-button {
  display: block;
  position: relative;
  padding-right: 20px;
  width: 30px;
  height: 30px;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 3;
}
.p-seo__header .p-seo__header__inner .p-seo__header__menu-button span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all 0.5s;
}
.p-seo__header .p-seo__header__inner .p-seo__header__menu-button span:nth-child(1) {
  top: 4px;
}
.p-seo__header .p-seo__header__inner .p-seo__header__menu-button span:nth-child(3) {
  bottom: 4px;
}
.p-seo__header .p-seo__header__inner .p-seo__header__menu-button span:nth-child(2) {
  top: 14px;
}
.p-seo__header .p-seo__header__inner .p-seo__header__menu-button.is-open span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.p-seo__header .p-seo__header__inner .p-seo__header__menu-button.is-open span:nth-child(2) {
  opacity: 0;
}
.p-seo__header .p-seo__header__inner .p-seo__header__menu-button.is-open span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}
@media screen and (min-width: 1005px) {
  .p-seo__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-seo__header .p-seo__header__inner {
    height: 90px;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__logo {
    padding: 0 0 0 20px;
    font-size: 2.2rem;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__logo a img {
    width: 110px;
    margin-right: 10px;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__logo a span {
    font-size: 1.8rem;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 15px;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav .p-seo__header__gnav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav .p-seo__header__gnav ul li a {
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #333;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav .p-seo__header__gnav ul li a:hover {
    opacity: 1;
    color: #345887;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav .p-seo__header__snav {
    display: flex;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav .p-seo__header__snav .p-seo__header__consult {
    margin-right: 20px;
    margin-left: 15px;
    padding: 7px 20px 8px 20px;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav .p-seo__header__snav .p-seo__header__consult:hover {
    color: #fff;
    opacity: 1;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav .p-seo__header__snav .p-seo__header__consult {
    color: #345887;
    border: solid 2px #345887;
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__nav .p-seo__header__snav .p-seo__header__consult:hover {
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
  .p-seo__header .p-seo__header__inner .p-seo__header__menu-button {
    display: none;
  }
}
@media screen and (min-width: 1125px) {
  .p-seo__header .p-seo__header__inner .p-seo__header__logo a span {
    font-size: 2.2rem;
  }
}

/** スマホメニュー */
.p-seo__header__nav-sp {
  width: 100%;
  height: 100%;
  background: #fefefe;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  padding: 70px 0 30px 0;
  transform: translateY(-100%);
  transition: transform 0.5s;
  box-sizing: border-box;
}
.p-seo__header__nav-sp.is-open {
  transform: translateY(0);
}
.p-seo__header__nav-sp .p-seo__header__gnav-sp {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
  padding: 20px;
}
.p-seo__header__nav-sp .p-seo__header__gnav-sp > ul > li > a {
  display: block;
  padding: 10px 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}
@media screen and (min-width: 1005px) {
  .p-seo__header__nav-sp {
    display: none;
  }
}

/*==================================
* main-visual
==================================*/
.l-section.p-seo__main {
  padding: 0;
}

.p-seo__main__visual__inner {
  position: relative;
  padding: 30px 8px;
  background-image: url(../img/seo/seo__main-visual.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.p-seo__main__visual__inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.p-seo__main__visual__inner .p-seo__main__visual__title {
  position: relative;
  z-index: 10;
}
.p-seo__main__visual__inner .p-seo__main__visual__title h1 {
  margin-bottom: 30px;
  line-height: 1.5;
  text-align: center;
  font-size: 2.3rem;
  font-weight: 700;
  color: #fff;
}

.p-seo__main__visual__inquiry {
  width: 100%;
  color: #fff;
  background-color: #003f68;
}
.p-seo__main__visual__inquiry .p-seo__main__visual__inquiry__block {
  padding: 10px;
}
.p-seo__main__visual__inquiry .p-seo__main__visual__inquiry__block h3 {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-seo__main__visual__inquiry .p-seo__main__visual__inquiry__block iframe {
  display: block;
}

/* PC(768px～1200px) */
@media print, screen and (min-width: 768px) {
  .p-seo__main__visual {
    position: relative;
  }
  .p-seo__main__visual .p-seo__main__visual__inner {
    height: 450px;
  }
  .p-seo__main__visual .p-seo__main__visual__inner .p-seo__main__visual__title {
    position: relative;
    max-width: 1140px;
    height: 400px;
    margin: 0 auto;
  }
  .p-seo__main__visual .p-seo__main__visual__inner .p-seo__main__visual__title h1 {
    width: calc(100% - 560px);
    position: absolute;
    top: 70px;
    left: 0;
    margin-bottom: 0;
    text-align: left;
    font-size: 3.8rem;
  }
  .p-seo__main__visual__inquiry {
    position: absolute;
    top: 90px;
    right: 10px;
    display: block;
    width: 500px;
    z-index: 20;
  }
  .p-seo__main__visual__inquiry .p-seo__main__visual__inquiry__block {
    padding: 15px 0 0 0;
  }
  .p-seo__main__visual__inquiry .p-seo__main__visual__inquiry__block h3 {
    font-size: 2.4rem;
  }
}
/* PC(1200px～) */
@media print, screen and (min-width: 1200px) {
  .p-seo__main__visual .p-seo__main__visual__inner {
    height: 450px;
  }
  .p-seo__main__visual .p-seo__main__visual__inner .p-seo__main__visual__title h1 {
    width: 700px;
    font-size: 4.8rem;
  }
  .p-seo__main__visual__inquiry {
    right: calc(50% - 570px);
  }
}
/*==================================
* footer
==================================*/
.p-seo__footer {
  color: #fff;
  background: #000;
}
.p-seo__footer .p-seo__footer__inner {
  padding: 20px;
}
.p-seo__footer .p-seo__footer__inner .p-seo__footer__copyright {
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-seo__footer .p-seo__footer__inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px 8px;
  }
  .p-seo__footer .p-seo__footer__inner .p-seo__footer__copyright {
    text-align: left;
    font-size: 1.6rem;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　SEO対策講座
=================================*/
@media print, screen and (min-width: 768px) {
  .p-seo__course .pc-button-03 {
    width: 30%;
    margin-top: 50px;
  }
}

/*
　SEO対策実践講座
=================================*/
.p-seo__practical-course .pc-button-03 {
  margin-top: 30px;
}
@media print, screen and (min-width: 768px) {
  .p-seo__practical-course .pc-button-03 {
    width: 30%;
  }
}

/*
　ニュース
=================================*/
@media print, screen and (max-width: 767px) {
  .p-seo__news .l-section__container {
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .p-seo__news .c-grid-col2:first-child {
    width: 43%;
  }
  .p-seo__news .c-grid-col2:last-child {
    width: 49%;
  }
}

/* つぶやきブログリスト */
.p-seo__news__mlog {
  border: solid 1px #dedede;
  border-radius: 12px;
}
.p-seo__news__mlog h2 {
  padding: 10px 0;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}
.p-seo__news__mlog .p-seo__news__mlog__entry {
  height: 485px;
  overflow-y: auto;
}
.p-seo__news__mlog .p-seo__news__mlog__entry li {
  padding: 15px;
  border-top: solid 1px #dedede;
}
.p-seo__news__mlog .p-seo__news__mlog__footer {
  padding: 15px;
  text-align: right;
  border-top: solid 1px #dedede;
}

/*
　成功の3ステップ
=================================*/
/* title */
.p-seo__success-step .c-title--catchcopy strong {
  color: #345887;
}
.p-seo__success-step .c-title--catchcopy em {
  font-size: 60px;
  font-weight: bold;
  color: #FF8C00;
}

/* point */
.p-seo__success-step .c-point--type02 ul li {
  background: #fff;
}

/* CTA */
.p-seo__success-step .c-button--primary:hover {
  opacity: 1;
  background: #FF8C00;
}

/*
　お知らせ
=================================*/
.p-seo__announce .p-seo__announce__body {
  position: relative;
  padding: 25px 15px 15px 15px;
  border: solid 2px #FF8C00;
  border-radius: 5px;
  background: #fff;
}
.p-seo__announce .p-seo__announce__body span {
  position: absolute;
  top: -17px;
  left: 10px;
  padding: 5px 20px;
  color: #fff;
  border-radius: 50px;
  background: #FF8C00;
}
.p-seo__announce .p-seo__announce__body h3 {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-seo__announce .p-seo__announce__body p {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-seo__announce {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 8px;
  }
  .p-seo__announce .p-seo__announce__body {
    width: 500px;
    margin: 0 auto 0 0;
    padding: 30px 25px 20px 25px;
    box-sizing: border-box;
  }
  .p-seo__announce .p-seo__announce__body span {
    padding: 5px 25px 7px 25px;
  }
  .p-seo__announce .p-seo__announce__body h3 {
    margin-bottom: 10px;
    font-size: 2rem;
  }
}

/*
　タイトル
=================================*/
/* p-seo__title */
.p-seo__title {
  margin-bottom: 20px;
}
.p-seo__title h3 {
  line-height: 1.4;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-seo__title h3::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  margin-top: 5px;
  background: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-seo__title {
    margin-bottom: 40px;
    padding: 0 8px;
  }
  .p-seo__title h3 {
    font-size: 2.6rem;
  }
  .p-seo__title h3::after {
    width: 55px;
  }
}

/* p-seo__title--point */
.p-seo__title--point {
  position: relative;
  margin: 55px 0 20px 0;
  padding: 15px 5px;
  text-align: center;
  line-height: 1.4;
  font-size: 2.2rem;
  font-weight: bold;
  color: #345887;
  border-radius: 0 10px 10px 10px;
  background: #ebecf2;
}
.p-seo__title--point span {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  height: 27px;
  font-size: 1.8rem;
  padding: 4px 15px;
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-seo__title--point {
    margin: 65px 0 30px 0;
    font-size: 2.6rem;
  }
  .p-seo__title--point span {
    top: -38px;
    height: 28px;
    padding: 5px 15px;
    font-size: 2rem;
  }
}

/* c-title-induction-01 */
.p-seo__intro .c-title-induction-01,
.p-seo__layout .c-title-induction-01 {
  margin-bottom: 30px;
}
.p-seo__intro .c-title-induction-01 .c-title-induction-01__inner h2 em,
.p-seo__layout .c-title-induction-01 .c-title-induction-01__inner h2 em {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ffd800;
}
@media print, screen and (min-width: 768px) {
  .p-seo__intro .c-title-induction-01,
  .p-seo__layout .c-title-induction-01 {
    margin-bottom: 70px;
  }
  .p-seo__intro .c-title-induction-01 .c-title-induction-01__inner h2 span,
  .p-seo__intro .c-title-induction-01 .c-title-induction-01__inner h2 em,
  .p-seo__layout .c-title-induction-01 .c-title-induction-01__inner h2 span,
  .p-seo__layout .c-title-induction-01 .c-title-induction-01__inner h2 em {
    font-size: clamp(4rem, 5vw, 5rem);
  }
}

/*
　marker
=================================*/
.p-seo__text-marker {
  background: linear-gradient(transparent 60%, #fec763 60%);
}

/**
 * Simulation
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　入力
=================================*/
.p-simulation__input table {
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  border-bottom: 1px solid #666;
}
@media print, screen and (min-width: 768px) {
  .p-simulation__input table {
    border-bottom: none;
  }
}
.p-simulation__input th, .p-simulation__input td {
  padding: 20px 10px;
  display: block;
  border: 1px solid #666;
  border-bottom: none;
}
@media print, screen and (min-width: 768px) {
  .p-simulation__input th, .p-simulation__input td {
    padding: 15px 20px;
    display: table-cell;
    border-bottom: 1px solid #666;
  }
}
.p-simulation__input th {
  background-color: #F9F9F9;
  font-size: 2rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .p-simulation__input th {
    width: 25%;
  }
}
.p-simulation__input td {
  background-color: #FFF;
}
@media print, screen and (min-width: 768px) {
  .p-simulation__input td {
    width: 75%;
  }
}
.p-simulation__input .p-simulation__input__select {
  font-size: 2rem;
  vertical-align: middle;
}
.p-simulation__input .p-simulation__input__radio {
  display: inline-block;
  padding: 3px 10px;
  border: solid 1px #ccc;
  margin-right: 20px;
  cursor: pointer;
  font-size: 2rem;
}

/*
　結果
=================================*/
.p-simulation__result table {
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  border-bottom: 1px solid #666;
}
@media print, screen and (min-width: 768px) {
  .p-simulation__result table {
    width: 700px;
    margin: 0 auto;
    border-bottom: none;
  }
}
.p-simulation__result th, .p-simulation__result td {
  padding: 20px 10px;
  display: block;
  border: 1px solid #666;
  border-bottom: none;
}
@media print, screen and (min-width: 768px) {
  .p-simulation__result th, .p-simulation__result td {
    padding: 15px 20px;
    display: table-cell;
    border-bottom: 1px solid #666;
  }
}
.p-simulation__result th {
  background-color: #F9F9F9;
  font-size: 2rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .p-simulation__result th {
    width: 25%;
  }
}
.p-simulation__result td {
  background-color: #FFF;
  text-align: right;
}
@media print, screen and (min-width: 768px) {
  .p-simulation__result td {
    width: 25%;
  }
}

/**
 * small-layout
 */
/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　詳細
=================================*/
.p-small-layout .c-grid-col2 img {
  border: solid 1px #ccc;
}
.p-small-layout .c-grid__col--text {
  margin-bottom: 50px;
}
.p-small-layout .c-grid__col--text p {
  font-size: 1.6rem;
}
.p-small-layout .p-small-layout__keyword {
  margin-bottom: 50px;
}
.p-small-layout .p-small-layout__keyword .p-small-layout__keyword__list {
  margin-bottom: 20px;
}
.p-small-layout .p-small-layout__keyword .p-small-layout__keyword__list li {
  font-size: 1.6rem;
}
.p-small-layout .p-small-layout__keyword .p-small-layout__keyword__example {
  margin-left: 20px;
  font-size: 1.6rem;
}
.p-small-layout .p-small-layout__keyword .p-small-layout__keyword__example .p-small-layout__keyword__example__text {
  display: inline-block;
  border: solid 1px #333;
  padding-left: 10px;
}
.p-small-layout .p-small-layout__keyword .p-small-layout__keyword__example .p-small-layout__keyword__example__text i {
  margin-left: 30px;
  padding: 7px;
  color: #fff;
  background-color: #333;
}
.p-small-layout .p-small-layout__list {
  margin-bottom: 50px;
}
.p-small-layout .p-small-layout__list li {
  font-size: 1.6rem;
}
.p-small-layout .p-small-layout__price {
  margin-bottom: 50px;
  margin-left: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.p-small-layout .p-small-layout__price span {
  font-size: 3.2rem;
}
.p-small-layout .p-small-layout__demosite .c-button--primary {
  max-width: 380px;
}
@media print, screen and (min-width: 768px) {
  .p-small-layout .c-grid__col--text p {
    font-size: 1.8rem;
  }
  .p-small-layout .p-small-layout__keyword .p-small-layout__keyword__list li {
    font-size: 1.8rem;
  }
  .p-small-layout .p-small-layout__keyword .p-small-layout__keyword__example p {
    font-size: 1.8rem;
  }
  .p-small-layout .p-small-layout__list li {
    font-size: 1.8rem;
  }
  .p-small-layout .p-small-layout__price {
    margin-bottom: 80px;
  }
}

/*
　アレンジデザインリスト
=================================*/
.p-small-layout__arrange-list li {
  margin-bottom: 50px;
  border: solid 1px #ccc;
}
.p-small-layout__arrange-list li .p-small-layout__arrange-list__image {
  display: block;
  max-width: 100%;
}
.p-small-layout__arrange-list li .p-small-layout__arrange-list__image img {
  display: block;
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.p-small-layout__arrange-list li .p-small-layout__arrange-list__content {
  padding: 20px;
  background-color: #fff;
}
.p-small-layout__arrange-list li .p-small-layout__arrange-list__content .p-small-layout__arrange-list__text {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-small-layout__arrange-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .p-small-layout__arrange-list ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .p-small-layout__arrange-list ul li {
    width: 30%;
  }
}

/**
 * small
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-small__header {
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  background-color: #ffffff;
}
.p-small__header .p-small__header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.p-small__header .p-small__header__inner .p-small__header__logo {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 10px;
}
.p-small__header .p-small__header__inner .p-small__header__logo a {
  display: flex;
  align-items: center;
  color: #333;
}
.p-small__header .p-small__header__inner .p-small__header__logo a img {
  width: 90px;
}
.p-small__header .p-small__header__inner .p-small__header__logo span {
  margin-left: 15px;
  font-size: 1.9rem;
  font-weight: bold;
}
.p-small__header .p-small__header__inner .p-small__header__menu {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-small__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-small__header .p-small__header__inner {
    height: 90px;
  }
  .p-small__header .p-small__header__inner .p-small__header__logo {
    padding: 0 0 0 20px;
  }
  .p-small__header .p-small__header__inner .p-small__header__logo a img {
    width: 90px;
  }
  .p-small__header .p-small__header__inner .p-small__header__logo span {
    font-size: 1.8rem;
  }
  .p-small__header .p-small__header__inner .p-small__header__menu {
    display: flex;
  }
  .p-small__header .p-small__header__inner .p-small__header__menu .p-small__header__design,
  .p-small__header .p-small__header__inner .p-small__header__menu .p-small__header__consult {
    display: block;
    margin-right: 30px;
    padding: 7px 20px 8px 20px;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-small__header .p-small__header__inner .p-small__header__menu .p-small__header__design:hover,
  .p-small__header .p-small__header__inner .p-small__header__menu .p-small__header__consult:hover {
    opacity: 1;
    color: #fff;
  }
  .p-small__header .p-small__header__inner .p-small__header__menu .p-small__header__design {
    color: #FF8C00;
    border: solid 2px #FF8C00;
  }
  .p-small__header .p-small__header__inner .p-small__header__menu .p-small__header__design:hover {
    background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  }
  .p-small__header .p-small__header__inner .p-small__header__menu .p-small__header__consult {
    color: #345887;
    border: solid 2px #345887;
  }
  .p-small__header .p-small__header__inner .p-small__header__menu .p-small__header__consult:hover {
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
}
@media screen and (min-width: 945px) {
  .p-small__header .p-small__header__inner .p-small__header__logo {
    padding: 0 0 0 20px;
  }
  .p-small__header .p-small__header__inner .p-small__header__logo a img {
    width: 120px;
  }
  .p-small__header .p-small__header__inner .p-small__header__logo span {
    font-size: 2.2rem;
  }
}

/*=================================
* main-visual
=================================*/
.l-section.p-small__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-small__main__visual {
  box-sizing: border-box;
}
.p-small__main__visual .p-small__main__visual__title {
  margin-bottom: 30px;
}
.p-small__main__visual .p-small__main__visual__title h1 {
  text-align: center;
  line-height: 1.5;
  font-size: 2.2rem;
  font-weight: bold;
}
.p-small__main__visual .p-small__main__visual__title h1 span {
  font-size: 2.6rem;
  font-weight: 900;
  color: #ad002d;
}
.p-small__main__visual .p-small__main__visual__body .p-small__main__visual__item {
  margin-bottom: 30px;
}
.p-small__main__visual .p-small__main__visual__body .p-small__main__visual__item .p-small__main__visual__item__unit {
  position: relative;
  width: 125px;
  height: 125px;
  margin: 0 auto;
  background: rgba(52, 88, 135, 0.95);
  border-radius: 100px;
}
.p-small__main__visual .p-small__main__visual__body .p-small__main__visual__item .p-small__main__visual__item__unit .p-small__main__visual__item__text {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  text-align: center;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 900;
}
.p-small__main__visual .p-small__main__visual__body .p-small__main__visual__item .p-small__main__visual__item__unit .p-small__main__visual__item__text span {
  font-size: 1.6rem;
}
.p-small__main__visual .p-small__main__visual__body .p-small__main__visual__item .p-small__main__visual__item__inner {
  display: flex;
  justify-content: space-between;
}
.p-small__main__visual .p-small__main__visual__body .p-small__main__visual__body__caption {
  margin-bottom: 30px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-small__main__visual .p-small__main__visual__image {
  width: 95%;
  margin: 0 auto;
}
.p-small__main__visual .p-small__main__visual__image img {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-small__main__visual {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
  }
  .p-small__main__visual > div .p-small__main__visual__title {
    margin-bottom: 40px;
  }
  .p-small__main__visual > div .p-small__main__visual__title h1 {
    font-size: 3rem;
    text-align: left;
  }
  .p-small__main__visual > div .p-small__main__visual__title h1 span {
    font-size: 3.4rem;
  }
  .p-small__main__visual > div .p-small__main__visual__body .p-small__main__visual__item {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin-bottom: 40px;
  }
  .p-small__main__visual > div .p-small__main__visual__body .p-small__main__visual__item .p-small__main__visual__item__unit {
    width: 160px;
    height: 160px;
    margin: 0;
  }
  .p-small__main__visual > div .p-small__main__visual__body .p-small__main__visual__item .p-small__main__visual__item__unit .p-small__main__visual__item__text {
    font-size: 2.6rem;
  }
  .p-small__main__visual > div .p-small__main__visual__body .p-small__main__visual__item .p-small__main__visual__item__unit .p-small__main__visual__item__text span {
    font-size: 2.2rem;
  }
  .p-small__main__visual > div .p-small__main__visual__body .p-small__main__visual__item .p-small__main__visual__item__inner {
    display: contents;
  }
  .p-small__main__visual > div .p-small__main__visual__body .p-small__main__visual__body__caption {
    margin-bottom: 0;
    text-align: left;
    font-size: 2.6rem;
  }
  .p-small__main__visual .p-small__main__visual__image {
    width: 35%;
    margin: 0;
  }
}

/*=================================
* footer
=================================*/
.p-small__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-small__footer__menu .p-small__footer__design,
.p-small__footer__menu .p-small__footer__consult {
  display: block;
  padding: 10px 30px;
  font-size: 1.6rem;
  background: #fff;
  border-radius: 5px;
}
.p-small__footer__menu .p-small__footer__design:hover,
.p-small__footer__menu .p-small__footer__consult:hover {
  color: #fff;
  opacity: 1;
}
.p-small__footer__menu .p-small__footer__design {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.p-small__footer__menu .p-small__footer__design:hover {
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}
.p-small__footer__menu .p-small__footer__consult {
  color: #345887;
  border: solid 2px #345887;
}
.p-small__footer__menu .p-small__footer__consult:hover {
  background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
}
@media print, screen and (min-width: 768px) {
  .p-small__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　SEO対策
=================================*/
.p-small__seo__block .p-small__seo__text {
  margin-bottom: 20px;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-small__seo__block .p-small__seo__text {
    text-align: center;
    font-size: 2rem;
  }
}

/*
　料金について
=================================*/
.p-small__pricing__lead {
  margin-bottom: 40px;
}
.p-small__pricing__lead p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-small__pricing__lead p span {
  font-size: 2.2rem;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-small__pricing__lead {
    margin-bottom: 50px;
  }
  .p-small__pricing__lead p {
    font-size: 2.4rem;
  }
  .p-small__pricing__lead p span {
    font-size: 2.8rem;
  }
}

.p-small__pricing__body {
  width: 90%;
  margin: 0 auto;
}
.p-small__pricing__body .p-small__pricing__unit {
  margin-bottom: 40px;
  padding: 20px 20px 25px 20px;
  background: #fff;
  border: solid 2px #0065c0;
  border-radius: 7px;
}
.p-small__pricing__body .p-small__pricing__unit:last-child {
  margin-bottom: 0;
}
.p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__title img {
  display: block;
  width: 50px;
  height: auto;
  margin-right: 10px;
}
.p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__title h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail {
  text-align: center;
  font-size: 1.6rem;
}
.p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail .p-small__pricing__unit__detail__price {
  margin-bottom: 15px;
  font-weight: bold;
}
.p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail .p-small__pricing__unit__detail__price span {
  font-size: 2.6rem;
  font-weight: 900;
}
.p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail .p-small__pricing__unit__detail__text {
  margin-bottom: 10px;
}
.p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail a {
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  .p-small__pricing__body {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .p-small__pricing__body .p-small__pricing__unit {
    width: 41%;
    margin-bottom: 0;
    padding: 30px 20px;
  }
  .p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__title img {
    width: 55px;
    margin-right: 15px;
  }
  .p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__title h3 {
    font-size: 2.4rem;
  }
  .p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail {
    font-size: 1.8rem;
  }
  .p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail .p-small__pricing__unit__detail__price {
    margin-bottom: 20px;
    font-size: 2.2rem;
  }
  .p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail .p-small__pricing__unit__detail__price span {
    font-size: 4.2rem;
  }
  .p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail .p-small__pricing__unit__detail__text {
    margin-bottom: 15px;
  }
  .p-small__pricing__body .p-small__pricing__unit .p-small__pricing__unit__detail a {
    font-size: 1.6rem;
  }
}

/*
　よくある質問
=================================*/
.p-small__faq .pc-accordion-menu-01 .pc-accordion-menu__answer {
  background: #f5f5f5;
}

/*=================================
* デザインサンプル一覧（/small-select）
=================================*/
/* メッセージ */
.p-small__thumbnail__message {
  margin-bottom: 3rem;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-small__thumbnail__message span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-small__thumbnail__message {
    font-size: 2.4rem;
  }
  .p-small__thumbnail__message span {
    font-size: 2.8rem;
  }
}

/* 注釈 */
.p-small__thumbnail__note {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.6rem;
}
.p-small__thumbnail__note a {
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-small__thumbnail__note {
    margin-bottom: 50px;
  }
}

/*=================================
* オンライン導入相談（/cms/form/102）
=================================*/
.p-small__online__content .p-small__online__intro {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.6rem;
}
.p-small__online__content .p-small__online__intro span {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-small__online__content .pc-check-list-01--bold {
  margin-bottom: 40px;
}
.p-small__online__content .p-small__online__content__detail {
  margin-bottom: 50px;
}
.p-small__online__content .p-small__online__content__detail .p-small__online__content__image {
  margin-bottom: 20px;
}
.p-small__online__content .p-small__online__content__detail .p-small__online__content__image img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.p-small__online__content .p-small__online__content__detail .p-small__online__content__text p {
  margin-bottom: 15px;
  font-size: 1.6rem;
}
.p-small__online__content .p-small__online__content__detail .p-small__online__content__text p span {
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-small__online__content .p-small__online__intro {
    margin-bottom: 70px;
    font-size: 2rem;
  }
  .p-small__online__content .p-small__online__intro span {
    font-size: 2.4rem;
  }
  .p-small__online__content .pc-check-list-01--bold {
    margin-bottom: 70px;
  }
  .p-small__online__content .p-small__online__content__detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto 80px auto;
    padding: 0 8px;
  }
  .p-small__online__content .p-small__online__content__detail .p-small__online__content__image {
    margin-bottom: 0;
    order: 2;
    width: 35%;
  }
  .p-small__online__content .p-small__online__content__detail .p-small__online__content__image img {
    width: 100%;
  }
  .p-small__online__content .p-small__online__content__detail .p-small__online__content__text {
    order: 1;
    width: 60%;
  }
}

/**
 * startup-service
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-startup-service__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  background: #fff;
}
.p-startup-service__header .p-startup-service__header__logo {
  display: flex;
  align-items: center;
}
.p-startup-service__header .p-startup-service__header__logo a img {
  display: block;
  margin: 0 10px;
  width: 90px;
}
.p-startup-service__header .p-startup-service__header__logo span {
  font-size: 1.9rem;
  font-weight: bold;
  color: #333;
}
.p-startup-service__header .p-startup-service__header__menu {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-startup-service__header .p-startup-service__header__logo a img {
    margin: 0 20px;
    width: 100px;
  }
  .p-startup-service__header .p-startup-service__header__logo span {
    font-size: 1.8rem;
  }
  .p-startup-service__header .p-startup-service__header__menu {
    display: flex;
  }
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__apply,
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__consultation {
    display: block;
    padding: 7px 15px 8px 15px;
    margin-right: 30px;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__apply:hover,
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__consultation:hover {
    color: #fff;
    opacity: 1;
  }
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__apply {
    color: #FF8C00;
    border: solid 2px #FF8C00;
  }
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__apply:hover {
    background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  }
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__consultation {
    color: #345887;
    border: solid 2px #345887;
  }
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__consultation:hover {
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
}
@media screen and (min-width: 900px) {
  .p-startup-service__header .p-startup-service__header__logo a img {
    margin: 0 20px;
    width: 120px;
  }
  .p-startup-service__header .p-startup-service__header__logo span {
    font-size: 2.2rem;
  }
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__apply,
  .p-startup-service__header .p-startup-service__header__menu .p-startup-service__header__consultation {
    padding: 7px 20px 8px 20px;
    font-size: 1.6rem;
  }
}

/*=================================
* main-visual
=================================*/
.l-section.p-startup-service__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-startup-service__main-visual {
  margin: 0 auto;
}
.p-startup-service__main-visual .p-startup-service__main-visual__title {
  margin-bottom: 30px;
}
.p-startup-service__main-visual .p-startup-service__main-visual__title h1 {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-startup-service__main-visual .p-startup-service__main-visual__title h1 span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ad002d;
}
.p-startup-service__main-visual .p-startup-service__main-visual__title h1 em {
  display: inline-block;
  padding-top: 15px;
  text-align: center;
  line-height: 1.2;
  font-size: 3rem;
  font-weight: 900;
  color: #345887;
}
.p-startup-service__main-visual .p-startup-service__main-visual__image {
  width: 95%;
  margin: 0 auto 30px auto;
}
.p-startup-service__main-visual .p-startup-service__main-visual__image img {
  display: block;
  width: 100%;
}
.p-startup-service__main-visual .p-startup-service__main-visual__text {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-startup-service__main-visual .p-startup-service__main-visual__text span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ad002d;
}
.p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--apply,
.p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--consultation {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 13px 5px;
  text-align: center;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 5px;
  transition: all 0.3s;
}
.p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--apply {
  margin-bottom: 20px;
  color: #fff;
  background: #FF8C00;
  border: solid 2px #FF8C00;
}
.p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--apply:hover {
  opacity: 1;
  color: #fff;
  background: rgba(255, 140, 0, 0.7);
  border: solid 2px #FF8C00;
}
.p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--consultation {
  color: #345887;
  background: #fff;
  border: solid 2px #345887;
}
.p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--consultation:hover {
  opacity: 1;
  color: #345887;
  background: rgba(52, 88, 135, 0.1);
  border: solid 2px #345887;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__main-visual .p-startup-service__main-visual__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1140px;
    margin-bottom: 50px;
    padding: 0 8px;
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__wrapper .p-startup-service__main-visual__title {
    width: calc(100% - 400px);
    margin-bottom: 0;
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__wrapper .p-startup-service__main-visual__title h1 {
    text-align: left;
    line-height: 1.3;
    font-size: clamp(2.2rem, 2.2807017544vw, 2.6rem);
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__wrapper .p-startup-service__main-visual__title h1 span {
    font-size: clamp(2.8rem, 2.8070175439vw, 3.2rem);
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__wrapper .p-startup-service__main-visual__title h1 em {
    padding-top: 20px;
    text-align: left;
    line-height: 1.2;
    font-size: clamp(3.6rem, 4.0350877193vw, 4.6rem);
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__wrapper .p-startup-service__main-visual__image {
    width: 40%;
    margin: 0;
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__text {
    margin-bottom: 30px;
    padding: 0 8px;
    text-align: left;
    font-size: clamp(2.2rem, 2.2807017544vw, 2.6rem);
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__text span {
    font-size: clamp(2.8rem, 2.8070175439vw, 3.2rem);
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__button {
    display: flex;
    justify-content: flex-start;
    padding: 0 8px;
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--apply,
  .p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--consultation {
    max-width: 380px;
    margin: 0;
    padding: 15px 5px;
    font-size: 1.8rem;
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--apply {
    margin-bottom: 0;
    margin-right: 30px;
  }
  .p-startup-service__main-visual .p-startup-service__main-visual__button .p-startup-service__main-visual__button--consultation {
    color: #345887;
    background: #fff;
    border: solid 2px #345887;
  }
}

/*=================================
* footer
=================================*/
.p-startup-service__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-startup-service__footer__menu .p-startup-service__footer__apply,
.p-startup-service__footer__menu .p-startup-service__footer__consultation {
  display: block;
  padding: 10px 30px;
  font-size: 1.6rem;
  background: #fff;
  border-radius: 5px;
}
.p-startup-service__footer__menu .p-startup-service__footer__apply:hover,
.p-startup-service__footer__menu .p-startup-service__footer__consultation:hover {
  color: #fff;
  opacity: 1;
}
.p-startup-service__footer__menu .p-startup-service__footer__apply {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.p-startup-service__footer__menu .p-startup-service__footer__apply:hover {
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}
.p-startup-service__footer__menu .p-startup-service__footer__consultation {
  color: #345887;
  border: solid 2px #345887;
}
.p-startup-service__footer__menu .p-startup-service__footer__consultation:hover {
  background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　デザイン一覧
=================================*/
.p-startup-service__thumbnail__group {
  width: 98%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-startup-service__thumbnail__group ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit {
  display: flex;
  flex-direction: column;
  width: 48%;
  background: #fff;
  border: solid 1px #345887;
  box-sizing: border-box;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 10px 15px 10px;
  text-decoration: none;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__head {
  margin-bottom: 13px;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__head h3 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #345887;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body {
  margin-top: auto;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__image {
  position: relative;
  width: 95%;
  margin: 0 auto 10px auto;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption {
  margin-bottom: 5px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__price--regular {
  display: inline-block;
  margin-bottom: 2px;
  font-family: "Arial", sans-serif;
  font-size: 1.8rem;
  color: #333;
  background-image: linear-gradient(transparent 9px, #a60309 0, #a60309 11px, transparent 0, transparent 14px, #a60309 0, #a60309 16px, transparent 0);
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__price--regular span {
  font-size: 1.3rem;
  vertical-align: text-bottom;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__label--startup {
  margin-bottom: 2px;
  line-height: 1.3;
  font-size: 1.6rem;
  color: #333;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__price--limited {
  font-family: "Arial", sans-serif;
  font-size: 2.4rem;
  color: #a60309;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__price--limited span {
  font-size: 1.4rem;
  vertical-align: text-bottom;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__foot {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 4px 5px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  box-sizing: border-box;
}
.p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a:hover {
  opacity: 1;
  background: #d2ddef;
  transition: all 0.3s;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__thumbnail__group {
    width: 100%;
  }
  .p-startup-service__thumbnail__group ul {
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .p-startup-service__thumbnail__group ul::after {
    content: "";
    display: block;
    width: 30%;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit {
    width: 30%;
    margin-bottom: 35px;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a {
    padding: 25px 30px 25px 30px;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__head {
    margin-bottom: 15px;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__head h3 {
    font-size: clamp(16px, 1.7543859649vw, 20px);
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__image {
    width: 90%;
    margin: 0 auto 15px auto;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption {
    margin-bottom: 5px;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__price--regular {
    margin-bottom: 5px;
    font-size: 2.4rem;
    background-image: linear-gradient(transparent 14px, #a60309 0, #a60309 16px, transparent 0, transparent 19px, #a60309 0, #a60309 21px, transparent 0);
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__price--regular span {
    font-size: 1.5rem;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__label--startup {
    margin-bottom: 5px;
    font-size: 1.8rem;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__price--limited {
    font-size: 3rem;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__body .p-startup-service__thumbnail__unit__body__caption .p-startup-service__caption__price--limited span {
    font-size: 1.6rem;
  }
  .p-startup-service__thumbnail__group ul .p-startup-service__thumbnail__unit a .p-startup-service__thumbnail__unit__foot {
    width: 85%;
    padding: 6px 5px 7px 5px;
    font-size: 1.6rem;
  }
}

/*
　適用条件
=================================*/
.p-startup-service__condition .pc-check-list-01--bold {
  width: 90%;
  margin: 0 auto 50px auto;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__condition .pc-check-list-01--bold {
    margin-bottom: 90px;
  }
}

.p-startup-service__apply__day-check {
  width: 90%;
  margin: 0 auto 50px auto;
  text-align: center;
  border: solid 3px #8eaad8;
  background-color: #fff;
}
.p-startup-service__apply__day-check h3 {
  margin: 0 auto;
  padding: 10px 25px 12px 25px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #8eaad8;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body {
  padding: 30px 15px 35px 15px;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body p {
  margin-bottom: 25px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body p span {
  font-size: 2.2rem;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__license {
  font-size: 2rem;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__license select {
  font-size: 2.6rem;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit {
  display: none;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__date {
  margin-bottom: 20px;
  font-size: 2rem;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__date span {
  margin: 0 10px;
  font-size: 3rem;
  font-weight: bold;
  color: #ad002d;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__day {
  font-size: 2rem;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__day span {
  margin-left: 10px;
  font-size: 3.4rem;
  font-weight: bold;
  color: #ad002d;
}
.p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__over {
  font-size: 2rem;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__apply__day-check {
    max-width: 800px;
    margin: 0 auto 80px auto;
  }
  .p-startup-service__apply__day-check h3 {
    padding: 10px 25px 16px 25px;
    font-size: 2.6rem;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body {
    padding: 40px 15px 50px 15px;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body p {
    font-size: 2.4rem;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body p span {
    font-size: 3rem;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__license select {
    font-size: 3rem;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__date {
    font-size: 2.6rem;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__date span {
    font-size: 3.6rem;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__day {
    font-size: 2.6rem;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__day span {
    font-size: 3.6rem;
  }
  .p-startup-service__apply__day-check .p-startup-service__apply__day-check__body .p-startup-service__apply__limit .p-startup-service__apply__limit__over {
    font-size: 2.6rem;
  }
}

.p-startup-service__condition__action {
  width: 90%;
  margin: 0 auto;
}
.p-startup-service__condition__action .pc-button-03 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__condition__action .pc-button-03 {
    width: 45%;
  }
}

/*
　制作の流れ
=================================*/
.p-startup-service__flow .pc-flow-summary-02 ul {
  gap: 26px;
}
.p-startup-service__flow .pc-flow-summary-02 ul .pc-flow-summary-02__unit {
  width: 90px;
}
.p-startup-service__flow .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image {
  width: 90px;
}
.p-startup-service__flow .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image img {
  width: 90px;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__flow .pc-flow-summary-02 ul {
    gap: 65px;
  }
  .p-startup-service__flow .pc-flow-summary-02 ul .pc-flow-summary-02__unit {
    width: 130px;
  }
  .p-startup-service__flow .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image {
    width: 130px;
  }
  .p-startup-service__flow .pc-flow-summary-02 ul .pc-flow-summary-02__unit .pc-flow-summary-02__unit__image img {
    width: 130px;
  }
}

.p-startup-service__flow .pc-button-03 {
  margin: 30px auto 0 auto;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__flow .pc-button-03 {
    margin-top: 50px;
  }
}

/*
　月額費用
=================================*/
.p-startup-service__monthly-cost {
  margin-bottom: 50px;
  text-align: center;
}
.p-startup-service__monthly-cost .p-startup-service__monthly-cost__price {
  font-size: 1.8rem;
}
.p-startup-service__monthly-cost .p-startup-service__monthly-cost__price em {
  font-size: 5rem;
  font-weight: bold;
  color: #ad002d;
}
.p-startup-service__monthly-cost .p-startup-service__monthly-cost__price span {
  font-size: 3rem;
  font-weight: bold;
  color: #ad002d;
}
.p-startup-service__monthly-cost .p-startup-service__monthly-cost__plan {
  margin-bottom: 30px;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__monthly-cost {
    margin-bottom: 70px;
  }
  .p-startup-service__monthly-cost .p-startup-service__monthly-cost__price {
    margin-bottom: 5px;
    font-size: 2.6rem;
  }
  .p-startup-service__monthly-cost .p-startup-service__monthly-cost__price em {
    font-size: 6rem;
  }
  .p-startup-service__monthly-cost .p-startup-service__monthly-cost__plan {
    margin-bottom: 50px;
    font-size: 1.8rem;
  }
}

.p-startup-service__monthly-cost__detail {
  width: 90%;
  margin: 0 auto;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit {
  margin-bottom: 50px;
  padding: 30px 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 2px rgba(118, 118, 118, 0.5);
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__head {
  margin-bottom: 30px;
  line-height: 1.5;
  text-align: center;
  font-size: 2rem;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__head span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #345887;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body {
  margin-bottom: 30px;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body > div .p-startup-service__monthly-cost__unit__body__item {
  width: 45%;
  margin-bottom: 25px;
  text-align: center;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body > div .p-startup-service__monthly-cost__unit__body__item img {
  display: block;
  margin-bottom: 5px;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body > div .p-startup-service__monthly-cost__unit__body__item span {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body img {
  display: block;
  margin: 0 auto;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body a {
  display: block;
  text-align: center;
  font-size: 1.6rem;
}
.p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .pc-button-02 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__monthly-cost__detail {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto 60px auto;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit {
    display: flex;
    flex-direction: column;
    width: 47%;
    margin-bottom: 0;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__head {
    margin-bottom: 40px;
    line-height: 1.5;
    font-size: 2.4rem;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body > div {
    margin-bottom: 40px;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body > div .p-startup-service__monthly-cost__unit__body__item {
    width: 23%;
    margin-bottom: 0;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body > div .p-startup-service__monthly-cost__unit__body__item img {
    margin-bottom: 10px;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body img {
    width: 90%;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .p-startup-service__monthly-cost__unit__body p {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-startup-service__monthly-cost__detail .p-startup-service__monthly-cost__unit .pc-button-02 {
    width: 85%;
    margin-top: auto;
  }
}

/*
　よくある質問
=================================*/
.p-startup-service__faq .pc-accordion-menu-01 .pc-accordion-menu__answer {
  background: #fff;
}

/*
　お客様の声
=================================*/
.p-startup-service__survey .c-title-h3--primary {
  margin-bottom: 30px;
  text-align: center;
}
.p-startup-service__survey .c-title-h3--primary span {
  font-size: 2.4rem;
}
.p-startup-service__survey .pc-survey__list-02 {
  width: 90%;
  margin: 0 auto 50px auto;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__survey .c-title-h3--primary {
    margin-bottom: 50px;
  }
  .p-startup-service__survey .c-title-h3--primary span {
    font-size: 3.4rem;
  }
}

/*
　選ばれる理由
=================================*/
.p-startup-service__reason .c-title--catchcopy h2 span {
  font-size: 2.6rem;
  color: #345887;
}
.p-startup-service__reason .p-startup-service__reason__image {
  width: 90%;
  margin: 0 auto 50px auto;
}
.p-startup-service__reason .p-startup-service__reason__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
.p-startup-service__reason .c-menu--type02 {
  width: 90%;
  margin: 0 auto;
}
.p-startup-service__reason .c-menu--type02 a {
  background: #fff;
}
.p-startup-service__reason .c-menu--type02 a:hover {
  opacity: 1;
  background: #edf5ff;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__reason .c-title--catchcopy h2 {
    font-size: 2.6rem;
  }
  .p-startup-service__reason .c-title--catchcopy h2 span {
    font-size: 3rem;
  }
  .p-startup-service__reason .p-startup-service__reason__image {
    width: 60%;
    margin-bottom: 80px;
  }
  .p-startup-service__reason .c-menu--type02 a {
    margin-bottom: 0;
  }
  .p-startup-service__reason .c-grid .c-grid-col2 {
    margin-bottom: 0;
  }
  .p-startup-service__reason .c-grid .c-grid-col2 .pc-service__reason__continue-result {
    margin-bottom: 80px;
  }
}

/*
　申込みの注意事項
=================================*/
.p-startup-service__entry__attention {
  margin-bottom: 80px;
}
.p-startup-service__entry__attention .p-startup-service__entry__attention__title {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: bold;
}
.p-startup-service__entry__attention .p-startup-service__entry__attention__title span {
  font-size: 2.4rem;
  color: #345887;
}
.p-startup-service__entry__attention .p-startup-service__entry__attention__text {
  margin-bottom: 30px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-startup-service__entry__attention .p-startup-service__entry__attention__list {
  display: flex;
  justify-content: center;
}
.p-startup-service__entry__attention .p-startup-service__entry__attention__list li {
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__entry__attention {
    margin-bottom: 100px;
  }
  .p-startup-service__entry__attention .p-startup-service__entry__attention__title {
    margin-bottom: 50px;
    font-size: 2.6rem;
  }
  .p-startup-service__entry__attention .p-startup-service__entry__attention__title span {
    font-size: 3.6rem;
  }
  .p-startup-service__entry__attention .p-startup-service__entry__attention__text {
    margin-bottom: 50px;
    font-size: 2.6rem;
  }
}

/*
　制作キャンペーンへの誘導
=================================*/
.p-startup-service__induction {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-startup-service__induction .p-startup-service__induction__text {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.6rem;
}
.p-startup-service__induction .p-startup-service__induction__text span {
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.p-startup-service__induction .p-startup-service__induction__button a {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 15px 10px;
  text-decoration: none;
  border: solid 2px #FF8C00;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
.p-startup-service__induction .p-startup-service__induction__button a:hover {
  opacity: 1;
  background: #fffaf5;
}
.p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__image {
  width: 34%;
}
.p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__text {
  text-align: left;
  margin-left: 15px;
}
.p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__text .p-startup-service__induction__button__text__catch {
  display: inline-block;
  margin-bottom: 3px;
  padding: 3px 9px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  background: #008c79;
}
.p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__text .p-startup-service__induction__button__text__detail {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
}
.p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__text .p-startup-service__induction__button__text__detail span {
  font-size: 2rem;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-startup-service__induction {
    width: 100%;
    padding: 0 8px;
  }
  .p-startup-service__induction .p-startup-service__induction__text {
    margin-bottom: 50px;
    line-height: 1.6;
    font-size: 2rem;
  }
  .p-startup-service__induction .p-startup-service__induction__text span {
    font-size: 2.4rem;
  }
  .p-startup-service__induction .p-startup-service__induction__button {
    max-width: 550px;
    margin: 0 auto;
  }
  .p-startup-service__induction .p-startup-service__induction__button a {
    padding: 20px 30px;
  }
  .p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__image {
    width: 35%;
  }
  .p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__text {
    margin-left: 30px;
  }
  .p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__text .p-startup-service__induction__button__text__catch {
    margin-bottom: 5px;
    padding: 5px 15px 6px 15px;
    font-size: 1.6rem;
  }
  .p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__text .p-startup-service__induction__button__text__detail {
    font-size: 1.8rem;
  }
  .p-startup-service__induction .p-startup-service__induction__button a .p-startup-service__induction__button__text .p-startup-service__induction__button__text__detail span {
    font-size: 3rem;
  }
}

/**
 * startup
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* header
=================================*/
.p-startup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  background: #fff;
}
.p-startup__header .p-startup__header__logo {
  display: flex;
  align-items: center;
}
.p-startup__header .p-startup__header__logo a img {
  display: block;
  margin: 0 10px;
  width: 90px;
}
.p-startup__header .p-startup__header__logo span {
  line-height: 1.3;
  font-size: 1.9rem;
  font-weight: bold;
  color: #333;
}
.p-startup__header .p-startup__header__menu {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .p-startup__header {
    position: fixed;
    height: 90px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .p-startup__header .p-startup__header__logo a img {
    margin: 0 20px;
    width: 100px;
  }
  .p-startup__header .p-startup__header__logo span {
    line-height: 1.5;
    font-size: 1.8rem;
  }
  .p-startup__header .p-startup__header__menu {
    display: flex;
  }
  .p-startup__header .p-startup__header__menu .p-startup__header__apply,
  .p-startup__header .p-startup__header__menu .p-startup__header__consultation {
    display: block;
    padding: 7px 20px 8px 20px;
    margin-right: 30px;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s;
  }
  .p-startup__header .p-startup__header__menu .p-startup__header__apply:hover,
  .p-startup__header .p-startup__header__menu .p-startup__header__consultation:hover {
    color: #fff;
    opacity: 1;
  }
  .p-startup__header .p-startup__header__menu .p-startup__header__apply {
    color: #FF8C00;
    border: solid 2px #FF8C00;
  }
  .p-startup__header .p-startup__header__menu .p-startup__header__apply:hover {
    background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
  }
  .p-startup__header .p-startup__header__menu .p-startup__header__consultation {
    color: #345887;
    border: solid 2px #345887;
  }
  .p-startup__header .p-startup__header__menu .p-startup__header__consultation:hover {
    background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
  }
}
@media screen and (min-width: 870px) {
  .p-startup__header .p-startup__header__logo a img {
    margin: 0 20px;
    width: 120px;
  }
  .p-startup__header .p-startup__header__logo span {
    font-size: 2.2rem;
  }
}

/*=================================
* main-visual
=================================*/
.l-section.p-startup__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-startup__main-visual {
  margin: 0 auto;
}
.p-startup__main-visual .p-startup__main-visual__title {
  margin-bottom: 30px;
}
.p-startup__main-visual .p-startup__main-visual__title h1 {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-startup__main-visual .p-startup__main-visual__title h1 span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ad002d;
}
.p-startup__main-visual .p-startup__main-visual__title h1 em {
  display: inline-block;
  padding-top: 15px;
  text-align: center;
  line-height: 1.2;
  font-size: 3rem;
  font-weight: 900;
  color: #345887;
}
.p-startup__main-visual .p-startup__main-visual__image {
  width: 95%;
  margin: 0 auto 30px auto;
}
.p-startup__main-visual .p-startup__main-visual__image img {
  display: block;
  width: 100%;
}
.p-startup__main-visual .p-startup__main-visual__text {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-startup__main-visual .p-startup__main-visual__text span {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ad002d;
}
.p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--apply,
.p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--consultation {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 13px 5px;
  text-align: center;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 5px;
  transition: all 0.3s;
}
.p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--apply {
  margin-bottom: 20px;
  color: #fff;
  background: #FF8C00;
  border: solid 2px #FF8C00;
}
.p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--apply:hover {
  opacity: 1;
  color: #fff;
  background: rgba(255, 140, 0, 0.7);
  border: solid 2px #FF8C00;
}
.p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--consultation {
  color: #345887;
  background: #fff;
  border: solid 2px #345887;
}
.p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--consultation:hover {
  opacity: 1;
  color: #345887;
  background: rgba(52, 88, 135, 0.1);
  border: solid 2px #345887;
}
@media print, screen and (min-width: 768px) {
  .p-startup__main-visual .p-startup__main-visual__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1140px;
    margin-bottom: 50px;
    padding: 0 8px;
  }
  .p-startup__main-visual .p-startup__main-visual__wrapper .p-startup__main-visual__title {
    width: calc(100% - 400px);
    margin-bottom: 0;
  }
  .p-startup__main-visual .p-startup__main-visual__wrapper .p-startup__main-visual__title h1 {
    text-align: left;
    line-height: 1.3;
    font-size: clamp(2.2rem, 2.2807017544vw, 2.6rem);
  }
  .p-startup__main-visual .p-startup__main-visual__wrapper .p-startup__main-visual__title h1 span {
    font-size: clamp(2.8rem, 2.8070175439vw, 3.2rem);
  }
  .p-startup__main-visual .p-startup__main-visual__wrapper .p-startup__main-visual__title h1 em {
    padding-top: 20px;
    text-align: left;
    line-height: 1.2;
    font-size: clamp(3.6rem, 4.0350877193vw, 4.6rem);
  }
  .p-startup__main-visual .p-startup__main-visual__wrapper .p-startup__main-visual__image {
    width: 40%;
    margin: 0;
  }
  .p-startup__main-visual .p-startup__main-visual__text {
    margin-bottom: 30px;
    padding: 0 8px;
    text-align: left;
    font-size: clamp(2.2rem, 2.2807017544vw, 2.6rem);
  }
  .p-startup__main-visual .p-startup__main-visual__text span {
    font-size: clamp(2.8rem, 2.8070175439vw, 3.2rem);
  }
  .p-startup__main-visual .p-startup__main-visual__button {
    display: flex;
    justify-content: flex-start;
    padding: 0 8px;
  }
  .p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--apply,
  .p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--consultation {
    max-width: 380px;
    margin: 0;
    padding: 15px 5px;
    font-size: 1.8rem;
  }
  .p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--apply {
    margin-bottom: 0;
    margin-right: 30px;
  }
  .p-startup__main-visual .p-startup__main-visual__button .p-startup__main-visual__button--consultation {
    color: #345887;
    background: #fff;
    border: solid 2px #345887;
  }
}

/*=================================
* footer
=================================*/
.p-startup__footer__menu {
  position: fixed;
  display: flex;
  justify-content: space-evenly;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 0;
  background-color: #e0e0e0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  z-index: 60;
}
.p-startup__footer__menu .p-startup__footer__apply,
.p-startup__footer__menu .p-startup__footer__consultation {
  display: block;
  padding: 10px 30px;
  font-size: 1.6rem;
  background: #fff;
  border-radius: 5px;
}
.p-startup__footer__menu .p-startup__footer__apply:hover,
.p-startup__footer__menu .p-startup__footer__consultation:hover {
  color: #fff;
  opacity: 1;
}
.p-startup__footer__menu .p-startup__footer__apply {
  color: #FF8C00;
  border: solid 2px #FF8C00;
}
.p-startup__footer__menu .p-startup__footer__apply:hover {
  background-image: linear-gradient(90deg, rgb(255, 140, 0), rgb(254, 205, 147) 0%, rgb(255, 140, 0) 65%);
}
.p-startup__footer__menu .p-startup__footer__consultation {
  color: #345887;
  border: solid 2px #345887;
}
.p-startup__footer__menu .p-startup__footer__consultation:hover {
  background-image: linear-gradient(90deg, rgb(85, 156, 249), rgb(56, 96, 149) 65%, rgb(52, 88, 135));
}
@media print, screen and (min-width: 768px) {
  .p-startup__footer__menu {
    display: none;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　開業初期のお悩みパート
=================================*/
.p-startup__problems {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-startup__problems .p-startup__problems__catch {
  margin: 0 auto 30px auto;
  text-align: center;
}
.p-startup__problems .p-startup__problems__catch p {
  margin-bottom: 15px;
  line-height: 1.4;
  font-size: 2rem;
  font-weight: bold;
}
.p-startup__problems .p-startup__problems__catch h2 {
  position: relative;
  margin-bottom: 20px;
  padding: 9px 9px 10px 9px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #8a0025;
  border-radius: 5px;
}
.p-startup__problems .p-startup__problems__catch h2::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 24px 12.5px 0 12.5px;
  border-style: solid;
  border-color: #8a0025 transparent transparent transparent;
}
.p-startup__problems .p-startup__problems__wrapper .p-startup__problems__image {
  display: none;
}
.p-startup__problems .p-startup__problems__wrapper .p-startup__problems__detail ul {
  margin-left: 25px;
}
.p-startup__problems .p-startup__problems__wrapper .p-startup__problems__detail ul li {
  position: relative;
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-startup__problems .p-startup__problems__wrapper .p-startup__problems__detail ul li::before {
  content: "\f00c";
  position: absolute;
  top: 5px;
  left: -20px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.2rem;
  font-weight: 900;
}
.p-startup__problems .p-startup__problems__wrapper .p-startup__problems__detail ul li:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .p-startup__problems {
    width: 100%;
    padding: 0 8px;
  }
  .p-startup__problems .p-startup__problems__catch {
    text-align: center;
    margin-bottom: 40px;
  }
  .p-startup__problems .p-startup__problems__catch p {
    margin-bottom: 25px;
    font-size: 2.6rem;
  }
  .p-startup__problems .p-startup__problems__catch h2 {
    max-width: 700px;
    margin: 0 auto 30px auto;
    padding: 11px 9px 13px 9px;
    font-size: 2.8rem;
  }
  .p-startup__problems .p-startup__problems__wrapper {
    display: flex;
    align-items: center;
  }
  .p-startup__problems .p-startup__problems__wrapper .p-startup__problems__detail {
    display: flex;
    justify-content: center;
    width: 60%;
  }
  .p-startup__problems .p-startup__problems__wrapper .p-startup__problems__detail ul li {
    font-size: 2.2rem;
  }
  .p-startup__problems .p-startup__problems__wrapper .p-startup__problems__detail ul li::before {
    left: -30px;
    font-size: 2rem;
  }
  .p-startup__problems .p-startup__problems__wrapper .p-startup__problems__image {
    display: block;
    width: 15%;
    margin: 0 auto;
    padding: 0 20px;
  }
  .p-startup__problems .p-startup__problems__wrapper .p-startup__problems__image img {
    display: block;
    width: 70%;
    height: auto;
    margin: 0 auto;
  }
}

/*
　サービス内容
=================================*/
.l-section.p-startup__menu {
  padding-top: 0;
  background: #eaf0fa;
}
@media print, screen and (min-width: 768px) {
  .l-section.p-startup__menu .l-section__container {
    padding: 0 8px;
  }
}

.p-startup__menu__intro {
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 25px;
  box-sizing: content-box;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
  background-color: #345887;
}
.p-startup__menu__intro .p-startup__menu__intro__inner {
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: center;
  margin: 0 auto;
  padding: 10px 5px 25px 5px;
}
.p-startup__menu__intro .p-startup__menu__intro__inner h2 {
  line-height: 1.4;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}
.p-startup__menu__intro .p-startup__menu__intro__inner h2 span {
  font-size: 2.2rem;
  font-weight: 900;
  color: #ffd800;
}
@media print, screen and (min-width: 768px) {
  .p-startup__menu__intro {
    margin-bottom: 60px;
    padding-bottom: 30px;
  }
  .p-startup__menu__intro .p-startup__menu__intro__inner {
    max-width: 1140px;
    padding: 25px 0 20px 0;
  }
  .p-startup__menu__intro .p-startup__menu__intro__inner h2 {
    line-height: 1.3;
    font-size: clamp(2.4rem, 2.6315789474vw, 3rem);
  }
  .p-startup__menu__intro .p-startup__menu__intro__inner h2 span {
    font-size: clamp(3rem, 3.1578947368vw, 3.6rem);
  }
}

.p-startup__menu__wrapper {
  padding: 0 8px;
}
.p-startup__menu__wrapper .p-startup__menu__unit {
  width: 95%;
  margin: 0 auto 50px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__sub-title {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__title {
  margin-bottom: 10px;
  font-size: 2.2rem;
  font-weight: 900;
  color: #345887;
}
.p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__text {
  margin-bottom: 15px;
  font-size: 1.6rem;
}
.p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.p-startup__menu__wrapper .p-startup__menu__unit .pc-button-03 {
  margin: 20px auto 0 auto;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-startup__menu__wrapper {
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .p-startup__menu__wrapper .p-startup__menu__unit {
    width: 100%;
    margin-bottom: 100px;
    padding: 40px;
  }
  .p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__content {
    width: 675px;
    margin-right: 15px;
  }
  .p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__content .p-startup__menu__unit__sub-title {
    margin-bottom: 7px;
    font-size: 2.2rem;
  }
  .p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__content .p-startup__menu__unit__title {
    margin-bottom: 15px;
    font-size: 2.6rem;
  }
  .p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__content .p-startup__menu__unit__text {
    margin-bottom: 0;
    font-size: 1.8rem;
  }
  .p-startup__menu__wrapper .p-startup__menu__unit .p-startup__menu__unit__wrapper .p-startup__menu__unit__image {
    width: 350px;
  }
  .p-startup__menu__wrapper .p-startup__menu__unit .pc-button-03 {
    margin: 20px auto 0 0;
    max-width: 350px;
  }
}

/*
　スタートから運用までのステップ
=================================*/
.p-startup__flow .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__title {
  font-size: 2rem;
}
@media print, screen and (min-width: 768px) {
  .p-startup__flow .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__title {
    font-size: 2.8rem;
  }
  .p-startup__flow .pc-flow-02 li .pc-flow-02__unit .pc-flow-02__unit__content .pc-flow-02__unit__content__text {
    font-size: 1.8rem;
  }
}

/*
　キャンペーン案内
=================================*/
.l-section.p-startup__campaign {
  background: #eaf0fa;
}
@media print, screen and (min-width: 768px) {
  .l-section.p-startup__campaign .l-section__container {
    padding: 0 8px;
  }
}

.p-startup__campaign__menu {
  width: 95%;
  margin: 0 auto;
}
.p-startup__campaign__menu .p-startup__campaign__menu__unit {
  margin-bottom: 30px;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  border: solid 3px #8eaad8;
  box-sizing: border-box;
}
.p-startup__campaign__menu .p-startup__campaign__menu__unit .p-startup__campaign__menu__unit__label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 20px 3px 20px;
  font-family: "Arial", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #8eaad8;
  border-radius: 50px;
}
.p-startup__campaign__menu .p-startup__campaign__menu__unit .p-startup__campaign__menu__unit__title {
  margin-bottom: 15px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.p-startup__campaign__menu .p-startup__campaign__menu__unit .p-startup__campaign__menu__unit__text {
  font-size: 1.8rem;
}
@media print, screen and (min-width: 768px) {
  .p-startup__campaign__menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
    margin: 0 auto 80px auto;
    box-sizing: border-box;
  }
  .p-startup__campaign__menu .p-startup__campaign__menu__unit {
    width: 30%;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  .p-startup__campaign__menu .p-startup__campaign__menu__unit .p-startup__campaign__menu__unit__label {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
  .p-startup__campaign__menu .p-startup__campaign__menu__unit .p-startup__campaign__menu__unit__title {
    margin-bottom: 20px;
    font-size: 2.2rem;
  }
  .p-startup__campaign__menu .p-startup__campaign__menu__unit .p-startup__campaign__menu__unit__text {
    font-size: 1.8rem;
  }
}

.p-startup__campaign__intro {
  width: 95%;
  margin: 0 auto;
}
.p-startup__campaign__intro p {
  position: relative;
  margin-bottom: 30px;
  padding: 9px 9px 10px 9px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background: #345887;
  border-radius: 5px;
}
.p-startup__campaign__intro p::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 24px 12.5px 0 12.5px;
  border-style: solid;
  border-color: #345887 transparent transparent transparent;
}
@media print, screen and (min-width: 768px) {
  .p-startup__campaign__intro p {
    max-width: 600px;
    margin: 0 auto 50px auto;
    padding: 11px 9px 13px 9px;
    font-size: 2.4rem;
  }
}

.p-startup__campaign__price {
  margin-bottom: 50px;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit {
  text-align: center;
  font-weight: bold;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__label {
  font-size: 1.8rem;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular {
  position: relative;
  display: inline-block;
  font-family: "Arial", sans-serif;
  font-size: 1.8rem;
  color: #464646;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular span {
  font-size: 2.6rem;
  font-weight: 900;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular::before, .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #ad002d;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular::before {
  top: 43%;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular::after {
  top: 60%;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__special {
  position: relative;
  display: inline-block;
  font-family: "Arial", sans-serif;
  font-size: 1.8rem;
  color: #ad002d;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__special span {
  font-size: 4.8rem;
  font-weight: 900;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__special em {
  font-size: 1.3rem;
  font-weight: normal;
  color: #333;
}
.p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__arrow {
  position: relative;
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 25px solid #696969;
}
@media print, screen and (min-width: 768px) {
  .p-startup__campaign__price {
    margin-bottom: 80px;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    width: 60%;
    margin: 0 auto;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40%;
    min-height: 13.5rem;
    margin-bottom: 0;
    text-align: center;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__label {
    font-size: 2.4rem;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular {
    font-size: 2.8rem;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular::before, .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular::after {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 130px;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular::before {
    top: 46%;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular span {
    font-size: 5rem;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__regular b {
    font-size: 1.4rem;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__special {
    font-size: 2.8rem;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__special span {
    font-size: 7rem;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__unit .p-startup__campaign__price__unit__special em {
    font-size: 1.5rem;
  }
  .p-startup__campaign__price .p-startup__campaign__price__wrapper .p-startup__campaign__price__arrow {
    margin: 38px auto;
    border-top: 2.5rem solid transparent;
    border-bottom: 2.5rem solid transparent;
    border-left: 3rem solid #696969;
    border-right: none;
  }
}

.p-startup__campaign__conditions {
  width: 95%;
  margin: 0 auto 50px auto;
  padding: 20px;
  background: #fff;
  border: solid 3px #8eaad8;
  border-radius: 10px;
  box-sizing: border-box;
}
.p-startup__campaign__conditions h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
}
.p-startup__campaign__conditions .pc-check-list-01--bold {
  margin-bottom: 0;
}
.p-startup__campaign__conditions .pc-check-list-01--bold ul li {
  margin-bottom: 10px;
}
.p-startup__campaign__conditions .pc-check-list-01--bold ul li:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .p-startup__campaign__conditions {
    max-width: 800px;
    margin-bottom: 80px;
    padding: 40px 30px;
  }
  .p-startup__campaign__conditions h3 {
    margin-bottom: 30px;
    font-size: 2.6rem;
  }
  .p-startup__campaign__conditions .pc-check-list-01--bold ul li {
    font-size: 2.2rem;
  }
}

/*
　月額費用
=================================*/
.p-startup__monthly-cost {
  margin-bottom: 50px;
  text-align: center;
}
.p-startup__monthly-cost .p-startup__monthly-cost__price {
  font-size: 1.8rem;
}
.p-startup__monthly-cost .p-startup__monthly-cost__price em {
  font-size: 5rem;
  font-weight: bold;
  color: #ad002d;
}
.p-startup__monthly-cost .p-startup__monthly-cost__price span {
  font-size: 3rem;
  font-weight: bold;
  color: #ad002d;
}
.p-startup__monthly-cost .p-startup__monthly-cost__plan {
  margin-bottom: 30px;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-startup__monthly-cost {
    margin-bottom: 70px;
  }
  .p-startup__monthly-cost .p-startup__monthly-cost__price {
    margin-bottom: 5px;
    font-size: 2.6rem;
  }
  .p-startup__monthly-cost .p-startup__monthly-cost__price em {
    font-size: 6rem;
  }
  .p-startup__monthly-cost .p-startup__monthly-cost__plan {
    margin-bottom: 50px;
    font-size: 1.8rem;
  }
}

.p-startup__monthly-cost__detail {
  width: 90%;
  margin: 0 auto;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit {
  margin-bottom: 50px;
  padding: 30px 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 2px rgba(118, 118, 118, 0.5);
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__head {
  margin-bottom: 30px;
  line-height: 1.5;
  text-align: center;
  font-size: 2rem;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__head span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #345887;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body {
  margin-bottom: 30px;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body > div .p-startup__monthly-cost__unit__body__item {
  width: 45%;
  margin-bottom: 25px;
  text-align: center;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body > div .p-startup__monthly-cost__unit__body__item img {
  display: block;
  margin-bottom: 5px;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body > div .p-startup__monthly-cost__unit__body__item span {
  font-size: 1.6rem;
  font-weight: bold;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body img {
  display: block;
  margin: 0 auto;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body p {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body a {
  display: block;
  text-align: center;
  font-size: 1.6rem;
}
.p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .pc-button-02 {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-startup__monthly-cost__detail {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto 60px auto;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit {
    display: flex;
    flex-direction: column;
    width: 47%;
    margin-bottom: 0;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__head {
    margin-bottom: 40px;
    line-height: 1.5;
    font-size: 2.4rem;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 40px;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body > div {
    margin-bottom: 40px;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body > div .p-startup__monthly-cost__unit__body__item {
    width: 23%;
    margin-bottom: 0;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body > div .p-startup__monthly-cost__unit__body__item img {
    margin-bottom: 10px;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body img {
    width: 90%;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .p-startup__monthly-cost__unit__body p {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .p-startup__monthly-cost__detail .p-startup__monthly-cost__unit .pc-button-02 {
    width: 85%;
    margin-top: auto;
  }
}

/*
　CTA
=================================*/
@media print, screen and (min-width: 768px) {
  .p-startup__cta .pc-button-03 {
    width: 80%;
    margin-top: auto;
  }
}

/*
　開業者向け制作サービスへの誘導
=================================*/
.p-startup__induction {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-startup__induction .p-startup__induction__text {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.6rem;
}
.p-startup__induction .p-startup__induction__text span {
  font-size: 1.8rem;
  font-weight: bold;
  color: #345887;
}
.p-startup__induction .p-startup__induction__button a {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 15px 10px;
  text-decoration: none;
  border: solid 2px #FF8C00;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
.p-startup__induction .p-startup__induction__button a:hover {
  opacity: 1;
  background: #fffaf5;
}
.p-startup__induction .p-startup__induction__button a .p-startup__induction__button__image {
  width: 34%;
}
.p-startup__induction .p-startup__induction__button a .p-startup__induction__button__image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-startup__induction .p-startup__induction__button a .p-startup__induction__button__text {
  text-align: left;
  margin-left: 15px;
}
.p-startup__induction .p-startup__induction__button a .p-startup__induction__button__text .p-startup__induction__button__text__catch {
  display: inline-block;
  margin-bottom: 3px;
  padding: 3px 9px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  background: #008c79;
}
.p-startup__induction .p-startup__induction__button a .p-startup__induction__button__text .p-startup__induction__button__text__detail {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
}
.p-startup__induction .p-startup__induction__button a .p-startup__induction__button__text .p-startup__induction__button__text__detail span {
  font-size: 2rem;
  color: #ad002d;
}
@media print, screen and (min-width: 768px) {
  .p-startup__induction {
    width: 100%;
    padding: 0 8px;
  }
  .p-startup__induction .p-startup__induction__text {
    margin-bottom: 50px;
    line-height: 1.6;
    font-size: 2rem;
  }
  .p-startup__induction .p-startup__induction__text span {
    font-size: 2.4rem;
  }
  .p-startup__induction .p-startup__induction__button {
    max-width: 600px;
    margin: 0 auto;
  }
  .p-startup__induction .p-startup__induction__button a {
    padding: 20px 30px;
  }
  .p-startup__induction .p-startup__induction__button a .p-startup__induction__button__image {
    width: 35%;
  }
  .p-startup__induction .p-startup__induction__button a .p-startup__induction__button__text {
    margin-left: 30px;
  }
  .p-startup__induction .p-startup__induction__button a .p-startup__induction__button__text .p-startup__induction__button__text__catch {
    margin-bottom: 5px;
    padding: 5px 15px 6px 15px;
    font-size: 1.6rem;
  }
  .p-startup__induction .p-startup__induction__button a .p-startup__induction__button__text .p-startup__induction__button__text__detail {
    font-size: 1.8rem;
  }
  .p-startup__induction .p-startup__induction__button a .p-startup__induction__button__text .p-startup__induction__button__text__detail span {
    font-size: 3rem;
  }
}

/*==================================
* 無料相談（/cms/form/105）
==================================*/
.p-startup__online .c-title--catchcopy h2 span {
  font-size: 2.6rem;
  color: #345887;
}
@media print, screen and (min-width: 768px) {
  .p-startup__online .c-title--catchcopy h2 {
    font-size: 2.6rem;
  }
  .p-startup__online .c-title--catchcopy h2 span {
    font-size: 3rem;
  }
}

.p-startup__online__content .p-startup__online__content__detail {
  margin-bottom: 50px;
}
.p-startup__online__content .p-startup__online__content__detail .p-startup__online__content__image {
  margin-bottom: 20px;
}
.p-startup__online__content .p-startup__online__content__detail .p-startup__online__content__image img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.p-startup__online__content .p-startup__online__content__detail .p-startup__online__content__text p {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 1.6rem;
}
.p-startup__online__content .p-startup__online__content__detail .p-startup__online__content__text p span {
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .p-startup__online__content .pc-check-list-01--bold {
    margin-bottom: 60px;
  }
  .p-startup__online__content .p-startup__online__content__detail {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 1000px;
    margin: 0 auto 80px auto;
  }
  .p-startup__online__content .p-startup__online__content__detail .p-startup__online__content__image {
    margin-bottom: 0;
    order: 2;
    width: 35%;
  }
  .p-startup__online__content .p-startup__online__content__detail .p-startup__online__content__image img {
    width: 100%;
  }
  .p-startup__online__content .p-startup__online__content__detail .p-startup__online__content__text {
    order: 1;
    width: 60%;
  }
}

/**
 * transfer
 */
/* ━━━━━━━━━━━━━━━━

 ■ レイアウト

━━━━━━━━━━━━━━━━ */
/*=================================
* main-visual
=================================*/
.p-transfer__main {
  background: linear-gradient(to bottom, #eaf6fb, #fff);
}

.p-transfer__main-visual {
  margin: 0 auto;
}
.p-transfer__main-visual .p-transfer__main-visual__title {
  margin-bottom: 30px;
}
.p-transfer__main-visual .p-transfer__main-visual__title .p-transfer__main-visual__sub-title {
  padding: 15px 0;
  text-align: center;
  line-height: 1.5;
  font-size: 2.4rem;
  font-weight: bold;
}
.p-transfer__main-visual .p-transfer__main-visual__title .p-transfer__main-visual__sub-title span {
  font-weight: 900;
  color: #ad002d;
}
.p-transfer__main-visual .p-transfer__main-visual__title h1 {
  text-align: center;
  font-size: 3.4rem;
  font-weight: 900;
  color: #345887;
}
.p-transfer__main-visual .p-transfer__main-visual__image {
  width: 95%;
  margin: 0 auto 20px auto;
}
.p-transfer__main-visual .p-transfer__main-visual__image img {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .p-transfer__main-visual {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1140px;
    padding: 0 10px;
  }
  .p-transfer__main-visual .p-transfer__main-visual__title {
    margin-bottom: 0;
  }
  .p-transfer__main-visual .p-transfer__main-visual__title .p-transfer__main-visual__sub-title {
    padding: 0 0 20px 0;
    text-align: left;
    font-size: clamp(2rem, 3.5087719298vw, 3rem);
  }
  .p-transfer__main-visual .p-transfer__main-visual__title .p-transfer__main-visual__sub-title span {
    font-size: clamp(2.4rem, 4.7368421053vw, 3.4rem);
  }
  .p-transfer__main-visual .p-transfer__main-visual__title h1 {
    text-align: left;
    font-size: clamp(4rem, 5.2631578947vw, 5rem);
  }
  .p-transfer__main-visual .p-transfer__main-visual__image {
    width: 42%;
    margin: 0;
  }
}

/* ━━━━━━━━━━━━━━━━

 ■ プロジェクト

━━━━━━━━━━━━━━━━ */
/*=================================
* トップ
=================================*/
/*
　問題解決
=================================*/
.p-transfer__solution {
  padding-top: 0;
  background: #eaf0fa;
}

@media print, screen and (min-width: 768px) {
  .p-transfer__solution .l-section__container {
    padding: 0 8px;
  }
}

/*
　誘導
=================================*/
.p-transfer__solution__induction {
  width: 100%;
  padding-bottom: 35px;
  box-sizing: content-box;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
  background: #345887;
}
.p-transfer__solution__induction .p-transfer__solution__induction__inner {
  width: 90%;
  margin: 0 auto;
  padding: 4% 0 2% 0;
}
.p-transfer__solution__induction .p-transfer__solution__induction__inner h3 {
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.4;
  font-size: 2.4rem;
  font-weight: 900;
  color: #fff;
}
.p-transfer__solution__induction .p-transfer__solution__induction__inner p {
  text-align: center;
  line-height: 1.4;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .p-transfer__solution__induction .p-transfer__solution__induction__inner {
    max-width: 1140px;
    padding: 25px 0 20px 0;
  }
  .p-transfer__solution__induction .p-transfer__solution__induction__inner h3 {
    margin-bottom: 15px;
    font-size: 4.4rem;
  }
  .p-transfer__solution__induction .p-transfer__solution__induction__inner p {
    font-size: 2.8rem;
  }
}

/*
　事例
=================================*/
.p-transfer__solution__unit {
  width: 95%;
  margin: 50px auto 0 auto;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.p-transfer__solution__unit .p-transfer__solution__unit__head {
  display: flex;
  align-items: center;
}
.p-transfer__solution__unit .p-transfer__solution__unit__head span {
  padding: 7px;
  font-family: "Arial", sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  color: #fff;
  background: #8eaad8;
  border-radius: 5px 0 5px 0;
}
.p-transfer__solution__unit .p-transfer__solution__unit__head h2 {
  margin-left: 10px;
  font-size: 1.6rem;
  font-weight: 900;
  color: #a60309;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body {
  padding: 20px;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__title img {
  display: block;
  width: 30px;
  height: auto;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__title h3 {
  margin-left: 15px;
  font-size: 1.8rem;
  font-weight: 900;
  color: #345887;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail {
  margin-bottom: 60px;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__image {
  margin-bottom: 20px;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text p {
  font-size: 1.6rem;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text .u-triangle-down-sm, .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text .u-triangle-down-sm--secondary {
  border-top: 30px solid #8eaad8;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text .p-transfer__solution__unit__body__text__catch {
  text-align: center;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text .p-transfer__solution__unit__body__text__catch span {
  font-size: 2rem;
  font-weight: 900;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item {
  position: relative;
  margin-bottom: 30px;
  border: solid 2px #8eaad8;
  border-radius: 8px;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item:last-child {
  margin-bottom: 0;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__tag {
  position: absolute;
  top: -16px;
  left: -2px;
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 0 5px;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__tag img {
  display: block;
  width: 25px;
  height: auto;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__tag span {
  margin-left: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__text {
  padding: 25px 15px;
  font-size: 1.5rem;
}
.p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__text h4 {
  margin-bottom: 10px;
  font-weight: bold;
}
.p-transfer__solution__unit .p-transfer__solution__foot {
  margin: 0 auto;
  padding: 15px 20px 20px 20px;
}
@media print, screen and (min-width: 768px) {
  .p-transfer__solution__unit {
    width: 100%;
    margin: 80px auto 0 auto;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__head span {
    padding: 15px;
    font-size: 4rem;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__head h2 {
    margin-left: 30px;
    font-size: 3rem;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body {
    padding: 30px 50px 40px 50px;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__title {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__title img {
    width: 40px;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__title h3 {
    margin-left: 20px;
    font-size: 3rem;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__image {
    margin-bottom: 0;
    order: 1;
    width: 35%;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text {
    order: 0;
    width: 60%;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text p {
    font-size: 1.8rem;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text .u-triangle-down-sm, .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text .u-triangle-down-sm--secondary {
    margin: 25px auto;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 35px solid #8eaad8;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__detail .p-transfer__solution__unit__body__text .p-transfer__solution__unit__body__text__catch span {
    font-size: 2.4rem;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example {
    display: flex;
    justify-content: space-between;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item {
    width: 48%;
    margin-bottom: 0;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__tag {
    top: -23px;
    padding: 0 10px;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__tag img {
    width: 35px;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__tag span {
    font-size: 1.8rem;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__text {
    padding: 35px 25px;
    font-size: 1.6rem;
  }
  .p-transfer__solution__unit .p-transfer__solution__unit__body .p-transfer__solution__unit__body__example .p-transfer__solution__unit__body__example__item .p-transfer__solution__unit__body__example__text h4 {
    font-size: 1.8rem;
  }
  .p-transfer__solution__unit .p-transfer__solution__foot {
    padding-bottom: 50px;
  }
}/*# sourceMappingURL=app.css.map */