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

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

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

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

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

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

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

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

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

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

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

caption {
  text-align: left;
}

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

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

body {
  color: #1D1D1D;
  font-family: "Roboto", "游ゴシック", YuGothic, sans-serif;
}
body * {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

.flex {
  display: flex;
}

/*---------------header.php-------------------*/
.pcHeader {
  width: 100vw;
  height: 170px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 960px) {
  .pcHeader {
    display: none;
  }
}
.pcHeader__top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px 20px 10px 20px;
}

.logo__link {
  display: flex;
}
.logo__img {
  width: 117px;
  height: 75px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-right: 20px;
}
@media screen and (max-width: 1370px) {
  .logo__img {
    width: 90px;
  }
}
.logo__micro {
  font-weight: 700;
}
@media screen and (max-width: 1370px) {
  .logo__micro {
    font-size: 0.875rem;
  }
}
.logo__name {
  font-weight: 700;
  font-size: 2rem;
}
@media screen and (max-width: 1370px) {
  .logo__name {
    font-size: 1.5rem;
  }
}
.logo__num {
  font-weight: 700;
  font-size: 0.75rem;
}

.telArea {
  font-weight: 700;
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: 0px 2px 2px 2px rgba(75, 75, 75, 0.25);
}
.telArea:hover {
  opacity: 0.7;
}
.telArea__text {
  margin-left: 34px;
}
@media screen and (max-width: 1370px) {
  .telArea__text {
    margin-left: 0;
  }
}
.telArea__tel {
  align-items: center;
}
.telArea__icon {
  font-size: 2rem;
  color: #eba15b;
  transform: rotate(20deg);
}
@media screen and (max-width: 1370px) {
  .telArea__icon {
    font-size: 1.5rem;
  }
}
.telArea__num {
  color: #eba15b;
  font-size: 3rem;
}
@media screen and (max-width: 1370px) {
  .telArea__num {
    font-size: 2.75rem;
  }
}

.sns {
  display: flex;
}
@media screen and (max-width: 1370px) {
  .sns {
    display: none;
  }
}
.sns__line {
  border: 3px solid #06C755;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  margin-right: 10px;
  width: 200px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.sns__line:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1370px) {
  .sns__line {
    height: 68px;
  }
}
.sns__lineImg {
  width: 31px;
  height: 31px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.sns__lineText {
  color: #06C755;
  font-weight: 700;
}
@media screen and (max-width: 1370px) {
  .sns__lineText {
    font-size: 0.875rem;
  }
}
.sns__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  width: 200px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.sns__mail:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1370px) {
  .sns__mailText {
    font-size: 0.875rem;
  }
}
.sns__mailIcon {
  font-size: 28px;
  margin-bottom: 5px;
}

.snsMed {
  display: none;
}
@media screen and (max-width: 1370px) {
  .snsMed {
    display: flex;
  }
}
.snsMed__line {
  border: 3px solid #06C755;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  margin-right: 10px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.snsMed__lineImg {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.snsMed__lineText {
  color: #06C755;
  font-weight: 700;
  text-align: center;
  font-size: 0.875rem;
}
.snsMed__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.snsMed__mailText {
  text-align: center;
  font-size: 0.875rem;
}
.snsMed__mailIcon {
  font-size: 22px;
}

.pcNav {
  position: relative;
  margin-top: 20px;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .pcNav {
    display: none;
  }
}
.pcNav__item:nth-of-type(n+2) {
  margin-left: 28px;
}
.pcNav__list {
  justify-content: center;
}
.pcNav__link {
  position: relative;
}
.pcNav__link::after {
  content: "";
  width: 0;
  height: 2px;
  background: #479c7b;
  position: absolute;
  bottom: -3px;
  left: 0;
  opacity: 0;
}

@-webkit-keyframes navlink {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}

@keyframes navlink {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
.pcNav__link:hover::after {
  -webkit-animation: navlink 0.3s forwards;
          animation: navlink 0.3s forwards;
}

.pcSurveyItems::after {
  content: "";
  width: 0;
  height: 2px;
  background: #479c7b;
  position: absolute;
  bottom: -3px;
  left: 0;
  opacity: 0;
}
.pcSurveyItems__btn {
  cursor: pointer;
  padding-bottom: 20px;
}
.pcSurveyItems__content {
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 10;
  display: none;
  background: #E9F6F4;
  max-width: 100vw;
  width: 100%;
  height: 290px;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.pcSurveyItems__headerArea {
  width: 310px;
  height: 183px;
  background-image: url(../img/top/pcSurveyItems_img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 50px 0 0 40px;
  margin-right: 210px;
}
.pcSurveyItems__header {
  font-size: 2rem;
  letter-spacing: 0.1em;
}
.pcSurveyItems__en {
  font-weight: 300;
}
.pcSurveyItems__item:nth-of-type(n+2) {
  margin-top: 21px;
}
.pcSurveyItems__list {
  margin-right: 60px;
}
.pcSurveyItems__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 10px;
  border-radius: 3px;
  width: 260px;
  height: 46px;
}

.pcSurveyItems__content.open {
  display: flex;
}

.pcSurveyItems:hover::after {
  -webkit-animation: navlink 0.3s forwards;
          animation: navlink 0.3s forwards;
}

.borderAnime {
  position: relative;
}

.borderAnime::before {
  position: absolute;
  content: "";
  display: block;
  top: -3px;
  left: -3px;
  width: 266px;
  height: 52px;
  background: #479c7b;
  z-index: -1;
  border-radius: 3px;
  opacity: 0;
}

.borderAnime:hover::before {
  -webkit-animation: borderAnime 0.5s ease forwards;
          animation: borderAnime 0.5s ease forwards;
}

@-webkit-keyframes borderAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes borderAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*---------------spHeader-------------------*/
.spHeader {
  display: none;
  position: relative;
}
@media screen and (max-width: 960px) {
  .spHeader {
    display: block;
  }
}
.spHeader__inner {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 85px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.splogo__link {
  display: flex;
}
.splogo__img {
  width: 70px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-right: 10px;
}
.splogo__micro {
  font-size: 0.875rem;
}
.splogo__name {
  font-weight: 700;
  font-size: 1.25rem;
}
.splogo__num {
  font-weight: 700;
  font-size: 0.75rem;
}

.hamburger {
  position: relative;
  width: 40px;
  height: 22px;
}
.hamburger__line {
  display: block;
  width: 100%;
  height: 1px;
  background: #1D1D1D;
}
.hamburger__top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.2s;
}
.hamburger__middle {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}
.hamburger__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: all 0.2s;
}

.hamburger.open .hamburger__top {
  top: 50%;
  transform: rotate(45deg);
}
.hamburger.open .hamburger__middle {
  display: none;
}
.hamburger.open .hamburger__bottom {
  top: 50%;
  transform: rotate(-45deg);
}

body.no-scroll {
  overflow: hidden;
}

.spNav__list {
  display: none;
  position: absolute;
  top: 85px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 72px);
  padding: 20px 20px 60px 20px;
  background: #fff;
  overflow-y: auto;
}
.spNav__list.open {
  display: block;
  z-index: 90;
}
.spNav__item {
  position: relative;
}
.spNav__item:nth-of-type(n+2) {
  margin-top: 28px;
}
.spNav__link {
  font-size: 1.125rem;
  padding-left: 10px;
}
.spNav__link::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
  display: block;
  width: 2px;
  height: 20px;
  background: #479c7b;
}

.spSurveyItems__list {
  margin-left: 30px;
}
.spSurveyItems__item {
  position: relative;
  margin-top: 28px;
}
.spSurveyItems__link {
  padding-left: 16px;
}
.spSurveyItems__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-60%);
  z-index: 1;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #479c7b;
}

/*---------------top Collabo-------------------*/
.topMain {
  position: relative;
}

.topCollabo {
  position: fixed; /* 画面に固定 */
  bottom: 30px; /* 画面下からの距離 */
  right: 30px; /* 画面右からの距離 */
  z-index: 999; /* 他の要素より前面に表示 */
}
@media screen and (max-width: 600px) {
  .topCollabo {
    display: none;
  }
}
.topCollabo__close {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #eaeaea;
  width: 110px;
  height: 30px;
  padding: 5px 10px 5px 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin: 0 10px 0 auto;
  cursor: pointer;
}
.topCollabo__closeText {
  font-size: 0.875rem;
  font-weight: 700;
}
.topCollabo__img {
  width: 250px;
  height: 250px;
  display: block;
}

.topCollabo__link.close {
  display: none;
}

.topCollaboSp {
  display: none;
}
@media screen and (max-width: 600px) {
  .topCollaboSp {
    display: block;
    position: absolute; /* 画面に固定 */
    top: 0px;
    right: 20px; /* 画面右からの距離 */
    z-index: 999; /* 他の要素より前面に表示 */
  }
}
.topCollaboSp__close {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #eaeaea;
  width: 110px;
  height: 30px;
  padding: 5px 10px 5px 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin: 0 10px 0 auto;
}
.topCollaboSp__closeText {
  font-size: 0.875rem;
  font-weight: 700;
}
.topCollaboSp__img {
  width: 160px;
  height: 160px;
  display: block;
}

/*---------------top hiro-------------------*/
.hiro {
  width: 100vw;
  height: calc(100vh - 170px);
}
@media screen and (max-width: 960px) {
  .hiro {
    height: calc(100vh - 85px);
  }
}

.hiro04 {
  background: #e6fbcb;
  width: 100vw;
  height: auto;
}
.hiro04__img {
  display: block;
  width: 100%;
  height: calc(100vh - 170px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .hiro04__img {
    display: none;
  }
}
.hiro04__imgSp {
  display: none;
  margin: 0 auto;
  width: 100vw;
  height: calc(100vh - 85px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 960px) {
  .hiro04__imgSp {
    display: block;
  }
}

.hiro02 {
  background: #fdf7ec;
  width: 100vw;
  height: auto;
}
.hiro02__img {
  display: block;
  width: 100%;
  height: calc(100vh - 170px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .hiro02__img {
    display: none;
  }
}
.hiro02__imgSp {
  display: none;
  margin: 0 auto;
  width: 100vw;
  height: calc(100vh - 85px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 960px) {
  .hiro02__imgSp {
    display: block;
  }
}

.hiro03 {
  background-image: url(../img/hiro/hiro03_bg.jpg);
  background-size: 100vw calc(100vh - 170px);
  background-repeat: no-repeat;
  width: 100vw;
  height: auto;
}
@media screen and (max-width: 960px) {
  .hiro03 {
    background-size: 100vw calc(100vh - 85px);
  }
}
.hiro03__img {
  display: block;
  width: 100vw;
  height: calc(100vh - 170px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .hiro03__img {
    display: none;
  }
}
.hiro03__imgSp {
  display: none;
  margin: 0 auto;
  width: 100vw;
  height: calc(100vh - 85px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 960px) {
  .hiro03__imgSp {
    display: block;
  }
}

.hiro05 {
  background: #e6fbcb;
  width: 100vw;
  height: auto;
}
.hiro05__img {
  display: block;
  width: 100%;
  height: calc(100vh - 170px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .hiro05__img {
    display: none;
  }
}
.hiro05__imgSp {
  display: none;
  margin: 0 auto;
  width: 100vw;
  height: calc(100vh - 85px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 960px) {
  .hiro05__imgSp {
    display: block;
  }
}

.hiro06 {
  background: #edfdff;
  width: 100vw;
  height: auto;
}
.hiro06__img {
  display: block;
  width: 100%;
  height: calc(100vh - 170px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .hiro06__img {
    display: none;
  }
}
.hiro06__imgSp {
  display: none;
  margin: 0 auto;
  width: 100vw;
  height: calc(100vh - 85px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 960px) {
  .hiro06__imgSp {
    display: block;
  }
}

.hiro07 {
  background: #EFF4F8;
  width: 100vw;
  height: auto;
}
.hiro07__img {
  display: block;
  width: 100%;
  height: calc(100vh - 170px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .hiro07__img {
    display: none;
  }
}
.hiro07__imgSp {
  display: none;
  margin: 0 auto;
  width: 100vw;
  height: calc(100vh - 85px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 960px) {
  .hiro07__imgSp {
    display: block;
  }
}

/*---------------swiper-------------------*/
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-scrollbar {
  background-color: rgb(91, 91, 91);
}

.swiper-scrollbar-drag {
  background-color: rgb(255, 255, 255);
}

.swiper-scrollbar {
  width: 400px !important;
  height: 10px !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%);
}

/*---------------top news-------------------*/
.topNews {
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
}
@media screen and (max-width: 600px) {
  .topNews {
    max-width: 92%;
  }
}
.topNews__header {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.topNews__en {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 10px;
  letter-spacing: 0;
  color: #87aa9d;
}
.topNews__list {
  margin: 20px 0 0 0;
}
.topNews__item {
  display: flex;
  align-items: center;
}
.topNews__item:hover {
  opacity: 0.7;
}
@media screen and (max-width: 600px) {
  .topNews__item {
    flex-direction: column;
    align-items: flex-start;
  }
}
.topNews__item:nth-of-type(n+2) {
  margin-top: 20px;
}
.topNews__dateCat {
  max-width: 260px;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .topNews__dateCat {
    max-width: 100%;
  }
}
.topNews__date {
  font-size: 0.875rem;
  margin-right: 10px;
}
.topNews__cat {
  font-size: 0.875rem;
  color: #479c7b;
  border: 1px solid #479c7b;
  padding: 5px;
}
.topNews__link {
  display: flex;
  align-items: center;
  width: 220px;
  height: 54px;
  background: #479c7b;
  border-radius: 10px;
  color: #fff;
  padding: 0 20px;
  margin: 40px 0 0 auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.topNews__link:hover {
  opacity: 0.7;
}
.topNews__linkText {
  line-height: 1;
  margin-right: 40px;
  letter-spacing: 0.1em;
}
.topNews__linkIcon {
  line-height: 1.2;
}

.belief {
  background: #F1F1F1;
  padding: 60px 0;
}
.belief__inner {
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
}
.belief__header {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  .belief__header {
    flex-direction: column-reverse;
    font-size: 1.375rem;
    align-items: flex-start;
    letter-spacing: 0.05em;
    width: 353px;
  }
}
.belief__en {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 10px;
  letter-spacing: 0;
  padding-bottom: 3px;
  color: #87aa9d;
}
@media screen and (max-width: 600px) {
  .belief__en {
    font-size: 0.875rem;
    margin-left: 3px;
  }
}
.belief__content {
  margin: 40px 0 0 0;
}
.belief__box01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  max-width: 407px;
  width: 100%;
  height: 376px;
  padding: 30px 20px;
  border-radius: 10px;
  margin: 0 auto 60px auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 960px) {
  .belief__box01 {
    margin: 0 auto 40px auto;
  }
}
.belief__boxWrapper {
  justify-content: center;
}
@media screen and (max-width: 960px) {
  .belief__boxWrapper {
    flex-direction: column;
    align-items: center;
  }
}
.belief__box02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  max-width: 407px;
  width: 100%;
  height: 376px;
  padding: 30px 20px;
  border-radius: 10px;
  margin-right: 98px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 960px) {
  .belief__box02 {
    margin: 0 0 40px 0;
  }
}
.belief__box03 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  max-width: 407px;
  width: 100%;
  height: 376px;
  padding: 30px 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.belief__h3 {
  flex-direction: column;
  align-items: center;
  font-weight: 700;
}
.belief__h3Small {
  color: #479c7b;
  border-bottom: 3px dotted #bddf73;
  margin-bottom: 10px;
}
.belief__green {
  color: #479c7b;
  font-size: 1.5rem;
  border-bottom: 3px dotted #bddf73;
}
.belief__img {
  display: block;
  width: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px auto;
}
.belief__textArea {
  max-width: 93%;
  width: 100%;
  margin: 0 auto;
  line-height: 1.7;
}

.contactArea {
  background: #F1F1F1;
  padding: 40px 0;
}
.contactArea__inner {
  max-width: 912px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 0 0;
  background: #eaefed;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .contactArea__inner {
    padding: 20px 0 20px 0;
    border-radius: 0;
  }
}
.contactArea__header {
  max-width: 560px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .contactArea__header {
    max-width: 80%;
  }
}
.contactArea__text {
  max-width: 560px;
  width: 100%;
  margin: 20px auto 40px auto;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 600px) {
  .contactArea__text {
    max-width: 92%;
    margin: 20px auto 20px auto;
  }
}
.contactArea__telArea {
  font-weight: 700;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  height: 93px;
  box-shadow: 0px 2px 2px 2px rgba(75, 75, 75, 0.25);
  background: #fff;
  padding-top: 5px;
}
.contactArea__telArea:hover {
  opacity: 0.7;
}
.contactArea__tel {
  align-items: center;
}
.contactArea__telIcon {
  font-size: 2rem;
  color: #eba15b;
  transform: rotate(20deg);
}
@media screen and (max-width: 600px) {
  .contactArea__telIcon {
    font-size: 1.5rem;
  }
}
.contactArea__telNum {
  color: #eba15b;
  font-size: 3rem;
}
@media screen and (max-width: 600px) {
  .contactArea__telNum {
    font-size: 2rem;
  }
}
.contactArea__sns {
  margin: 20px 0 0 0;
}
@media screen and (max-width: 600px) {
  .contactArea__sns {
    display: none;
  }
}
.contactArea__line {
  border: 3px solid #06C755;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  margin-right: 40px;
  background: #fff;
}
.contactArea__line:hover {
  opacity: 0.7;
}
.contactArea__lineImg {
  width: 31px;
  height: 31px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.contactArea__lineText {
  color: #06C755;
  font-weight: 700;
}
.contactArea__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}
.contactArea__mail:hover {
  opacity: 0.7;
}
.contactArea__mailIcon {
  font-size: 28px;
  margin-bottom: 5px;
}
.contactArea__img {
  max-width: 142px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .contactArea__img {
    max-width: 110px;
    margin-left: 10px;
  }
}

.contactSnsSm {
  display: none;
  margin: 10px 0 0 20px;
}
@media screen and (max-width: 600px) {
  .contactSnsSm {
    display: flex;
  }
}
.contactSnsSm__line {
  border: 3px solid #06C755;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  margin-right: 30px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: #fff;
}
@media screen and (max-width: 600px) {
  .contactSnsSm__line {
    margin-right: 15px;
  }
}
.contactSnsSm__lineImg {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.contactSnsSm__lineText {
  color: #06C755;
  font-weight: 700;
  text-align: center;
  font-size: 0.875rem;
}
.contactSnsSm__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.contactSnsSm__mailText {
  text-align: center;
  font-size: 0.875rem;
}
.contactSnsSm__mailIcon {
  font-size: 22px;
}

/*---------------top trigger------------------*/
.trigger {
  padding: 60px 0;
}
@media screen and (max-width: 600px) {
  .trigger {
    padding: 30px 0;
  }
}
.trigger__inner {
  max-width: 870px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .trigger__inner {
    max-width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .trigger__inner {
    max-width: 92%;
  }
}
.trigger__header {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  .trigger__header {
    flex-direction: column-reverse;
    font-size: 1.375rem;
    align-items: flex-start;
    letter-spacing: 0.05em;
    width: 353px;
  }
}
.trigger__en {
  font-size: 1rem;
  font-weight: normal;
  margin-top: 5px;
  letter-spacing: 0;
  padding-bottom: 3px;
  color: #87aa9d;
}
@media screen and (max-width: 600px) {
  .trigger__en {
    font-size: 0.875rem;
    margin-left: 3px;
  }
}
.trigger__textArea {
  margin-top: 30px;
  letter-spacing: 0.1em;
  line-height: 1.7;
}
.trigger__orenge {
  font-weight: 700;
  color: #e88c35;
}
.trigger__img {
  display: block;
  max-width: 800px;
  width: 100%;
  margin: 30px auto 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 960px) {
  .trigger__img {
    max-width: 100%;
  }
}

/*--------------TopcheatingDiagnosis-------------------*/
.TopcheatingDiagnosis {
  margin-top: 30px !important;
}

/*--------------topCheatingSolution-------------------*/
.topCheatingSolution {
  padding-bottom: 90px;
  margin-top: 90px;
}
@media screen and (max-width: 600px) {
  .topCheatingSolution {
    margin-top: 30px;
    padding-bottom: 30px;
  }
}
.topCheatingSolution__headerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topCheatingSolution__header {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  .topCheatingSolution__header {
    flex-direction: column-reverse;
    font-size: 1.375rem;
    align-items: flex-start;
    letter-spacing: 0.05em;
    width: 353px;
  }
}
.topCheatingSolution__en {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0;
  margin-top: 5px;
  color: #87aa9d;
}
@media screen and (max-width: 600px) {
  .topCheatingSolution__en {
    font-size: 0.875rem;
    margin-left: 3px;
  }
}
.topCheatingSolution__content {
  display: flex;
  max-width: 912px;
  width: 100%;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 1370px) {
  .topCheatingSolution__content {
    max-width: 86%;
  }
}
@media screen and (max-width: 960px) {
  .topCheatingSolution__content {
    max-width: 92%;
    margin: 30px auto 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .topCheatingSolution__content {
    flex-direction: column;
    margin: 30px auto 0 auto;
  }
}
.topCheatingSolution__box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.topCheatingSolution__box:nth-of-type(n+2) {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .topCheatingSolution__box:nth-of-type(n+2) {
    margin: 20px 0 0 0;
  }
}
.topCheatingSolution__img {
  width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 960px) {
  .topCheatingSolution__img {
    width: 120px;
  }
}
.topCheatingSolution__h3 {
  font-size: 1.125rem;
  text-align: center;
  margin: 20px 0;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .topCheatingSolution__h3 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .topCheatingSolution__h3 {
    margin: 10px 0 5px;
  }
}
.topCheatingSolution__arrow {
  width: 60px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .topCheatingSolution__arrow {
    margin-bottom: 5px;
  }
}
.topCheatingSolution__text {
  border: 1px solid #479c7b;
  border-radius: 5px;
  padding: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.topCheatingSolution__bold {
  font-weight: 700;
}

/*--------------topCheatingCase-------------------*/
.topCheatingCase {
  padding-top: 60px;
  margin: 90px 0 120px 0;
}
@media screen and (max-width: 600px) {
  .topCheatingCase {
    margin: 30px 0 120px 0;
  }
}
.topCheatingCase__headerArea {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.topCheatingCase__header {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.topCheatingCase__en {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0;
  margin-left: 10px;
  color: #87aa9d;
}
@media screen and (max-width: 600px) {
  .topCheatingCase__en {
    font-size: 0.875rem;
    margin-left: 3px;
  }
}
.topCheatingCase__content {
  background: #F0F0F0;
  max-width: 870px;
  width: 100%;
  margin: 20px auto 0 auto;
  padding: 20px 30px;
  border-radius: 10px;
}
@media screen and (max-width: 960px) {
  .topCheatingCase__content {
    max-width: 92%;
    padding: 20px 20px;
  }
}
.topCheatingCase__h3Area {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .topCheatingCase__h3Area {
    flex-direction: column;
    align-items: flex-start;
  }
}
.topCheatingCase__num {
  font-size: 2rem;
  font-weight: 700;
  color: #479c7b;
  letter-spacing: 0.1em;
  margin-right: 30px;
}
@media screen and (max-width: 960px) {
  .topCheatingCase__num {
    font-size: 1.5rem;
    letter-spacing: normal;
    margin-right: 0;
  }
}
.topCheatingCase__h3 {
  font-size: 1.25rem;
  font-weight: 700;
  padding-bottom: 4px;
  color: #479c7b;
}
@media screen and (max-width: 960px) {
  .topCheatingCase__h3 {
    font-size: 1.125rem;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .topCheatingCase__h3 {
    white-space: normal;
  }
}
.topCheatingCase__textArea {
  line-height: 1.6em;
}
.topCheatingCase__bold {
  font-weight: 700;
}
.topCheatingCase__h4 {
  font-weight: 700;
  margin-top: 20px;
}
.topCheatingCase__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 56px;
  background: #eba15b;
  border-radius: 10px;
  color: #fff;
  padding: 0 20px;
  margin: 40px auto 0 auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .topCheatingCase__link {
    max-width: 82%;
    width: 100%;
  }
}
.topCheatingCase__link:hover {
  opacity: 0.7;
}
.topCheatingCase__linkText {
  line-height: 1;
  margin-right: 40px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  .topCheatingCase__linkText {
    margin-right: 10px;
    letter-spacing: normal;
  }
}
.topCheatingCase__linkIcon {
  line-height: 1.2;
}

/*---------------top strength------------------*/
.strength {
  max-width: 912px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
}
@media screen and (max-width: 960px) {
  .strength {
    max-width: 600px;
  }
}
.strength__header {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .strength__header {
    flex-direction: column-reverse;
    font-size: 1.375rem;
    align-items: flex-start;
    letter-spacing: 0.05em;
    width: 353px;
  }
}
.strength__en {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 10px;
  letter-spacing: 0;
  padding-bottom: 3px;
  color: #87aa9d;
}
@media screen and (max-width: 600px) {
  .strength__en {
    font-size: 0.875rem;
    margin-left: 3px;
  }
}
.strength__content {
  margin: 40px 0 0 0;
}
@media screen and (max-width: 600px) {
  .strength__content {
    display: none;
  }
}
.strength__box {
  justify-content: center;
}
.strength__box1 {
  align-items: flex-start;
}
@media screen and (max-width: 1370px) {
  .strength__box1 {
    background-position: top 61px left 19%;
  }
}
@media screen and (max-width: 960px) {
  .strength__box1 {
    background-position: top 61px left 7.5%;
  }
}
.strength__box2 {
  align-items: flex-start;
}
@media screen and (max-width: 1370px) {
  .strength__box2 {
    background-position: top 61px left 19%;
  }
}
@media screen and (max-width: 960px) {
  .strength__box2 {
    background-position: top 61px left 7.5%;
  }
}
.strength__box3 {
  align-items: flex-start;
}
@media screen and (max-width: 1370px) {
  .strength__box3 {
    background-position: top 61px left 19%;
  }
}
@media screen and (max-width: 960px) {
  .strength__box3 {
    background-position: top 61px left 7.5%;
  }
}
.strength__box4 {
  align-items: flex-start;
}
@media screen and (max-width: 1370px) {
  .strength__box4 {
    background-position: top 61px left 19%;
  }
}
@media screen and (max-width: 960px) {
  .strength__box4 {
    background-position: top 61px left 7.5%;
  }
}
.strength__box5 {
  align-items: flex-start;
}
.strength__right {
  align-items: flex-start;
}
.strength__numArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.strength__numWrapper {
  width: 61px;
  height: 61px;
  border: 2px solid #479c7b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.strength__num {
  color: #479c7b;
  font-family: "Vujahday Script", cursive;
  font-size: 2rem;
  padding-bottom: 5px;
}
.strength__line1 {
  height: 240px;
}
.strength__line2 {
  height: 230px;
}
.strength__line3 {
  height: 230px;
}
.strength__line4 {
  height: 200px;
}
.strength__textArea {
  margin: 20px 0 0 10px;
  max-width: 400px;
  width: 100%;
}
@media screen and (max-width: 1370px) {
  .strength__textArea {
    max-width: 300px;
  }
}
.strength__h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.strength__text {
  line-height: 1.6;
}
.strength__orenge {
  color: #eba15b;
  font-weight: 700;
}
.strength__img1 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
@media screen and (max-width: 960px) {
  .strength__img1 {
    max-width: 160px;
  }
}
.strength__img2 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
@media screen and (max-width: 960px) {
  .strength__img2 {
    max-width: 160px;
  }
}
.strength__img3 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
@media screen and (max-width: 960px) {
  .strength__img3 {
    max-width: 160px;
    margin-left: 40px;
  }
}
.strength__img4 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
@media screen and (max-width: 960px) {
  .strength__img4 {
    max-width: 100px;
    margin: 0 40px 0 60px;
  }
}
.strength__img5 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
@media screen and (max-width: 960px) {
  .strength__img5 {
    max-width: 160px;
    margin: 0 20px 0 20px;
  }
}

.smStrength {
  display: none;
}
@media screen and (max-width: 600px) {
  .smStrength {
    display: block;
  }
}
.smStrength__content {
  margin: 40px auto 0 auto;
  max-width: 92%;
  width: 100%;
}
.smStrength__box {
  justify-content: center;
}
.smStrength__box1 {
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  .smStrength__box1 {
    background-position: top 61px left 20%;
  }
}
.smStrength__box2 {
  align-items: flex-start;
}
.smStrength__box3 {
  align-items: flex-start;
}
.smStrength__box4 {
  align-items: flex-start;
}
.smStrength__box5 {
  align-items: flex-start;
}
.smStrength__left {
  align-items: flex-start;
}
.smStrength__numArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.smStrength__numWrapper {
  width: 61px;
  height: 61px;
  border: 2px solid #479c7b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.smStrength__num {
  color: #479c7b;
  font-family: "Vujahday Script", cursive;
  font-size: 2rem;
}
.smStrength__line1 {
  height: 380px;
}
.smStrength__line2 {
  height: 390px;
}
.smStrength__line3 {
  height: 360px;
}
.smStrength__line4 {
  height: 360px;
}
.smStrength__right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.smStrength__textArea {
  margin: 20px 0 0 10px;
  max-width: 400px;
  width: 100%;
}
.smStrength__h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.smStrength__text {
  line-height: 1.6;
}
.smStrength__orenge {
  color: #eba15b;
  font-weight: 700;
}
.smStrength__img1 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px 0;
}
.smStrength__img2 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px 0;
}
.smStrength__img3 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 40px 0;
}
.smStrength__img4 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px 0;
}
.smStrength__img5 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px 0;
}

/*---------------top access------------------*/
.access {
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
}
@media screen and (max-width: 600px) {
  .access {
    padding: 30px 0;
  }
}
.access__header {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .access__header {
    flex-direction: column-reverse;
    font-size: 1.375rem;
    align-items: flex-start;
    letter-spacing: 0.05em;
    width: 110px;
    margin: 0 auto 0 0;
  }
}
.access__en {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 10px;
  letter-spacing: 0;
  padding-bottom: 3px;
  color: #87aa9d;
}
@media screen and (max-width: 600px) {
  .access__en {
    font-size: 0.875rem;
    margin-left: 3px;
  }
}
.access__content {
  display: flex;
  justify-content: center;
  margin: 40px 0 0 0;
}
@media screen and (max-width: 960px) {
  .access__content {
    flex-direction: column;
  }
}
@media screen and (max-width: 1370px) {
  .access__gmap {
    width: 400px;
  }
}
@media screen and (max-width: 960px) {
  .access__gmap {
    width: 100%;
  }
}
.access__textArea {
  margin-left: 40px;
}
@media screen and (max-width: 960px) {
  .access__textArea {
    margin: 20px 0 0 0;
  }
}
.access__h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.access__add {
  margin-bottom: 20px;
}
.access__text {
  margin-bottom: 10px;
}
.access__ml {
  margin-left: 48px;
}
.access__bold {
  font-weight: 700;
}
.access__sns {
  margin: 60px 0 0 0;
}
@media screen and (max-width: 600px) {
  .access__sns {
    display: none;
  }
}
.access__line {
  border: 3px solid #06C755;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  margin-right: 40px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.access__line:hover {
  opacity: 0.7;
}
.access__lineImg {
  width: 31px;
  height: 31px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.access__lineText {
  color: #06C755;
  font-weight: 700;
}
.access__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.access__mail:hover {
  opacity: 0.7;
}
.access__mailIcon {
  font-size: 28px;
  margin-bottom: 5px;
}

.accessSnsSm {
  display: none;
  margin: 20px 0 0 20px;
}
@media screen and (max-width: 600px) {
  .accessSnsSm {
    display: flex;
    justify-content: center;
  }
}
.accessSnsSm__line {
  border: 3px solid #06C755;
  background: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  margin-right: 30px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .accessSnsSm__line {
    margin-right: 30px;
  }
}
.accessSnsSm__lineImg {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.accessSnsSm__lineText {
  color: #06C755;
  font-weight: 700;
  text-align: center;
  font-size: 0.875rem;
}
.accessSnsSm__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.accessSnsSm__mailText {
  text-align: center;
  font-size: 0.875rem;
}
.accessSnsSm__mailIcon {
  font-size: 22px;
}

/*---------------tiktok------------------*/
.tiktok {
  background: #4f4f4f;
  padding: 40px 0;
  margin-top: 60px;
}
.tiktok__header {
  font-size: 1.75rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.tiktok__content {
  display: flex;
  justify-content: center;
}
.tiktok__item:nth-of-type(n+2) {
  margin-left: 20px;
}
@media screen and (max-width: 960px) {
  .tiktok__item02 {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .tiktok__item03 {
    display: none;
  }
}

.tiktokBtn {
  margin: 40px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .tiktokBtn {
    margin: 20px 0 0 0;
  }
}
.tiktokBtn__text {
  color: #fff;
  margin-bottom: 5px;
}
.tiktokBtn__link {
  background: #fff;
  width: 240px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 1.15rem;
  box-shadow: 2px 2px 4px 0px rgba(255, 255, 255, 0.5);
}
.tiktokBtn__link:hover {
  opacity: 0.7;
}
.tiktokBtn__icon {
  margin-left: 20px;
}

/*---------------footer.php-------------------*/
.footerWrapper {
  background: #F2F2F2;
  margin-top: 120px;
}

.footer {
  display: flex;
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (max-width: 960px) {
  .footer {
    flex-direction: column;
  }
}
.footer__sns {
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .footer__sns {
    display: none;
  }
}
.footer__line {
  background: #fff;
  border: 3px solid #06C755;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  margin-right: 26px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.footer__line:hover {
  opacity: 0.7;
}
.footer__lineImg {
  width: 31px;
  height: 31px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.footer__lineText {
  color: #06C755;
  font-weight: 700;
}
.footer__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.footer__mail:hover {
  opacity: 0.7;
}
.footer__mailIcon {
  font-size: 28px;
  margin-bottom: 5px;
}

.fLogo {
  align-items: flex-start;
}
.fLogo__img {
  width: 100px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  .fLogo__img {
    width: 70px;
  }
}
.fLogo__name {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1em;
}
@media screen and (max-width: 600px) {
  .fLogo__name {
    font-size: 1.5rem;
  }
}
.fLogo__num {
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .fLogo__num {
    font-size: 0.875rem;
  }
}

.fAccess {
  margin-top: 40px;
}
.fAccess__bold {
  font-weight: 700;
}
.fAccess__add {
  margin-left: 48px;
}

.fTelArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  background: #fff;
  width: 400px;
  border-radius: 10px;
  padding: 16px 20px;
  margin-top: 40px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.fTelArea:hover {
  opacity: 0.7;
}
@media screen and (max-width: 960px) {
  .fTelArea {
    max-width: 60%;
    width: 100%;
    align-items: center;
    margin: 40px auto 20px a;
  }
}
@media screen and (max-width: 600px) {
  .fTelArea {
    max-width: 92%;
  }
}
.fTelArea__text {
  margin-left: 34px;
}
@media screen and (max-width: 960px) {
  .fTelArea__text {
    margin-left: 0;
  }
}
.fTelArea__tel {
  align-items: center;
  justify-content: center;
}
.fTelArea__icon {
  font-size: 2rem;
  color: #eba15b;
  transform: rotate(20deg);
}
@media screen and (max-width: 960px) {
  .fTelArea__icon {
    font-size: 1.5rem;
  }
}
.fTelArea__num {
  color: #eba15b;
  font-size: 3rem;
}
@media screen and (max-width: 960px) {
  .fTelArea__num {
    font-size: 2rem;
  }
}

.fSnsSm {
  display: none;
  margin: 20px 0 0 20px;
}
@media screen and (max-width: 600px) {
  .fSnsSm {
    display: flex;
    justify-content: center;
  }
}
.fSnsSm__line {
  border: 3px solid #06C755;
  background: #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  margin-right: 30px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .fSnsSm__line {
    margin-right: 30px;
  }
}
.fSnsSm__lineImg {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.fSnsSm__lineText {
  color: #06C755;
  font-weight: 700;
  text-align: center;
  font-size: 0.875rem;
}
.fSnsSm__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.fSnsSm__mailText {
  text-align: center;
  font-size: 0.875rem;
}
.fSnsSm__mailIcon {
  font-size: 22px;
}

.fNav {
  margin-left: auto;
}
@media screen and (max-width: 960px) {
  .fNav {
    margin: 40px 0 0 0;
  }
}
.fNav__left {
  margin-right: 90px;
}
.fNav__link {
  margin-bottom: 2em;
  display: inline-block;
  font-weight: 700;
  position: relative;
}
.fNav__link::after {
  content: "";
  width: 0;
  height: 2px;
  background: #479c7b;
  position: absolute;
  bottom: -3px;
  left: 0;
  opacity: 0;
}

.fNav__link:hover::after {
  -webkit-animation: navlink 0.3s forwards;
          animation: navlink 0.3s forwards;
}

.copy {
  font-size: 0.875rem;
  text-align: center;
  padding-bottom: 20px;
}

/*---------------page共通-------------------*/
.pageHeader {
  background: #d9f3dc;
  width: 100vw;
  height: 160px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .pageHeader {
    height: 120px;
  }
}
.pageHeader__header {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  padding-top: 60px;
}
@media screen and (max-width: 600px) {
  .pageHeader__header {
    font-size: 1.5rem;
    padding-top: 40px;
  }
}

.breadrumb {
  padding-left: 20px;
  padding-top: 10px;
}
@media screen and (max-width: 600px) {
  .breadrumb {
    font-size: 0.875rem;
  }
}

.page__gray {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  background: #929191;
  color: #fff;
  padding: 40px 0;
}
@media screen and (max-width: 1370px) {
  .page__gray {
    max-width: 90%;
  }
}
@media screen and (max-width: 960px) {
  .page__gray {
    padding: 20px 20px;
    max-width: 100%;
  }
}
.page__grayInner {
  max-width: 80%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1370px) {
  .page__grayInner {
    max-width: 94%;
  }
}
@media screen and (max-width: 960px) {
  .page__grayInner {
    max-width: 100%;
  }
}
.page__appeal {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  background: #ECF7F0;
  padding: 0 60px 40px 60px;
}
@media screen and (max-width: 1370px) {
  .page__appeal {
    max-width: 90%;
  }
}
@media screen and (max-width: 960px) {
  .page__appeal {
    padding: 10px 10px 20px 10px;
    max-width: 100%;
  }
}
.page__triangle {
  display: block;
  max-width: 410px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
  transform: translateY(-3px);
}
@media screen and (max-width: 960px) {
  .page__triangle {
    transform: translateY(-13px);
    max-width: 60%;
  }
}

.pageContact {
  margin-top: 100px;
}
@media screen and (max-width: 600px) {
  .pageContact {
    margin-top: 60px;
  }
}
.pageContact__inner {
  max-width: 912px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 0 0;
  background: #f4f3f3;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .pageContact__inner {
    border-radius: 0;
    padding: 20px 0 20px 0;
  }
}
.pageContact__header {
  max-width: 560px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .pageContact__header {
    max-width: 95%;
  }
}
.pageContact__text {
  max-width: 560px;
  width: 100%;
  margin: 20px auto 40px auto;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 600px) {
  .pageContact__text {
    max-width: 92%;
    margin: 20px auto 20px auto;
    font-weight: normal;
  }
}
.pageContact__telArea {
  font-weight: 700;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  padding: 10px 10px 5px 10px;
  box-shadow: 0px 2px 2px 2px rgba(75, 75, 75, 0.25);
  background: #fff;
}
.pageContact__telArea:hover {
  opacity: 0.7;
}
.pageContact__tel {
  align-items: center;
}
.pageContact__telIcon {
  font-size: 2rem;
  color: #eba15b;
  transform: rotate(20deg);
}
@media screen and (max-width: 600px) {
  .pageContact__telIcon {
    font-size: 1.5rem;
  }
}
.pageContact__telNum {
  color: #eba15b;
  font-size: 3rem;
  cursor: pointer !important;
}
@media screen and (max-width: 600px) {
  .pageContact__telNum {
    font-size: 2rem;
  }
}
.pageContact__sns {
  margin: 20px 0 0 0;
}
@media screen and (max-width: 600px) {
  .pageContact__sns {
    display: none;
  }
}
.pageContact__line {
  border: 3px solid #06C755;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  margin-right: 40px;
  background: #fff;
  cursor: pointer !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.pageContact__line:hover {
  opacity: 0.7;
}
.pageContact__lineImg {
  width: 31px;
  height: 31px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.pageContact__lineText {
  color: #06C755;
  font-weight: 700;
}
.pageContact__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  cursor: pointer !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.pageContact__mail:hover {
  opacity: 0.7;
}
.pageContact__mailIcon {
  font-size: 28px;
  margin-bottom: 5px;
}
.pageContact__img {
  max-width: 142px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .pageContact__img {
    max-width: 100px;
    margin-left: 0;
  }
}

.pageSnsSm {
  display: none;
  margin: 10px 0 0 20px;
}
@media screen and (max-width: 600px) {
  .pageSnsSm {
    display: flex;
  }
}
.pageSnsSm__line {
  border: 3px solid #06C755;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  margin-right: 30px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: #fff;
}
@media screen and (max-width: 600px) {
  .pageSnsSm__line {
    margin-right: 15px;
  }
}
.pageSnsSm__lineImg {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 5px;
}
.pageSnsSm__lineText {
  color: #06C755;
  font-weight: 700;
  text-align: center;
  font-size: 0.875rem;
}
.pageSnsSm__mail {
  background: #479c7b;
  border-radius: 5px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  width: 100px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.pageSnsSm__mailText {
  text-align: center;
  font-size: 0.875rem;
}
.pageSnsSm__mailIcon {
  font-size: 22px;
}

.pagination {
  text-align: center;
  margin-top: 60px;
  font-size: 1rem;
}

.page-numbers {
  margin-right: 20px;
}

/*----------------page-cheating.php-----------------*/
.cheatingHiro {
  max-width: 100vw;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .cheatingHiro {
    display: none;
  }
}
.cheatingHiro__img {
  max-width: 100vw;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.cheatingHiroSp {
  display: none;
  max-width: 100vw;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .cheatingHiroSp {
    display: block;
  }
}
.cheatingHiroSp__img {
  max-width: 100vw;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.cheatingWorry {
  padding-top: 60px;
}
.cheatingWorry__headerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingWorry__header {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cheatingWorry__header {
    font-size: 1.5rem;
  }
}
.cheatingWorry__headerLine {
  width: 420px;
  margin-top: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  .cheatingWorry__headerLine {
    width: 320px;
  }
}
.cheatingWorry__img {
  max-width: 680px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 40px auto 0 auto;
  display: block;
}
@media screen and (max-width: 1370px) {
  .cheatingWorry__img {
    max-height: 70%;
    max-width: 500px;
  }
}
@media screen and (max-width: 600px) {
  .cheatingWorry__img {
    max-width: 92%;
  }
}
.cheatingWorry__imgBottom {
  max-width: 100vw;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  background-color: #ECF7F0;
}

.cheatingAppeal {
  background: #ECF7F0;
  padding: 20px 0 90px 0;
}
@media screen and (max-width: 1370px) {
  .cheatingAppeal {
    padding-top: 20px;
  }
}
@media screen and (max-width: 960px) {
  .cheatingAppeal {
    padding: 20px 4% 90px 4%;
  }
}
.cheatingAppeal__header {
  font-size: 1.5rem;
  font-weight: 700;
  color: #479c7b;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cheatingAppeal__header {
    font-size: 1.25rem;
  }
}
.cheatingAppeal__dot {
  letter-spacing: -0.2em;
  position: relative;
}
.cheatingAppeal__dot::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #eba15b;
  position: absolute;
  top: -7px;
  left: 50%;
}
.cheatingAppeal__textArea {
  background: #fff;
  max-width: 800px;
  width: 100%;
  margin: 20px auto 0 auto;
  padding: 20px 40px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .cheatingAppeal__textArea {
    padding: 20px 20px;
  }
}
.cheatingAppeal__textBold {
  font-weight: 700;
}

.cheatingPlan {
  margin-top: 60px;
}
.cheatingPlan__headerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingPlan__header {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cheatingPlan__header {
    font-size: 1.5rem;
  }
}
.cheatingPlan__headerLine {
  width: 180px;
  margin-top: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  .cheatingPlan__headerLine {
    width: 150px;
  }
}
.cheatingPlan__text {
  text-align: center;
  margin-top: 20px;
  letter-spacing: 0.1em;
}
.cheatingPlan__content {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .cheatingPlan__content {
    flex-direction: column;
  }
}
.cheatingPlan__box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingPlan__box:nth-of-type(n+2) {
  margin-left: 30px;
}
@media screen and (max-width: 600px) {
  .cheatingPlan__box:nth-of-type(n+2) {
    margin-left: 0;
    margin-top: 40px;
  }
}
.cheatingPlan__h3 {
  font-weight: 700;
  font-size: 1.125rem;
}
.cheatingPlan__img {
  max-width: 280px;
  width: 100%;
  height: auto;
  margin: 10px 0;
}
@media screen and (max-width: 600px) {
  .cheatingPlan__img {
    margin: 5px 0;
  }
}
.cheatingPlan__boxText {
  max-width: 280px;
  width: 100%;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
}

.cheatingFlow {
  padding-top: 60px;
}
@media screen and (max-width: 600px) {
  .cheatingFlow {
    padding-top: 30px;
  }
}
.cheatingFlow__headerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingFlow__header {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cheatingFlow__header {
    font-size: 1.5rem;
  }
}
.cheatingFlow__headerLine {
  width: 180px;
  margin-top: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  .cheatingFlow__headerLine {
    width: 130px;
  }
}
.cheatingFlow__content {
  max-width: 912px;
  width: 100%;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 1370px) {
  .cheatingFlow__content {
    max-width: 86%;
  }
}
@media screen and (max-width: 960px) {
  .cheatingFlow__content {
    max-width: 92%;
    margin: 30px auto 0 auto;
  }
}
.cheatingFlow__box {
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .cheatingFlow__box {
    flex-direction: column;
    align-items: center;
  }
}
.cheatingFlow__box1 {
  background-image: url(../img/strength_line.png);
  background-repeat: no-repeat;
  background-position: top 61px left 30.5px;
  padding: 0 0 40px 0;
}
.cheatingFlow__box2 {
  background-image: url(../img/strength_line.png);
  background-repeat: no-repeat;
  background-position: top 61px left 30.5px;
  padding: 0 0 80px 0;
}
.cheatingFlow__box3 {
  background-image: url(../img/strength_line.png);
  background-repeat: no-repeat;
  background-position: top 61px left 30.5px;
  padding: 0 0 80px 0;
}
.cheatingFlow__box4 {
  background-image: url(../img/strength_line.png);
  background-repeat: no-repeat;
  background-position: top 61px left 30.5px;
  padding: 0 0 80px 0;
}
.cheatingFlow__right {
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  .cheatingFlow__right {
    align-items: center;
    justify-content: center;
    max-width: 92%;
    width: 100%;
  }
}
.cheatingFlow__numWrapper {
  width: 61px;
  height: 61px;
  border: 2px solid #479c7b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .cheatingFlow__numWrapper {
    width: 56px;
    height: 56px;
  }
}
.cheatingFlow__num {
  color: #479c7b;
  font-family: "Vujahday Script", cursive;
  font-size: 2rem;
}
.cheatingFlow__textArea {
  margin: 20px 0 0 10px;
  max-width: 400px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .cheatingFlow__textArea {
    max-width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .cheatingFlow__textArea {
    max-width: 30%;
  }
}
.cheatingFlow__textArea04 {
  margin: 20px 0 0 10px;
  max-width: 400px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .cheatingFlow__textArea04 {
    max-width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .cheatingFlow__textArea04 {
    max-width: 50%;
  }
}
.cheatingFlow__textArea05 {
  margin: 20px 0 0 10px;
  max-width: 400px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .cheatingFlow__textArea05 {
    max-width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .cheatingFlow__textArea05 {
    max-width: 78%;
    margin: 0 0 0 5px;
    transform: translateY(5px);
  }
}
.cheatingFlow__h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #479c7b;
}
@media screen and (max-width: 600px) {
  .cheatingFlow__textWrapper {
    display: none;
  }
}
.cheatingFlow__textWrapperSm {
  display: none;
  margin: 10px 0;
}
@media screen and (max-width: 600px) {
  .cheatingFlow__textWrapperSm {
    display: block;
  }
}
.cheatingFlow__text {
  line-height: 1.6;
}
.cheatingFlow__orenge {
  color: #eba15b;
  font-weight: 700;
}
.cheatingFlow__img1 {
  max-width: 200px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
@media screen and (max-width: 960px) {
  .cheatingFlow__img1 {
    margin-left: 0;
    max-width: 180px;
  }
}
.cheatingFlow__img2 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
@media screen and (max-width: 960px) {
  .cheatingFlow__img2 {
    margin-left: 0;
    max-width: 180px;
  }
}
.cheatingFlow__img3 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
@media screen and (max-width: 960px) {
  .cheatingFlow__img3 {
    margin-left: 0;
    max-width: 180px;
  }
}
.cheatingFlow__img4 {
  max-width: 250px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 30px;
}
@media screen and (max-width: 960px) {
  .cheatingFlow__img4 {
    margin-left: 0;
    max-width: 180px;
  }
}
.cheatingFlow__img5 {
  max-width: 200px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 100px;
}
@media screen and (max-width: 960px) {
  .cheatingFlow__img5 {
    margin: 0 40px;
    max-width: 100px;
  }
}

.cheatingFee {
  margin-top: 90px;
}
.cheatingFee__headerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingFee__header {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cheatingFee__header {
    font-size: 1.5rem;
  }
}
.cheatingFee__headerLine {
  width: 240px;
  margin-top: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  .cheatingFee__headerLine {
    width: 180px;
  }
}
.cheatingFee__text {
  max-width: 870px;
  width: 100%;
  margin: 20px auto 0 auto;
  padding: 20px 40px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  .cheatingFee__text {
    margin: 10px auto 0 auto;
    max-width: 92%;
    padding: 0 0 0 0;
  }
}
.cheatingFee__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 56px;
  background: #eba15b;
  border-radius: 10px;
  color: #fff;
  padding: 0 20px;
  margin: 40px auto 0 auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.cheatingFee__linkText {
  line-height: 1;
  margin-right: 40px;
  letter-spacing: 0.1em;
}
.cheatingFee__linkIcon {
  line-height: 1.2;
}

.cheatingResult {
  margin-top: 90px;
}
.cheatingResult__headerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingResult__header {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cheatingResult__header {
    font-size: 1.5rem;
  }
}
.cheatingResult__headerLine {
  width: 140px;
  margin-top: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  .cheatingResult__headerLine {
    width: 110px;
  }
}
.cheatingResult__textArea {
  max-width: 870px;
  width: 100%;
  margin: 20px auto 0 auto;
  padding: 20px 40px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  .cheatingResult__textArea {
    margin: 10px auto 0 auto;
    max-width: 92%;
    padding: 0 0 0 0;
  }
}
.cheatingResult__orange {
  font-weight: 700;
  color: #eba15b;
}

.cheatingCase {
  margin: 90px 0 120px 0;
}
.cheatingCase__content {
  background: #F0F0F0;
  max-width: 870px;
  width: 100%;
  margin: 40px auto 0 auto;
  padding: 20px 30px;
  border-radius: 10px;
}
@media screen and (max-width: 960px) {
  .cheatingCase__content {
    max-width: 92%;
    padding: 20px 20px;
  }
}
.cheatingCase__h3Area {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .cheatingCase__h3Area {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cheatingCase__num {
  font-size: 2rem;
  font-weight: 700;
  color: #479c7b;
  letter-spacing: 0.1em;
  margin-right: 30px;
}
@media screen and (max-width: 960px) {
  .cheatingCase__num {
    font-size: 1.5rem;
    letter-spacing: normal;
    margin-right: 0;
  }
}
.cheatingCase__h3 {
  font-size: 1.25rem;
  font-weight: 700;
  padding-bottom: 4px;
  color: #479c7b;
}
@media screen and (max-width: 960px) {
  .cheatingCase__h3 {
    font-size: 1.125rem;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .cheatingCase__h3 {
    white-space: normal;
  }
}
.cheatingCase__textArea {
  line-height: 1.6em;
}
.cheatingCase__bold {
  font-weight: 700;
}
.cheatingCase__h4 {
  font-weight: 700;
  margin-top: 20px;
}
.cheatingCase__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 56px;
  background: #eba15b;
  border-radius: 10px;
  color: #fff;
  padding: 0 20px;
  margin: 40px auto 0 auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .cheatingCase__link {
    max-width: 82%;
    width: 100%;
  }
}
.cheatingCase__link:hover {
  opacity: 0.7;
}
.cheatingCase__linkText {
  line-height: 1;
  margin-right: 40px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  .cheatingCase__linkText {
    margin-right: 10px;
    letter-spacing: normal;
  }
}
.cheatingCase__linkIcon {
  line-height: 1.2;
}

.cheatingSolution {
  margin-top: 90px;
}
.cheatingSolution__headerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingSolution__header {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cheatingSolution__header {
    font-size: 1.5rem;
  }
}
.cheatingSolution__headerLine {
  width: 590px;
  margin-top: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  .cheatingSolution__headerLine {
    width: 110px;
  }
}
.cheatingSolution__content {
  display: flex;
  max-width: 912px;
  width: 100%;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 1370px) {
  .cheatingSolution__content {
    max-width: 86%;
  }
}
@media screen and (max-width: 960px) {
  .cheatingSolution__content {
    max-width: 92%;
    margin: 30px auto 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .cheatingSolution__content {
    flex-direction: column;
  }
}
.cheatingSolution__box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingSolution__box:nth-of-type(n+2) {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .cheatingSolution__box:nth-of-type(n+2) {
    margin: 20px 0 0 0;
  }
}
.cheatingSolution__img {
  width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 960px) {
  .cheatingSolution__img {
    width: 120px;
  }
}
.cheatingSolution__h3 {
  font-size: 1.125rem;
  text-align: center;
  margin: 20px 0;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .cheatingSolution__h3 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .cheatingSolution__h3 {
    margin: 10px 0 5px;
  }
}
.cheatingSolution__arrow {
  width: 60px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .cheatingSolution__arrow {
    margin-bottom: 5px;
  }
}
.cheatingSolution__text {
  border: 1px solid #479c7b;
  border-radius: 5px;
  padding: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.cheatingSolution__bold {
  font-weight: 700;
}

.cheatingCounseling {
  background: #FFF4EF;
  max-width: 870px;
  width: 100%;
  margin: 40px auto 40px auto;
  padding: 20px 30px;
  border-radius: 10px;
  line-height: 1.6;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 960px) {
  .cheatingCounseling {
    max-width: 92%;
    padding: 20px 20px;
  }
}
@media screen and (max-width: 600px) {
  .cheatingCounseling {
    padding: 20px 20px;
  }
}
.cheatingCounseling__headerArea {
  text-align: center;
  font-weight: 700;
}
.cheatingCounseling__fsize {
  font-size: 1.375rem;
}
.cheatingCounseling__dot {
  position: relative;
}
.cheatingCounseling__dot::after {
  position: absolute;
  top: -7px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #eba15b;
  display: block;
}
.cheatingCounseling__content {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .cheatingCounseling__content {
    margin-top: 20px;
  }
}
.cheatingCounseling__textArea {
  max-width: 60%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .cheatingCounseling__textArea {
    max-width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .cheatingCounseling__textArea {
    max-width: 100%;
    font-size: 0.875rem;
  }
}
.cheatingCounseling__support {
  margin-top: 20px;
  font-weight: 700;
  font-size: 1.25rem;
  color: #eba15b;
  text-shadow: 0px 1px 1px #EBDBD2;
}
@media screen and (max-width: 600px) {
  .cheatingCounseling {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 600px) {
  .cheatingCounseling__br {
    display: none;
  }
}
.cheatingCounseling__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 220px;
}
@media screen and (max-width: 960px) {
  .cheatingCounseling__img {
    display: none;
  }
}

.cheatingConsultation {
  margin-top: 90px;
}
.cheatingConsultation__headerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cheatingConsultation__header {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cheatingConsultation__header {
    font-size: 1.5rem;
  }
}
.cheatingConsultation__headerLine {
  width: 360px;
  margin-top: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  .cheatingConsultation__headerLine {
    width: 110px;
  }
}
.cheatingConsultation__content {
  max-width: 912px;
  width: 100%;
  margin: 30px auto 0 auto;
}
@media screen and (max-width: 1370px) {
  .cheatingConsultation__content {
    max-width: 86%;
  }
}
@media screen and (max-width: 960px) {
  .cheatingConsultation__content {
    max-width: 92%;
    margin: 30px auto 0 auto;
  }
}
.cheatingConsultation__h3 {
  font-weight: 700;
  font-size: 1.25rem;
  text-align: center;
  color: #479c7b;
}
.cheatingConsultation__img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 900px;
  width: 100%;
  margin: 20px auto;
}
.cheatingConsultation__textArea {
  max-width: 680px;
  width: 100%;
  line-height: 1.6;
  margin: 0 auto;
}
.cheatingConsultation__emphasis {
  font-weight: 700;
  position: relative;
  z-index: 10;
  display: inline-flex;
}
.cheatingConsultation__emphasis::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.2em;
  height: 0.5em;
  background-color: rgba(234, 224, 25, 0.7);
  width: 100%;
  display: inline;
  z-index: -1;
}
@media screen and (max-width: 600px) {
  .cheatingConsultation__emphasis::after {
    display: none;
  }
}
.cheatingConsultation__attention {
  margin-top: 10px;
}

.cheatingDiagnosis {
  background: rgb(249, 245, 240);
  padding: 40px 0;
  margin-top: 90px;
}
.cheatingDiagnosis__headerImg {
  display: block;
  max-width: 600px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .cheatingDiagnosis__headerImg {
    max-width: 92%;
  }
}
.cheatingDiagnosis__form {
  width: 600px;
  margin: 20px auto;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}
@media screen and (max-width: 960px) {
  .cheatingDiagnosis__form {
    width: 92%;
    max-width: 600%;
  }
}
.cheatingDiagnosis__check {
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
}
.cheatingDiagnosis__check:nth-of-type(n+2) {
  margin-top: 20px;
}
.cheatingDiagnosis__checkbox {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.cheatingDiagnosis__button {
  cursor: pointer;
  width: 200px;
  height: 50px;
  background: #4a4a4a;
  color: #FFF;
  margin: 40px auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.cheatingDiagnosis__button:hover {
  opacity: 0.7;
}
.cheatingDiagnosis__icon {
  font-size: 20px;
  margin-left: 10px;
}
.cheatingDiagnosis__result {
  display: none;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  background: #FFF;
  padding: 20px;
  border-radius: 10px;
}
@media screen and (max-width: 960px) {
  .cheatingDiagnosis__result {
    width: 92%;
  }
}
.cheatingDiagnosis__h4 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  background: #F77F40;
  padding: 10px 0;
  border-radius: 5px;
  letter-spacing: 0.1em;
}
.cheatingDiagnosis__resultTop {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.cheatingDiagnosis__resultImg {
  width: 110px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-right: 40px;
}
@media screen and (max-width: 600px) {
  .cheatingDiagnosis__resultImg {
    width: 90px;
  }
}
.cheatingDiagnosis__resultTextArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cheatingDiagnosis__possibility {
  font-weight: 700;
  font-size: 1.25rem;
}
@media screen and (max-width: 600px) {
  .cheatingDiagnosis__possibility {
    font-size: 1.125;
  }
}
.cheatingDiagnosis__numberArea {
  display: flex;
  align-items: flex-end;
}
.cheatingDiagnosis__number {
  font-size: 100px;
  font-weight: 700;
  transform: translateY(10px);
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .cheatingDiagnosis__number {
    font-size: 70px;
  }
}
.cheatingDiagnosis__percent {
  font-size: 30px;
  font-weight: 700;
}
.cheatingDiagnosis__resultBottm {
  margin-top: 40px;
  line-height: 1.7;
  font-size: 1.125rem;
}
.cheatingDiagnosis__attention {
  font-size: 0.875rem;
}
.cheatingDiagnosis__emphasis {
  font-weight: 700;
  position: relative;
  display: inline-block;
  z-index: 10;
}

/*---------------page-personal_credit.php-------------------*/
.personalGray__header {
  font-size: 1.75rem;
  text-decoration: underline;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
  text-underline-offset: 10px;
  margin: 0 auto 40px auto;
  max-width: 80%;
  width: 100%;
  line-height: 1.7;
}
@media screen and (max-width: 960px) {
  .personalGray__header {
    font-size: 1.5rem;
    max-width: 92%;
  }
}
@media screen and (max-width: 600px) {
  .personalGray__header {
    font-size: 1.25rem;
    max-width: 100%;
  }
}
.personalGray__box01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .personalGray__box01 {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.personalGray__box02 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .personalGray__box02 {
    flex-direction: column-reverse;
  }
}
.personalGray__box02TextArea {
  margin: 16px 0 0 14px;
}
@media screen and (max-width: 600px) {
  .personalGray__box02TextArea {
    margin: 16px 0 0 0;
  }
}
.personalGray__item {
  letter-spacing: 0.05em;
  text-indent: -0.8em;
  padding-left: 1em;
}
.personalGray__item:nth-child(n+2) {
  margin-top: 1em;
}
.personalGray__icon {
  margin-right: 10px;
}
.personalGray__img01 {
  max-width: 360px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 40px;
}
@media screen and (max-width: 960px) {
  .personalGray__img01 {
    display: none;
  }
}
.personalGray__img02 {
  max-width: 360px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-right: 40px;
}
@media screen and (max-width: 960px) {
  .personalGray__img02 {
    margin: 40px 0 0 0;
  }
}

.personalWhite {
  background: #fff;
  color: #1D1D1D;
  padding: 40px 40px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .personalWhite {
    padding: 20px 20px;
  }
}
@media screen and (max-width: 600px) {
  .personalWhite {
    flex-direction: column;
    padding: 15px 10px;
    max-width: 92%;
  }
}
.personalWhite__textArea {
  max-width: 60%;
  width: 100%;
  line-height: 1.7;
}
@media screen and (max-width: 600px) {
  .personalWhite__textArea {
    max-width: 100%;
  }
}
.personalWhite__orenge {
  color: #eba15b;
  font-weight: 700;
}
.personalWhite__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 20px;
}
@media screen and (max-width: 960px) {
  .personalWhite__img {
    max-width: 180px;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .personalWhite__img {
    margin: 20px 0 0 0;
    max-width: 150px;
  }
}

.personalAppeal__header {
  display: block;
  max-width: 80%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px auto;
}
@media screen and (max-width: 960px) {
  .personalAppeal__header {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .personalAppeal__header {
    display: none;
  }
}
.personalAppeal__headerSp {
  display: none;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 92%;
  width: 100%;
  margin: 20px auto;
}
@media screen and (max-width: 600px) {
  .personalAppeal__headerSp {
    display: block;
  }
}
.personalAppeal__content {
  background: #fff;
  border-radius: 7px;
  padding: 40px;
  align-items: center;
  justify-content: center;
  max-width: 92%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .personalAppeal__content {
    flex-direction: column;
    padding: 15px 10px;
  }
}
.personalAppeal__textArea {
  max-width: 60%;
  width: 100%;
  line-height: 1.7;
  font-weight: 700;
  margin-right: 40px;
}
@media screen and (max-width: 960px) {
  .personalAppeal__textArea {
    margin-right: 0;
    max-width: 96%;
  }
}
.personalAppeal__text {
  margin-top: 1em;
}
.personalAppeal__ornge {
  color: #eba15b;
  font-weight: 700;
}
.personalAppeal__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 252px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .personalAppeal__img {
    max-width: 200px;
  }
}
@media screen and (max-width: 600px) {
  .personalAppeal__img {
    max-width: 150px;
  }
}

/*---------------page-corporate_credit.php-------------------*/
.corporateGray__header {
  font-size: 1.75rem;
  text-decoration: underline;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
  text-underline-offset: 5px;
  margin: 0 auto 40px auto;
  max-width: 380px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .corporateGray__header {
    font-size: 1.5rem;
    max-width: 320px;
  }
}
@media screen and (max-width: 600px) {
  .corporateGray__header {
    font-size: 1.25rem;
    max-width: 260px;
  }
}
.corporateGray__box {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .corporateGray__box {
    flex-direction: column;
  }
}
.corporateGray__item {
  letter-spacing: 0.05em;
  text-indent: -0.8em;
  padding-left: 1em;
}
.corporateGray__item:nth-child(n+2) {
  margin-top: 1em;
}
.corporateGray__icon {
  margin-right: 10px;
}
.corporateGray__img01 {
  max-width: 360px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 40px;
}
@media screen and (max-width: 960px) {
  .corporateGray__img01 {
    margin: 40px 0 0 0;
  }
}

.corporateWhite {
  background: #fff;
  color: #1D1D1D;
  padding: 40px 40px 40px 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .corporateWhite {
    padding: 15px 10px;
    max-width: 92%;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .corporateWhite {
    flex-direction: column;
    padding: 15px 10px;
    max-width: 92%;
  }
}
.corporateWhite__textArea {
  max-width: 60%;
  width: 100%;
  line-height: 1.7;
}
@media screen and (max-width: 960px) {
  .corporateWhite__textArea {
    max-width: 92%;
  }
}
@media screen and (max-width: 600px) {
  .corporateWhite__textArea {
    max-width: 100%;
  }
}
.corporateWhite__orenge {
  color: #eba15b;
  font-weight: 700;
}
.corporateWhite__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 20px;
  max-width: 180px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .corporateWhite__img {
    margin: 20px 0 0 0;
    max-width: 130px;
  }
}
.corporateWhite__text {
  margin-top: 1em;
}

.corporateAppeal__header {
  display: block;
  max-width: 500px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px auto;
}
@media screen and (max-width: 960px) {
  .corporateAppeal__header {
    max-width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .corporateAppeal__header {
    max-width: 92%;
  }
}
.corporateAppeal__itemArea {
  margin: 20px 0;
  color: #479c7b;
  font-weight: 700;
}
.corporateAppeal__h3 {
  font-size: 1.25rem;
  border: 2px solid #479c7b;
  background: #fff;
  padding: 5px;
  letter-spacing: 0.1em;
  margin: 0 auto 10px auto;
  width: 140px;
  text-align: center;
  border-radius: 5px;
}
.corporateAppeal__list {
  line-height: 1.6;
  font-size: 1.125rem;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .corporateAppeal__list {
    flex-direction: column;
    margin: 0 auto;
    width: 150px;
  }
}
.corporateAppeal__item:nth-of-type(n+2) {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .corporateAppeal__item:nth-of-type(n+2) {
    margin-left: 0;
  }
}
.corporateAppeal__content {
  background: #fff;
  border-radius: 7px;
  padding: 40px;
  align-items: center;
  justify-content: center;
  max-width: 92%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .corporateAppeal__content {
    flex-direction: column;
    padding: 15px 10px;
  }
}
.corporateAppeal__textArea {
  max-width: 60%;
  width: 100%;
  line-height: 1.7;
  font-weight: 700;
  margin-right: 40px;
}
@media screen and (max-width: 960px) {
  .corporateAppeal__textArea {
    margin-right: 0;
    max-width: 96%;
  }
}
.corporateAppeal__text {
  margin-top: 1em;
}
.corporateAppeal__ornge {
  color: #eba15b;
  font-weight: 700;
}

/*---------------page-stalker.php-------------------*/
.stalkerGray__header {
  font-size: 1.75rem;
  text-decoration: underline;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
  text-underline-offset: 5px;
  margin: 0 auto 40px auto;
  max-width: 380px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .stalkerGray__header {
    font-size: 1.5rem;
    max-width: 320px;
  }
}
@media screen and (max-width: 600px) {
  .stalkerGray__header {
    font-size: 1.25rem;
    max-width: 260px;
  }
}
.stalkerGray__box {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .stalkerGray__box {
    flex-direction: column;
  }
}
.stalkerGray__item {
  letter-spacing: 0.05em;
  text-indent: -0.8em;
  padding-left: 1em;
}
.stalkerGray__item:nth-child(n+2) {
  margin-top: 1em;
}
.stalkerGray__icon {
  margin-right: 10px;
}
.stalkerGray__img01 {
  max-width: 360px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 40px;
}
@media screen and (max-width: 960px) {
  .stalkerGray__img01 {
    margin: 40px 0 0 0;
  }
}

.stalkerWhite {
  background: #fff;
  color: #1D1D1D;
  padding: 40px 40px 40px 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .stalkerWhite {
    padding: 15px 10px;
    max-width: 92%;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .stalkerWhite {
    flex-direction: column;
    padding: 15px 10px;
    max-width: 100%;
  }
}
.stalkerWhite__header {
  font-size: 1.25rem;
  font-weight: 700;
  border-bottom: 1px solid #1D1D1D;
  width: 262px;
  margin: 0 auto 20px auto;
}
.stalkerWhite__textArea {
  max-width: 80%;
  width: 100%;
  line-height: 1.7;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .stalkerWhite__textArea {
    max-width: 92%;
  }
}
@media screen and (max-width: 600px) {
  .stalkerWhite__textArea {
    max-width: 100%;
  }
}
.stalkerWhite__bold {
  font-weight: 700;
}

.stalkerAppeal__header {
  display: block;
  max-width: 80%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px auto;
}
@media screen and (max-width: 960px) {
  .stalkerAppeal__header {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .stalkerAppeal__header {
    display: none;
  }
}
.stalkerAppeal__box {
  background: #fff;
  border-radius: 7px;
  padding: 40px;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  .stalkerAppeal__box {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 600px) {
  .stalkerAppeal__box {
    padding: 20px 10px;
  }
}
.stalkerAppeal__box:nth-of-type(n+2) {
  margin-top: 40px;
}
.stalkerAppeal__leftArea {
  max-width: 50%;
  width: 100%;
  margin-right: 60px;
}
@media screen and (max-width: 960px) {
  .stalkerAppeal__leftArea {
    max-width: 100%;
    margin-right: 0;
  }
}
.stalkerAppeal__boxHeader {
  align-items: center;
}
.stalkerAppeal__num {
  font-family: "Vujahday Script", cursive;
  font-size: 2rem;
  border: 1px solid #1D1D1D;
  border-radius: 50%;
  width: 61px;
  height: 61px;
  text-align: center;
  line-height: 2em;
}
@media screen and (max-width: 600px) {
  .stalkerAppeal__num {
    width: 56px;
    height: 56px;
    font-size: 1.75rem;
    line-height: 1.75em;
  }
}
.stalkerAppeal__h4 {
  font-size: 1.25rem;
  margin-left: 10px;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .stalkerAppeal__h4 {
    font-size: 1.125rem;
  }
}
.stalkerAppeal__textArea {
  line-height: 1.7;
  margin-top: 10px;
}
.stalkerAppeal__text {
  margin-top: 1em;
}
.stalkerAppeal__ornge {
  color: #eba15b;
  font-weight: 700;
}
.stalkerAppeal__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 260px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960px) {
  .stalkerAppeal__img {
    max-width: 180px;
    margin-top: 20px;
  }
}

.stalkerLaw {
  max-width: 900px;
  width: 100%;
  margin: 110px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .stalkerLaw {
    max-width: 86%;
    margin: 90px auto 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .stalkerLaw {
    max-width: 92%;
    margin: 30px auto 0 auto;
  }
}
.stalkerLaw__header {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  color: #479c7b;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .stalkerLaw__header {
    font-size: 1.25rem;
  }
}
.stalkerLaw__list {
  background: #D9D9D9;
  max-width: 460px;
  width: 100%;
  margin: 1rem auto;
  padding: 20px;
  border-radius: 10px;
}
.stalkerLaw__item {
  text-indent: -1.8em;
  padding-left: 1.2em;
}
.stalkerLaw__item:nth-of-type(n+2) {
  margin-top: 1rem;
}
.stalkerLaw__text {
  line-height: 1.7;
}

.stalkerFee {
  max-width: 900px;
  width: 100%;
  margin: 110px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .stalkerFee {
    max-width: 86%;
  }
}
.stalkerFee__header {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  color: #479c7b;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .stalkerFee__header {
    font-size: 1.25rem;
    width: 280px;
  }
}
.stalkerFee__en {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 10px;
  letter-spacing: 0;
}
@media screen and (max-width: 600px) {
  .stalkerFee__en {
    font-size: 0.875rem;
  }
}
.stalkerFee__text {
  line-height: 1.7;
}
.stalkerFee__btn {
  background: #eba15b;
  color: #fff;
  padding: 20px 40px;
  border-radius: 10px;
  letter-spacing: 0.1em;
  max-width: 380px;
  width: 100%;
  margin: 20px auto;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .stalkerFee__btn {
    max-width: 86%;
    padding: 10px 10px;
  }
}
.stalkerFee__btnText {
  font-weight: 700;
  font-size: 1.25rem;
}
@media screen and (max-width: 600px) {
  .stalkerFee__btnText {
    font-size: 1rem;
  }
}
.stalkerFee__icon {
  margin-left: 40px;
  font-size: 1.75rem;
}
@media screen and (max-width: 600px) {
  .stalkerFee__icon {
    margin-left: 20px;
    font-size: 1.5rem;
  }
}

.stalkerResult {
  max-width: 900px;
  width: 100%;
  margin: 110px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .stalkerResult {
    max-width: 86%;
  }
}
.stalkerResult__header {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  color: #479c7b;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .stalkerResult__header {
    font-size: 1.25rem;
  }
}
.stalkerResult__textArea {
  line-height: 1.7;
}
.stalkerResult__orenge {
  color: #eba15b;
  font-weight: 700;
}

/*---------------page-where.php------------------*/
.whereGray__header {
  font-size: 1.75rem;
  text-decoration: underline;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
  text-underline-offset: 5px;
  margin: 0 auto 40px auto;
  max-width: 380px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .whereGray__header {
    font-size: 1.5rem;
    max-width: 320px;
  }
}
@media screen and (max-width: 600px) {
  .whereGray__header {
    font-size: 1.25rem;
    max-width: 260px;
  }
}
.whereGray__box {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .whereGray__box {
    flex-direction: column;
  }
}
.whereGray__item {
  letter-spacing: 0.05em;
  text-indent: -0.8em;
  padding-left: 1em;
}
.whereGray__item:nth-child(n+2) {
  margin-top: 1em;
}
.whereGray__icon {
  margin-right: 10px;
}
.whereGray__img01 {
  max-width: 360px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 40px;
}
@media screen and (max-width: 960px) {
  .whereGray__img01 {
    margin: 40px 0 0 0;
  }
}

.whereWhite {
  background: #fff;
  color: #1D1D1D;
  padding: 40px 40px 40px 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .whereWhite {
    padding: 15px 10px;
    max-width: 92%;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .whereWhite {
    flex-direction: column;
    padding: 15px 10px;
    max-width: 100%;
  }
}
.whereWhite__header {
  font-size: 1.25rem;
  font-weight: 700;
  border-bottom: 1px solid #1D1D1D;
  width: 440px;
  margin: 0 auto 20px auto;
}
@media screen and (max-width: 600px) {
  .whereWhite__header {
    max-width: 90%;
    width: 100%;
    font-size: 1.125rem;
  }
}
.whereWhite__orenge {
  color: #eba15b;
  font-size: 1.75rem;
}
@media screen and (max-width: 600px) {
  .whereWhite__orenge {
    font-size: 1.375rem;
  }
}
.whereWhite__textArea {
  max-width: 80%;
  width: 100%;
  line-height: 1.7;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .whereWhite__textArea {
    max-width: 92%;
  }
}
@media screen and (max-width: 600px) {
  .whereWhite__textArea {
    max-width: 100%;
  }
}
.whereWhite__bold {
  font-weight: 700;
}
.whereWhite__text {
  margin-top: 1rem;
}

.whereAppeal__header {
  display: block;
  max-width: 80%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px auto;
}
@media screen and (max-width: 960px) {
  .whereAppeal__header {
    max-width: 92%;
  }
}
@media screen and (max-width: 600px) {
  .whereAppeal__header {
    display: none;
  }
}
.whereAppeal__content {
  display: flex;
  background: #fff;
  border-radius: 7px;
  padding: 40px;
  align-items: center;
  justify-content: center;
  max-width: 92%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .whereAppeal__content {
    flex-direction: column;
    padding: 15px 10px;
  }
}
.whereAppeal__textArea {
  max-width: 60%;
  width: 100%;
  line-height: 1.7;
  font-weight: 700;
  margin-right: 40px;
}
@media screen and (max-width: 960px) {
  .whereAppeal__textArea {
    margin-right: 0;
    max-width: 96%;
  }
}
.whereAppeal__text {
  margin-top: 1em;
}
.whereAppeal__orange {
  color: #eba15b;
  font-weight: 700;
}
.whereAppeal__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 250px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960px) {
  .whereAppeal__img {
    max-width: 200px;
    margin: 20px auto 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .whereAppeal__img {
    max-width: 60%;
  }
}

.wherePower {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  background: #FCF9F2;
  padding: 40px 60px 40px 60px;
}
@media screen and (max-width: 1370px) {
  .wherePower {
    max-width: 90%;
  }
}
@media screen and (max-width: 960px) {
  .wherePower {
    padding: 30px 10px 20px 10px;
    max-width: 100%;
  }
}
.wherePower__headerImg {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 92%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .wherePower__headerImg {
    display: none;
  }
}
.wherePower__headerImgSp {
  display: none;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 92%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .wherePower__headerImgSp {
    display: block;
  }
}
.wherePower__ml {
  margin-left: 4px;
}
.wherePower__content {
  background: #fff;
  border: 1px solid #1D1D1D;
  border-radius: 5px;
  padding: 20px 0;
  max-width: 640px;
  width: 100%;
  margin: 20px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .wherePower__content {
    padding: 15px 10px;
    max-width: 92%;
    margin: 20px auto 0 auto;
  }
}
.wherePower__h3 {
  font-size: 1.375rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .wherePower__h3 {
    font-size: 1.25rem;
  }
}
.wherePower__textWrapper {
  max-width: 585px;
  width: 100%;
  margin: 0 auto;
  line-height: 1.6em;
}
.wherePower__text {
  margin: 20px 0;
}
.wherePower__item {
  display: flex;
  align-items: flex-start;
}
.wherePower__icon {
  width: 16px;
  height: 16px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 5px 10px 0 0;
}
.wherePower__item:nth-of-type(n+2) {
  margin-top: 1rem;
}

/*---------------page-device.php-------------------*/
.deviceGray__header {
  font-size: 1.75rem;
  text-decoration: underline;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
  text-underline-offset: 5px;
  margin: 0 auto 40px auto;
  max-width: 380px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .deviceGray__header {
    font-size: 1.5rem;
    max-width: 320px;
  }
}
@media screen and (max-width: 600px) {
  .deviceGray__header {
    font-size: 1.25rem;
    max-width: 260px;
  }
}
.deviceGray__box {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .deviceGray__box {
    flex-direction: column;
  }
}
.deviceGray__item {
  letter-spacing: 0.05em;
  text-indent: -0.8em;
  padding-left: 1em;
}
.deviceGray__item:nth-child(n+2) {
  margin-top: 1em;
}
.deviceGray__icon {
  margin-right: 10px;
}
.deviceGray__img01 {
  max-width: 360px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 40px;
}
@media screen and (max-width: 960px) {
  .deviceGray__img01 {
    margin: 40px 0 0 0;
  }
}

.deviceWhite {
  background: #fff;
  color: #1D1D1D;
  padding: 30px 40px 40px 40px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 86%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .deviceWhite {
    padding: 15px 10px;
    max-width: 92%;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .deviceWhite {
    flex-direction: column;
    padding: 15px 10px;
    max-width: 100%;
  }
}
.deviceWhite__img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 70%;
  width: 100%;
  margin: 0 auto 20px auto;
}
@media screen and (max-width: 960px) {
  .deviceWhite__img {
    max-width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .deviceWhite__img {
    max-width: 100%;
  }
}
.deviceWhite__textArea {
  max-width: 80%;
  width: 100%;
  line-height: 1.7;
  margin: 0 auto;
}
.deviceWhite__bold {
  font-weight: 700;
}

.deviceAppeal__header {
  display: block;
  max-width: 80%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px auto;
}
@media screen and (max-width: 960px) {
  .deviceAppeal__header {
    max-width: 92%;
  }
}
@media screen and (max-width: 600px) {
  .deviceAppeal__header {
    display: none;
  }
}
.deviceAppeal__content {
  background: #fff;
  border-radius: 7px;
  padding: 40px;
  align-items: center;
  justify-content: center;
  max-width: 92%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .deviceAppeal__content {
    flex-direction: column;
    padding: 15px 10px;
  }
}
.deviceAppeal__textArea {
  max-width: 60%;
  width: 100%;
  line-height: 1.7;
  font-weight: 700;
  margin-right: 40px;
}
@media screen and (max-width: 960px) {
  .deviceAppeal__textArea {
    margin-right: 0;
    max-width: 96%;
  }
}
.deviceAppeal__text {
  margin-top: 1em;
}
.deviceAppeal__ornge {
  color: #eba15b;
  font-weight: 700;
}
.deviceAppeal__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 960px) {
  .deviceAppeal__img {
    margin-top: 20px;
    max-width: 30%;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .deviceAppeal__img {
    max-width: 50%;
  }
}

.deviceFee {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 0 auto;
  background: #F3F8F7;
  padding: 40px 0;
}
.deviceFee__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1370px) {
  .deviceFee__inner {
    max-width: 86%;
  }
}
@media screen and (max-width: 960px) {
  .deviceFee__inner {
    max-width: 92%;
  }
}
@media screen and (max-width: 600px) {
  .deviceFee__inner {
    max-width: 100%;
  }
}
.deviceFee__header {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: #367a60;
  letter-spacing: 0.1em;
  position: relative;
}
@media screen and (max-width: 600px) {
  .deviceFee__header {
    font-size: 1.5rem;
  }
}
.deviceFee__textArea {
  margin-top: 20px;
  line-height: 1.6;
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .deviceFee__textArea {
    max-width: 96%;
    font-size: 0.875rem;
  }
}
.deviceFee__img {
  display: block;
  max-width: 900px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .deviceFee__img {
    display: none;
  }
}
.deviceFee__imgSp {
  display: none;
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .deviceFee__imgSp {
    display: block;
  }
}

.deviceTable {
  margin-top: 40px;
  max-width: 80%;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .deviceTable {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .deviceTable {
    margin-top: 20px;
  }
}
.deviceTable__tr {
  display: flex;
  height: 70px;
}
.deviceTable__header {
  color: #fff;
  background: #0d5c1d;
  font-size: 1.25rem;
  display: flex;
  height: 70px;
}
@media screen and (max-width: 600px) {
  .deviceTable__header {
    font-size: 1rem;
  }
}
.deviceTable__headerRight {
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
}
@media screen and (max-width: 960px) {
  .deviceTable__headerRight {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .deviceTable__headerRight {
    font-size: 1rem;
  }
}
.deviceTable__tr:nth-of-type(even) {
  background: #fff;
}
.deviceTable__tr:nth-of-type(odd) {
  background: #EDEDED;
}
.deviceTable__left {
  width: 300px;
  border-right: 1px solid #929292;
}
@media screen and (max-width: 960px) {
  .deviceTable__left {
    max-width: 40%;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .deviceTable__left {
    font-size: 0.875rem;
  }
}
.deviceTable__right {
  width: 400px;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .deviceTable__right {
    max-width: 60%;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .deviceTable__right {
    font-size: 1rem;
  }
}
.deviceTable__th {
  display: flex;
  justify-content: center;
  align-items: center;
}
.deviceTable__td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*---------------page-fee.php-------------------*/
.feeList {
  max-width: 1200px;
  width: 100%;
  margin: 30px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .feeList {
    display: none;
  }
}
.feeList__list {
  justify-content: center;
}
.feeList__item:nth-of-type(n+2) {
  margin-left: 20px;
}
.feeList__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 196px;
  height: 74px;
  background: #717171;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  margin-top: 80px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 1370px) {
  .feeList__link {
    width: 160px;
  }
}
.feeList__link:hover {
  opacity: 0.7;
}
.feeList__value {
  width: 120px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.feeList__valueLink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 196px;
  height: 74px;
  background: #717171;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1370px) {
  .feeList__valueLink {
    width: 160px;
  }
}
.feeList__valueLink:hover {
  opacity: 0.7;
}
.feeList__success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 196px;
  height: 74px;
  background: #717171;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  margin-top: 80px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1370px) {
  .feeList__success {
    width: 160px;
  }
}
.feeList__success:hover {
  opacity: 0.7;
}
.feeList__br {
  display: none;
}
@media screen and (max-width: 1370px) {
  .feeList__br {
    display: block;
  }
}

.feeListMed {
  display: none;
  max-width: 100%;
  width: 100%;
  margin: 30px auto 0 auto;
  font-size: 0.875rem;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .feeListMed {
    display: block;
  }
}
.feeListMed__top {
  display: flex;
  justify-content: center;
}
.feeListMed__bottom {
  display: flex;
  justify-content: center;
}
.feeListMed__item:nth-of-type(n+2) {
  margin-left: 20px;
}
.feeListMed__topItem {
  max-width: 28%;
  width: 100%;
}
.feeListMed__bottomItem {
  max-width: 40%;
  width: 100%;
}
.feeListMed__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 58px;
  background: #717171;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  margin-top: 65.66px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
}
@media screen and (max-width: 600px) {
  .feeListMed__link {
    width: 100%;
  }
}
.feeListMed__value {
  width: 120px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 960px) {
  .feeListMed__value {
    width: 100px;
  }
}
.feeListMed__valueLink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 58px;
  background: #717171;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .feeListMed__valueLink {
    width: 100%;
  }
}
.feeListMed__success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 58px;
  background: #717171;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  margin-top: 20px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .feeListMed__success {
    width: 100%;
  }
}
.feeListMed__device {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 58px;
  background: #717171;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  margin-top: 20px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-align: center;
}
@media screen and (max-width: 600px) {
  .feeListMed__device {
    width: 100%;
  }
}
.feeListMed__br {
  display: none;
}
@media screen and (max-width: 1370px) {
  .feeListMed__br {
    display: block;
  }
}

.feeStandard {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 0 auto;
  background: #F3F8F7;
  padding: 40px 0;
}
.feeStandard__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1370px) {
  .feeStandard__inner {
    max-width: 100%;
  }
}
.feeStandard__header {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: #367a60;
  letter-spacing: 0.1em;
  position: relative;
}
@media screen and (max-width: 600px) {
  .feeStandard__header {
    font-size: 1.5rem;
  }
}
.feeStandard__img {
  display: block;
  max-width: 900px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .feeStandard__img {
    display: none;
  }
}
.feeStandard__imgSp {
  display: none;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .feeStandard__imgSp {
    display: block;
  }
}

.feeTime {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 0 auto;
  background: #F3F8F7;
  padding: 40px 0;
}
.feeTime__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1370px) {
  .feeTime__inner {
    max-width: 100%;
  }
}
.feeTime__header {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: #367a60;
  letter-spacing: 0.1em;
  position: relative;
}
@media screen and (max-width: 600px) {
  .feeTime__header {
    font-size: 1.5rem;
  }
}
.feeTime__img {
  display: block;
  max-width: 900px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .feeTime__img {
    display: none;
  }
}
.feeTime__imgSp {
  display: none;
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .feeTime__imgSp {
    display: block;
  }
}
.feeTime__textArea {
  line-height: 1.6;
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .feeTime__textArea {
    max-width: 92%;
    font-size: 0.875rem;
  }
}
.feeTime__orenge {
  color: #d03838;
}
.feeTime__recommendArea {
  max-width: 860px;
  width: 100%;
  margin: 40px auto 0 auto;
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}
.feeTime__h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #eba15b;
  text-align: center;
}
.feeTime__recommendTextArea {
  margin-top: 20px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.feeTime__recommendBold {
  font-weight: 700;
}
.feeTime__imgValue {
  display: block;
  max-width: 560px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 30px auto 0 auto;
}

.feePinpoint {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 0 auto;
  background: #F3F8F7;
  padding: 40px 0;
}
.feePinpoint__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1370px) {
  .feePinpoint__inner {
    max-width: 100%;
  }
}
.feePinpoint__header {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: #367a60;
  letter-spacing: 0.1em;
  position: relative;
}
@media screen and (max-width: 600px) {
  .feePinpoint__header {
    font-size: 1.5rem;
  }
}
.feePinpoint__img {
  display: block;
  max-width: 900px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .feePinpoint__img {
    display: none;
  }
}
.feePinpoint__imgSp {
  display: none;
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .feePinpoint__imgSp {
    display: block;
  }
}

.feeSuccess {
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 0 auto;
  background: #F3F8F7;
  padding: 40px 0;
}
.feeSuccess__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1370px) {
  .feeSuccess__inner {
    max-width: 100%;
  }
}
.feeSuccess__header {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: #367a60;
  letter-spacing: 0.1em;
  position: relative;
}
@media screen and (max-width: 600px) {
  .feeSuccess__header {
    font-size: 1.5rem;
  }
}
.feeSuccess__headerUnder {
  font-size: 1.25rem;
}
.feeSuccess__textArea {
  line-height: 1.6;
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .feeSuccess__textArea {
    max-width: 92%;
    font-size: 0.875rem;
  }
}
.feeSuccess__img {
  display: block;
  max-width: 900px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .feeSuccess__img {
    display: none;
  }
}
.feeSuccess__imgSp {
  display: none;
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .feeSuccess__imgSp {
    display: block;
  }
}

/*---------------page-flow.php-------------------*/
.flow__content {
  max-width: 912px;
  width: 100%;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .flow__content {
    max-width: 92%;
    margin: 40px auto 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .flow__content {
    display: none;
  }
}
.flow__header {
  font-size: 1.75rem;
  font-weight: 700;
  border-left: 2px solid #479c7b;
  border-bottom: 2px solid #479c7b;
  display: block;
  letter-spacing: 0.1em;
  padding-left: 5px;
  margin: 0 auto;
  width: 540px;
}
.flow__box {
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .flow__box {
    flex-direction: column;
  }
}
.flow__box2 {
  background-image: url(../img/strength_line.png);
  background-repeat: no-repeat;
  background-position: top 61px left 30.5px;
}
.flow__box3 {
  background-image: url(../img/strength_line.png);
  background-repeat: no-repeat;
  background-position: top 61px left 30.5px;
}
.flow__box4 {
  background-image: url(../img/strength_line.png);
  background-repeat: no-repeat;
  background-position: top 61px left 30.5px;
}
.flow__right {
  align-items: flex-start;
}
.flow__numWrapper {
  width: 61px;
  height: 61px;
  border: 2px solid #479c7b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.flow__num {
  color: #479c7b;
  font-family: "Vujahday Script", cursive;
  font-size: 2rem;
}
.flow__textArea {
  margin: 20px 0 0 10px;
  max-width: 400px;
  width: 100%;
}
.flow__h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.flow__text {
  line-height: 1.6;
}
.flow__orenge {
  color: #eba15b;
  font-weight: 700;
}
.flow__img1 {
  max-width: 200px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
.flow__img2 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
.flow__img3 {
  max-width: 213px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 60px;
}
.flow__img4 {
  max-width: 250px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 30px;
}
.flow__img5 {
  max-width: 240px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-left: 40px;
}
.flow__numArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flow__numWrapper {
  width: 61px;
  height: 61px;
  border: 2px solid #479c7b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.flow__num {
  color: #479c7b;
  font-family: "Vujahday Script", cursive;
  font-size: 2rem;
  padding-bottom: 5px;
}
.flow__line1 {
  height: 200px;
}
.flow__line2 {
  height: 230px;
}
.flow__line3 {
  height: 230px;
}
.flow__line4 {
  height: 230px;
}

.smFlow {
  display: none;
}
@media screen and (max-width: 600px) {
  .smFlow {
    display: block;
  }
}
.smFlow__content {
  margin: 40px auto 0 auto;
  max-width: 92%;
  width: 100%;
}
.smFlow__box {
  justify-content: center;
}
.smFlow__box1 {
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  .smFlow__box1 {
    background-position: top 61px left 20%;
  }
}
.smFlow__box2 {
  align-items: flex-start;
}
.smFlow__box3 {
  align-items: flex-start;
}
.smFlow__box4 {
  align-items: flex-start;
}
.smFlow__box5 {
  align-items: flex-start;
}
.smFlow__left {
  align-items: flex-start;
}
.smFlow__numArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.smFlow__numWrapper {
  width: 61px;
  height: 61px;
  border: 2px solid #479c7b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.smFlow__num {
  color: #479c7b;
  font-family: "Vujahday Script", cursive;
  font-size: 2rem;
}
.smFlow__line1 {
  height: 380px;
}
.smFlow__line2 {
  height: 390px;
}
.smFlow__line3 {
  height: 360px;
}
.smFlow__line4 {
  height: 360px;
}
.smFlow__right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.smFlow__textArea {
  margin: 20px 0 0 10px;
  max-width: 400px;
  width: 100%;
}
.smFlow__h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.smFlow__text {
  line-height: 1.6;
}
.smFlow__orenge {
  color: #eba15b;
  font-weight: 700;
}
.smFlow__img1 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px 0;
}
.smFlow__img2 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px 0;
}
.smFlow__img3 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 40px 0;
}
.smFlow__img4 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px 0;
}
.smFlow__img5 {
  max-width: 180px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 20px 0;
}

/*---------------page-company.php-------------------*/
.company__content {
  max-width: 912px;
  width: 100%;
  margin: 60px auto 0 auto;
}
.company__greetings {
  background: #f9f7f1;
  border-radius: 10px;
  padding: 60px 60px;
  line-height: 1.7;
}
@media screen and (max-width: 600px) {
  .company__greetings {
    padding: 40px 4%;
  }
}
.company__orenge {
  color: #eba15b;
  font-size: 1.5rem;
  font-weight: 700;
}
.company__mt {
  margin-top: 40px;
}
.company__img {
  margin: 60px 0 0 auto;
  display: block;
  max-width: 40%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 960px) {
  .company__img {
    max-width: 60%;
  }
}
@media screen and (max-width: 600px) {
  .company__img {
    max-width: 80%;
  }
}
.company__name {
  margin: 20px 0 0 auto;
  display: block;
  max-width: 260px;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .company__name {
    max-width: 200px;
  }
}
.company__dl {
  display: flex;
}
@media screen and (max-width: 600px) {
  .company__dl {
    flex-direction: column;
  }
}
.company__detail {
  max-width: 700px;
  width: 100%;
  margin: 90px auto 0 auto;
  padding: 60px;
}
@media screen and (max-width: 600px) {
  .company__detail {
    padding: 40px 4%;
    margin: 40px auto 0 auto;
  }
}
.company__dt {
  width: 160px;
}
@media screen and (max-width: 600px) {
  .company__dd {
    margin-top: 10px;
  }
}
.company__hr {
  border: 1px solid #D8D8D8;
  margin: 20px 0;
}

/*---------------page-faq.php-------------------*/
.faq__content {
  max-width: 912px;
  width: 100%;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .faq__content {
    max-width: 92%;
  }
}
.faq__aic {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .faq__aic {
    align-items: flex-start;
  }
}
.faq__aifs {
  display: flex;
  align-items: flex-start;
}
.faq__dt {
  display: flex;
  align-items: flex-start;
  padding: 20px;
}
.faq__textArea {
  display: flex;
  align-items: flex-start;
  background: #F3F8F7;
  padding: 20px;
  line-height: 1.6;
}
.faq__q {
  font-size: 1.375rem;
  font-weight: 700;
  margin-right: 10px;
}
@media screen and (max-width: 960px) {
  .faq__question {
    max-width: 80%;
    width: 100%;
    line-height: 1.6;
  }
}
.faq__a {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 20px 10px 20px 20px;
  color: #479c7b;
  line-height: 1.4;
}
@media screen and (max-width: 960px) {
  .faq__a {
    line-height: 0.3;
  }
}
.faq__answer {
  margin: 10px 20px 10px 0;
}
.faq__hr {
  border: 1px solid #D8D8D8;
  margin: 20px 0;
}

.faq__dd {
  line-height: 1.6;
  transform: translateY(-20px);
  display: flex;
  opacity: 0;
  max-height: 0;
}

@-webkit-keyframes faqOpen {
  0% {
    transform: translateY(-20px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    overflow-y: visible;
    max-height: 160px;
  }
}

@keyframes faqOpen {
  0% {
    transform: translateY(-20px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    overflow-y: visible;
    max-height: 160px;
  }
}
.faq_dl.open_answer > .faq__dd {
  -webkit-animation: faqOpen ease 0.7s forwards;
          animation: faqOpen ease 0.7s forwards;
}

@-webkit-keyframes faqClose {
  0% {
    transform: translateY(0);
    opacity: 1;
    overflow-y: visible;
    max-height: 160px;
  }
  25% {
    opacity: 0;
  }
  100% {
    transform: translateY(-20px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
}

@keyframes faqClose {
  0% {
    transform: translateY(0);
    opacity: 1;
    overflow-y: visible;
    max-height: 160px;
  }
  25% {
    opacity: 0;
  }
  100% {
    transform: translateY(-20px);
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
}
.faq_dl.faqClose > .faq__dd {
  -webkit-animation: faqClose ease 0.7s forwards;
          animation: faqClose ease 0.7s forwards;
}

.faqCross {
  width: 28px;
  height: 28px;
  margin-left: auto;
  position: relative;
}
.faqCross__vertical {
  width: 2px;
  height: 100%;
  display: block;
  background: #eba15b;
  position: absolute;
  top: 0;
  left: 13px;
}
.faqCross__horizontal {
  width: 100%;
  height: 2px;
  display: block;
  background: #eba15b;
  position: absolute;
  top: 13px;
  left: 0;
}

@-webkit-keyframes cross {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes cross {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(45deg);
    opacity: 0;
  }
}
.faq_dl.disappear .faqCross__vertical {
  -webkit-animation: cross ease 0.5s forwards;
          animation: cross ease 0.5s forwards;
}

/*---------------page-contact.php-------------------*/
.contact__content {
  max-width: 912px;
  width: 100%;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .contact__content {
    max-width: 500px;
  }
}
@media screen and (max-width: 600px) {
  .contact__content {
    max-width: 92%;
  }
}
.contact__textArea {
  line-height: 1.6;
}
.contact__text:nth-of-type(2) {
  margin-top: 20px;
}
.contact__fs {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.form {
  max-width: 100%;
  width: 100%;
  margin: 60px auto 0 auto;
}
.form__list {
  display: flex;
  margin-bottom: 46px;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .form__list {
    flex-direction: column;
    align-items: flex-start;
  }
}
.form__listTextarea {
  display: flex;
  margin-bottom: 46px;
  align-items: flex-start;
}
@media screen and (max-width: 960px) {
  .form__listTextarea {
    flex-direction: column;
    align-items: flex-start;
  }
}
.form__term {
  display: flex;
  width: 26%;
  justify-content: space-between;
  margin-right: 60px;
}
@media screen and (max-width: 960px) {
  .form__term {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    justify-content: flex-start;
  }
}
.form__termTextarea {
  display: flex;
  width: 26%;
  justify-content: space-between;
  margin-right: 60px;
  margin-top: 1em;
}
@media screen and (max-width: 960px) {
  .form__termTextarea {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    justify-content: flex-start;
  }
}
.form__heading {
  font-weight: 300;
  width: 80%;
}
@media screen and (max-width: 960px) {
  .form__heading {
    max-width: 200px;
    width: 100%;
    margin-bottom: 10px;
  }
}
.form__required {
  font-weight: 300;
  font-size: 0.75rem;
  padding: 0.5em;
  background: #eb2626;
  color: #fff;
  width: 50px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}
.form__any {
  font-weight: 300;
  font-size: 0.75rem;
  padding: 0.5em;
  background: #409ee1;
  color: #fff;
  width: 50px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.privacyCheck {
  display: flex;
  margin-left: 23%;
  margin-top: 60px;
}
@media screen and (max-width: 960px) {
  .privacyCheck {
    max-width: 80%;
    width: 100%;
    margin: 40px auto 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .privacyCheck {
    max-width: 100%;
  }
}
.privacyCheck__content {
  display: flex;
  align-items: center;
}
.privacyCheck__text {
  font-size: 0.875rem;
}
.privacyCheck__link {
  border-bottom: 1px solid #1D1D1D;
  margin-left: 2.5em;
}
@media screen and (max-width: 600px) {
  .privacyCheck__link {
    margin-left: 0;
  }
}
.privacyCheck__required {
  font-weight: 300;
  font-size: 0.75rem;
  padding: 0.5em;
  background: #eb2626;
  color: #fff;
  width: 50px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.form input[type=text], [type=email] {
  padding: 1em 1em;
  font-size: 1.125rem;
  color: #2f2f2f;
  letter-spacing: 0.2em;
  border: 1px solid #4a4a4a;
  border-radius: 5px;
}
@media screen and (max-width: 600px) {
  .form input[type=text], [type=email] {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    font-size: 1rem;
  }
}

.form input[type=email] {
  width: 500px;
}
@media screen and (max-width: 600px) {
  .form input[type=email] {
    max-width: 100%;
    width: 100%;
  }
}

.form textarea {
  padding: 1em 2em;
  font-size: 1.125rem;
  color: #2f2f2f;
  letter-spacing: 0.2em;
  border: 1px solid #4a4a4a;
  border-radius: 5px;
}
@media screen and (max-width: 600px) {
  .form textarea {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    font-size: 1rem;
    padding: 1em 1em;
  }
}

.form input[type=checkbox] {
  width: 30px;
  height: 30px;
  margin-right: 0.5em;
}

.form span[data-name=acceptance-930] {
  margin-left: calc(26% + 60px);
}
@media screen and (max-width: 960px) {
  .form span[data-name=acceptance-930] {
    margin-left: 0;
  }
}

.form input[type=submit] {
  width: 480px;
  display: block;
  padding: 1em;
  text-align: center;
  letter-spacing: 1em;
  margin-left: calc(26% + 60px);
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  .form input[type=submit] {
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
  }
}

.wpcf7-list-item {
  margin: 0 0 0 0 !important;
}

/*--------page-privacy.php------------*/
.privacy {
  max-width: 100%;
  width: 100%;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .privacy {
    margin: 0px auto 0 auto;
  }
}
.privacy__content {
  max-width: 912px;
  width: 100%;
  margin: 60px auto 0 auto;
}
@media screen and (max-width: 960px) {
  .privacy__content {
    max-width: 92%;
  }
}
.privacy__text {
  line-height: 1.6;
}
.privacy__box {
  margin-top: 70px;
}
@media screen and (max-width: 600px) {
  .privacy__box {
    margin-top: 60px;
  }
}
.privacy__h3 {
  font-size: 1.5rem;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.privacy__contact {
  margin-top: 1rem;
}

/*---------------archive_news.php-------------------*/
.archiveNews__inner {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (max-width: 960px) {
  .archiveNews__inner {
    max-width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .archiveNews__inner {
    max-width: 92%;
    padding: 0 0;
  }
}
.archiveNews__header {
  background: #A7D5CD;
  color: #fff;
  padding: 20px 0;
  text-align: center;
}
.archiveNews__list {
  display: grid;
  grid-template-columns: repeat(2, 370px);
  grid-template-rows: repeat(3, 400px);
  gap: 40px;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  .archiveNews__list {
    grid-template-columns: repeat(1, 400px);
    grid-template-rows: 400px;
  }
}
@media screen and (max-width: 600px) {
  .archiveNews__list {
    grid-template-columns: repeat(1, 100%);
    grid-template-rows: 320px;
  }
}
.archiveNews__link {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 400px;
  background: #FAF8F8;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .archiveNews__link {
    height: 320px;
  }
}
.archiveNews__link:hover {
  opacity: 0.7;
}
.archiveNews__thumbnail img {
  max-width: 350px;
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto 10px auto;
  display: block;
}
@media screen and (max-width: 600px) {
  .archiveNews__thumbnail img {
    height: 180px;
  }
}
.archiveNews__dateCat {
  display: flex;
  align-items: center;
}
.archiveNews__cat {
  font-size: 0.875rem;
  color: #479c7b;
  border: 1px solid #479c7b;
  padding: 5px;
  margin-right: 20px;
}
.archiveNews__date {
  font-size: 0.875rem;
}
.archiveNews__title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 10px;
}

.catArea {
  max-width: 840px;
  width: 100%;
  background: #F1F1F1;
  border-radius: 5px;
  margin: 0 auto 40px auto;
  padding: 20px 20px;
}
@media screen and (max-width: 600px) {
  .catArea {
    margin: 0 auto 20px 0;
    padding: 10px;
  }
}
.catArea__header {
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
.catArea__list {
  display: flex;
  flex-wrap: wrap;
}
.catArea li:nth-of-type(n+2) {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .catArea li:nth-of-type(n+2) {
    margin-left: 0;
  }
}
.catArea li a {
  display: inline-block;
  background: #AFDDD6;
  font-size: 0.875rem;
  padding: 0.5em 1em;
  border-radius: 3px;
  margin-bottom: 10px;
  white-space: normal;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .catArea li a {
    margin-right: 20px;
  }
}
.catArea li a:hover {
  opacity: 0.6;
}

/*---------------archive_example.php-------------------*/
.archiveExamples__inner {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (max-width: 960px) {
  .archiveExamples__inner {
    max-width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .archiveExamples__inner {
    max-width: 92%;
    padding: 0 0;
  }
}
.archiveExamples__list {
  display: grid;
  grid-template-columns: repeat(2, 400px);
  grid-template-rows: repeat(3, 480px);
  gap: 40px;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  .archiveExamples__list {
    grid-template-columns: repeat(1, 400px);
  }
}
@media screen and (max-width: 600px) {
  .archiveExamples__list {
    grid-template-columns: repeat(1, 100%);
  }
}
.archiveExamples__item {
  border: 1px solid #479c7b;
  border-radius: 5px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 20px;
}
@media screen and (max-width: 600px) {
  .archiveExamples__item {
    padding: 14px;
  }
}
.archiveExamples__item:hover {
  opacity: 0.7;
}
.archiveExamples__img {
  width: 96px;
  height: 96px;
  margin: 0 auto 10px auto;
}
.archiveExamples__catArea {
  text-align: center;
}
.archiveExamples__cat {
  display: inline-block;
  background: #AFDDD6;
  font-size: 0.8125rem;
  padding: 0.5em 1em;
  border-radius: 3px;
  margin-bottom: 7px;
}
.archiveExamples__title {
  font-size: 1.375rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #2077ad;
}
@media screen and (max-width: 600px) {
  .archiveExamples__title {
    font-size: 1.25rem;
    margin-bottom: 14px;
  }
}
.archiveExamples__requesterArea {
  display: flex;
  margin: 10px 0;
}
@media screen and (max-width: 600px) {
  .archiveExamples__requesterArea {
    flex-direction: column;
  }
}
.archiveExamples__requesterHeader {
  font-weight: 700;
  margin-right: 1em;
}
@media screen and (max-width: 600px) {
  .archiveExamples__requesterHeader {
    margin-bottom: 5px;
  }
}
.archiveExamples__backgroundHeader {
  font-weight: 700;
  margin-bottom: 5px;
}
.archiveExamples__backgroundText {
  line-height: 1.5;
}
.archiveExamples__hr {
  border: 1px solid #AFAFAF;
  width: 96%;
  display: block;
  margin: 10px auto;
}
.archiveExamples__timeArea {
  display: flex;
}
.archiveExamples__timeHeader {
  font-weight: 700;
  margin: 0 1em 10px 0;
}
.archiveExamples__feeArea {
  display: flex;
}
.archiveExamples__feeHeader {
  font-weight: 700;
  margin-right: 1em;
}

.exampleCatArea {
  max-width: 840px;
  width: 100%;
  background: #F1F1F1;
  border-radius: 5px;
  margin: 0 auto 40px auto;
  padding: 20px 20px;
}
@media screen and (max-width: 600px) {
  .exampleCatArea {
    margin: 0 auto 20px 0;
    padding: 10px;
  }
}
.exampleCatArea__header {
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
.exampleCatArea__list {
  display: flex;
  flex-wrap: wrap;
}
.exampleCatArea li:nth-of-type(n+2) {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .exampleCatArea li:nth-of-type(n+2) {
    margin-left: 0;
  }
}
.exampleCatArea li a {
  display: inline-block;
  background: #AFDDD6;
  font-size: 0.875rem;
  padding: 0.5em 1em;
  border-radius: 3px;
  margin-bottom: 10px;
  white-space: normal;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 600px) {
  .exampleCatArea li a {
    margin-right: 20px;
  }
}
.exampleCatArea li a:hover {
  opacity: 0.6;
}

/*---------------taxonomy_example_cat.php-------------------*/
.taxonomyHeader {
  background-image: url(../img/page_header_green.jpg);
  background-repeat: no-repeat;
  background-position: bottom 0 left 0px;
  background-size: 100vw 200px;
  width: 100vw;
  height: 160px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .taxonomyHeader {
    height: 120px;
  }
}
.taxonomyHeader__header {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  padding-top: 40px;
}
@media screen and (max-width: 600px) {
  .taxonomyHeader__header {
    font-size: 1.5rem;
    padding-top: 30px;
  }
}

.currentCategory {
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}

/*---------------single_news.php-------------------*/
.singleNews__inner {
  max-width: 912px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
.singleNews__article {
  max-width: 100%;
  width: 100%;
  height: auto;
  background: #ffffff;
  padding: 40px;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
}
@media screen and (max-width: 600px) {
  .singleNews__article {
    padding: 20px;
  }
}
.singleNews__dateCat {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.singleNews__cat {
  font-size: 0.875rem;
  color: #479c7b;
  border: 1px solid #479c7b;
  padding: 5px;
  margin-right: 20px;
}
.singleNews__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .singleNews__title {
    font-size: 1.25rem;
  }
}
.singleNews__link {
  display: flex;
  align-items: center;
  width: 250px;
  height: 56px;
  background: #479c7b;
  border-radius: 10px;
  color: #fff;
  padding: 0 20px;
  margin: 40px auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.singleNews__link:hover {
  opacity: 0.7;
}
.singleNews__linkText {
  line-height: 1;
  margin-right: 70px;
  letter-spacing: 0.1em;
}
.singleNews__linkIcon {
  line-height: 1.2;
}
.singleNews__content {
  line-height: 1.6;
  letter-spacing: 0.1em;
}

/*---------------single_examples.php-------------------*/
.singleExample__inner {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (max-width: 960px) {
  .singleExample__inner {
    max-width: 90%;
    padding: 20px 0;
  }
}
@media screen and (max-width: 600px) {
  .singleExample__inner {
    max-width: 92%;
    padding: 0 0;
  }
}
.singleExample__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .singleExample__title {
    font-size: 1.5rem;
  }
}
.singleExample__catArea {
  text-align: center;
}
.singleExample__cat {
  display: inline-block;
  background: #AFDDD6;
  font-size: 1rem;
  padding: 0.5em 1em;
  border-radius: 3px;
  margin: 20px 0 20px 0;
}
.singleExample__img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 150px;
  height: 150px;
  margin: 0 auto 40px auto;
}
.singleExample__requesterArea {
  display: flex;
  margin: 10px 0;
}
@media screen and (max-width: 600px) {
  .singleExample__requesterArea {
    flex-direction: column;
  }
}
.singleExample__requesterHeader {
  font-weight: 700;
  margin-right: 1em;
}
.singleExample__requesterText {
  padding-left: 10px;
  margin-top: 5px;
}
.singleExample__targetArea {
  display: flex;
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  .singleExample__targetArea {
    flex-direction: column;
  }
}
.singleExample__targetHeader {
  font-weight: 700;
  margin-right: 1em;
}
.singleExample__targetText {
  padding-left: 10px;
  margin-top: 5px;
}
.singleExample__backgroundArea {
  margin-top: 30px;
}
.singleExample__backgroundHeader {
  font-weight: 700;
  margin-bottom: 5px;
}
.singleExample__backgroundText {
  line-height: 1.6;
  padding-left: 10px;
}
.singleExample__resultArea {
  margin-top: 30px;
}
.singleExample__resultHeader {
  font-weight: 700;
  margin-bottom: 5px;
}
.singleExample__resultText {
  line-height: 1.6;
  padding-left: 10px;
}
.singleExample__timeArea {
  display: flex;
  margin-top: 30px;
}
.singleExample__timeHeader {
  font-weight: 700;
  margin: 0 1em 0 0;
}
.singleExample__feeArea {
  margin-top: 30px;
}
.singleExample__feeHeader {
  font-weight: 700;
  margin-bottom: 5px;
}
.singleExample__feeText {
  line-height: 1.6;
  padding-left: 10px;
}
.singleExample__othersArea {
  margin-top: 30px;
}
.singleExample__othersHeader {
  font-weight: 700;
  margin-bottom: 5px;
}
.singleExample__othersText {
  line-height: 1.5;
  padding-left: 10px;
}
.singleExample__link {
  display: flex;
  align-items: center;
  width: 280px;
  height: 56px;
  background: #479c7b;
  border-radius: 10px;
  color: #fff;
  padding: 0 20px;
  margin: 60px auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.singleExample__linkText {
  line-height: 1;
  margin-right: 70px;
  letter-spacing: 0.1em;
}
.singleExample__linkIcon {
  line-height: 1.2;
}

/*---------------page_collaboration.php-------------------*/
.collabo__hiroArea {
  background-image: url(../img/hiro/hiro03_bg.jpg);
  background-size: 100vw calc(100vh - 170px);
  background-repeat: no-repeat;
  width: 100vw;
  height: auto;
}
@media screen and (max-width: 960px) {
  .collabo__hiroArea {
    background-size: 100vw calc(100vh - 85px);
  }
}
.collabo__hiro {
  display: block;
  width: 100vw;
  height: calc(100vh - 170px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .collabo__hiro {
    display: none;
  }
}
.collabo__hiroSp {
  display: none;
  margin: 0 auto;
  width: 100vw;
  height: calc(100vh - 85px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 960px) {
  .collabo__hiroSp {
    display: block;
  }
}

.collaboWorries {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (max-width: 1370px) {
  .collaboWorries {
    max-width: 92%;
  }
}
.collaboWorries__header {
  background: #216A9E;
  color: #fff;
  font-size: 1.5rem;
  width: 880px;
  margin: 0 auto 40px auto;
  text-align: center;
  padding: 16px 0;
}
@media screen and (max-width: 960px) {
  .collaboWorries__header {
    display: none;
  }
}
.collaboWorries__headerSp {
  display: none;
  background: #216A9E;
  color: #fff;
  font-size: 1.5rem;
  width: 80%;
  margin: 0 auto 20px auto;
  text-align: center;
  padding: 16px 0;
}
@media screen and (max-width: 960px) {
  .collaboWorries__headerSp {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .collaboWorries__headerSp {
    width: 100%;
    font-size: 1.25rem;
  }
}
.collaboWorries__h3 {
  color: #043773;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  .collaboWorries__h3 {
    font-size: 1.125rem;
  }
}
.collaboWorries__fs {
  font-size: 2.25rem;
  font-weight: 700;
  position: relative;
}
.collaboWorries__fs::after {
  content: "";
  width: 100%;
  height: 40%;
  background: #FFF5A1;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.collaboWorries__text {
  line-height: 1.6;
  margin-top: 10px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  .collaboWorries__text {
    letter-spacing: normal;
  }
}
.collaboWorries__gray {
  background: #E1E1E1;
  margin: 40px 0 0 0;
  padding: 40px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .collaboWorries__gray {
    padding: 10px;
  }
}
.collaboWorries__headerImg {
  display: block;
  margin: 0 auto 40px auto;
  max-width: 467px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .collaboWorries__headerImg {
    margin: 0 auto 20px auto;
  }
}
.collaboWorries__grayContent {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .collaboWorries__grayContent {
    flex-direction: column;
  }
}
.collaboWorries__item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.collaboWorries__itemText {
  margin: 5px 0 0 10px;
  font-weight: 700;
}
.collaboWorries__woman {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 180px;
  width: 100%;
  height: auto;
  margin-left: 40px;
}
@media screen and (max-width: 600px) {
  .collaboWorries__woman {
    margin-left: 0;
    max-width: 110px;
  }
}
.collaboWorries__arrow {
  display: block;
  max-width: 1002px;
  height: auto;
  margin: 0 auto;
  transform: translateY(-1px);
}
@media screen and (max-width: 1370px) {
  .collaboWorries__arrow {
    max-width: 80%;
  }
}
.collaboWorries__supply {
  border: 1px solid #216A9E;
  font-size: 1.75rem;
  color: #043773;
  font-weight: 700;
  padding: 20px 30px;
  line-height: 1.6;
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .collaboWorries__supply {
    font-size: 1.125rem;
    padding: 10px 10px;
  }
}

.collaboReason {
  background-image: url(../img/collabo/reason_bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.collaboReason__inner {
  padding-top: 130px;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .collaboReason__inner {
    padding-top: 60px;
  }
}
.collaboReason__header {
  display: flex;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .collaboReason__header {
    max-width: 90%;
    width: 100%;
    margin-bottom: 20px;
  }
}
.collaboReason__list {
  background: #FFFEF6;
}
@media screen and (max-width: 600px) {
  .collaboReason__list {
    max-width: 92%;
    width: 100%;
    margin: 0 auto;
  }
}
.collaboReason__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .collaboReason__item {
    flex-direction: column;
  }
}
.collaboReason__item:nth-of-type(n+2) {
  margin-top: 40px;
}
.collaboReason__textArea {
  display: flex;
  align-items: flex-start;
  font-size: 1.5rem;
  font-weight: 700;
  max-width: 56%;
  width: 100%;
  line-height: 1.6;
}
@media screen and (max-width: 600px) {
  .collaboReason__textArea {
    font-size: 1.125rem;
    max-width: 92%;
  }
}
.collaboReason__num {
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 600px) {
  .collaboReason__num {
    width: 36px;
    height: 36px;
  }
}
.collaboReason__orenge {
  color: #eba15b;
}
.collaboReason__text {
  font-size: 1.125rem;
}
.collaboReason__img01 {
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 200px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 600px) {
  .collaboReason__img01 {
    max-width: 140px;
    margin-top: 20px;
  }
}
.collaboReason__img {
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 160px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 600px) {
  .collaboReason__img {
    max-width: 120px;
    margin-top: 20px;
  }
}
.collaboReason__mr {
  margin-right: 40px;
}
@media screen and (max-width: 600px) {
  .collaboReason__mr {
    margin-right: 0;
  }
}
.collaboReason__order01 {
  order: 1;
}
.collaboReason__order02 {
  order: 2;
}

.collaboPromise {
  background: #D9E6EE;
  margin-bottom: 120px;
  margin-top: 90px;
}
.collaboPromise__inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (max-width: 1370px) {
  .collaboPromise__inner {
    max-width: 92%;
  }
}
.collaboPromise__img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 854px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .collaboPromise__img {
    display: none;
  }
}
.collaboPromise__imgSp {
  display: none;
  max-width: 92%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .collaboPromise__imgSp {
    display: block;
  }
}
.collaboPromise__box:nth-of-type(n+2) {
  margin-top: 40px;
}
.collaboPromise__boxHeaderArea {
  display: flex;
  align-items: center;
  color: #216A9E;
  border: 1px solid #216A9E;
  background: #fff;
  padding: 5px 20px;
}
.collaboPromise__num {
  font-family: "Noto Serif Kannada", serif;
  font-weight: 700;
  font-size: 1.75rem;
  padding-top: 12px;
  margin-right: 10px;
}
.collaboPromise__boxHeader {
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .collaboPromise__boxHeader {
    font-size: 1.25rem;
  }
}
.collaboPromise__list {
  background: #216A9E;
  color: #fff;
  padding: 20px;
}
.collaboPromise__item:nth-of-type(n+2) {
  margin-top: 10px;
  letter-spacing: 0.05em;
}
/*# sourceMappingURL=style.css.map */