@charset "UTF-8";
.background-gradation01 {
  background: rgb(190, 233, 255);
  background: linear-gradient(90deg, rgba(190, 233, 255, 0.96) 0%, rgba(214, 252, 255, 0.96) 25%, rgba(226, 247, 255, 0.96) 66%, rgba(232, 245, 251, 0.96) 100%);
}

.p-feature__head::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%229%22%20viewBox%3D%220%200%205%209%22%3E%3Cpolygon%20points%3D%22.21%209%200%208.79%204.29%204.5%200%20.21%20.21%200%204.71%204.5%20.21%209%22%20fill%3D%22%2300a1d9%22%2F%3E%3C%2Fsvg%3E");
}

.oNav-menu--type01 .oNav-menu__link[href^=http]::after, .gNav a[target=_blank]::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M12.67%208.78v4.67c0%20.86-.7%201.56-1.56%201.56H2.56c-.86%200-1.56-.7-1.56-1.56h0V4.89c0-.86.7-1.56%201.56-1.56h4.66%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22M10.33%201H15v4.67%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22d%22%20d%3D%22M6.44%209.56L15%201%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.p-intro-contact__item--contact-tel a::before, .c-contact-info__item--contact-tel .c-contact-info__link::before, .fxNav__item--contact-tel a::before, .oNav-menu--type02 .oNav-menu__item--contact-tel a::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M24.7%2027.29c-.47-.46-1.21-.5-1.73-.09l-2.43%201.96c-.48.39-1.17.38-1.64-.02a34.097%2034.097%200%2001-8.04-8.04c-.4-.47-.41-1.16-.02-1.64l1.96-2.43a1.3%201.3%200%2000-.09-1.73l-4.66-4.65c-.48-.47-1.23-.51-1.75-.08l-5.84%204.9c-.47.39-.6%201.06-.31%201.6%200%200%20.78%201.6%201.51%202.83a57.928%2057.928%200%200018.43%2018.43c1.23.73%202.83%201.52%202.83%201.52.54.29%201.21.16%201.6-.31l4.91-5.84c.43-.51.4-1.27-.08-1.75l-4.66-4.66z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22M25.85%2021.04l1.94-.31c-.7-4.38-4.14-7.82-8.53-8.53l-.31%201.94c3.55.57%206.33%203.35%206.9%206.9z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20id%3D%22d%22%20d%3D%22M33.65%206.35A22.51%2022.51%200%200021.19%200l-.3%201.94c8.84%201.4%2015.77%208.33%2017.17%2017.17L40%2018.8c-.74-4.72-2.97-9.08-6.35-12.46z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20id%3D%22e%22%20d%3D%22M20.22%206.1l-.3%201.94c6.2.98%2011.06%205.84%2012.04%2012.04l1.94-.31A16.428%2016.428%200%200020.23%206.1z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.p-intro-contact__item--contact-form a::before, .c-contact-info__item--contact-form .c-contact-info__link::before, .fxNav__item--contact-form a::before, .oNav-menu--type02 .oNav-menu__item--contact-form a::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2228%22%20viewBox%3D%220%200%2040%2028%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M39.67%203.39L29.32%2013.93c-.07.07-.08.19%200%20.26l7.24%207.71c.49.49.49%201.28%200%201.76-.49.49-1.28.49-1.77%200l-7.21-7.68a.193.193%200%2000-.28%200l-1.76%201.79a7.741%207.741%200%2001-5.52%202.33%207.87%207.87%200%2001-5.63-2.39l-1.69-1.72a.193.193%200%2000-.28%200l-7.21%207.68c-.49.49-1.28.49-1.77%200s-.49-1.28%200-1.76l7.24-7.71a.2.2%200%20000-.27L.33%203.39c-.07-.08-.19-.08-.27%200-.04.04-.06.09-.06.14v21.08c0%201.7%201.38%203.07%203.08%203.08h33.84c1.7%200%203.07-1.38%203.08-3.08V3.53a.19.19%200%2000-.19-.19c-.05%200-.1.02-.14.06z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22M20%2017.61c1.42%200%202.77-.56%203.76-1.58L38.85.67C38.31.23%2037.64%200%2036.94%200H3.07c-.69%200-1.36.24-1.9.67l15.08%2015.35A5.251%205.251%200%200020%2017.6z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
p,
th,
td {
  padding: 0;
  margin: 0;
}

address,
caption,
th {
  font-style: normal;
}

table {
  font-size: inherit;
  border-spacing: 0;
  border-collapse: collapse;
}

caption,
th {
  text-align: left;
}

q::before,
q::after {
  content: "";
}

object,
embed {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

img {
  line-height: 0;
  vertical-align: bottom;
  border: 0;
}

li {
  list-style-type: none;
}

article,
footer,
header,
nav,
main,
section {
  display: block;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: inherit;
}
*::before, *::after {
  box-sizing: inherit;
}

:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

b,
strong {
  font-weight: bold;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  color: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input {
  overflow: visible;
  line-height: normal;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

body {
  background-color: #fff;
}

body {
  min-width: 1140px;
}
@media screen and (max-width: 1139px) {
  body {
    min-width: 0;
  }
}
body.is-scrollFix {
  position: fixed;
  width: 100%;
}

@media screen and (max-width: 999px) {
  body {
    min-width: 100%;
  }
}
a {
  color: #000;
}

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

a:hover,
a:active {
  text-decoration: none;
  outline: 0;
}

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

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 100;
  src: local("Helvetica Neue Regular");
}
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 200;
  src: local("Helvetica Neue Regular");
}
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 2;
  color: #000;
}

@media screen and (max-width: 374px) {
  body {
    font-size: 14px !important;
  }
}
.header {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 100px;
  background-color: #fff;
}
@media screen and (max-width: 960px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    height: 56px;
    background-color: rgba(255, 255, 255, 0.8);
    transition: background-color 0.4s linear;
  }
}
@media screen and (max-width: 960px) {
  .header.is-open {
    background-color: #fff;
  }
}

.header-nav {
  position: fixed;
  top: -72px;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 72px;
  background-color: rgba(255, 255, 255, 0.8);
  transition: top 0.4s ease;
}
@media screen and (max-width: 960px) {
  .header-nav {
    display: none;
  }
}
.header-nav.is-active {
  top: 0;
}

.header-wrap {
  width: 1140px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}
@media screen and (max-width: 1140px) {
  .header-wrap {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .header-wrap {
    width: calc(100% - 20px * 2);
  }
}

.header-logo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  line-height: 1;
}
.header .header-logo {
  width: 187px;
}
@media screen and (max-width: 960px) {
  .header .header-logo {
    width: 98px;
  }
}
.header-nav .header-logo {
  width: 106px;
}
@media screen and (max-width: 960px) {
  .header-nav .header-logo {
    display: none;
  }
}
.header-nav .header-logo img {
  width: 106px;
  max-width: none;
  height: 32.45px;
}
@media screen and (max-width: 960px) {
  .header-logo {
    margin-bottom: 23px;
    margin-left: 0;
  }
}
.header-logo a {
  transition: opacity 0.2s linear;
  display: inline-block;
}
.header-logo a:hover, .header-logo a:focus {
  opacity: 0.5;
}

.footer {
  background-color: #000;
}
@media screen and (max-width: 960px) {
  .footer {
    padding-bottom: 88px;
  }
}
@media screen and (max-width: 600px) {
  .footer {
    padding-bottom: 50px;
  }
}

.footer-copyright {
  padding-top: 33px;
  padding-bottom: 33px;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #000;
}
.footer-copyright small {
  font-size: inherit;
}

@media screen and (max-width: 960px) {
  .gNav {
    display: none;
  }
}
.gNav__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
  height: 100%;
}
.gNav__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
}
.gNav__item:not(:first-child) {
  margin-left: 66px;
}
.gNav a {
  display: block;
  padding: 5px 0;
  line-height: 1;
  transition: color 0.2s linear;
}
.gNav a:link, .gNav a:visited, .gNav a:hover, .gNav a:active, .gNav a:focus {
  text-decoration: none;
}
.gNav a:hover {
  color: #4c4c4c;
}
.gNav a[target=_blank]::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.oNav {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 200;
  display: none;
  height: 100%;
}
@media screen and (max-width: 960px) {
  .oNav {
    display: block;
  }
}
.oNav__wrap {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% - 56px);
  padding: 15px 20px 20px;
  margin-top: 56px;
  overflow: auto;
  visibility: hidden;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.oNav__wrap.is-open {
  visibility: visible;
  opacity: 1;
}
.oNav__inner {
  padding-top: 4px;
}

.oNav__button--type01 {
  position: fixed;
  top: 0;
  right: 9px;
  z-index: 201;
  width: 56px;
  height: 56px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
}
@media screen and (max-width: 960px) {
  .oNav__button--type01 {
    visibility: visible;
    opacity: 1;
  }
}
.oNav__button--type01 button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: transparent;
  border: none;
}
.oNav__button--type01 button::before, .oNav__button--type01 button::after,
.oNav__button--type01 button span::before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: #000;
  transition: all 0.2s linear;
}
@media screen and (max-width: 960px) {
  .oNav__button--type01 button::before, .oNav__button--type01 button::after,
  .oNav__button--type01 button span::before {
    left: 10px;
    width: 36px;
    height: 1px;
  }
}
.oNav__button--type01 button::before {
  top: 20px;
}
.oNav__button--type01 button::after {
  top: 27px;
}
.oNav__button--type01 button span::before {
  top: 34px;
}
.oNav__button--type01 button.is-open {
  position: absolute;
}
.oNav__button--type01 button.is-open::before {
  transform: translateY(7px) rotate(-45deg);
}
.oNav__button--type01 button.is-open::after {
  transform: translateY(0) rotate(45deg);
}
.oNav__button--type01 button.is-open span::before {
  opacity: 0;
}
.is-active .oNav__button--type01 {
  visibility: visible;
  opacity: 1;
}

.oNav__container--type01 {
  margin-bottom: 58px;
}

.oNav-menu--type01 {
  width: 100%;
}
.oNav-menu--type01 .oNav-menu__item {
  border-top: 1px dotted #000;
}
.oNav-menu--type01 .oNav-menu__item:last-child {
  border-bottom: 1px dotted #000;
}
.oNav-menu--type01 .oNav-menu__link {
  position: relative;
  display: block;
  padding-top: 23px;
  padding-bottom: 23px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M14.93%206.98l.81.81c.34.34.34.9%200%201.24l-7.12%207.12c-.34.34-.9.34-1.24%200L.26%209.03a.881.881%200%20010-1.24l.81-.81c.34-.34.9-.34%201.24%200l.01.01%204.21%204.41V.88c0-.48.39-.88.87-.88h1.17c.48%200%20.88.39.88.87v10.54L13.66%207a.881.881%200%20011.26-.02z%22%20fill%3D%22%2300A1D9%22%2F%3E%3C%2Fsvg%3E") no-repeat right 20px center;
  background-size: 11px auto;
}
.oNav-menu--type01 .oNav-menu__link:link, .oNav-menu--type01 .oNav-menu__link:visited, .oNav-menu--type01 .oNav-menu__link:hover, .oNav-menu--type01 .oNav-menu__link:active, .oNav-menu--type01 .oNav-menu__link:focus {
  text-decoration: none;
}
.oNav-menu--type01 .oNav-menu__link[href^=http] {
  background: none;
}
.oNav-menu--type01 .oNav-menu__link[href^=http]::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.oNav-menu--type02 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.oNav-menu--type02 .oNav-menu__item {
  width: 100%;
  height: 88px;
}
.oNav-menu--type02 .oNav-menu__item--contact-tel a {
  background-color: #003f73;
}
.oNav-menu--type02 .oNav-menu__item--contact-form {
  margin-left: 48px;
}
@media screen and (max-width: 600px) {
  .oNav-menu--type02 .oNav-menu__item--contact-form {
    margin-top: 10px;
    margin-left: 0;
  }
}
.oNav-menu--type02 .oNav-menu__item--contact-form a {
  background-color: #1eac4b;
}
.oNav-menu--type02 a {
  transition: opacity 0.2s linear;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: left;
  border-radius: 100vh;
}
.oNav-menu--type02 a:hover, .oNav-menu--type02 a:focus {
  opacity: 0.5;
}
.oNav-menu--type02 a:link, .oNav-menu--type02 a:visited, .oNav-menu--type02 a:hover, .oNav-menu--type02 a:active, .oNav-menu--type02 a:focus {
  text-decoration: none;
}
.oNav-menu--type02 a::before {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  content: "";
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}
.oNav-menu--type02 a .wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1.25;
}
.oNav-menu--type02 a .main,
.oNav-menu--type02 a .sub {
  display: block;
}
.oNav-menu--type02 a .main {
  font-size: 21px;
  font-weight: bold;
}
@media screen and (max-width: 374px) {
  .oNav-menu--type02 a .main {
    font-size: 18px;
  }
}
.oNav-menu--type02 a .sub {
  font-size: 14px;
}
@media screen and (max-width: 374px) {
  .oNav-menu--type02 a .sub {
    font-size: 12px;
  }
}

.oNav-message {
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.oNav-message--type01 {
  font-size: 16px;
}
.oNav-message--type02 {
  margin-top: 6px;
  font-size: 24px;
}
.oNav-message--type02 span {
  color: #00a1d9;
}

.fxNav {
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 100;
  width: 132px;
}
@media screen and (max-width: 960px) {
  .fxNav {
    top: auto;
    bottom: 0;
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .fxNav__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
  }
}
.fxNav__item {
  height: 131px;
}
@media screen and (max-width: 960px) {
  .fxNav__item {
    width: 50%;
    height: 80px;
  }
}
@media screen and (max-width: 600px) {
  .fxNav__item {
    height: 50px;
  }
}
.fxNav__item:not(:first-child) {
  margin-top: 10px;
}
@media screen and (max-width: 960px) {
  .fxNav__item:not(:first-child) {
    margin-top: 0;
  }
}
.fxNav__item--contact-tel a {
  background-color: #003f73;
}
.fxNav__item--contact-form a {
  background-color: #1eac4b;
}
.fxNav a {
  transition: opacity 0.2s linear;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.25;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-right: 0;
  border-radius: 10px 0 0 10px;
}
.fxNav a:link, .fxNav a:visited, .fxNav a:hover, .fxNav a:active, .fxNav a:focus {
  text-decoration: none;
}
.fxNav a:hover, .fxNav a:focus {
  opacity: 0.5;
}
@media screen and (max-width: 960px) {
  .fxNav a {
    flex-direction: row;
    font-size: 18px;
    text-align: left;
    border-radius: 0;
    transition: none;
  }
}
@media screen and (max-width: 600px) {
  .fxNav a {
    font-size: 14px;
  }
}
.fxNav a:hover {
  opacity: 1;
}
.fxNav a::before {
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
  content: "";
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}
@media screen and (max-width: 960px) {
  .fxNav a::before {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    margin-bottom: 0;
  }
}

.pageTop__button {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 3;
  width: 72px;
  height: 72px;
  visibility: hidden;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2272%22%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2236%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2235%22%20fill%3D%22%2300a1d9%22%2F%3E%3Cpolygon%20points%3D%2232%2028%2039%2028%2039%2052%2040%2052%2040%2028%2040%2020%2032%2028%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;
  background-size: 100% auto;
  opacity: 0;
  transition: visibility 0.4s linear, opacity 0.4s linear;
}
@media screen and (max-width: 960px) {
  .pageTop__button {
    bottom: 104px;
  }
}
@media screen and (max-width: 600px) {
  .pageTop__button {
    width: 56px;
    height: 56px;
  }
}
.pageTop__button.is-active {
  visibility: visible;
  opacity: 1;
}
.pageTop__button.is-inactive {
  visibility: hidden;
  opacity: 0;
}
@media print {
  .pageTop__button {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .c-main {
    padding-top: 56px;
  }
}

.c-head--type01 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
  margin-bottom: 63px;
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  .c-head--type01 {
    padding-bottom: 30px;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 600px) {
  .c-head--type01 {
    padding-bottom: 24px;
    margin-bottom: 31px;
  }
}
.c-head--type01::before {
  position: absolute;
  right: 50%;
  bottom: 0;
  display: block;
  width: 47px;
  height: 2px;
  content: "";
  background-color: #00a1d9;
  transform: translateX(50%);
}
@media screen and (max-width: 600px) {
  .c-head--type01::before {
    width: 29px;
  }
}
.c-head--type01 .main {
  order: 2;
  font-family: "Lato", sans-serif;
  font-size: 86px;
  line-height: 1;
  color: #00a1d9;
}
@media screen and (max-width: 960px) {
  .c-head--type01 .main {
    font-size: 74px;
  }
}
@media screen and (max-width: 600px) {
  .c-head--type01 .main {
    margin-top: 3px;
    font-size: 52px;
  }
}
.c-head--type01 .sub {
  order: 1;
  margin-bottom: 2px;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .c-head--type01 .sub {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .c-head--type01 .sub {
    font-size: 14px;
  }
}

.c-wrap {
  width: 100%;
  padding-right: calc((100% - 1140px) / 2);
  padding-left: calc((100% - 1140px) / 2);
  padding-top: 100px;
  padding-bottom: 104px;
}
@media screen and (max-width: 1140px) {
  .c-wrap {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .c-wrap {
    width: 100%;
  }
}
.c-wrap--type01 {
  width: 100%;
  padding: 0;
}
.c-wrap--type02 {
  width: 100%;
  padding: 0;
}
.c-wrap--type03 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f3f5f5;
}
@media screen and (max-width: 960px) {
  .c-wrap--type03 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .c-wrap--type03 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c-wrap--type04 {
  padding-top: 105px;
}
@media screen and (max-width: 960px) {
  .c-wrap--type04 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 600px) {
  .c-wrap--type04 {
    padding-top: 39px;
    padding-bottom: 40px;
  }
}
.c-wrap--type05 {
  padding-top: 104px;
  padding-bottom: 104px;
  background-color: #f3f5f5;
}
@media screen and (max-width: 960px) {
  .c-wrap--type05 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 600px) {
  .c-wrap--type05 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c-wrap--type06 {
  padding-top: 104px;
}
@media screen and (max-width: 960px) {
  .c-wrap--type06 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 600px) {
  .c-wrap--type06 {
    padding-top: 39px;
    padding-bottom: 40px;
  }
}
.c-wrap--type07 {
  padding-top: 100px;
  padding-bottom: 104px;
  background-color: #f3f5f5;
}
@media screen and (max-width: 960px) {
  .c-wrap--type07 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 600px) {
  .c-wrap--type07 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.c-section {
  width: 1140px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1140px) {
  .c-section {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .c-section {
    width: calc(100% - 20px * 2);
  }
}
.c-section + .c-section {
  margin-top: 60px;
}
@media screen and (max-width: 600px) {
  .c-section + .c-section {
    margin-top: 60px;
  }
}
.c-section .c-section {
  margin-bottom: 40px;
}

.c-contact-info__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 34px;
}
@media screen and (max-width: 1139px) {
  .c-contact-info__container {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .c-contact-info__container {
    margin-top: 19px;
  }
}

.c-contact-info__item {
  width: 546px;
  height: 88px;
}
@media screen and (max-width: 600px) {
  .c-contact-info__item {
    width: 100%;
  }
}
.c-contact-info__item--contact-tel .c-contact-info__link {
  background-color: #003f73;
}
.c-contact-info__item--contact-form {
  margin-left: 48px;
}
@media screen and (max-width: 1139px) {
  .c-contact-info__item--contact-form {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .c-contact-info__item--contact-form {
    margin-top: 10px;
  }
}
.c-contact-info__item--contact-form .c-contact-info__link {
  background-color: #1eac4b;
}
.c-contact-info__item--contact-form br {
  display: none;
}
@media screen and (max-width: 600px) {
  .c-contact-info__item--contact-form br {
    display: inline-block;
  }
}
.c-contact-info__link {
  transition: opacity 0.2s linear;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: left;
  border-radius: 100vh;
}
.c-contact-info__link:hover, .c-contact-info__link:focus {
  opacity: 0.5;
}
.c-contact-info__link:link, .c-contact-info__link:visited, .c-contact-info__link:hover, .c-contact-info__link:active, .c-contact-info__link:focus {
  text-decoration: none;
}
.c-contact-info__link::before {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 24px;
  content: "";
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}
@media screen and (max-width: 600px) {
  .c-contact-info__link::before {
    width: 32px;
    height: 32px;
    margin-right: 16px;
  }
}
.c-contact-info__link .wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1.25;
}
.c-contact-info__link .main,
.c-contact-info__link .sub {
  display: block;
}
.c-contact-info__link .main {
  font-size: 30px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .c-contact-info__link .main {
    font-size: 21px;
  }
}
@media screen and (max-width: 374px) {
  .c-contact-info__link .main {
    font-size: 18px;
  }
}
.c-contact-info__item--contact-form .c-contact-info__link .main {
  font-size: 26px;
}
@media screen and (max-width: 600px) {
  .c-contact-info__item--contact-form .c-contact-info__link .main {
    font-size: 16px;
  }
}
@media screen and (max-width: 374px) {
  .c-contact-info__item--contact-form .c-contact-info__link .main {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .c-contact-info__link .sub {
    font-size: 14px;
  }
}
@media screen and (max-width: 374px) {
  .c-contact-info__link .sub {
    font-size: 12px;
  }
}
.c-contact-info__summary {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .c-contact-info__summary {
    font-size: 16px;
  }
}

.c-contact-info__message {
  margin-top: 2px;
  font-size: 66px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .c-contact-info__message {
    margin-top: 6px;
    font-size: 24px;
  }
}
.c-contact-info__message span {
  color: #00a1d9;
}

.c-categoryList--type01 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: -8px;
}
.c-categoryList--type01 .c-categoryList__item {
  display: block;
  padding: 3px 16px 4px;
  margin-top: 8px;
  margin-right: 7px;
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
  background-color: #00a1d9;
  border-radius: 100vh;
}

.p-mainVisual {
  position: relative;
  overflow: hidden;
}
.p-mainVisual::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 626px;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%227%22%20viewBox%3D%220%200%2019%207%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M19%200v7H0l19-7z%22%20fill%3D%22%23e2f4fb%22%2F%3E%3C%2Fsvg%3E") no-repeat right 0 bottom 0;
  background-size: auto 100%;
}
@media screen and (max-width: 600px) {
  .p-mainVisual::after {
    height: 553px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M6%20.1V8H0L6%20.1z%22%20fill%3D%22%23e2f4fb%22%2F%3E%3C%2Fsvg%3E");
  }
}
.p-mainVisual__temporarily {
  text-align: center;
}
.p-mainVisual__wrap {
  position: relative;
  width: 1140px;
  height: 626px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1139px) {
  .p-mainVisual__wrap {
    width: calc(100% - 40px);
    height: 0;
    padding-top: 58.9473684211%;
  }
}
@media screen and (max-width: 600px) {
  .p-mainVisual__wrap {
    height: 553px;
    padding-top: 0;
  }
}
.p-mainVisual__head {
  position: absolute;
  top: 28px;
  right: 0;
  width: 58.9473684211%;
}
@media screen and (max-width: 600px) {
  .p-mainVisual__head {
    position: static;
    width: 335px;
    margin-right: auto;
    margin-left: auto;
  }
}
.p-mainVisual__image {
  position: absolute;
  bottom: 0;
}
.p-mainVisual__image01 {
  left: 0;
  width: 39.7368421053%;
}
@media screen and (max-width: 600px) {
  .p-mainVisual__image01 {
    left: 50%;
    width: 250px;
    transform: translateX(-50%);
  }
}
.p-mainVisual__image02 {
  right: 0;
  width: 65.7894736842%;
}
@media screen and (max-width: 600px) {
  .p-mainVisual__image02 {
    width: auto;
  }
}

.p-intro-section {
  width: 100%;
  padding-right: calc((100% - 1140px) / 2);
  padding-left: calc((100% - 1140px) / 2);
}
@media screen and (max-width: 1140px) {
  .p-intro-section {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-section {
    width: 100%;
  }
}
.p-intro-section--type01 {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #00a1d9;
}
@media screen and (max-width: 600px) {
  .p-intro-section--type01 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-intro-section--type01::after {
  position: absolute;
  right: 50%;
  bottom: -60px;
  display: block;
  width: 210px;
  height: 60px;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22210%22%20height%3D%2260%22%20viewBox%3D%220%200%20210%2060%22%3E%3Cpolygon%20points%3D%22165%2020%20165%200%2045%200%2045%2020%200%2020%20104.67%2060%20210%2020%20165%2020%22%20fill%3D%22%2300a1d9%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0;
  transform: translateX(50%);
}
.p-intro-section--type02 {
  padding-top: 83px;
  padding-bottom: 104px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-intro-section--type02 {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-section--type02 {
    padding-top: 65px;
    padding-bottom: 40px;
  }
}

.p-intro-wrap--type01 {
  padding: 67px 48px 0;
  background-color: #fff;
  border: 4px solid #000;
  border-radius: 30px;
}
@media screen and (max-width: 960px) {
  .p-intro-wrap--type01 {
    padding-top: 48px;
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-wrap--type01 {
    padding: 25px 18px 0;
    border-width: 2px;
  }
}

.p-intro-imageWrap {
  position: relative;
  width: 1044px;
  height: 398px;
}
@media screen and (max-width: 1139px) {
  .p-intro-imageWrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-imageWrap {
    width: 100%;
    height: auto;
  }
}

.p-intro-image--type01 {
  text-align: center;
}
.p-intro-image--type02 {
  position: relative;
  z-index: 2;
}
.p-intro-image--type03 {
  position: absolute;
  top: 0;
  right: 50%;
  width: 384px;
  height: 398px;
  transform: translateX(50%);
}
@media screen and (max-width: 1139px) {
  .p-intro-image--type03 {
    position: static;
    order: 2;
    width: 360px;
    height: auto;
    margin-top: 48px;
    margin-right: auto;
    margin-left: auto;
    transform: none;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-image--type03 {
    position: static;
    order: 2;
    width: 250px;
    height: auto;
    margin-top: 8px;
    transform: none;
  }
}

.p-intro-head {
  font-weight: bold;
  text-align: center;
}
.p-intro-head--type01 {
  margin-bottom: 31px;
  font-size: 36px;
  line-height: 1.6;
}
@media screen and (max-width: 600px) {
  .p-intro-head--type01 {
    margin-bottom: 19px;
    font-size: 21px;
    line-height: 1.5;
  }
}
.p-intro-head--type02 {
  margin-top: 60px;
  margin-bottom: 31px;
  font-size: 36px;
  line-height: 1.41;
}
@media screen and (max-width: 600px) {
  .p-intro-head--type02 {
    margin-top: 26px;
    margin-bottom: 11px;
    font-size: 21px;
    line-height: 1.5;
  }
}
.p-intro-head--type03 {
  margin-bottom: 48px;
  font-size: 88px;
  line-height: 1.25;
}
@media screen and (max-width: 1139px) {
  .p-intro-head--type03 {
    font-size: 76px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-head--type03 {
    margin-bottom: 14px;
    font-size: 36px;
    line-height: 1.3;
  }
}
.p-intro-head span {
  color: #00a1d9;
}

.p-intro-summary {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1139px) {
  .p-intro-summary {
    font-size: 21px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-summary {
    font-size: 16px;
  }
}

.p-intro-message {
  margin-top: 2px;
  font-size: 66px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 1139px) {
  .p-intro-message {
    font-size: 56px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-message {
    margin-top: 6px;
    font-size: 24px;
  }
}
.p-intro-message span {
  color: #00a1d9;
}

.p-intro-contact {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 34px;
}
@media screen and (max-width: 1139px) {
  .p-intro-contact {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-contact {
    margin-top: 19px;
  }
}
.p-intro-contact__item {
  width: 546px;
  height: 88px;
}
@media screen and (max-width: 1139px) {
  .p-intro-contact__item {
    margin-top: 24px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-contact__item {
    width: 100%;
    margin-top: 0;
  }
}
.p-intro-contact__item--contact-tel a {
  background-color: #003f73;
}
.p-intro-contact__item--contact-form {
  margin-left: 48px;
}
@media screen and (max-width: 1139px) {
  .p-intro-contact__item--contact-form {
    margin-left: 0;
  }
}
@media screen and (max-width: 960px) {
  .p-intro-contact__item--contact-form {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-contact__item--contact-form {
    margin-top: 10px;
  }
}
.p-intro-contact__item--contact-form a {
  background-color: #1eac4b;
}
.p-intro-contact .p-intro-contact__item--contact-form a .main {
  font-size: 26px;
}
@media screen and (max-width: 600px) {
  .p-intro-contact .p-intro-contact__item--contact-form a .main {
    font-size: 16px;
  }
}
@media screen and (max-width: 374px) {
  .p-intro-contact .p-intro-contact__item--contact-form a .main {
    font-size: 14px;
  }
}
.p-intro-contact__item--contact-form br {
  display: none;
}
@media screen and (max-width: 600px) {
  .p-intro-contact__item--contact-form br {
    display: inline-block;
  }
}
.p-intro-contact a {
  transition: opacity 0.2s linear;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: left;
  border-radius: 100vh;
}
.p-intro-contact a:hover, .p-intro-contact a:focus {
  opacity: 0.5;
}
.p-intro-contact a:link, .p-intro-contact a:visited, .p-intro-contact a:hover, .p-intro-contact a:active, .p-intro-contact a:focus {
  text-decoration: none;
}
.p-intro-contact a::before {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 24px;
  content: "";
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}
@media screen and (max-width: 600px) {
  .p-intro-contact a::before {
    width: 32px;
    height: 32px;
    margin-right: 16px;
  }
}
.p-intro-contact a .wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1.25;
}
.p-intro-contact a .main,
.p-intro-contact a .sub {
  display: block;
}
.p-intro-contact a .main {
  font-size: 30px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .p-intro-contact a .main {
    font-size: 21px;
  }
}
@media screen and (max-width: 374px) {
  .p-intro-contact a .main {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-contact a .sub {
    font-size: 14px;
  }
}
@media screen and (max-width: 374px) {
  .p-intro-contact a .sub {
    font-size: 12px;
  }
}
.p-intro-balloon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1139px) {
  .p-intro-balloon {
    position: static;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    order: 1;
    margin-top: -24px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-balloon {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .p-intro-balloon {
    margin-top: -7px;
  }
}
@media screen and (max-width: 380px) {
  .p-intro-balloon {
    justify-content: space-between;
  }
}
.p-intro-balloon__item {
  margin-top: 8px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon__item {
    margin-top: 28px;
    margin-right: 14px;
    margin-left: 14px;
  }
}
@media screen and (max-width: 480px) {
  .p-intro-balloon__item {
    width: 140px;
    margin-top: 14px;
    margin-right: 7px;
    margin-left: 7px;
  }
}
@media screen and (max-width: 390px) {
  .p-intro-balloon__item {
    width: calc(50% - 14px);
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon__item--type01 {
    order: 1;
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon__item--type02 {
    order: 3;
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon__item--type03 {
    order: 5;
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon__item--type04 {
    order: 2;
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon__item--type05 {
    order: 4;
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon__item--type06 {
    order: 6;
  }
}
.p-intro-balloon .balloon {
  position: absolute;
  color: #00a1d9;
  transition: opacity 0.2s linear;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon {
    position: relative;
  }
}
.p-intro-balloon .balloon:hover {
  opacity: 0.7;
}
.p-intro-balloon .balloon::before, .p-intro-balloon .balloon::after {
  position: absolute;
  z-index: 2;
  display: block;
  content: "";
  background-color: #ccecf7;
  border-radius: 50%;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon::before, .p-intro-balloon .balloon::after {
    display: none;
  }
}
.p-intro-balloon .balloon::before {
  width: 20px;
  height: 20px;
}
.p-intro-balloon .balloon::after {
  width: 10px;
  height: 10px;
}
.p-intro-balloon .balloon[data-balloon=balloon01] {
  top: 0;
  left: 89px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon01] {
    left: 0;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon01]::before {
  top: 92px;
  left: 208px;
}
.p-intro-balloon .balloon[data-balloon=balloon01]::after {
  top: 107px;
  left: 231px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon01]::before {
    top: 108px;
    left: 188px;
  }
  .p-intro-balloon .balloon[data-balloon=balloon01]::after {
    top: 122px;
    left: 210px;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon02] {
  top: 122px;
  left: 0;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon02] {
    top: 0;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon02]::before {
  top: 45px;
  left: 244px;
}
.p-intro-balloon .balloon[data-balloon=balloon02]::after {
  top: 50px;
  left: 270px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon02]::before {
    top: 108px;
    left: 188px;
  }
  .p-intro-balloon .balloon[data-balloon=balloon02]::after {
    top: 122px;
    left: 210px;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon03] {
  top: 244px;
  left: 89px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon03] {
    top: 0;
    left: 0;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon03]::before {
  top: -2px;
  left: 208px;
}
.p-intro-balloon .balloon[data-balloon=balloon03]::after {
  top: -7px;
  left: 230px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon03]::before {
    top: 108px;
    left: 188px;
  }
  .p-intro-balloon .balloon[data-balloon=balloon03]::after {
    top: 122px;
    left: 210px;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon04] {
  top: 0;
  right: 88px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon04] {
    top: 0;
    right: 0;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon04]::before {
  top: 92px;
  left: 12px;
}
.p-intro-balloon .balloon[data-balloon=balloon04]::after {
  top: 107px;
  left: 0;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon04]::before {
    top: 108px;
    left: 188px;
  }
  .p-intro-balloon .balloon[data-balloon=balloon04]::after {
    top: 122px;
    left: 210px;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon05] {
  top: 122px;
  right: 0;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon05] {
    top: 0;
    right: 0;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon05]::before {
  top: 45px;
  left: -24px;
}
.p-intro-balloon .balloon[data-balloon=balloon05]::after {
  top: 50px;
  left: -40px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon05]::before {
    top: 108px;
    left: 188px;
  }
  .p-intro-balloon .balloon[data-balloon=balloon05]::after {
    top: 122px;
    left: 210px;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon06] {
  top: 244px;
  right: 88px;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon06] {
    top: 0;
    right: 0;
  }
}
.p-intro-balloon .balloon[data-balloon=balloon06]::before {
  top: -2px;
  left: 12px;
}
.p-intro-balloon .balloon[data-balloon=balloon06]::after {
  top: -7px;
  left: 0;
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .balloon[data-balloon=balloon06]::before {
    top: 108px;
    left: 188px;
  }
  .p-intro-balloon .balloon[data-balloon=balloon06]::after {
    top: 122px;
    left: 210px;
  }
}
.p-intro-balloon .ballon-text {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 110px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #ccecf7;
  border-radius: 50%;
}
@media screen and (max-width: 600px) {
  .p-intro-balloon .ballon-text::after {
    position: absolute;
    top: 3px;
    left: 1px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #00a1d9;
    border-radius: 50%;
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .ballon-text {
    width: 200px;
    height: 120px;
    padding: 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .p-intro-balloon .ballon-text {
    width: 140px;
    height: 140px;
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .ballon-text br.large {
    display: none;
  }
}
@media screen and (max-width: 1010px) {
  .p-intro-balloon .ballon-text br.large.small {
    display: inline-block;
  }
}
.p-intro-modalbox.remodal {
  max-width: 1000px;
  padding: 100px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 600px) {
  .p-intro-modalbox.remodal {
    width: 100%;
    max-width: none;
    padding: 39px 19px;
  }
}
.p-intro-modalbox .remodal-close {
  top: 17px;
  right: 17px;
  left: auto;
}
@media screen and (max-width: 600px) {
  .p-intro-modalbox .remodal-close {
    top: 6px;
    right: 5px;
  }
}
.p-intro-modalbox .remodal-close::before {
  height: 100%;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolygon%20points%3D%2220%203.57%2016.43%200%2010%206.43%203.57%200%200%203.57%206.43%2010%200%2016.43%203.57%2020%2010%2013.57%2016.43%2020%2020%2016.43%2013.57%2010%2020%203.57%22%20fill%3D%22%2395979c%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;
}
.p-intro-modalbox__container {
  width: 100%;
  padding: 71px 43px 77px;
  border: 3px solid #333;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .p-intro-modalbox__container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 31px 20px;
  }
}
.p-intro-modalbox__item {
  width: 530px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 600px) {
  .p-intro-modalbox__item {
    width: 100%;
  }
}
.p-intro-modalbox__item--body {
  padding-top: 29px;
  margin-top: 37px;
  border-top: 1px dotted #000;
}
@media screen and (max-width: 600px) {
  .p-intro-modalbox__item--body {
    padding-top: 23px;
    margin-top: 29px;
  }
}
.p-intro-modalbox__head--type01 .main,
.p-intro-modalbox__head--type01 .sub {
  display: block;
}
.p-intro-modalbox__head--type01 .sub {
  color: #00a1d9;
}
.p-intro-modalbox__head--type01 .main {
  margin-top: 17px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  .p-intro-modalbox__head--type01 .main {
    margin-top: 10px;
    font-size: 20px;
  }
}
.p-intro-modalbox__head--type01 br.small {
  display: none;
}
@media screen and (max-width: 600px) {
  .p-intro-modalbox__head--type01 br.small {
    display: inline-block;
  }
}
.p-intro-modalbox__head--type02 {
  font-size: 24px;
  line-height: 1.5;
  color: #00a1d9;
}
.p-intro-modalbox__text {
  margin-top: 19px;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .p-intro-modalbox__text {
    margin-top: 9px;
  }
}
.remodal-overlay {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.p-service-nav {
  padding: 48px 0 64px;
  background-color: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 960px) {
  .p-service-nav {
    padding: 32px 0 40px;
  }
}
@media screen and (max-width: 600px) {
  .p-service-nav {
    padding: 25px 20px 20px;
  }
}
.p-service-nav__head {
  font-size: 54px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}
@media screen and (max-width: 1139px) {
  .p-service-nav__head {
    font-size: 48px;
  }
}
@media screen and (max-width: 960px) {
  .p-service-nav__head {
    font-size: 42px;
  }
}
@media screen and (max-width: 600px) {
  .p-service-nav__head {
    margin-bottom: 19px;
    font-size: 24px;
    line-height: 1.5;
  }
}
.p-service-nav__head span {
  color: #00a1d9;
}
.p-service-nav__head br {
  display: none;
}
@media screen and (max-width: 600px) {
  .p-service-nav__head br {
    display: inline-block;
  }
}
.p-service-nav__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
}
@media screen and (max-width: 600px) {
  .p-service-nav__container {
    margin-top: -11px;
  }
}
@media screen and (max-width: 600px) {
  .p-service-nav__container {
    justify-content: space-between;
  }
}
.p-service-nav__item {
  width: 214px;
  height: 88px;
}
@media screen and (max-width: 960px) {
  .p-service-nav__item {
    width: calc(25% - 13.3333333333px);
  }
}
@media screen and (max-width: 600px) {
  .p-service-nav__item {
    width: calc(50% - 9.5px);
    height: 56px;
    margin-top: 11px;
  }
}
.p-service-nav__item:not(:first-child) {
  margin-left: 25px;
}
@media screen and (max-width: 960px) {
  .p-service-nav__item:not(:first-child) {
    margin-left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .p-service-nav__item:not(:first-child) {
    margin-left: 0;
  }
}
.p-service-nav__item a {
  transition: opacity 0.2s linear;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 26px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
.p-service-nav__item a:link, .p-service-nav__item a:visited, .p-service-nav__item a:hover, .p-service-nav__item a:active, .p-service-nav__item a:focus {
  text-decoration: none;
}
.p-service-nav__item a:hover, .p-service-nav__item a:focus {
  opacity: 0.5;
}
@media screen and (max-width: 600px) {
  .p-service-nav__item a {
    padding-top: 15px;
    font-size: 14px;
  }
}
.p-service-nav__item a span {
  position: relative;
}
.p-service-nav__item a span::after {
  position: absolute;
  right: 50%;
  bottom: -23px;
  display: block;
  width: 16px;
  height: 17px;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M14.93%206.98l.81.81c.34.34.34.9%200%201.24l-7.12%207.12c-.34.34-.9.34-1.24%200L.26%209.03a.881.881%200%20010-1.24l.81-.81c.34-.34.9-.34%201.24%200l.01.01%204.21%204.41V.88c0-.48.39-.88.87-.88h1.17c.48%200%20.88.39.88.87v10.54L13.66%207a.881.881%200%20011.26-.02z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0;
  background-size: 100% auto;
  transform: translateX(50%);
}
@media screen and (max-width: 600px) {
  .p-service-nav__item a span::after {
    bottom: -14px;
    width: 10px;
    height: 11px;
  }
}
.p-service-nav__item--marketing a {
  background-color: #003f73;
}
.p-service-nav__item--call-center a {
  background-color: #006095;
}
.p-service-nav__item--bpo-services a {
  background-color: #0080b7;
}
.p-service-nav__item--logistics-services a {
  background-color: #00a1d9;
}

.p-service-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  padding: 66px 75px 75px;
  border: 4px solid #00a1d9;
  border-radius: 30px;
}
@media screen and (max-width: 960px) {
  .p-service-section {
    padding: 33px 37px 37px;
  }
}
@media screen and (max-width: 600px) {
  .p-service-section {
    flex-direction: column;
    padding: 27px 20px 32px;
    border-width: 2px;
  }
}
.p-service-section--logistics-services {
  padding-bottom: 74px;
}
@media screen and (max-width: 960px) {
  .p-service-section--logistics-services {
    padding-bottom: 32px;
  }
}
.p-service-section + .p-service-section {
  margin-top: 104px;
}
@media screen and (max-width: 960px) {
  .p-service-section + .p-service-section {
    margin-top: 52px;
  }
}
@media screen and (max-width: 600px) {
  .p-service-section + .p-service-section {
    margin-top: 32px;
  }
}
.p-service-section--marketing {
  border-color: #003f73;
}
.p-service-section--marketing .p-service-head--type01 .en {
  color: #003f73;
}
.p-service-section--marketing .c-categoryList__item {
  background-color: #003f73;
}
.p-service-section--marketing .p-service-list li::before {
  background-color: #003f73;
}
.p-service-section--call-center {
  border-color: #006095;
}
.p-service-section--call-center .p-service-head--type01 .en {
  color: #006095;
}
.p-service-section--call-center .c-categoryList__item {
  background-color: #006095;
}
.p-service-section--call-center .p-service-list li::before {
  background-color: #006095;
}
.p-service-section--bpo-services {
  border-color: #0080b7;
}
.p-service-section--bpo-services .p-service-head--type01 .en {
  color: #0080b7;
}
.p-service-section--bpo-services .c-categoryList__item {
  background-color: #0080b7;
}
.p-service-section--bpo-services .p-service-list li::before {
  background-color: #0080b7;
}
.p-service-section--logistics-services {
  border-color: #00a1d9;
}
.p-service-section--logistics-services .p-service-head--type01 .en {
  color: #00a1d9;
}
.p-service-section--logistics-services .c-categoryList__item {
  background-color: #00a1d9;
}
.p-service-section--logistics-services .p-service-list li::before {
  background-color: #00a1d9;
}

.p-service-head--type01 {
  width: 268px;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .p-service-head--type01 {
    text-align: center;
  }
}
.p-service-head--type01 .en,
.p-service-head--type01 .jp {
  display: block;
  text-align: left;
}
.p-service-head--type01 .en {
  font-family: "Oswald", sans-serif;
  font-size: 63px;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .p-service-head--type01 .en {
    font-size: 38px;
  }
}
.p-service-head--type01 .jp {
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
}
@media screen and (max-width: 600px) {
  .p-service-head--type01 .jp {
    margin-top: 9px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 1.43;
  }
}
.p-service-head--type02 {
  margin-bottom: 13px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  .p-service-head--type02 {
    margin-bottom: 12px;
    font-size: 18px;
  }
}

.p-service-body {
  width: calc(100% - 268px - 78px);
}
@media screen and (max-width: 960px) {
  .p-service-body {
    width: calc(100% - 268px - 36px);
  }
}
@media screen and (max-width: 600px) {
  .p-service-body {
    width: 100%;
    margin-top: 10px;
  }
}

.p-service-wrap + .p-service-wrap {
  margin-top: 39px;
}
@media screen and (max-width: 600px) {
  .p-service-wrap + .p-service-wrap {
    margin-top: 34px;
  }
}

.p-service-intro {
  margin-bottom: 14px;
  line-height: 1.5;
}
.p-service-intro p + p {
  margin-top: 16px;
}

.p-service-list {
  margin-top: 30px;
}
.p-service-list li {
  position: relative;
  padding-left: 22px;
}
.p-service-list li:not(:first-child) {
  margin-top: 8px;
}
.p-service-list li::before {
  position: absolute;
  top: 8px;
  left: 4px;
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  background-color: #00a1d9;
  border-radius: 50%;
}

.p-point__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 104px;
}
@media screen and (max-width: 960px) {
  .p-point__container {
    margin-top: 60px;
  }
}
@media screen and (max-width: 690px) {
  .p-point__container {
    margin-top: 32px;
  }
}
.p-point__container--point01 {
  margin-top: 0;
}
.p-point__container--point02 .p-point__item--text, .p-point__container--point04 .p-point__item--text {
  order: 2;
}
.p-point__container--point02 .p-point__item--image, .p-point__container--point04 .p-point__item--image {
  order: 1;
}
@media screen and (max-width: 690px) {
  .p-point__container--point01 .p-point__item--text, .p-point__container--point03 .p-point__item--text {
    order: 2;
  }
}
@media screen and (max-width: 690px) {
  .p-point__container--point01 .p-point__item--image, .p-point__container--point03 .p-point__item--image {
    order: 1;
  }
}
.p-point__item--text {
  width: calc(100% - 662px - 44px);
}
@media screen and (max-width: 960px) {
  .p-point__item--text {
    width: calc(100% - 331px - 22px);
  }
}
@media screen and (max-width: 690px) {
  .p-point__item--text {
    width: 100%;
  }
}
.p-point__item--image {
  position: relative;
  width: 662px;
  height: 270px;
}
@media screen and (max-width: 960px) {
  .p-point__item--image {
    width: 331px;
    height: 135px;
  }
}
@media screen and (max-width: 690px) {
  .p-point__item--image {
    width: 100%;
    height: auto;
    margin-bottom: 37px;
  }
}
.p-point__item--image .text {
  position: absolute;
  right: 0;
  bottom: -63px;
  font-family: "Lato", sans-serif;
  font-size: 148px;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  opacity: 0.6;
}
@media screen and (max-width: 960px) {
  .p-point__item--image .text {
    bottom: -31px;
    font-size: 74px;
  }
}
@media screen and (max-width: 690px) {
  .p-point__item--image .text {
    bottom: -30px;
    font-size: 73px;
  }
}
.p-point__head {
  line-height: 1.5;
}
.p-point__head .label {
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: 16px;
  line-height: 40px;
  color: #fff;
  background-color: #00a1d9;
  border-radius: 100vh;
}
@media screen and (max-width: 690px) {
  .p-point__head .label {
    padding-right: 16px;
    padding-left: 16px;
    margin-right: 12px;
    line-height: 32px;
  }
}
.p-point__head .text {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 690px) {
  .p-point__head .text {
    font-size: 18px;
    line-height: 1.5;
  }
}
.p-point__body {
  margin-top: 31px;
}
@media screen and (max-width: 690px) {
  .p-point__body {
    margin-top: 15px;
  }
}

.p-feature {
  overflow: hidden;
  background-color: #fff;
  border: 2px solid #00a1d9;
  border-radius: 0 0 30px 30px;
}
.p-feature__container {
  padding: 40px 64px 42px;
}
@media screen and (max-width: 960px) {
  .p-feature__container {
    padding: 32px;
  }
}
@media screen and (max-width: 600px) {
  .p-feature__container {
    padding: 18px;
  }
}
.p-feature__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 16px 32px 18px;
  border: 1px solid #707070;
  border-radius: 20px;
}
@media screen and (max-width: 600px) {
  .p-feature__item {
    flex-direction: column;
    padding: 19px 20px 16px;
  }
}
.p-feature__item:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 600px) {
  .p-feature__item:not(:first-child) {
    margin-top: 20px;
  }
}
.p-feature__head {
  position: relative;
  width: 350px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .p-feature__head {
    width: 100%;
    padding-bottom: 34px;
    font-size: 16px;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .p-feature__head {
    text-align: left;
  }
}
@media screen and (max-width: 960px) {
  .p-feature__head br {
    display: none;
  }
}
.p-feature__head::after {
  position: absolute;
  right: -43px;
  bottom: 50%;
  display: block;
  width: 30px;
  height: 30px;
  content: "";
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: auto 100%;
  transform: translateY(50%);
}
@media screen and (max-width: 960px) {
  .p-feature__head::after {
    right: 50%;
    bottom: -4px;
    transform: translateX(50%) rotate(90deg);
  }
}
.p-feature__body {
  width: calc(100% - 350px - 56px);
}
@media screen and (max-width: 960px) {
  .p-feature__body {
    width: 100%;
  }
}

.p-strong-head--type01 {
  padding-top: 8px;
  padding-bottom: 12px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-color: #00a1d9;
  border-radius: 30px 30px 0 0;
}
@media screen and (max-width: 600px) {
  .p-strong-head--type01 {
    padding-top: 16px;
    padding-bottom: 14px;
    font-size: 18px;
  }
}

.p-strong-section--type02 {
  margin-top: 62px;
}
@media screen and (max-width: 600px) {
  .p-strong-section--type02 {
    margin-top: 32px;
  }
}

.p-strong-privacy {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 33px;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .p-strong-privacy {
    margin-top: 25px;
  }
}
.p-strong-privacy__picture {
  width: 140px;
}
@media screen and (max-width: 960px) {
  .p-strong-privacy__picture {
    width: 100px;
  }
}
.p-strong-privacy__picture img {
  margin-bottom: 9px;
}
@media screen and (max-width: 960px) {
  .p-strong-privacy__picture img {
    margin-bottom: 5px;
  }
}
.p-strong-privacy__picture p {
  font-size: 12px;
}
@media screen and (max-width: 960px) {
  .p-strong-privacy__picture p {
    font-size: 10px;
  }
}
.p-strong-privacy__picture p br {
  display: none;
}
@media screen and (max-width: 960px) {
  .p-strong-privacy__picture p br {
    display: inline-block;
  }
}
.p-strong-privacy__text {
  width: calc(100% - 140px - 24px);
}
@media screen and (max-width: 960px) {
  .p-strong-privacy__text {
    width: calc(100% - 100px - 24px);
    margin-top: -4px;
  }
}
.p-strong-privacy__head {
  font-weight: bold;
}
.p-strong-privacy__body {
  margin-top: 12px;
}

.p-case__item--head {
  position: relative;
  cursor: pointer;
}
.p-case__item--head::after {
  position: absolute;
  top: 19px;
  right: 1px;
  display: block;
  width: 32px;
  height: 19px;
  content: "";
  background: url("../img/icn_arrow04.svg") no-repeat 0 50%;
  background-size: 100% auto;
  transition: transform 0.2s linear;
}
@media screen and (max-width: 600px) {
  .p-case__item--head::after {
    width: 30px;
  }
}
.is-active .p-case__item--head::after {
  transform: rotateX(180deg);
}
.p-case__item--body {
  overflow: hidden;
  transition: height 0.4s ease;
}
.p-case__item--body .c-head--type06 {
  margin-bottom: 5px;
}

.p-case-head--type01 {
  position: relative;
  padding-right: 19px;
  padding-right: 54px;
  padding-bottom: 22px;
  padding-left: 64px;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  .p-case-head--type01 {
    padding-left: 48px;
  }
}
.p-case-head--type01 .main,
.p-case-head--type01 .sub {
  display: block;
}
.p-case-head--type01 .sub {
  font-size: 16px;
  font-weight: normal;
}
.p-case-head--type01 .main {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .p-case-head--type01 .main {
    margin-top: 6px;
    font-size: 18px;
  }
}
.p-case-head--type01 .icon {
  position: absolute;
  top: 9px;
  left: 0;
}
@media screen and (max-width: 600px) {
  .p-case-head--type01 .icon {
    top: 2px;
    width: 32px;
    height: 32px;
  }
}

.p-case-head--type02 {
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: #00a1d9;
}
@media screen and (max-width: 600px) {
  .p-case-head--type02 {
    margin-bottom: 12px;
  }
}

.p-case__wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 29px;
  padding-bottom: 28px;
  border-top: 1px dotted #000;
}
@media screen and (max-width: 600px) {
  .p-case__wrap {
    padding-top: 24px;
    padding-bottom: 18px;
  }
}
.p-case__wrap + .p-case__wrap {
  margin-top: 32px;
}
@media screen and (max-width: 600px) {
  .p-case__wrap + .p-case__wrap {
    margin-top: 20px;
  }
}

.p-case__contents {
  width: calc(100% - 64px);
}
@media screen and (max-width: 600px) {
  .p-case__contents {
    width: calc(100% - 48px);
  }
}
.p-case__contents p + p {
  margin-top: 16px;
}

.p-case__text + .c-categoryList {
  margin-top: 17px;
}
@media screen and (max-width: 600px) {
  .p-case__text + .c-categoryList {
    margin-top: 10px;
  }
}

@media screen and (max-width: 600px) {
  .p-case__icon {
    width: 32px;
    height: 32px;
  }
}

.p-case-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 17px;
}
.p-case-section {
  padding: 19px 33px 0;
  border: 2px solid #00a1d9;
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .p-case-section {
    padding: 17px 20px 0;
  }
}
.p-case-section + .p-case-section {
  margin-top: 24px;
}
@media screen and (max-width: 600px) {
  .p-case-section + .p-case-section {
    margin-top: 20px;
  }
}

.p-contact-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 200px;
  font-size: 20px;
  background-color: #eee;
  border: 1px solid #000;
}
.p-contact-form::after {
  display: block;
  content: "ここにフォームが入ります";
}
/*# sourceMappingURL=base.css.map */