/*
	Theme Name: lit-mahalo
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/*
* 新着記事一覧ショートコード用
*/
.kyoten-bgc{
	background-color:#ffe4c4;
	padding:10px;
	margin-bottom: 30px;
	border-radius: 10px;
}

.news-list .news-list-inner {
 padding: 20px 5px;
 border: 2px solid #f5f5f5;
}
.archive .news-list .news-list-inner {
 background: #fff;
 padding: 20px;
}
.news-list ul {
 list-style: none;
 margin: 0 0 20px;
}
.news-list li {
 padding: 10px;
 border-bottom: 1px solid #ddd;
}
.news-list a {
 color: #333;
 text-decoration-line: none;
}
.news-list a:hover {
 opacity: 0.6;
}
.news-list a.wp-block-button__link {
 color: #fff;
}
.news-list a.wp-block-button__link:hover {
 color: #F87474;
}
.news-list .news_date {
 margin: 0;
 font-size: 14px;
}
.news-list .news_title {
 margin: 0;
 font-size: 18px;
 line-height: 30px;
 padding-top: 10px;
 padding-bottom: 10px;
}
/*ここまで*/


article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
template, [hidden] {
  display: none
}
*, ::before, ::after {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  font-family: sans-serif;
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
hr {
  height: 0;
  overflow: visible
}
nav ol, nav ul {
  list-style: none
}
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}
b, strong {
  font-weight: inherit
}
b, strong {
  font-weight: bolder
}
dfn {
  font-style: italic
}
mark {
  background-color: #ffff00;
  color: #000000
}
progress {
  vertical-align: baseline
}
small {
  font-size: 83.3333%
}
sub, sup {
  font-size: 83.3333%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
::-moz-selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none
}
::selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none
}
audio, canvas, iframe, img, svg, video {
  vertical-align: middle
}
img {
  border-style: none
}
svg {
  fill: currentColor
}
svg:not(:root) {
  overflow: hidden
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
a:hover {
  outline-width: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
  font-size: 1em;
  margin: 0
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}
::-moz-focus-inner {
  border-style: none;
  padding: 0
}
:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
textarea {
  overflow: auto;
  resize: vertical
}
[type="checkbox"], [type="radio"] {
  padding: 0
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
::-webkit-search-cancel-button, ::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
[aria-busy="true"] {
  cursor: progress
}
[aria-controls] {
  cursor: pointer
}
[aria-disabled] {
  cursor: default
}
a, area, button, input, label, select, textarea, [tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}
[hidden][aria-hidden="false"] {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute
}
[hidden][aria-hidden="false"]:focus {
  clip: auto
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}
a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
html {
  line-height: 1;
  font-size: 1.21951vw;
  font-family: "Yu Gothic", YuGothic, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  line-break: strict;
  overflow-wrap: break-word;
  scroll-behavior: smooth
}
@media (max-width: 767px) {
  html {
    font-size: 4.268vw
  }
}
@media (min-width: 1312px) {
  html {
    font-size: 16px
  }
}
body {
  color: #000;
  position: relative;
  font-weight: 400;
  font-style: normal;
  background: url("img/bg-main.png");
  overflow-x: hidden
}
@media (max-width: 767px) {
  body {
    width: 100%;
    min-width: initial;
    min-width: auto
  }
}
body.fixed {
  height: 100%;
  overflow: hidden
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
table td {
  border: none
}
a {
  color: #000;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s
}
a:hover {
  text-decoration: underline
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
a img:hover {
  opacity: 0.7;
  -webkit-transition: .3s;
  transition: .3s
}
strong {
  font-weight: bold
}
p {
  line-height: 1.8
}
h1, h2, h3 {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700
}
@media (max-width: 767px) {
  .only-pc {
    display: none
  }
}
.only-sp {
  display: none
}
@media (max-width: 767px) {
  .only-sp {
    display: block
  }
}
.container {
  width: 81.25rem;
  padding: 0 1.25rem;
  margin: 0 auto
}
@media (max-width: 767px) {
  .container {
    width: 100%
  }
}
.l-container {
  width: 74.375rem;
  padding: 0 1.25rem;
  margin: 0 auto
}
@media (max-width: 767px) {
  .l-container {
    width: 100%
  }
}
.m-container {
  width: 71.25rem;
  padding: 0 1.25rem;
  margin: 0 auto
}
@media (max-width: 767px) {
  .m-container {
    width: 100%
  }
}
.s-container {
  width: 62.5rem;
  padding: 0 1.25rem;
  margin: 0 auto
}
@media (max-width: 767px) {
  .s-container {
    width: 100%
  }
}
.p-container {
  width: 67.5rem;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .p-container {
    width: 100%;
  }
}
.parts-img {
  padding: .625rem;
  border-radius: .625rem
}
.parts-img img {
  border-radius: .5rem
}
.parts-img iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: .5rem
}
.parts-img.is-pink {
  background: #F6C3BD
}
.parts-img.is-green {
  background: #79BFBD
}
.parts-img.is-upper {
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg)
}
.parts-img.is-down {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg)
}
.pager {
  margin-top: 3.75rem
}
@media (max-width: 767px) {
  .pager {
    margin-top: 1.25rem
  }
}
.pager, .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 1.625rem;
  font-weight: 700
}
@media (max-width: 767px) {
  .pager, .wp-pagenavi {
    font-size: 1.5rem
  }
}
.pager a, .wp-pagenavi a {
  width: 2.8125rem;
  height: 2.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 767px) {
  .pager a, .wp-pagenavi a {
    width: 2.5rem;
    height: 2.5rem
  }
}
.pager a:hover, .wp-pagenavi a:hover {
  text-decoration: none;
  color: #FFB659
}
.pager span, .wp-pagenavi span {
  width: 2.8125rem;
  height: 2.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #FFB659
}
.pagetop {
  text-align: center;
  font-size: 1.625rem;
  font-weight: 700;
  margin-top: 3.75rem;
  font-family: "fot-tsukuardgothic-std", sans-serif
}
@media (max-width: 767px) {
  .pagetop {
    font-size: 1.5rem
  }
}
.pagetop a:hover {
  text-decoration: none;
  color: #FFB659
}
.navToggle {
  display: none;
  margin: auto;
  width: 2.875rem;
  height: 2.875rem;
  position: fixed;
  top: 1.5625rem;
  right: 1.25rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 100000;
  text-align: center;
  background: #FEDDE6;
  border-radius: 50%
}
@media (max-width: 767px) {
  .navToggle {
    display: block
  }
}
.navToggle span {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  width: 1.25rem;
  height: 3px;
  background: #000;
  -webkit-transition: .35s ease-in-out;
  transition: .35s ease-in-out
}
.navToggle span:nth-child(1) {
  top: 1.125rem
}
.navToggle span:nth-child(2) {
  top: 1.625rem
}
.navToggle.active span:nth-child(1) {
  top: 1.375rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.navToggle.active span:nth-child(2) {
  top: 1.375rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.btn-full {
  width: 100%
}
.btn-long {
  width: 25.9375rem
}
@media (max-width: 767px) {
  .btn-long {
    width: 100%
  }
}
.btn-pink {
  width: 100%;
  height: 6.25rem;
  border-radius: 3.125rem;
  background: #F6C3BD;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 3.125rem;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer
}
@media (max-width: 767px) {
  .btn-pink {
    height: 5.3125rem;
    font-size: .875rem;
    line-height: 1.4;
    padding-left: 2.1875rem
  }
}
.btn-pink:after {
  content: '';
  background: url("img/arrow-c-bk.svg");
  width: 1.5625rem;
  height: 1.5625rem;
  background-size: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.125rem;
  margin: auto;
  -webkit-transition: .3s;
  transition: .3s
}
@media (max-width: 767px) {
  .btn-pink:after {
    width: 1.3125rem;
    height: 1.3125rem
  }
}
.btn-pink:hover {
  text-decoration: none;
  background: #FFB659
}
.btn-pink:hover:after {
  right: 2.8125rem
}
.btn-pink.is-noArrow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0
}
.btn-pink.is-noArrow:after {
  display: none
}
.btn-gray {
  width: 100%;
  height: 6.25rem;
  border-radius: 3.125rem;
  background: #ccc;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer
}
.btn-gray:hover {
  text-decoration: none;
  background: #999;
  color: #fff
}
.btn-gray:hover:after {
  right: 2.8125rem
}
.commonHeader {
  padding: 0 3.125rem 0 3.125rem;
  position: sticky;
  width: 100%;
  top: 0;
  height: 6.25rem;
  z-index: 1000;
  background: url("img/bg-main.png")
}
@media (max-width: 767px) {
  .commonHeader {
    position: static
  }
}
.commonHeader .commonHeader__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}
.commonHeader h1 {
  width: 7.9375rem;
  position: absolute;
  top: 1.5625rem;
  left: 3.125rem
}
@media (max-width: 767px) {
  .commonHeader h1 {
    width: 4.1875rem;
    left: 1.25rem
  }
}
.nav-global {
  font-size: 1.1875rem;
  font-weight: 700;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  margin: 0 15.625rem 0 auto
}
@media (max-width: 767px) {
  .nav-global {
    display: none;
    opacity: 0
  }
  .nav-global.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    z-index: 10000;
    opacity: 1;
    -webkit-animation: fade-in 0.3s ease-in 0s forwards;
    animation: fade-in 0.3s ease-in 0s forwards
  }
}
.nav-global .nav-logo {
  display: none;
  position: absolute;
  width: 4.1875rem;
  left: 1.25rem;
  top: 1.5625rem
}
@media (max-width: 767px) {
  .nav-global .nav-logo {
    z-index: 10010;
    display: block
  }
}
.nav-global .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 767px) {
  .nav-global .nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 3.75rem;
    padding-top: 8.75rem
  }
}
.nav-global .nav-list > li {
  margin: 0 1.25rem
}
@media (max-width: 767px) {
  .nav-global .nav-list > li {
    margin: 0 0 1.875rem 0
  }
}
.nav-global .nav-list > li.is-headContact {
  width: 14.6875rem;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-headContact {
    width: 100%;
    margin-top: 1.875rem;
    position: static
  }
}
.nav-global .nav-list > li.is-headContact a {
  background: #F6C3BD;
  width: 100%;
  height: 7.5rem;
  border-radius: 0 0 0 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.nav-global .nav-list > li.is-headContact a:hover{
  background: #FFB659;
  color: #000;
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-headContact a {
    height: 5.9375rem;
    background: #FFDDE6;
    border-radius: 1.875rem
  }
}
.nav-global .nav-list > li.is-headContact a i {
  margin-right: .5rem;
}
.nav-global .nav-list > li.is-parent {
  position: relative
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-parent > span {
    display: none
  }
}
.nav-global .nav-list > li.is-parent > a {
  display: none
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-parent > a {
    display: block
  }
}
.nav-global .nav-list > li.is-parent .is-nest {
  width: 29.6875rem;
  padding-top: .9375rem;
  display: none;
  position: absolute;
  margin-left: -14.6875rem
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-parent .is-nest {
    display: block;
    margin-left: 0;
    position: static
  }
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list {
  background: #fff;
  width: 100%;
  padding: 2.1875rem;
  border-radius: 1.625rem;
  -webkit-box-shadow: 0px 0px 10px -5px #777777;
  box-shadow: 0px 0px 10px -5px #777777
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-parent .is-nest .nest-list {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
  }
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list li {
  font-size: 1.125rem
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list li:not(:last-child) {
  margin-bottom: 2.5rem
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-parent .is-nest .nest-list li:not(:last-child) {
    margin-bottom: 1.25rem
  }
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-parent .is-nest .nest-list li:first-child {
    display: none
  }
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list .list-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list .list-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list .list-text small {
  width: 100%;
  font-size: .75rem;
  display: block;
  margin-bottom: .625rem
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list .list-text:before {
  content: '';
  background: url("img/arrow-c-bk.svg");
  width: 1.5625rem;
  height: 1.5625rem;
  background-size: 100%;
  margin-right: .625rem
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list figure {
  width: 8.4375rem;
  margin-left: 1.25rem
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-parent .is-nest .nest-list figure {
    display: none
  }
}
.nav-global .nav-list > li.is-parent .is-nest .nest-list figure img {
  border-radius: 1.25rem
}
.nav-global .nav-list > li.is-spnav {
  display: none
}
@media (max-width: 767px) {
  .nav-global .nav-list > li.is-spnav {
    display: block
  }
}
.nav-global .nav-list a:hover {
  text-decoration: none;
  color: #FFB659
}
.commonPageHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
  position: relative
}
.addPageHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
  position: relative
}
@media (max-width: 767px) {
  .commonPageHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.5rem
  }
}
@media (max-width: 767px) {
  .addPageHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.5rem
  }
}
.commonPageHeader .header-text {
  width: 25rem;
  margin: 0 0 0 auto;
  padding: 0 2.8125rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.addPageHeader .header-text {
  width: 25rem;
  margin: 0 0 0 auto;
  padding: 0 2.8125rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 767px) {
  .commonPageHeader .header-text {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
@media (max-width: 767px) {
  .addPageHeader .header-text {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
.commonPageHeader .header-image {
  width: 67.5%
}
.addPageHeader .header-image {
  width: 67.5%
}
@media (max-width: 767px) {
  .commonPageHeader .header-image {
    width: calc(100% - 1.25rem);
    margin: 0 0 2.5rem auto
  }
}
@media (max-width: 767px) {
  .addPageHeader .header-image {
    width: calc(100% - 1.25rem);
    margin: 0 0 2.5rem auto
  }
}
.commonPageHeader .header-image img {
  width: 100%;
  height: 24.6875rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.25rem 0 0 1.25rem
}
.addPageHeader .header-image img {
  width: 100%;
  height: 24.6875rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.25rem 0 0 1.25rem
}
@media (max-width: 767px) {
  .commonPageHeader .header-image img {
    height: 9.375rem
  }
}
@media (max-width: 767px) {
  .addPageHeader .header-image img {
    height: 9.375rem
  }
}
.commonPageHeader h1 {
  font-size: 2.25rem;
  line-height: 1.3;
  font-family: "Zen Maru Gothic", sans-serif
}
.addPageHeader h1 {
  font-size: 2.25rem;
  line-height: 1.3;
  font-family: "Zen Maru Gothic", sans-serif
}
.commonPageHeader h1 label {
  display: block;
  font-size: 1.375rem;
  position: relative;
  margin-bottom: 2.8125rem
}
.addPageHeader h1 label {
  display: block;
  font-size: 1.375rem;
  position: relative;
  margin-bottom: 2.8125rem
}
.commonPageHeader h1 label:after {
  content: '';
  width: 2px;
  height: 1.25rem;
  background: #707070;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 2.625rem;
  margin: auto
}
.addPageHeader h1 label:after {
  content: '';
  width: 2px;
  height: 1.25rem;
  background: #707070;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 2.625rem;
  margin: auto
}
.commonPageHeader:after {
  content: '';
  background: url("img/illust-cloud-orange02.png") no-repeat;
  width: 18.75rem;
  height: 10.9375rem;
  background-size: cover;
  display: block;
  position: absolute;
  bottom: -6.875rem;
  right: 0
}
.addPageHeader:after {
  content: '';
  width: 18.75rem;
  height: 10.9375rem;
  background-size: cover;
  display: block;
  position: absolute;
  bottom: -6.875rem;
  right: 0
}
@media (max-width: 767px) {
  .commonPageHeader:after {
    width: 45%;
    height: auto;
    aspect-ratio: 2 / 1;
    bottom: auto;
    top: 6.25rem
  }
}
@media (max-width: 767px) {
  .addPageHeader:after {
    width: 45%;
    height: auto;
    aspect-ratio: 2 / 1;
    bottom: auto;
    top: 6.25rem
  }
}
.bread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem;
  margin-bottom: 1.25rem
}
.bread li:not(:last-child):after {
  content: '＞';
  margin: 0 .7em
}
.commonFooter {
  background: url("img/footer-illustBk-pc.png"), url("img/bg-footer.gif");
  background-size: 75%, auto;
  background-repeat: no-repeat, repeat;
  background-position: left 5% top 3.125rem;
  border-radius: 6.25rem 6.25rem 0 0;
  padding: 6.25rem 0;
  position: relative
}
@media (max-width: 767px) {
  .commonFooter {
    background: url("img/footer-illustBk-sp.png"), url("img/bg-footer.gif");
    background-size: 120%, auto;
    background-repeat: no-repeat, repeat;
    background-position: top 3.125rem center;
    border-radius: 3.125rem 3.125rem 0 0
  }
}
.commonFooter .nav-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
@media (max-width: 767px) {
  .commonFooter .nav-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.commonFooter .nav-footer .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 40.625rem;
  font-weight: 700;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-size: 1.25rem;
  margin: 1.5625rem -.625rem 0 -.625rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media (max-width: 767px) {
  .commonFooter .nav-footer .nav-list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.5625rem auto 0 auto;
    padding-left: 3.75rem
  }
}
.commonFooter .nav-footer .nav-list li {
  width: calc(100% / 4);
  margin: 0 0 3.125rem 0;
  padding: 0 .625rem
}
@media (max-width: 767px) {
  .commonFooter .nav-footer .nav-list li {
    width: 100%;
    margin-bottom: 2.8125rem;
    padding: 0
  }
}
.commonFooter .nav-footer .nav-sub {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .9375rem;
  font-weight: 400;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 1.5625rem
}
@media (max-width: 767px) {
  .commonFooter .nav-footer .nav-sub {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 3.75rem;
    padding-top: 0
  }
  .commonFooter .nav-footer .nav-sub li {
    margin-bottom: 2.8125rem
  }
}
.commonFooter a:hover {
  text-decoration: none;
  color: #FFB659
}
.commonFooter .footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3.125rem
}
@media (max-width: 767px) {
  .commonFooter .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.commonFooter .footer-bottom .footer-address {
  font-size: .9375rem
}
.commonFooter .footer-bottom .footer-address h3 {
  margin-bottom: .9375rem;
  font-family: "Yu Gothic", YuGothic, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 400
}
.commonFooter .footer-bottom .footer-address address {
  line-height: 1.8
}
.commonFooter .footer-bottom .footer-logo {
  width: 10.5rem
}
@media (max-width: 767px) {
  .commonFooter .footer-bottom .footer-logo {
    margin: 3.75rem auto 0 auto
  }
}
.commonFooter .footer-bk {
  width: 75%;
  max-height: 37.1875rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  position: absolute;
  bottom: 0;
  left: 2.9%
}
.copy {
  text-align: center;
  font-size: .625rem
}
.top .topHeader {
  margin-bottom: 3.75rem
}
@media (max-width: 767px) {
  .top .topHeader {
    margin-bottom: 3.125rem
  }
}
.top .topHeader .topHeader__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 767px) {
  .top .topHeader .topHeader__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 10
  }
}
.top .topHeader .topHeader__inner h1 {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  line-height: 1.4;
  font-size: 3.375rem;
  padding-right: 2.8125rem
}
@media (max-width: 767px) {
  .top .topHeader .topHeader__inner h1 {
    font-size: 2.3125rem;
    padding-right: 0;
    position: relative;
    z-index: 10;
    margin-bottom: 1.875rem
  }
}
.top .topHeader .topHeader__inner h1 small {
  display: block;
  line-height: 1.3;
  margin-bottom: 1.5625rem;
  font-size: 1.375rem
}
@media (max-width: 767px) {
  .top .topHeader .topHeader__inner h1 small {
    font-size: 1.125rem
  }
}
.top .topHeader .topHeader__inner .topHeader-text {
  width: 26.875rem;
  margin: 0 0 0 auto
}
@media (max-width: 767px) {
  .top .topHeader .topHeader__inner .topHeader-text {
    width: 15rem;
    margin: 0 auto
  }
}
.top .topHeader .topHeader__inner figure {
  width: 66%;
  position: relative
}
@media (max-width: 767px) {
  .top .topHeader .topHeader__inner figure {
    width: calc(100% - 1.25rem);
    margin: 0 0 0 auto;
    position: static
  }
}
.top .topHeader .topHeader__inner figure:before {
  content: '';
  background: url("img/illust-cloud-orange.png") no-repeat;
  width: 16.4375rem;
  height: 7.0625rem;
  background-size: cover;
  display: block;
  position: absolute;
  top: 2.5rem;
  left: -9.375rem
}
@media (max-width: 767px) {
  .top .topHeader .topHeader__inner figure:before {
    width: 8.125rem;
    height: 4.375rem;
    left: auto;
    right: 0;
    top: 0
  }
}
.top .topHeader .topHeader__inner figure img {
  position: relative;
  z-index: 10
}
@media (max-width: 767px) {
  .top .topHeader .topHeader__inner figure img {
    z-index: 1
  }
}
.top .topIntro {
  padding: 6.25rem 0 15.625rem 0;
  position: relative
}
@media (max-width: 767px) {
  .top .topIntro {
    padding: 0 0 17.1875rem 0
  }
}
.top .topIntro .topIntro__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 767px) {
  .top .topIntro .topIntro__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.top .topIntro .topIntro-image {
  width: 32.8125rem;
  position: relative;
  margin-right: 3.4375rem;
  padding-left: 1.25rem
}
@media (max-width: 767px) {
  .top .topIntro .topIntro-image {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .top .topIntro .topIntro-image .parts-img {
    margin-left: -6.25rem
  }
}
.top .topIntro .topIntro-image .topIntro-illust {
  width: 11.625rem;
  height: 15.25rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: -12.5rem;
  margin: auto
}
@media (max-width: 767px) {
  .top .topIntro .topIntro-image .topIntro-illust {
    width: 10rem;
    height: 13rem;
    bottom: -8.75rem
  }
}
.top .topIntro .topIntro-text {
  width: 35.9375rem
}
@media (max-width: 767px) {
  .top .topIntro .topIntro-text {
    width: 100%;
    margin-bottom: 3.75rem
  }
}
.top .topIntro h2 {
  font-size: 2.8125rem;
  line-height: 1.4;
  margin-bottom: 1.875rem
}
@media (max-width: 767px) {
  .top .topIntro h2 {
    font-size: 1.75rem
  }
}
.top .topIntro p {
  margin-bottom: 1.875rem
}
.top .topIntro .btn-short {
  width: 15.3125rem
}
@media (max-width: 767px) {
  .top .topIntro .btn-short {
    width: 12.8125rem;
    margin: 0 auto
  }
}
.top .topIntro:before {
  content: '';
  width: 30%;
  height: auto;
  background: url("img/illust-cloud-green.png") no-repeat right center;
  background-size: cover;
  display: block;
  aspect-ratio: 2.5 / 1;
  position: absolute;
  top: -5.3125rem
}
@media (max-width: 767px) {
  .top .topIntro:before {
    width: 33%;
    aspect-ratio: 1.2 / 1;
    top: -20rem
  }
}
.top .topIntro:after {
  content: '';
  width: 23%;
  background: url("img/illust-cloud-orange02.png") no-repeat left center;
  background-size: cover;
  display: block;
  aspect-ratio: 2 / 1;
  position: absolute;
  bottom: 5.3125rem;
  right: 0
}
@media (max-width: 767px) {
  .top .topIntro:after {
    width: 50%;
    bottom: 1.875rem
  }
}
.top .topService {
  position: relative
}
.top .topService .topService__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 767px) {
  .top .topService .topService__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.top .topService h2 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 2.8125rem;
  letter-spacing: .9375rem;
  margin: 0 auto 0 0
}
@media (max-width: 767px) {
  .top .topService h2 {
    width: 100%;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    font-size: 2.5rem;
    margin: 0 0 4.0625rem 0;
    letter-spacing: normal
  }
}
.top .topService h2 label {
  display: block;
  font-size: 1.75rem;
  letter-spacing: normal;
  margin-left: .9375rem
}
@media (max-width: 767px) {
  .top .topService h2 label {
    margin-left: 0;
    margin-bottom: .9375rem
  }
}
.top .topService .topService__contents {
  width: calc(100% - 10rem)
}
@media (max-width: 767px) {
  .top .topService .topService__contents {
    width: 100%
  }
}
.top .topService .topService-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9.375rem
}
@media (max-width: 767px) {
  .top .topService .topService-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 4.375rem
  }
}
.top .topService .topService-block h3 {
  font-size: 2.5rem;
  margin-bottom: 1.25rem
}
@media (max-width: 767px) {
  .top .topService .topService-block h3 {
    font-size: 1.75rem;
    margin-bottom: 1.875rem
  }
}
.top .topService .topService-block h3 small {
  display: block;
  font-size: 1.75rem;
  margin-bottom: 1.25rem
}
@media (max-width: 767px) {
  .top .topService .topService-block h3 small {
    font-size: 1.25rem
  }
}
.top .topService .topService-block .service-text {
  width: 30.625rem
}
@media (max-width: 767px) {
  .top .topService .topService-block .service-text {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
.top .topService .topService-block .service-image {
  width: 27.1875rem;
  position: relative
}
@media (max-width: 767px) {
  .top .topService .topService-block .service-image {
    width: 100%;
    margin-right: -1.25rem;
    margin-bottom: 7.5rem
  }
}
@media (max-width: 767px) {
  .top .topService .topService-block .service-image.is-illust {
    margin-right: -2.5rem
  }
}
.top .topService .topService-block .service-image.is-illust:after {
  content: '';
  background: url("img/illust-human02.png") no-repeat;
  background-size: cover;
  width: 16.625rem;
  height: 9.8125rem;
  display: block;
  position: absolute;
  right: 0;
  margin: auto;
  bottom: .625rem
}
@media (max-width: 767px) {
  .top .topService .topService-block .service-image.is-illust:after {
    width: 13.5rem;
    height: 13.5625rem;
    background-size: 100%;
    bottom: -10.625rem;
    right: auto;
    left: 15%
  }
}
.top .topService .topService-block p {
  margin-bottom: 1.875rem
}
.top .topService:before {
  content: '';
  width: 14%;
  background: url("img/illust-cloud-orange02.png") no-repeat right center;
  background-size: cover;
  display: block;
  aspect-ratio: 1 / .75;
  position: absolute;
  bottom: 11.875rem;
  left: 0
}
@media (max-width: 767px) {
  .top .topService:before {
    width: 40%;
    bottom: 50rem;
    z-index: 10
  }
}
.top .topService:after {
  content: '';
  content: '';
  width: 29%;
  height: auto;
  background: url("img/illust-cloud-green.png") no-repeat left center;
  background-size: cover;
  display: block;
  aspect-ratio: 2.5 / 1;
  position: absolute;
  top: 15.625rem;
  right: 0
}
@media (max-width: 767px) {
  .top .topService:after {
    width: 61%;
    height: auto;
    aspect-ratio: 2.2 / 1;
    top: 21.875rem
  }
}
.top .topBlog {
  background: url("img/bg-footer.gif");
  border-radius: 6.25rem 6.25rem 0 0;
  padding: 3.125rem 0 8.125rem 0;
  position: relative
}
@media (max-width: 767px) {
  .top .topBlog {
    border-radius: 3.125rem 3.125rem 0 0
  }
}
.top .topBlog .topBlog__slider {
  padding-top: 3.125rem;
  margin-bottom: 6.25rem;
  background: url("img/bg-blog-pc.png") no-repeat center top;
  background-size: 85%;
  overflow-x: hidden
}
.top .topBlog .topBlog__slider h2 {
  text-align: center;
  font-size: 2.8125rem;
  position: relative;
  margin-bottom: 1.875rem
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider h2 {
    font-size: 2.375rem
  }
}
.top .topBlog .topBlog__slider h2 label {
  display: block;
  margin-bottom: 3.125rem;
  font-size: 1.375rem
}
.top .topBlog .topBlog__slider h2 label:after {
  content: '';
  width: 2px;
  height: 1.25rem;
  background: #000;
  position: absolute;
  top: 2.1875rem;
  left: 0;
  right: 0;
  margin: auto;
  display: block
}
.top .topBlog .topBlog__slider h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 3.125rem
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider h3 {
    font-size: 1.875rem
  }
}
.top .topBlog .topBlog__slider .blog-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.5625rem 3.125rem -1.5625rem;
  position: relative
}
.top .topBlog .topBlog__slider .blog-slider li {
  width: calc(100% / 4 - 3.125rem);
  padding: 0 1.5625rem
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .blog-slider li {
    width: 14.375rem;
    padding: 0 .9375rem
  }
}
.top .topBlog .topBlog__slider .blog-slider li a {
  padding: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  border-radius: 2.625rem
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .blog-slider li a {
    padding: .9375rem
  }
}
.top .topBlog .topBlog__slider .blog-slider li a:hover {
  text-decoration: none
}
.top .topBlog .topBlog__slider .blog-slider li .item-image {
  margin-bottom: 1.5625rem;
  text-align: center;
  width: 100%;
  height: auto;
  overflow: hidden
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .blog-slider li .item-image {
    margin-bottom: .9375rem
  }
}
.top .topBlog .topBlog__slider .blog-slider li .item-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 1.3125rem;
  -o-object-fit: cover;
  object-fit: cover
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .blog-slider li .item-image img {
    aspect-ratio: 4 / 3
  }
}
.top .topBlog .topBlog__slider .blog-slider li .item-text time {
  font-size: .75rem
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .blog-slider li .item-text time {
    font-size: .625rem
  }
}
.top .topBlog .topBlog__slider .blog-slider li .item-text h3 {
  margin: .9375rem 0;
  font-size: 1.1875rem;
  text-align: left
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .blog-slider li .item-text h3 {
    font-size: .75rem;
    margin: .625rem 0
  }
}
.top .topBlog .topBlog__slider .blog-slider li .item-text p {
  font-size: .75rem
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .blog-slider li .item-text p {
    font-size: .625rem
  }
}
.top .topBlog .topBlog__slider .blog-slider .slide-arrow {
  position: absolute;
  width: 4.8125rem;
  height: 4.8125rem;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 20
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .blog-slider .slide-arrow {
    width: 3.25rem;
    height: 3.25rem
  }
}
.top .topBlog .topBlog__slider .blog-slider .slide-arrow.prev-arrow {
  left: 12.5%
}
.top .topBlog .topBlog__slider .blog-slider .slide-arrow.next-arrow {
  right: 12.5%;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.top .topBlog .topBlog__slider .btn-short {
  width: 15.3125rem;
  margin: 0 auto
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__slider .btn-short {
    width: 12.8125rem
  }
}
.top .topBlog .topBlog__news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.top .topBlog .topBlog__news h2 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 2.8125rem;
  letter-spacing: .9375rem;
  margin-right: 3.125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__news h2 {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    font-size: 2.5rem;
    letter-spacing: normal;
    margin-bottom: 1.875rem
  }
}
.top .topBlog .topBlog__news h2 label {
  display: block;
  font-size: 1.75rem;
  letter-spacing: normal;
  margin-left: .9375rem
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__news h2 label {
    margin-left: 0;
    margin-bottom: .9375rem
  }
}
.top .topBlog .topBlog__news .news-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-top: 1px solid #000
}
.top .topBlog .topBlog__news .news-body li {
  padding: 1.875rem 0;
  border-bottom: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__news .news-body li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .top .topBlog .topBlog__news .news-body li:after {
    content: '';
    background: url("img/arrow.svg") no-repeat;
    background-size: cover;
    display: block;
    width: 1.25rem;
    height: 1.0625rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
  }
}
.top .topBlog .topBlog__news .news-body time {
  font-size: .75rem;
  margin-right: 1.25rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__news .news-body time {
    font-size: .625rem
  }
}
.top .topBlog .topBlog__news .news-body .cat {
  width: 4.0625rem;
  height: 1rem;
  color: #fff;
  font-size: .625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #FFB659;
  border-radius: .625rem;
  margin-right: 1.25rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.top .topBlog .topBlog__news .news-body h3 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-family: "Yu Gothic", YuGothic, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 400
}
@media (max-width: 767px) {
  .top .topBlog .topBlog__news .news-body h3 {
    width: 100%;
    line-height: 1.6;
    margin-top: .625rem;
    font-size: .625rem;
    padding-right: 3.75rem
  }
}
.top .topBlog:after {
  content: '';
  background: url("img/illust-human03.png") no-repeat;
  background-size: cover;
  width: 16.875rem;
  height: 11.875rem;
  display: block;
  position: absolute;
  left: 20%;
  bottom: -8.125rem
}
@media (max-width: 767px) {
  .top .topBlog:after {
    width: 12.875rem;
    height: 9.0625rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -3.4375rem
  }
}
.top .topRecruit {
  padding: 6.25rem 0
}
.top .topRecruit h2 {
  text-align: center;
  font-size: 2.8125rem;
  position: relative;
  margin-bottom: 2.5rem
}
@media (max-width: 767px) {
  .top .topRecruit h2 {
    font-size: 2.375rem
  }
}
.top .topRecruit h2 label {
  display: block;
  margin-bottom: 3.125rem;
  font-size: 1.375rem
}
.top .topRecruit h2 label:after {
  content: '';
  width: 2px;
  height: 1.25rem;
  background: #000;
  position: absolute;
  top: 2.1875rem;
  left: 0;
  right: 0;
  margin: auto;
  display: block
}
.top .topRecruit h3 {
  font-size: 2.8125rem;
  text-align: center;
  margin-bottom: 3.75rem
}
@media (max-width: 767px) {
  .top .topRecruit h3 {
    font-size: 1.8125rem;
    line-height: 1.4;
    margin-bottom: 1.875rem
  }
}
.top .topRecruit p {
  margin-bottom: 1.875rem
}
.top .topRecruit .recruit-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 767px) {
  .top .topRecruit .recruit-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.top .topRecruit .recruit-text {
  width: 35.9375rem
}
@media (max-width: 767px) {
  .top .topRecruit .recruit-text {
    width: 100%;
    margin-bottom: 3.75rem
  }
}
.top .topRecruit .recruit-image {
  width: 27.5rem
}
@media (max-width: 767px) {
  .top .topRecruit .recruit-image {
    width: 100%;
    margin-right: -2.5rem
  }
}
.top .topRecruit .btn-short {
  width: 19.0625rem
}
.about {
  position: relative
}
.about .aboutContents {
  padding-top: 5rem;
  padding-bottom: 12.5rem;
  position: relative
}
@media (max-width: 767px) {
  .about .aboutContents {
    padding-top: 2.5rem;
    padding-bottom: 0
  }
}
.about .about-block {
  margin-bottom: 9.375rem
}
.about .about-block .about-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 767px) {
  .about .about-block .about-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.about .about-block:nth-child(even) .about-text {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}
@media (max-width: 767px) {
  .about .about-block:nth-child(even) .about-text {
    -webkit-box-ordinal-group: initial;
    -ms-flex-order: initial;
    order: initial
  }
}
.about .about-text {
  width: 52%
}
@media (max-width: 767px) {
  .about .about-text {
    width: 100%;
    margin-bottom: 2.5rem
  }
}
.about .about-image {
  width: 27.5rem;
  position: relative
}
@media (max-width: 767px) {
  .about .about-image {
    width: 90%;
    margin: 0 auto
  }
}
.about .about-image .is-down {
  margin-top: 1.875rem
}
.about .about-image .about-figure01 {
  width: 12.1875rem;
  height: 14.75rem;
  position: absolute;
  right: 0;
  bottom: -9.375rem
}
@media (max-width: 767px) {
  .about .about-image .about-figure01 {
    width: 9.625rem;
    height: 11.625rem;
    right: 2.5rem;
    bottom: -7.5rem
  }
}
.about .about-image .about-figure02 {
  width: 14.5rem;
  height: 12.1875rem;
  position: absolute;
  right: 0;
  bottom: -9.375rem
}
@media (max-width: 767px) {
  .about .about-image .about-figure02 {
    width: 12.9375rem;
    right: 1.875rem;
    height: 10.875rem;
    bottom: -6.25rem
  }
}
.about .about-image.is-overBottom {
  margin-top: 8.125rem
}
.about h2 {
  font-size: 2.5rem;
  line-height: 1.4;
  margin-bottom: 2.5rem
}
@media (max-width: 767px) {
  .about h2 {
    font-size: 2rem
  }
}
.about .about-btn {
  width: 24.0625rem;
  margin: 0 auto
}
@media (max-width: 767px) {
  .about .about-btn {
    width: 18.125rem;
    position: absolute;
    bottom: 17.5rem;
    left: 0;
    right: 0;
    margin: auto
  }
}
.about:before {
  content: '';
  width: 14%;
  height: auto;
  background: url("img/illust-cloud-green.png") no-repeat right center;
  background-size: cover;
  display: block;
  aspect-ratio: 1 / 1;
  position: absolute;
  bottom: 32.5rem;
  left: 0
}
@media (max-width: 767px) {
  .about:before {
    width: 43%;
    aspect-ratio: 1.7 / 1;
    bottom: 50rem
  }
}
.business .businessContents {
  padding-top: 2.5rem;
  padding-bottom: 3.75rem
}
.business h2 {
  line-height: 1.5;
  font-size: 2.8125rem;
  margin-bottom: 6.875rem
}
@media (max-width: 767px) {
  .business h2 {
    font-size: 1.75rem;
    margin-bottom: 3.4375rem
  }
}
.business h2 label {
  font-size: 1.75rem;
  display: block;
  margin-bottom: 1.875rem
}
@media (max-width: 767px) {
  .business h2 label {
    font-size: 1.625rem
  }
}
.business h3 {
  font-size: 1.875rem;
  margin-bottom: 1.25rem
}
@media (max-width: 767px) {
  .business h3 {
    font-size: 1.75rem
  }
}
.business .business-block {
  margin-bottom: 6.25rem
}
@media (max-width: 767px) {
  .business .business-block {
    margin-bottom: 4.6875rem
  }
}
.business .business-block .business-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 767px) {
  .business .business-block .business-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.business .business-block .business-text {
  width: 35rem;
  padding-right: 3.75rem
}
@media (max-width: 767px) {
  .business .business-block .business-text {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0
  }
}
.business .business-block .business-image {
  width: 22.5rem
}
@media (max-width: 767px) {
  .business .business-block .business-image {
    width: 90%;
    margin: 0 auto 3.75rem auto
  }
}
.business .business-block .business-btn {
  width: 24.0625rem;
  margin-top: 2.5rem
}
@media (max-width: 767px) {
  .business .business-block .business-btn {
    width: 100%
  }
}
.business .businessInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 3.125rem
}
@media (max-width: 767px) {
  .business .businessInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.business .businessBody {
  width: 72%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}
@media (max-width: 767px) {
  .business .businessBody {
    width: 100%;
    padding: 0 1.25rem
  }
}
.business .businessBody .businessBody__info {
  width: 51.5625rem;
  margin-left: 3.75rem;
  margin-bottom: 8.75rem
}
@media (max-width: 767px) {
  .business .businessBody .businessBody__info {
    width: 100%;
    margin-left: 0;
    margin-bottom: 9.375rem
  }
}
.business .businessBody .businessBody__info p {
  margin-bottom: 2.5rem
}
@media (max-width: 767px) {
  .business .businessBody .businessBody__info h2 {
    font-size: 1.75rem
  }
  .business .businessBody .businessBody__info h2 label {
    font-size: 1.375rem;
    margin-bottom: .625rem
  }
}
@media (max-width: 767px) {
  .business .businessBody .businessBody__info h3 {
    font-size: 1.375rem
  }
}
.business .businessBody .service-block {
  background: url("img/bg-content.gif");
  border-radius: 6.25rem 0 0 6.25rem;
  padding: 21.875rem 0 3.75rem 3.125rem;
  margin-bottom: 12.8125rem;
  position: relative
}
@media (max-width: 767px) {
  .business .businessBody .service-block {
    padding: 13.75rem 1.25rem 3.75rem 1.25rem;
    margin-right: -1.25rem
  }
  .business .businessBody .service-block:last-child {
    margin-bottom: 6.25rem
  }
}
.business .businessBody .service-block.is-schedule {
  padding-left: 6.25rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block.is-schedule {
    padding-left: 1.25rem
  }
}
.business .businessBody .service-block.is-cloud:after {
  content: '';
  background: url("img/illust-cloud-orange02.png") no-repeat;
  width: 23%;
  height: auto;
  aspect-ratio: 2 / 1;
  background-size: cover;
  display: block;
  position: absolute;
  bottom: -3.75rem;
  right: 0
}
@media (max-width: 767px) {
  .business .businessBody .service-block.is-cloud:after {
    width: 50%;
    bottom: -2.5rem
  }
}
.business .businessBody .service-block .service-sv {
  width: 53.75rem;
  height: 22rem;
  position: absolute;
  top: -4.6875rem;
  left: -6.25rem;
  height: 9.6875rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-sv {
    width: 100%;
    left: -3.125rem;
    top: -3.125rem
  }
}
.business .businessBody .service-block .service-sv .sv-main img {
  width: 100%;
  height: 22rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.25rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-sv .sv-main img {
    height: 9.6875rem
  }
}
.business .businessBody .service-block .service-sv .sv-illust {
  position: absolute;
  z-index: 10;
  width: 16.875rem;
  right: -10.9375rem;
  bottom: -4.0625rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-sv .sv-illust {
    width: 10.625rem;
    height: 7.4375rem;
    right: 1.875rem;
    bottom: -3.75rem
  }
}
.business .businessBody .service-block .service-sv .sv-illust.is-min {
  width: 11.625rem;
  right: -7.5rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-sv .sv-illust.is-min {
    width: 6.5625rem;
    height: 8.5625rem;
    bottom: -5rem;
    right: 1.25rem
  }
}
.business .businessBody .service-block .service-box {
  margin-bottom: 3.75rem;
  position: relative
}
.business .businessBody .service-block .service-box.is-borderCloud {
  border-bottom: 1px solid #707070;
  padding-bottom: 3.75rem;
  margin-bottom: 4.6875rem
}
.business .businessBody .service-block .service-box.is-borderCloud:after {
  content: '';
  width: 20%;
  height: auto;
  background: url("img/illust-cloud-green.png") no-repeat left center;
  background-size: cover;
  display: block;
  aspect-ratio: 1.7 / 1;
  position: absolute;
  right: 0
}
.business .businessBody .service-block .service-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 53.75rem;
  margin: 0 auto 4.375rem 0
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-col {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3.125rem
  }
}
.business .businessBody .service-block .service-col .col-text {
  width: 34.6875rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-col .col-text {
    width: 100%;
    margin-bottom: 3.75rem
  }
}
.business .businessBody .service-block .service-col .col-image {
  width: 15.625rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-col .col-image {
    width: 90%;
    margin: 0 auto
  }
}
.business .businessBody .service-block .service-col .col-image .parts-img img {
  width: 100%;
  height: 11.5625rem;
  -o-object-fit: cover;
  object-fit: cover
}
.business .businessBody .service-block .service-col .col-image.is-top {
  margin-top: -5rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-col .col-image.is-top {
    margin-top: 0
  }
}
.business .businessBody .service-block .service-row {
  width: 53.75rem;
  margin: 0 auto 4.375rem 0
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-row {
    width: 100%
  }
}
.business .businessBody .service-block .service-table {
  width: 53.75rem;
  margin: 0 auto 4.375rem 0;
  border-bottom: 1px solid #707070;
  padding-bottom: 4.0625rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-table {
    width: 100%
  }
}
.business .businessBody .service-block .service-table table {
  width: 100%;
  border-top: 1px solid #D5D5D5;
  line-height: 1.7;
  margin-bottom: 1.5625rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-table table {
    font-size: .9375rem;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
}
.business .businessBody .service-block .service-table table tr {
  border-bottom: 1px solid #D5D5D5
}
.business .businessBody .service-block .service-table table thead {
  text-align: center
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-table table thead {
    text-align: left
  }
}
.business .businessBody .service-block .service-table table thead th {
  padding: .625rem 0;
  font-weight: 400
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-table table thead th {
    width: calc(100% - 10.625rem);
    padding-left: 1.25rem
  }
}
.business .businessBody .service-block .service-table table thead th:first-child {
  width: 60%
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-table table thead th:first-child {
    width: 10.625rem;
    padding-right: 1.875rem;
    padding-left: 0
  }
}
.business .businessBody .service-block .service-table table tbody th, .business .businessBody .service-block .service-table table tbody td {
  font-weight: 400;
  padding: .9375rem 0;
  vertical-align: middle
}
.business .businessBody .service-block .service-table table tbody th {
  text-align: left
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-table table tbody th {
    padding-right: 1.25rem
  }
}
.business .businessBody .service-block .service-table table tbody td {
  text-align: right
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-table table tbody td {
    text-align: left;
    padding-left: .9375rem
  }
}
.business .businessBody .service-block .service-table p {
  margin-bottom: 0
}
.business .businessBody .service-block .service-lineImg {
  width: 53.75rem;
  margin: -6.25rem auto -1.875rem 0;
  position: relative
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-lineImg {
    width: 100%;
    margin: 0 auto 3.75rem auto
  }
}
.business .businessBody .service-block .service-lineImg .parts-img {
  width: 15.625rem;
  margin: 0 0 0 auto
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-lineImg .parts-img {
    width: 90%;
    margin: 0 auto
  }
}
.business .businessBody .service-block .service-lineImg:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #707070;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-lineImg:before {
    top: auto;
    bottom: 1.25rem
  }
}
.business .businessBody .service-block .service-schedule {
  margin-bottom: 3.75rem
}
.business .businessBody .service-block .service-schedule .schedule-col {
  width: 53.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3.125rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col {
    width: 100%
  }
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-time {
  width: 6.25rem;
  text-align: center;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.3125rem;
  font-weight: 700
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col .schedule-time {
    font-size: 1.125rem;
    width: 5.625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-time .is-arrow {
  margin: .9375rem
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-time .is-arrow img {
  width: 1.1875rem;
  height: 5rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-time .is-arrow + span {
  margin-top: 0
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-time .is-arrow.is-short img {
  height: 2.375rem
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-text {
  width: 42.5rem;
  padding-right: 1.25rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col .schedule-text {
    width: calc(100% - 6.25rem)
  }
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-text.is-flexCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col .schedule-text.is-flexCol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-text .flex-text {
  width: 23.4375rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col .schedule-text .flex-text {
    width: 100%
  }
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-text h4 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #AFE0DF;
  margin-bottom: .625rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col .schedule-text h4 {
    font-size: 1.125rem
  }
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-text p {
  margin-bottom: 0
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col .schedule-text p {
    font-size: .9375rem
  }
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-image {
  width: 15rem;
  margin-left: 3.125rem;
  margin-top: -.625rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col .schedule-image {
    width: 100%;
    margin: 1.875rem auto 0 auto
  }
}
.business .businessBody .service-block .service-schedule .schedule-col .schedule-image .parts-img img {
  width: 100%;
  height: 11.25rem;
  -o-object-fit: cover;
  object-fit: cover
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-schedule .schedule-col .schedule-image .parts-img img {
    height: 8.4375rem
  }
}
.business .businessBody .service-block h3 {
  font-size: 1.75rem;
  margin-bottom: 1.875rem;
  line-height: 1.4
}
@media (max-width: 767px) {
  .business .businessBody .service-block h3 {
    font-size: 1.625rem
  }
}
.business .businessBody .service-block h3 > label {
  margin-bottom: 0 !important
}
.business .businessBody .service-block h3 > label.is-small {
  font-size: 1.375rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block h3.is-small {
    font-size: 1.375rem
  }
}
@media (max-width: 767px) {
  .business .businessBody .service-block h3.is-mid {
    font-size: 1.4375rem;
    line-height: 1.6
  }
}
.business .businessBody .service-block h4 {
  font-size: 1.3125rem;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 1.5625rem;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (max-width: 767px) {
  .business .businessBody .service-block h4 {
    font-size: 1.1875rem
  }
}
.business .businessBody .service-block h4 i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #AFE0DF;
  border-radius: 50%;
  font-size: 1.25rem;
  line-height: 1;
  margin-right: .75rem;
  width: 2.8125rem;
  height: 2.8125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
@media (max-width: 767px) {
  .business .businessBody .service-block h4 i {
    font-size: 1.125rem
  }
}
.business .businessBody .service-block h5 {
  font-size: 1.3125rem;
  line-height: 1.6;
  font-weight: 700;
  margin-bottom: 1.5625rem;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (max-width: 767px) {
  .business .businessBody .service-block h5 {
    font-size: 1.1875rem
  }
}
.business .businessBody .service-block p {
  margin-bottom: 1.875rem
}
.business .businessBody .service-block label {
  font-weight: 700;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  background: #FAE9E0;
  border-radius: 2.8125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.business .businessBody .service-block label.label-large {
  font-size: 1.75rem;
  margin-bottom: 1.5625rem;
  height: 4.75rem;
  padding: 0 3.125rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block label.label-large {
    font-size: 1.625rem
  }
}
.business .businessBody .service-block label.label-small {
  font-size: 1.3125rem;
  height: 2.625rem;
  padding: 0 2.1875rem;
  margin-bottom: 1.25rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block label.label-small {
    font-size: 1.1875rem
  }
}
.business .businessBody .service-block .service-btn {
  width: 27.8125rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-btn {
    width: 100%
  }
}
.business .businessBody .service-block .service-btn.is-mid {
  width: 32.5rem
}
@media (max-width: 767px) {
  .business .businessBody .service-block .service-btn.is-mid {
    width: 100%
  }
}
.business .businessBody .is-noBorder {
  border-bottom: 0 !important;
  padding-bottom: 0 !important
}
.business .business-nav {
  position: sticky;
  top: 6.5625rem;
  margin-bottom: 3.75rem;
  width: 24%;
  min-height: 29.0625rem;
  padding: 3.75rem 3.75rem 3.75rem 1.25rem;
  font-size: 1.1875rem;
  font-weight: 700;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  background: url("img/bk-illust-smileSide-pc.png"), url("img/bg-content.gif");
  background-repeat: no-repeat, repeat;
  background-size: 27.5625rem 23.3125rem, 100%;
  background-position: right top 2.8125rem, top center;
  border-radius: 0 6.25rem 6.25rem 0
}
@media (max-width: 767px) {
  .business .business-nav {
    width: calc(100% - 2.5rem);
    margin-bottom: 3.75rem;
    border-radius: 0 3.75rem 3.75rem 0;
    position: static
  }
}
.business .business-nav ul li {
  margin-bottom: 3.125rem;
  position: relative;
  padding-left: 2.1875rem
}
.business .business-nav ul li:last-child {
  margin-bottom: 0
}
.business .business-nav ul li:before {
  content: '';
  width: 15px;
  height: 1px;
  background: #707070;
  display: block;
  position: absolute;
  top: .625rem;
  left: .3125rem
}
.privacy {
  padding-bottom: 5.625rem
}
@media (max-width: 767px) {
  .privacy {
    padding-bottom: 3.75rem
  }
}
.privacy .privacyContents {
  margin-top: 6.25rem
}
@media (max-width: 767px) {
  .privacy .privacyContents {
    margin-top: 3.125rem
  }
}
.privacy .privacyContents .privacy-col {
  border-radius: 6.25rem;
  background: url("img/bg-content.gif");
  padding: 5.625rem 12.1875rem
}
@media (max-width: 767px) {
  .privacy .privacyContents .privacy-col {
    padding: 5rem .9375rem;
    border-radius: 3.125rem
  }
}
.privacy .privacyContents h2 {
  font-size: 1.3125rem;
  margin-bottom: 1.5625rem;
  line-height: 1.4
}
.privacy .privacyContents p {
  margin-bottom: 5.625rem
}
@media (max-width: 767px) {
  .privacy .privacyContents p {
    margin-bottom: 2.8125rem
  }
}
.privacy .privacyContents p:last-child {
  margin-bottom: 0
}
.office {
  position: relative
}
.office h2 {
  font-size: 1.75rem;
  margin-bottom: 3.125rem
}
@media (max-width: 767px) {
  .office h2 {
    font-size: 1.625rem
  }
}
.office h3 {
  font-size: 1.875rem;
  line-height: 1.5
}
@media (max-width: 767px) {
  .office h3 {
    font-size: 1.6875rem
  }
}
.office .officeContents {
  padding-top: 2.5rem
}
@media (max-width: 767px) {
  .office .officeContents {
    padding-top: 1.25rem
  }
}
@media (max-width: 767px) {
  .office .office-block {
    margin-bottom: 9.375rem
  }
  .office .office-block:last-child {
    margin-bottom: 0
  }
}
.office .office-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 9.375rem
}
@media (max-width: 767px) {
  .office .office-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3.75rem;
  }
}
.office .office-text {
  width: 31.875rem
}
@media (max-width: 767px) {
  .office .office-text {
    width: 100%;
    margin-bottom: 2.1875rem
  }
}
.office .office-text .text-block {
  padding: 1.5625rem 0;
  border-bottom: 1px solid #707070
}
.office .office-text address {
  line-height: 1.8
}
.office .office-image {
  width: 27.1875rem
}
@media (max-width: 767px) {
  .office .office-image {
    width: 90%;
    margin: 0 auto
  }
}
.office .office-image .parts-img {
  margin-bottom: 1.875rem
}
.office:after {
  content: '';
  width: 27%;
  height: auto;
  /*background: url("img/illust-cloud-green.png") no-repeat right center;*/
  background-size: cover;
  display: block;
  aspect-ratio: 2.5 / 1;
  position: absolute;
  bottom: 53.125rem;
  left: 0
}
@media (max-width: 767px) {
  .office:after {
    width: 50%;
    aspect-ratio: 1.8 / 1;
    bottom: 68.75rem
  }
}
.compnay {
  padding-bottom: 9.375rem
}
@media (max-width: 767px) {
  .compnay {
    padding-bottom: 4.6875rem
  }
}
.compnay h2 {
  line-height: 1.5;
  font-size: 1.875rem;
  margin-bottom: 6.875rem
}
@media (max-width: 767px) {
  .compnay h2 {
    font-size: 1.75rem;
    margin-bottom: 3.125rem
  }
}
.compnay h2 label {
  font-size: 1.75rem;
  display: block;
  margin-bottom: 1.75rem
}
@media (max-width: 767px) {
  .compnay h2 label {
    font-size: 1.625rem
  }
}
.compnay h3 {
  font-size: 1.75rem;
  margin-bottom: 1.875rem
}
.compnay .companyContents {
  padding-top: 3.125rem
}
.compnay .company-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 9.375rem
}
@media (max-width: 767px) {
  .compnay .company-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.compnay .company-description .description-text {
  width: 34.0625rem
}
@media (max-width: 767px) {
  .compnay .company-description .description-text {
    width: 100%;
    margin-bottom: 3.125rem
  }
}
.compnay .company-description .description-image {
  width: 22.5rem
}
@media (max-width: 767px) {
  .compnay .company-description .description-image {
    width: 90%;
    margin: 0 auto
  }
}
.compnay .company-description .description-image p {
  text-align: center;
  margin-top: 4.6875rem
}
@media (max-width: 767px) {
  .compnay .company-description .description-image p {
    margin-top: 2.8125rem
  }
}
.compnay .company-sv {
  text-align: center;
  position: relative
}
.compnay .company-sv img {
  width: 100%;
  height: 32.5rem;
  -o-object-fit: cover;
  object-fit: cover
}
@media (max-width: 767px) {
  .compnay .company-sv img {
    height: 15.625rem
  }
}
.compnay .company-sv:after {
  content: '';
  width: 27%;
  height: auto;
  background: url("img/illust-cloud-green.png") no-repeat left center;
  background-size: cover;
  display: block;
  aspect-ratio: 2.3 / 1;
  position: absolute;
  top: -6.25rem;
  right: 0
}
@media (max-width: 767px) {
  .compnay .company-sv:after {
    width: 50%;
    top: -2.8125rem
  }
}
.compnay .companyProfile {
  margin-top: -7.8125rem;
  position: relative;
  z-index: 10
}
@media (max-width: 767px) {
  .compnay .companyProfile {
    margin-top: -4.375rem
  }
}
.compnay .companyProfile .companyProfile__inner {
  background: url("img/bg-content.gif");
  border-radius: 6.25rem;
  padding: 5.9375rem 6.5625rem
}
@media (max-width: 767px) {
  .compnay .companyProfile .companyProfile__inner {
    border-radius: 3.125rem;
    padding: 5rem .9375rem
  }
}
@media (max-width: 767px) {
  .compnay .companyProfile .profile-list {
    border-top: 1px solid #707070
  }
}
.compnay .companyProfile .profile-list li {
  padding: 1.25rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #707070;
  line-height: 2
}
@media (max-width: 767px) {
  .compnay .companyProfile .profile-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.compnay .companyProfile .profile-list li h4 {
  width: 15.625rem;
  font-weight: 700
}
.compnay .companyProfile .profile-list li address {
  display: block
}
.compnay .companyProfile .profile-list li iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  margin-top: .9375rem
}
.blog {
  padding-bottom: 3.125rem
}
.blog .blogContents {
  margin-top: 6.25rem;
  background: url("img/bk-illust-smile-pc.png"), url("img/bg-content.gif");
  background-repeat: no-repeat, repeat;
  background-size: 31.5%, 100%;
  background-position: left 3.125rem top 4.375rem, top center;
  border-radius: 6.25rem;
  padding: 9.375rem 0
}
@media (max-width: 767px) {
  .blog .blogContents {
    background: url("img/bk-illust-smile-sp.png"), url("img/bg-content.gif");
    background-repeat: no-repeat, repeat;
    background-size: 120%, 100%;
    background-position: center top 3.125rem, top center;
    margin-top: 2.5rem;
    border-radius: 5rem 5rem 0 0;
    padding: 4.375rem 0
  }
}
.blog .blogContents .blogContents__inner {
  padding: 0 4.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 767px) {
  .blog .blogContents .blogContents__inner {
    padding: 0 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.blog .blog-main {
  width: calc(100% - 16.5625rem);
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}
@media (max-width: 767px) {
  .blog .blog-main {
    width: 100%
  }
}
.blog .blog-main .blog-body {
  background: #fff;
  border-radius: 6.25rem;
  padding: 5.625rem
}
@media (max-width: 767px) {
  .blog .blog-main .blog-body {
    padding: 1.25rem;
    border-radius: 1.875rem
  }
}
.blog .blog-side {
  width: 16.5625rem
}
@media (max-width: 767px) {
  .blog .blog-side {
    width: 100%;
    padding: 0 2.8125rem
  }
}
.blog .blog-side label {
  font-size: 2.25rem;
  font-weight: 700;
  display: block;
  margin-bottom: 2.1875rem;
  font-family: "fot-tsukuardgothic-std", sans-serif
}
.blog .blog-side .side-category {
  font-size: 1.1875rem;
  font-weight: 700;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  line-height: 1.8
}
.blog .blog-side .side-category li {
  margin-bottom: 2.5rem;
  padding-left: 1.875rem;
  position: relative;
  letter-spacing: 1px
}
.blog .blog-side .side-category li:before {
  content: '';
  width: .9375rem;
  height: 1px;
  background: #707070;
  display: block;
  position: absolute;
  top: 1rem;
  left: 0
}
.blog .blog-side a:hover {
  text-decoration: none;
  color: #FFB659
}
.blog .blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 767px) {
  .blog .blog-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.blog .blog-list a {
  display: block
}
.blog .blog-list a:hover {
  text-decoration: none;
  opacity: 0.7
}
.blog .blog-list li {
  width: 48%;
  background: #fff;
  padding: 1.5625rem;
  border-radius: 1.875rem;
  margin-bottom: 1.875rem
}
@media (max-width: 767px) {
  .blog .blog-list li {
    width: 100%;
    padding: 1.25rem
  }
}
.blog .blog-list .list-image {
  text-align: center
}
.blog .blog-list .list-image img {
  width: 100%;
  height: 15rem;
  border-radius: .9375rem;
  -o-object-fit: cover;
  object-fit: cover
}
@media (max-width: 767px) {
  .blog .blog-list .list-image img {
    height: 11.875rem
  }
}
.blog .blog-list .list-text {
  padding: 1.5625rem 1.25rem
}
@media (max-width: 767px) {
  .blog .blog-list .list-text {
    padding: .9375rem 1.25rem
  }
}
.blog .blog-list .list-text time {
  font-size: .75rem
}
@media (max-width: 767px) {
  .blog .blog-list .list-text time {
    font-size: .625rem
  }
}
.blog .blog-list .list-text h2 {
  font-size: 1.1875rem;
  margin: .9375rem 0
}
@media (max-width: 767px) {
  .blog .blog-list .list-text h2 {
    font-size: .875rem
  }
}
.blog .blog-list .list-text p {
  font-size: .75rem
}
.blog .blog-list .blog-meta{
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.blog .blog-list .blog-meta time{
  margin-right: 1em;
}
.blog .blog-list .blog-meta .cat{
  padding: 3px 5px;
  border: 1px solid #707070;
  font-size: .625rem;
}
.topBlog__slider .blog-meta{
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.topBlog__slider .blog-meta time{
  margin-right: 1em;
}
.topBlog__slider .blog-meta .cat{
  padding: 3px 5px;
  border: 1px solid #707070;
  font-size: .625rem;
}
.recruit {
  padding-bottom: 9.375rem
}
@media (max-width: 767px) {
  .recruit {
    padding-bottom: 1.875rem
  }
}
.recruit .recruitInfo {
  margin-bottom: 11.25rem
}
.recruit .recruitInfo h2 {
  font-size: 1.875rem;
  line-height: 1.4;
  margin-bottom: 1.25rem
}
@media (max-width: 767px) {
  .recruit .recruitInfo h2 {
    font-size: 1.75rem;
    line-height: 1.6
  }
}
.recruit .recruitInfo .recruitInfo-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 767px) {
  .recruit .recruitInfo .recruitInfo-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.recruit .recruitInfo .recruitInfo-text {
  width: 38.75rem
}
@media (max-width: 767px) {
  .recruit .recruitInfo .recruitInfo-text {
    width: 100%;
    margin-bottom: 3.75rem
  }
}
.recruit .recruitInfo .recruitInfo-text p {
  margin-bottom: 2.1875rem
}
.recruit .recruitInfo .recruitInfo-text p:last-child {
  margin-bottom: 0
}
.recruit .recruitInfo .recruitInfo-image {
  width: 22.5rem
}
@media (max-width: 767px) {
  .recruit .recruitInfo .recruitInfo-image {
    width: 90%;
    margin: 0 auto
  }
}
.recruit .recruitGuide .recruitGuide-sv {
  text-align: center;
  margin-bottom: -10rem;
  position: relative
}
.recruit .recruitGuide .recruitGuide-sv img {
  width: 100%;
  height: 32.5rem;
  -o-object-fit: cover;
  object-fit: cover
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-sv img {
    height: 15rem
  }
}
.recruit .recruitGuide .recruitGuide-sv:after {
  content: '';
  width: 26%;
  height: auto;
  background: url("img/illust-cloud-green.png") no-repeat right center;
  background-size: cover;
  display: block;
  aspect-ratio: 2.2 / 1;
  position: absolute;
  top: -6.25rem
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-sv:after {
    width: 47%;
    top: -3.4375rem;
    aspect-ratio: 1.7 / 1
  }
}
.recruit .recruitGuide .recruitGuide-block .recruitGuide-box {
  background: url("img/bg-content.gif");
  border-radius: 6.25rem;
  padding: 5.9375rem 6.5625rem 1.875rem 6.5625rem;
  position: relative;
  z-index: 1;
  margin-bottom: 3.125rem
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .recruitGuide-box {
    border-radius: 3.125rem;
    padding: 5rem 1.25rem
  }
}
.recruit .recruitGuide .recruitGuide-block h3 {
  font-size: 1.75rem;
  margin-bottom: 2.1875rem
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block h3 {
    font-size: 1.625rem
  }
}
.recruit .recruitGuide .recruitGuide-block h4 {
  font-weight: 700;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #707070
}
.recruit .recruitGuide .recruitGuide-block .guide-merit {
  line-height: 1.8;
  margin-bottom: 1.875rem
}
.recruit .recruitGuide .recruitGuide-block .guide-merit li {
  position: relative;
  padding-left: 1.2em
}
.recruit .recruitGuide .recruitGuide-block .guide-merit li:after {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #000;
  display: block;
  position: absolute;
  top: .375rem;
  left: 0
}
.recruit .recruitGuide .recruitGuide-block .guide-col {
  margin-bottom: 3.125rem
}
.recruit .recruitGuide .recruitGuide-block .guide-box {
  padding: 1.875rem 0;
  border-bottom: 1px solid #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .guide-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: .625rem
  }
}
.recruit .recruitGuide .recruitGuide-block .guide-box.is-noBorder {
  border-bottom: 0
}
.recruit .recruitGuide .recruitGuide-block .guide-box .guide-list {
  width: 24.375rem
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .guide-box .guide-list {
    width: 100%;
    font-size: .875rem
  }
}
.recruit .recruitGuide .recruitGuide-block .guide-box .guide-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.25rem
}
.recruit .recruitGuide .recruitGuide-block .guide-box .guide-list li:last-child {
  margin-bottom: 0
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .guide-box .guide-list li:last-child {
    margin-bottom: 1.25rem
  }
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .guide-box .guide-list li {
    width: 100%
  }
}
.recruit .recruitGuide .recruitGuide-block .is-attention {
  line-height: 1;
  margin-top: .9375rem
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .is-attention {
    line-height: 1.8
  }
}
.recruit .recruitGuide .recruitGuide-block .guide-btn {
  margin-top: 2.5rem;
  width: 24.0625rem
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .guide-btn {
    width: 100%
  }
}
.recruit .recruitGuide .recruitGuide-block .guide-image {
  width: 22.5rem;
  position: absolute;
  bottom: 6.5625rem;
  right: 8.4375rem
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .guide-image {
    width: 95%;
    margin: 0 auto;
    position: static
  }
}
.recruit .recruitGuide .recruitGuide-block .guide-image img {
  width: 100%;
  height: 16.875rem;
  -o-object-fit: cover;
  object-fit: cover
}
@media (max-width: 767px) {
  .recruit .recruitGuide .recruitGuide-block .guide-image img {
    height: 10rem
  }
}
.recruit .recruitGuide .recruitGuide-block .guide-form {
  margin-top: 8.125rem;
  padding-bottom: 3.125rem
}
.recruit .recruitGuide .recruitGuide-block .guide-form .form-description {
  margin-bottom: 3.125rem
}
.contact {
  padding-bottom: 9.375rem
}
@media (max-width: 767px) {
  .contact {
    padding-bottom: 1.875rem
  }
}
.contact .contactContents {
  padding-top: 6.25rem;
  margin-bottom: 4.0625rem
}
@media (max-width: 767px) {
  .contact .contactContents {
    padding-top: 1.25rem
  }
}
.contact .contact-description {
  text-align: center;
  margin-bottom: 1.875rem
}
@media (max-width: 767px) {
  .contact .contact-description {
    text-align: left
  }
}
.contact .contact-btn {
  width: 24.0625rem;
  margin: 0 auto
}
@media (max-width: 767px) {
  .contact .contact-btn {
    width: 100%
  }
}
.contact .contactBody .contact-block {
  background: url("img/bg-content.gif");
  border-radius: 6.25rem;
  padding: 5.9375rem 6.5625rem 1.875rem 6.5625rem;
  position: relative;
  z-index: 1;
  margin-bottom: 3.125rem
}
@media (max-width: 767px) {
  .contact .contactBody .contact-block {
    border-radius: 3.125rem;
    padding: 3.75rem 1.25rem
  }
}
.blog-body .blog-eyecatch {
  margin-bottom: 3.75rem;
  text-align: center
}
@media (max-width: 767px) {
  .blog-body .blog-eyecatch {
    margin-bottom: 2.5rem
  }
}
.blog-body .blog-eyecatch img {
  border-radius: 1.3125rem
}
.blog-body .blog-meta {
  margin-bottom: .9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.blog-body .blog-meta time {
  margin-right: 1em
}
@media (max-width: 767px) {
  .blog-body .blog-meta time {
    font-size: .75rem
  }
}
.blog-body h2 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-bottom: 2.1875rem
}
@media (max-width: 767px) {
  .blog-body h2 {
    font-size: 1rem
  }
}
.blog-body h3 {
  font-weight: 700;
  font-size: 1.0625rem;
  margin-bottom: 1.5625rem;
  padding-bottom: .625rem;
  border-bottom: 2px solid #707070
}
@media (max-width: 767px) {
  .blog-body h3 {
    font-size: .9375rem
  }
}
.blog-body h4 {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 1.5625rem;
  padding-bottom: .625rem;
  border-bottom: 1px solid #707070
}
@media (max-width: 767px) {
  .blog-body h4 {
    font-size: .9375rem
  }
}
.blog-body h4 {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 1.5625rem;
  padding-bottom: .625rem;
  border-bottom: 1px dashed #707070
}
@media (max-width: 767px) {
  .blog-body h4 {
    font-size: .9375rem
  }
}
.blog-body h5 {
  font-size: 1rem;
  margin-bottom: 1.5625rem;
  padding-bottom: .625rem;
  border-bottom: 1px dotted #707070
}
@media (max-width: 767px) {
  .blog-body h5 {
    font-size: .9375rem
  }
}
.blog-body p, .blog-body ul, .blog-body ol, .blog-body dl, .blog-body table, .blog-body blockquote {
  margin-bottom: 1.875rem;
  line-height: 1.8
}
@media (max-width: 767px) {
  .blog-body p, .blog-body ul, .blog-body ol, .blog-body dl, .blog-body table, .blog-body blockquote {
    font-size: .875rem
  }
}
.blog-body ul, .blog-body ol {
  margin-left: 1.5em
}
.blog-body ul {
  list-style: disc
}
.blog-body ol {
  list-style-type: decimal
}
.blog-body table {
  border: 1px solid #707070;
  width: 100%
}
.blog-body table th, .blog-body table td {
  padding: .625rem;
  border: 1px solid #707070;
  -moz-text-align-last: left;
  text-align-last: left
}
.blog-body table th {
  background: #efefef
}
.blog-body blockquote {
  background: #efefef;
  border-radius: 1.3125rem;
  padding: 1.25rem
}
.blog-body blockquote p:last-child {
  margin-bottom: 0
}
.parts-form .form-table {
  width: 100%
}
.parts-form .form-table th, .parts-form .form-table td {
  text-align: left;
  padding: 1.25rem 0;
  font-weight: 400;
  line-height: 1.8;
  vertical-align: top
}
@media (max-width: 767px) {
  .parts-form .form-table th, .parts-form .form-table td {
    width: 100%;
    display: block;
    padding: 0
  }
}
.parts-form .form-table th {
  width: 15rem;
  padding-top: 1.875rem
}
@media (max-width: 767px) {
  .parts-form .form-table th {
    padding-top: 0;
    padding-bottom: .625rem
  }
}
.parts-form .form-table td {
  margin-bottom: 1.875rem
}
.parts-form input[type="text"], .parts-form textarea {
  width: 100%;
  border: 1px solid #707070;
  background: #fff;
  padding: .9375rem
}
.parts-form .form-select {
  overflow: hidden;
  width: 100%;
  position: relative;
  border: 1px solid #707070;
  background: #fff
}
.parts-form .form-select select {
  width: 100%;
  cursor: pointer;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: .9375rem
}
.parts-form .form-select:before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #000;
  pointer-events: none
}
.mw_wp_form_confirm .parts-form .form-select{
  border: 0;
  background: none;
}
.mw_wp_form_confirm .parts-form .form-select:before{
  display: none;
}
.mw_wp_form_confirm .parts-form .form-btn .input-none{
  display: none;
}
.contactBody .form-btn {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.contactBody .form-btn button, .contactBody .form-btn a , .contactBody .form-btn input{
  width: 12.5rem;
  height: 4.375rem;
  font-size: 1.25rem;
  margin: 0 1em
}
@media (max-width: 767px) {
  .contactBody .form-btn button, .contactBody .form-btn a, .contactBody .form-btn input {
    width: 47%;
    height: 3.125rem;
    font-size: 1.125rem;
    margin: 0 1.5%
  }
}
.guide-form .form-btn {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.guide-form .form-btn button, .guide-form .form-btn a , .guide-form .form-btn input{
  width: 12.5rem;
  height: 4.375rem;
  font-size: 1.25rem;
  margin: 0 1em
}
@media (max-width: 767px) {
  .guide-form .form-btn button, .guide-form .form-btn a, .guide-form .form-btn input {
    width: 47%;
    height: 3.125rem;
    font-size: 1.125rem;
    margin: 0 1.5%
  }
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0
  }
  1% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0
  }
  1% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}
.clearfix::after {
  content: "";
  clear: both;
  display: block
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
    Line_Btn
\*------------------------------------*/
.line_btn {
	display: none;
}
@media (max-width: 767px) {
	main .line_btn {
		position: fixed;
		bottom: 0;
		left: 5%;
		width: 90%;
		height: 70px;
		background-color: #00d435;
		color: #fff;
		z-index: 5;
		display: flex;
		border-radius: 10px;
	}

	main .line_btn .line_btn_child {
		display: flex;
    	justify-content: center;
    	align-items: center;
    	background-image: url(https://mahalo-saitama.com/wp-content/themes/LIT/img/line_60.png);
    	background-position: 0 5px;
    	margin: auto;
    	height: 100%;
    	padding-left: 60px;
    	font-size: 1.4rem;
    	font-weight: bold;
	}
}