@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
/* FONT */
/* 幅 */
/* ブレイクポイント */
/* ボタンスタイル */
/* カラー */
/* Zen Kaku Gothic New */
/* Lato */
/* Poppins */
/* Noto Serif JP */
/* ==================================
COMMON
================================== */
html {
  font-size: 62.5%;
}

body {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  font-family: "Zen Kaku Gothic New", "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.65;
  font-weight: 400;
  color: #0f3c3c;
}
body.is-close {
  overflow: hidden;
  height: 100vh;
}

* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: #0f3c3c;
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
  transition: all 0.2s ease-out;
}

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

picture,
source {
  width: 100%;
  height: auto;
}

.newLine {
  display: inline-block;
}

object {
  pointer-events: none;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1480px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (max-width: 1280px) {
  html {
    font-size: 56.25%;
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 46.87%;
  }
}
@media screen and (max-width: 576px) {
  html {
    font-size: 31.25%;
  }
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

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

body,
div,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
ul {
  margin: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: sans-serif;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

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

small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0px;
}

nav ul,
nav ol {
  list-style: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  font-size: 0px;
  line-height: 0px;
  vertical-align: middle;
}

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

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

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

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

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
}

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

img,
abbr,
acronym,
fieldset {
  border: 0;
}

li {
  list-style: none;
}

input[type=button],
input[type=submit],
input[type=text] {
  -webkit-appearance: none;
}

figure {
  -webkit-margin-before: 0em;
          margin-block-start: 0em;
  -webkit-margin-after: 0em;
          margin-block-end: 0em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}

.c-link__privacy {
  font-size: 13.5px;
  font-weight: 500;
  color: #0f3c3c;
}
@media screen and (min-width: 750px) {
  .c-link__privacy {
    font-size: 1.5rem;
  }
}

.c-navButton {
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #0f3c3c;
  transition: 0.35s;
}
.c-navButton::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  top: -1.4rem;
  left: 0;
  background-color: #0f3c3c;
  transition: 0.35s;
}
.c-navButton::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -1.4rem;
  left: 0;
  background-color: #0f3c3c;
  transition: 0.35s;
}

.is-close .c-navButton {
  background-color: transparent;
}
.is-close .c-navButton::before {
  top: 0rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #0f3c3c;
  transform: rotate(45deg);
}
.is-close .c-navButton::after {
  top: 0rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #0f3c3c;
  transform: rotate(135deg);
}

.c-flex {
  display: flex;
  flex-wrap: wrap;
}
.c-flex__nowrap {
  display: flex;
  flex-wrap: nowrap;
}

.c-nav__link {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #0f3c3c;
}
.c-nav__link:after {
  content: "";
  display: block;
  position: absolute;
  top: 120%;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  background-color: #0f3c3c;
  opacity: 0;
  transition: 0.35s ease-in-out;
}
.c-nav__link:hover {
  opacity: 1;
}
.c-nav__link:hover:after {
  top: 110%;
  opacity: 1;
  transform: scale(1.1);
}
.c-nav__ftlink {
  display: block;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13.5px;
  font-weight: 500;
  color: #0f3c3c;
}
@media screen and (min-width: 750px) {
  .c-nav__ftlink {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #0f3c3c;
  }
  .c-nav__ftlink:after {
    content: "";
    display: block;
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background-color: #0f3c3c;
    opacity: 0;
    transition: 0.35s ease-in-out;
  }
  .c-nav__ftlink:hover {
    opacity: 1;
  }
  .c-nav__ftlink:hover:after {
    top: 110%;
    opacity: 1;
    transform: scale(1.03);
  }
  .c-nav__link {
    font-size: 1.6rem;
  }
}

.c-hdBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #3ab034;
  border: 2px solid #3ab034;
  border-radius: 5.8rem;
}
.c-hdBtn__text {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.c-hdBtn:hover {
  border: 2px solid #3ab034;
  background-color: white;
}
.c-hdBtn:hover .c-hdBtn__text {
  color: #3ab034;
}

.c-btn, .c-btn__contact, .c-btn__contact:hover .c-btn__contact--mail, .c-btn__contact--tel:hover .c-btn__contact--mail, .c-btn__contact--mail:hover .c-btn__contact--mail, .c-btn__contact--mail, .c-btn__contact--tel, .c-btn__base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.c-btn__base {
  width: 100%;
  height: 45px;
  background-color: #3ab034;
  border-radius: 60px;
  border: 2px solid #3ab034;
}
.c-btn__base::after {
  content: "";
  position: absolute;
  width: 7.5px;
  height: 11.25px;
  top: 0;
  bottom: 0;
  right: 18px;
  margin: auto;
  background-image: url(../images/icon/icon_btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-btn__base--text {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: white;
}
.c-btn__base:hover {
  opacity: 1;
  background-color: white;
}
.c-btn__base:hover::after {
  background-image: url(../images/icon/icon_btn_g.svg);
}
.c-btn__base:hover .c-btn__base--text {
  color: #3ab034;
}
.c-btn__contact, .c-btn__contact:hover .c-btn__contact--mail, .c-btn__contact--tel:hover .c-btn__contact--mail, .c-btn__contact--mail:hover .c-btn__contact--mail, .c-btn__contact--mail, .c-btn__contact--tel {
  width: 100%;
  height: 48px;
  border-radius: 50px;
  background-color: #fff;
  border: 2px solid #3ab034;
}
.c-btn__contact--telText {
  padding-left: 24px;
  background-image: url(../images/icon/icon_tel.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 15px auto;
  font-family: "Poppins", "Noto Sans JP", "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 15.75px;
  font-weight: 500;
  color: #0f3c3c;
}
.c-btn__contact--mailText {
  padding-left: 30px;
  background-image: url(../images/icon/icon_mail.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 19.5px auto;
  font-size: 15.75px;
  font-weight: bold;
  color: #0f3c3c;
}
.c-btn__contact:hover, .c-btn__contact:hover .c-btn__contact--mail:hover, .c-btn__contact--tel:hover .c-btn__contact--mail:hover, .c-btn__contact--mail:hover .c-btn__contact--mail:hover, .c-btn__contact--tel:hover, .c-btn__contact--mail:hover {
  opacity: 1;
  background-color: #3ab034;
  border: 2px solid white;
}
.c-btn__contact:hover .c-btn__contact--telText, .c-btn__contact--tel:hover .c-btn__contact--telText, .c-btn__contact--mail:hover .c-btn__contact--telText {
  background-image: url(../images/icon/icon_tel_w.svg);
  color: white;
}
.c-btn__contact:hover .c-btn__contact--mailText, .c-btn__contact--tel:hover .c-btn__contact--mailText, .c-btn__contact--mail:hover .c-btn__contact--mailText {
  background-image: url(../images/icon/icon_mail_w.svg);
  color: white;
}
@media screen and (min-width: 750px) {
  .c-btn__base {
    height: 6rem;
  }
  .c-btn__base::after {
    width: 1rem;
    height: 1.5rem;
    right: 2.4rem;
  }
  .c-btn__base--text {
    font-size: 1.7rem;
  }
  .c-btn__contact, .c-btn__contact--tel, .c-btn__contact--mail, .c-btn__contact:hover .c-btn__contact--mail, .c-btn__contact--tel:hover .c-btn__contact--mail, .c-btn__contact--mail:hover .c-btn__contact--mail {
    height: 6.4rem;
  }
  .c-btn__contact--telText {
    padding-left: 3.2rem;
    background-size: 2rem auto;
    font-size: 2.1rem;
  }
  .c-btn__contact--mailText {
    padding-left: 4rem;
    background-size: 2.6rem auto;
    font-size: 1.7rem;
  }
}

.c-text {
  font-size: 15px;
  font-weight: 400;
}
.c-text--small {
  font-size: 14px;
}
.c-text__bt {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.c-text__ftaddress {
  font-size: 15px;
  font-weight: 500;
}
.c-text__copyright {
  font-size: 15px;
  font-weight: 500;
}
.c-text__topMerit {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.07em;
  line-height: 1.45;
}
.c-text__topMerit--large {
  display: block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 750px) {
  .c-text {
    font-size: 1.7rem;
  }
  .c-text--small {
    font-size: 1.6rem;
  }
  .c-text__bt {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
  }
  .c-text__ftaddress {
    font-size: 1.5rem;
    font-weight: 500;
  }
  .c-text__copyright {
    font-size: 1.5rem;
    font-weight: 500;
  }
  .c-text__topMerit {
    font-size: 2.3rem;
  }
  .c-text__topMerit--large {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-text__ftaddress {
    line-height: 1.6;
  }
}

.c-title__contents, .c-title__contents--top, .c-title__contents--white {
  position: relative;
  padding-top: 51px;
  font-size: 22.5px;
  font-weight: bold;
  text-align: center;
  color: #0f3c3c;
}
.c-title__contents::before, .c-title__contents--top::before, .c-title__contents--white::before {
  content: attr(data-eng);
  display: block;
  font-family: "Lato", "Noto Sans JP", "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-align: center;
  color: #3ab034;
}
.c-title__contents::after, .c-title__contents--top::after, .c-title__contents--white::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2px;
  height: 43.5px;
  background-image: url(../images/icon/icon_linetitle.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-title__contents--white {
  padding-top: 37.5px;
  font-size: 17.25px;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #fff;
}
.c-title__contents--white::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2px;
  height: 32.25px;
  background-image: url(../images/icon/icon_linetitle_white.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-title__contents--top {
  font-size: 13.5px;
}
.c-title__contents--top::before {
  content: attr(data-eng);
  padding-bottom: 1rem;
  font-size: 27px;
  font-weight: 800;
  letter-spacing: 0.03em;
}
.c-title__card {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
  color: #3ab034;
}
.c-title__recommend {
  font-size: 22.5px;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #fff;
}
.c-title__recommend--large {
  font-size: 28.5px;
  letter-spacing: 0.03em;
  color: #fffa7a;
}
.c-title__subTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 9rem;
  background-color: #3ab034;
  border-radius: 5px;
  font-size: 16.5px;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-align: center;
  color: #fff;
}
.c-title__check {
  padding-left: 3.8rem;
  background-image: url(../images/icon/icon_check_green.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 3rem auto;
  font-size: 16.5px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.03em;
  color: #3ab034;
}
.c-title__intro {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #3ab034;
  text-align: center;
}
.c-title__mediaTitle {
  font-size: 21px;
  line-height: 1.45;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #27ac20;
}
.c-title__catchTitle {
  font-size: 21px;
  line-height: 1.45;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #27ac20;
}
.c-title__topPageLink {
  text-align: center;
  font-size: 16.5px;
  font-weight: bold;
  background-image: url(../images/icon/icon_titleLine.png), url(../images/icon/icon_titleLine.png);
  background-repeat: no-repeat;
  background-position: left center, right center;
}
.c-title__topPageLink--bg {
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fff;
}
@media screen and (min-width: 750px) {
  .c-title__contents, .c-title__contents--white, .c-title__contents--top {
    padding-top: 6.8rem;
    font-size: 3rem;
  }
  .c-title__contents::before, .c-title__contents--white::before, .c-title__contents--top::before {
    font-size: 1.8rem;
  }
  .c-title__contents::after, .c-title__contents--white::after, .c-title__contents--top::after {
    height: 5.8rem;
  }
  .c-title__contents--white {
    padding-top: 5rem;
    font-size: 2.3rem;
  }
  .c-title__contents--white::after {
    height: 4.3rem;
  }
  .c-title__contents--top {
    font-size: 1.8rem;
  }
  .c-title__contents--top::before {
    font-size: 3.6rem;
  }
  .c-title__card {
    font-size: 2.2rem;
  }
  .c-title__recommend {
    font-size: 2.2rem;
  }
  .c-title__recommend--large {
    font-size: 2.8rem;
  }
  .c-title__subTitle {
    font-size: 2.4rem;
  }
  .c-title__check {
    padding-left: 3.2rem;
    background-size: 2.5rem auto;
    font-size: 2.2rem;
  }
  .c-title__intro {
    font-size: 2rem;
    text-align: left;
  }
  .c-title__mediaTitle {
    font-size: 2.8rem;
    line-height: 1.45;
  }
  .c-title__catchTitle {
    font-size: 2.8rem;
  }
  .c-title__topPageLink {
    font-size: 2.2rem;
  }
  .c-title__topPageLink--bg {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-title__recommend {
    font-size: 1.71875vw;
  }
  .c-title__recommend--large {
    font-size: 2.1875vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-title__recommend {
    font-size: 2.2rem;
  }
  .c-title__recommend--large {
    font-size: 2.8rem;
  }
}

.c-pageTitle__jpn {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.c-pageTitle__jpn::after {
  content: attr(data-eng);
  display: block;
  padding-left: 0;
  text-align: left;
  font-family: "Lato", "Noto Sans JP", "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #3ab034;
}
@media screen and (min-width: 750px) {
  .c-pageTitle__jpn {
    font-size: 27px;
    font-weight: bold;
    letter-spacing: 0.03em;
  }
  .c-pageTitle__jpn::after {
    content: attr(data-eng);
    display: block;
    font-family: "Lato", "Noto Sans JP", "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    font-size: 14.25px;
    font-weight: 800;
    letter-spacing: 0.03em;
    color: #3ab034;
  }
}
@media screen and (min-width: 1024px) {
  .c-pageTitle__jpn {
    font-size: 3.6rem;
  }
  .c-pageTitle__jpn::after {
    font-size: 1.9rem;
  }
}

.c-media {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-media__detail {
  padding: 5rem 6rem 15rem 8rem;
  box-shadow: 0 0 20px 0 #d8eed8;
  background-color: #fff;
  border-radius: 6px;
}
@media screen and (min-width: 750px) {
  .c-media__detail {
    padding: 5rem 15rem 5rem 6rem;
    box-shadow: 0 0 20px 0 #d8eed8;
    background-color: #fff;
  }
}
@media screen and (min-width: 1024px) {
  .c-media__detail {
    padding: 4.8rem 15.5rem 4.4rem 8rem;
    box-shadow: 0 0 20px 0 #d8eed8;
    background-color: #fff;
  }
}

@-webkit-keyframes slide01 {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes slide01 {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slide02 {
  0% {
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slide02 {
  0% {
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slide03 {
  0% {
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes slide03 {
  0% {
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes title01 {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes title01 {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes title02 {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes title02 {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
.c-animation__pageTitle {
  opacity: 0;
  transform: translateX(-50%);
  -webkit-animation-name: title01;
          animation-name: title01;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.c-animation__title {
  opacity: 0;
  transform: translateX(-50%);
  -webkit-animation-name: title02;
          animation-name: title02;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.c-animation__contact {
  opacity: 0;
}
.c-animation__contact.is-slide.l-footer-contact__title {
  opacity: 0;
  transform: translateX(-50%);
  -webkit-animation-name: title03;
          animation-name: title03;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.c-animation__contactInner {
  opacity: 0;
}
.c-animation .p-project__mediaLeft {
  transform: translateX(-50%);
  -webkit-animation-name: slide01;
          animation-name: slide01;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.c-animation .p-project__mediaRight {
  transform: translateX(50%);
  -webkit-animation-name: slide02;
          animation-name: slide02;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.c-animation02.is-slide .p-project__mediaLeft {
  transform: translateX(-50%);
  -webkit-animation-name: slide01;
          animation-name: slide01;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.c-animation02.is-slide .p-project__mediaRight {
  transform: translateX(50%);
  -webkit-animation-name: slide02;
          animation-name: slide02;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.c-animation03.p-project__wrapper {
  opacity: 0;
}
.c-animation03.is-slide02.p-project__wrapper {
  transform: translateY(-30%);
  -webkit-animation-name: slide03;
          animation-name: slide03;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes contact {
  0% {
    transform: translateX(-10%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes contact {
  0% {
    transform: translateX(-10%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
.is-slide .c-animation__contact {
  opacity: 0;
  transform: translateX(-10%);
  -webkit-animation-name: contact;
          animation-name: contact;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.is-slide .c-animation__contactInner {
  opacity: 0;
  transform: translateX(-10%);
  -webkit-animation-name: contact;
          animation-name: contact;
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.c-checkList {
  display: flex;
  flex-wrap: wrap;
}
.c-checkList__item {
  position: relative;
  padding-left: 4.8rem;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.c-checkList__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 18.75px;
  height: 18.75px;
  background-image: url(../images/icon/icon_check.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 576px) {
  .c-checkList__item {
    padding-left: 3.5rem;
  }
  .c-checkList__item::before {
    top: 0.4rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (min-width: 750px) {
  .c-checkList__item {
    font-size: 1.7rem;
  }
  .c-checkList__item::before {
    top: 0.2rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-checkList__item {
    font-size: 1.328125vw;
  }
  .c-checkList__item::before {
    top: 0.2rem;
    max-width: 25px;
    max-height: 25px;
    width: 1.953125vw;
    height: 1.953125vw;
  }
}
@media screen and (min-width: 1280px) {
  .c-checkList__item {
    font-size: 1.7rem;
  }
  .c-checkList__item::before {
    top: 0.2rem;
    max-width: 25px;
    max-height: 25px;
    width: 2.5rem;
    height: 2.5rem;
  }
}

.c-table {
  width: 100%;
  border-top: 1px solid #9aa9a9;
  border-left: 1px solid #9aa9a9;
}
.c-table__th {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 3.3rem;
  padding-right: 3.3rem;
  background-color: #eff2ef;
  border-bottom: 1px solid #9aa9a9;
  border-right: 1px solid #9aa9a9;
  font-size: 14px;
  text-align: left;
  word-break: keep-all;
}
.c-table__td {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 3.3rem;
  padding-right: 3.3rem;
  background-color: #fff;
  border-bottom: 1px solid #9aa9a9;
  border-right: 1px solid #9aa9a9;
  font-size: 14px;
  text-align: left;
  word-break: keep-all;
}
.c-table__td--gray {
  background-color: #f6f6f6;
}
@media screen and (min-width: 750px) {
  .c-table {
    width: 100%;
    border-top: 1px solid #9aa9a9;
    border-left: 1px solid #9aa9a9;
  }
  .c-table__th {
    font-size: 1.6rem;
    word-break: break-all;
  }
  .c-table__td {
    font-size: 1.6rem;
    word-break: break-all;
  }
}

.c-table02 {
  width: 100%;
  border-top: 1px solid #9aa9a9;
  border-left: 1px solid #9aa9a9;
}
.c-table02__th {
  width: 50%;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 3.3rem;
  padding-right: 3.3rem;
  background-color: #eff2ef;
  border-bottom: 1px solid #9aa9a9;
  border-right: 1px solid #9aa9a9;
  font-size: 14px;
  text-align: center;
}
.c-table02__td {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 3.3rem;
  padding-right: 3.3rem;
  background-color: #fff;
  border-bottom: 1px solid #9aa9a9;
  border-right: 1px solid #9aa9a9;
  font-size: 14px;
  text-align: center;
}
.c-table02__td--gray {
  background-color: #f6f6f6;
}
@media screen and (min-width: 750px) {
  .c-table02 {
    width: 100%;
    border-top: 1px solid #9aa9a9;
    border-left: 1px solid #9aa9a9;
  }
  .c-table02__th {
    width: 50%;
	font-size: 1.6rem;
  }
  .c-table02__td {
    font-size: 1.6rem;
  }
}

.c-card {
  display: flex;
  flex-wrap: wrap;
}

.c-drawerMenu__link {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  letter-spacing: 0.03em;
  font-weight: 500;
}

/*utility*/
.u-newLine {
  display: inline-block;
}

.u-mt00 {
  margin-top: 0px !important;
}

.u-pt12 {
  padding-top: 1.2rem;
}

.u-pt15 {
  padding-top: 1.5rem;
}

.u-pt18 {
  padding-top: 1.8rem;
}

.u-pt20 {
  padding-top: 2rem;
}

.u-pt25 {
  padding-top: 2.5rem;
}

.u-pt50 {
  padding-top: 5rem;
}

.u-spNoNewLine {
  display: none;
}
@media screen and (min-width: 750px) {
  .u-spNoNewLine {
    display: block;
  }
}

.u-tableScroll {
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
.u-tableScroll:before {
  content: "※横にスクロールします。";
  font-size: 14px;
  display: block;
  margin: 0px 0 5px;
}
.u-tableScroll:after {
  content: "※横にスクロールします。";
  font-size: 14px;
  display: block;
  margin: 5px 0 20px;
}
.u-tableScroll table {
  max-width: 100%;
  margin-top: 0;
}
@media screen and (min-width: 750px) {
  .u-tableScroll {
    overflow: visible;
  }
  .u-tableScroll:before {
    content: none;
  }
  .u-tableScroll:after {
    content: none;
  }
  .u-tableScroll table {
    max-width: 100%;
    margin-top: 0;
  }
}

.lower .l-main {
  position: relative;
  overflow: hidden;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.lower .l-main::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60rem;
  background-image: url(../images/bg/bg_img02.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  z-index: -1;
}
@media screen and (min-width: 750px) {
  .lower .l-main::after {
    max-height: 600px;
    height: 37.5vw;
    background-size: 100% auto;
    background-position: center top;
  }
}

.top .l-main {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.top .l-main::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 98rem;
  background-image: url(../images/top/bg_img02.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: -1;
}

/* ==================================
    HEADER
================================== */
.l-header {
  position: relative;
  width: 100%;
  height: 13.8rem;
  background-color: white;
  z-index: 10;
}
.l-header__inner {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 3rem;
  padding-right: 3.7rem;
}
.l-header__logo {
  max-width: 343px;
  width: 34.3rem;
}
.l-header__wrapper {
  display: flex;
  justify-content: flex-end;
  width: 30%;
  margin-left: auto;
}
.l-header__button {
  display: none;
}
.l-header__navButton {
  width: 10rem;
}
@media screen and (min-width: 1024px) {
  .l-header {
    position: relative;
    width: 100%;
    height: 13.3rem;
    z-index: 100;
  }
  .l-header__inner {
    padding-left: 4.8rem;
    padding-right: 5rem;
  }
  .l-header__logo {
    width: 28.6rem;
  }
  .l-header__button {
    display: block;
    width: 19.5rem;
    height: 5.8rem;
    margin-left: 3.6rem;
    border-radius: 5.8rem;
  }
  .l-header__wrapper {
    align-items: center;
    width: 80%;
    height: 100%;
    margin-left: auto;
  }
  .l-header__navButton {
    display: none;
  }
}

.l-gnav {
  display: none;
}
@media screen and (min-width: 1024px) {
  .l-gnav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
  }
  .l-gnav__list {
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .l-gnav__item:not(:last-child) {
    margin-right: 1.5rem;
  }
  .l-gnav__item:not(:last-child)::after {
    content: "/";
    font-size: 1.4rem;
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .l-gnav__item:not(:last-child) {
    margin-right: 2.5rem;
  }
  .l-gnav__item:not(:last-child)::after {
    content: "/";
    font-size: 1.6rem;
    padding-left: 2.5rem;
  }
}

.l-drawer-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
}
.l-drawer-menu__inner {
  width: 100%;
  height: 100%;
  background-color: #def1de;
}
.l-drawer-menu__wrapper {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 13.8rem;
  padding-left: 3rem;
  padding-right: 3.7rem;
}
.l-drawer-menu__logo {
  max-width: 343px;
  width: 34.3rem;
}
.l-drawer-menu__logo img {
  mix-blend-mode: multiply;
}
.l-drawer-menu__button {
  display: none;
}
.l-drawer-menu__navButton {
  position: relative;
  width: 10rem;
}
.l-drawer-menu__list {
  width: 100%;
  flex-direction: column;
  border-top: 1px solid #3ab034;
}
.l-drawer-menu__item {
  width: 100%;
  border-bottom: 1px solid #3ab034;
}

.l-contents {
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.l-mainVisual {
  position: relative;
  width: 100%;
  z-index: 1;
}
.l-mainVisual__item img {
  width: 100%;
  height: auto;
}
@-webkit-keyframes mvtext01 {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes mvtext01 {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes mvtext02 {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes mvtext02 {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.l-mainVisual__textBox {
  position: absolute;
  padding-left: 4.6666666667vw;
  padding-right: 4.6666666667vw;
  bottom: 12vw;
  z-index: 100;
}
.l-mainVisual__textEng {
  display: block;
  -webkit-animation-name: mvtext01;
          animation-name: mvtext01;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  opacity: 0;
  transform: translateX(-100%);
  font-family: "Lato", "Noto Sans JP", "游ゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 7.7333333333vw;
  letter-spacing: 0em;
  font-weight: 800;
  color: #fff;
  text-shadow: 2px 2px 30px #0e4209;
}
.l-mainVisual__textJpn {
  display: block;
  padding-top: 1.4rem;
  -webkit-animation-name: mvtext02;
          animation-name: mvtext02;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  opacity: 0;
  transform: translateX(-100%);
  font-size: 4.4vw;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 30px #0e4209;
}
@media screen and (min-width: 750px) {
  .l-mainVisual__textBox {
    padding-left: 0;
    padding-right: 0;
    left: 4.6666666667vw;
    left: 3.5rem;
    bottom: 9rem;
  }
  .l-mainVisual__textEng {
    font-size: 6rem;
  }
  .l-mainVisual__textJpn {
    font-size: 3.7rem;
  }
}
@media screen and (min-width: 861px) {
  .l-mainVisual {
    padding-right: 5rem;
  }
  .l-mainVisual__textBox {
    left: 8rem;
    bottom: 6.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .l-mainVisual {
    height: calc(100vh - 13.3rem);
  }
  .l-mainVisual img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 100% 0%;
       object-position: 100% 0%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }
  .l-mainVisual__inner {
    height: 100%;
  }
  .l-mainVisual__wrapper {
    height: 100%;
  }
  .l-mainVisual__item {
    height: 100%;
  }
  .l-mainVisual__textBox {
    left: 8rem;
    bottom: 6.8rem;
  }
  .l-mainVisual__textEng {
    font-size: 5.8rem;
  }
  .l-mainVisual__textJpn {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1920px) {
  .l-mainVisual img {
    border-top-right-radius: 220px;
    border-bottom-right-radius: 220px;
  }
}

.l-page-top {
  display: none;
  position: fixed;
  width: 6rem;
  height: 6rem;
  right: 7rem;
  bottom: 8rem;
  z-index: 102;
}

.l-pageTitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.l-pageTitle__bg {
  width: 52%;
  position: relative;
  height: 0;
  padding-top: 40%;
  border-top-right-radius: 20%;
  border-bottom-right-radius: 20%;
}
.l-pageTitle__bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% center;
     object-position: 80% center;
  border-top-right-radius: 20%;
  border-bottom-right-radius: 20%;
}
.l-pageTitle__wrapper {
  width: 48%;
  padding-left: 5%;
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .l-pageTitle__bg {
    width: 68.75%;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  .l-pageTitle__bg img {
    -o-object-position: 80% center;
       object-position: 80% center;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  .l-pageTitle__wrapper {
    width: 31.25%;
  }
}
@media screen and (min-width: 750px) {
  .l-pageTitle__bg {
    height: auto;
    padding-top: 0;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
  }
  .l-pageTitle__bg img {
    position: relative;
    -o-object-position: center center;
       object-position: center center;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
  }
  .l-pageTitle__wrapper {
    width: 31.25%;
  }
}

.l-footer {
  width: 100%;
  padding-top: 0rem;
  padding-bottom: 6.2rem;
}
.l-footer__about {
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding-top: 35px;
  text-align: center;
}
.l-footer__aboutLogo {
  max-width: 222px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.l-footer__address {
  padding-top: 12.5px;
}
.l-footer__copyright {
  flex-direction: column;
  width: 100%;
  padding-top: 12.5px;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .l-footer {
    padding-top: 5rem;
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__wrapper {
    align-items: flex-end;
    justify-content: space-between;
  }
  .l-footer__about {
    justify-content: center;
    flex-direction: row;
    width: auto;
    padding-top: 7rem;
    text-align: left;
  }
  .l-footer__aboutLogo {
    max-width: 222px;
    width: 100%;
    margin-left: 0;
    margin-right: 3rem;
  }
  .l-footer__address {
    padding-top: 0;
  }
  .l-footer__copyright {
    flex-direction: row;
    width: auto;
    padding-top: 0;
    text-align: right;
  }
  .l-footer__copyrightText {
    padding-left: 2.4rem;
  }
}

.l-ftnav {
  width: 100%;
}
.l-ftnav__list {
  border-top: 1px solid #0f3c3c;
}
.l-ftnav__item {
  width: 50%;
  border-bottom: 1px solid #0f3c3c;
}
.l-ftnav__item:not(:nth-of-type(even)) {
  border-right: 1px solid #0f3c3c;
}
@media screen and (min-width: 750px) {
  .l-ftnav {
    width: 100%;
  }
  .l-ftnav__list {
    justify-content: center;
    border-top: none;
  }
  .l-ftnav__item {
    display: flex;
    width: auto;
    border-bottom: none;
  }
  .l-ftnav__item:not(:last-child) {
    padding-right: 1.8rem;
  }
  .l-ftnav__item:not(:last-child)::after {
    content: "/";
    padding-left: 1.8rem;
  }
  .l-ftnav__item:not(:nth-of-type(even)) {
    border-right: none;
  }
  .l-ftnav__item:not(:nth-of-type(3n+3)) {
    border-right: none;
  }
}

.l-footerContact {
  max-width: 1540px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #3ab034;
}
.l-footerContact__inner {
  padding-bottom: 5rem;
}
.l-footerContact__title {
  text-align: center;
}
.l-footerContact__btnList {
  justify-content: center;
  padding-top: 2rem;
  gap: 15px;
}
.l-footerContact__btnItem {
  max-width: 300px;
  width: 90%;
}
.l-footerContact__bt {
  padding-top: 1.1rem;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .l-footerContact {
    max-width: 1540px;
    width: 96.25%;
    margin-left: auto;
    margin-right: auto;
    background-color: #3ab034;
    border-radius: 10px;
  }
  .l-footerContact__btnList {
    padding-top: 2rem;
    gap: 15px;
  }
  .l-footerContact__btnItem {
    max-width: 300px;
    width: 100%;
  }
  .l-footerContact__bt {
    text-align: left;
  }
}

.p-topAbout {
  position: relative;
}
.p-topAbout::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 1370px;
  height: 365.3333333333vw;
  background-image: url(../images/top/bg_img01.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  z-index: -1;
}
.p-topAbout .p-about__drone {
  background-image: none;
}
@media screen and (min-width: 750px) {
  .p-topAbout::after {
    max-height: 1027.5px;
    height: 133.7890625vw;
    background-size: cover;
  }
}
@media screen and (min-width: 1024px) {
  .p-topAbout::after {
    max-height: 1260.4px;
    height: 133.7890625vw;
  }
}
@media screen and (min-width: 1280px) {
  .p-topAbout::after {
    max-height: 1370px;
    height: 107.03125vw;
  }
}
@media screen and (min-width: 1480px) {
  .p-topAbout::after {
    height: 92.5675675676vw;
    background-size: 100% auto;
  }
}

.p-topMerit {
  padding-top: 25px;
}
.p-topMerit__card {
  justify-content: center;
  padding-top: 17.5px;
  gap: 3rem;
}
.p-topMerit__cardItem {
  max-width: 380px;
  width: 100%;
}
.p-topMerit__cardText {
  margin-top: 10px;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .p-topMerit {
    padding-top: 37.5px;
  }
  .p-topMerit__card {
    justify-content: space-between;
    padding-top: 26.25px;
    gap: 2.5%;
  }
  .p-topMerit__cardItem {
    width: 31.6666666667%;
  }
  .p-topMerit__cardText {
    margin-top: 15px;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-topMerit {
    padding-top: 5rem;
  }
  .p-topMerit__card {
    padding-top: 3.5rem;
  }
  .p-topMerit__cardItem {
    width: 31.6666666667%;
  }
  .p-topMerit__cardText {
    margin-top: 2rem;
    text-align: center;
  }
}

.p-topPageLink {
  padding-top: 32.5px;
  padding-bottom: 35px;
}
.p-topPageLink__kv {
  position: relative;
  max-width: 1540px;
  width: 96.25vw;
  margin-left: auto;
  margin-right: auto;
  height: 0;
  padding-top: 75%;
  z-index: 1;
}
.p-topPageLink__kv img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.p-topPageLink__wrap {
  position: relative;
  width: 90%;
  margin-top: -80px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0px 5px 10px 0 #ebf5eb;
  background-color: #fff;
  border-radius: 8px;
  z-index: 2;
}
.p-topPageLink__btnList {
  justify-content: center;
  padding-top: 12.5px;
  gap: 2.5rem;
}
.p-topPageLink__btnItem {
  max-width: 260px;
  width: 100%;
}
.p-topPageLink__bnrList {
  justify-content: center;
  padding-top: 32.5px;
  gap: 2rem;
}
@media screen and (min-width: 750px) {
  .p-topPageLink {
    padding-top: 6.5rem;
    padding-bottom: 7rem;
  }
  .p-topPageLink__kv {
    height: 0;
    padding-top: 50%;
  }
  .p-topPageLink__wrap {
    max-width: 1040px;
    width: 86.6666666667%;
    margin-top: -7rem;
    padding-top: 30px;
    padding-bottom: 37.5px;
    padding-left: 0;
    padding-right: 0;
  }
  .p-topPageLink__title {
    max-width: 714px;
    width: 68.6538461538%;
    margin-left: auto;
    margin-right: auto;
  }
  .p-topPageLink__btnList {
    padding-top: 18.75px;
  }
  .p-topPageLink__btnItem {
    max-width: 260px;
    width: 25%;
  }
  .p-topPageLink__bnrList {
    padding-top: 48.75px;
    gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-topPageLink__kv {
    height: auto;
    padding-top: 0%;
  }
  .p-topPageLink__kv img {
    position: relative;
    border-radius: 0;
  }
  .p-topPageLink__wrap {
    margin-top: -13.4rem;
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
  .p-topPageLink__btnList {
    padding-top: 2.5rem;
  }
  .p-topPageLink__bnrList {
    padding-top: 6.5rem;
  }
}

.p-about {
  padding-bottom: 10rem;
  /* ドローン農薬散布とは */
  /* ドローン農薬散布の特徴 */
  /* こんな方におすすめ */
  /* 農薬散布方法の比較表 */
  /* 取扱いドローンについて */
  /* TOPページ　ドローン農薬散布 */
}
.p-about__drone {
  width: 100%;
  padding-top: 2.4rem;
  padding-bottom: 6rem;
  background-image: url(../images/bg/bg_img01@2x.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.p-about__droneWrapper {
  padding-top: 5rem;
}
.p-about__droneDetail {
  max-width: 690px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p-about__droneImage {
  max-width: 620px;
  width: 100%;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
}
.p-about__feature {
  padding-top: 5rem;
}
.p-about__card {
  justify-content: center;
  padding-top: 4.5rem;
  gap: 4rem;
}
.p-about__card01 {
  justify-content: center;
  padding-top: 4.5rem;
  gap: 4rem;
}
.p-about__card02 {
  justify-content: center;
  padding-top: 4.5rem;
  gap: 4rem;
}
.p-about__cardItem {
  max-width: 560px;
  width: 100%;
}
.p-about__des {
  padding-top: 3.5rem;
}
.p-about__recommend {
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5rem 5rem 5rem 5rem;
  background-color: #47bc41;
  border-radius: 5px;
}
.p-about__recommendHead {
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.p-about__recommendIcon {
  max-width: 124px;
  width: 12.4rem;
}
.p-about__recommendTitle {
  padding-top: 3.2rem;
  text-align: center;
}
.p-about__recommendList {
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  gap: 1rem;
}
.p-about__comparison {
  padding-top: 5rem;
  padding-bottom: 7rem;
}
.p-about__xaircraft {
  position: relative;
  padding-top: 2.4rem;
}
.p-about__xaircraft::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 69.4rem;
  top: 0;
  left: 0;
  background-image: url(../images/bg/bg_img01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.p-about__xaircraftWrapper {
  padding-top: 4rem;
  padding-bottom: 5rem;
}
.p-about__xaircraftDetail {
  max-width: 690px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p-about__xaircraftImage {
  max-width: 620px;
  width: 100%;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
}
.p-about__xaircraftList {
  width: 100%;
  padding-top: 4rem;
  gap: 5.7rem 6.6rem;
}
.p-about__xaircraftItem {
  width: 100%;
}
.p-about__intro {
  width: 100%;
  margin-top: 3.5rem;
  padding: 5rem 5rem 5rem 5rem;
  border: solid 3px #3ab034;
  background-color: #fff;
  border-radius: 8px;
}
.p-about__introIcon {
  max-width: 131px;
  width: 13.1rem;
  margin-left: auto;
  margin-right: auto;
}
.p-about__introDetail {
  padding-top: 5rem;
}
.p-about__catchTitle {
  position: relative;
  padding-top: 3.5rem;
}
.p-about__catchTitle::before {
  content: "";
  position: absolute;
  width: 3.9rem;
  height: 3.5rem;
  left: -2rem;
  top: 0;
  background-image: url(../images/icon/icon_text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.p-about__btn {
  max-width: 260px;
  width: 100%;
  margin-top: 15px;
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .p-about {
    /* ドローン農薬散布とは */
    /* こんな方におすすめ */
    /* 取扱いドローンについて */
  }
  .p-about__droneDetail {
    max-width: 690px;
    width: 100%;
  }
  .p-about__droneImage {
    max-width: 620px;
    width: 100%;
    margin-top: -10rem;
  }
  .p-about__recommendHead {
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
  .p-about__xaircraftDetail {
    max-width: 690px;
    width: 100%;
  }
  .p-about__xaircraftImage {
    max-width: 620px;
    width: 100%;
    margin-top: -10rem;
  }
}
@media screen and (min-width: 750px) {
  .p-about {
    /* ドローン農薬散布とは */
    /* ドローン農薬散布の特徴 */
    /* こんな方におすすめ */
    /* 取扱いドローンについて */
  }
  .p-about__drone {
    width: 100%;
    padding-top: 2.4rem;
    padding-bottom: 6rem;
  }
  .p-about__droneWrapper {
    align-items: flex-start;
    padding-top: 5rem;
  }
  .p-about__droneDetail {
    max-width: 690px;
    width: 57.5%;
    margin-left: 0;
    margin-right: 0;
  }
  .p-about__droneImage {
    max-width: 620px;
    width: 51.6666666667%;
    margin-top: 5rem;
    margin-left: -29.296875vw;
    margin-right: 0;
  }
  .p-about__des {
    padding-top: 3rem;
  }
  .p-about__recommend {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    padding: 5rem 5rem 5rem 5rem;
    gap: 3rem;
  }
  .p-about__recommendTitle {
    padding-top: 0rem;
    padding-left: 3rem;
    text-align: left;
  }
  .p-about__recommendList {
    max-width: 520px;
    width: 100%;
    flex-direction: row;
    margin-left: 5rem;
    margin-right: 0;
    padding-top: 0rem;
  }
  .p-about__recommendItem {
    width: 46%;
  }
  .p-about__xaircraftWrapper {
    align-items: flex-start;
  }
  .p-about__xaircraftDetail {
    max-width: 690px;
    width: 57.5%;
    margin-left: 0;
    margin-right: 0;
  }
  .p-about__xaircraftImage {
    max-width: 620px;
    width: 51.6666666667%;
    margin-top: 5rem;
    margin-left: -29.296875vw;
    margin-right: 0;
  }
  .p-about__xaircraftList {
    width: 100%;
    padding-top: 4rem;
    gap: 4.8828125vw 6.4453125vw;
  }
  .p-about__xaircraftItem {
    width: calc(50% - 3.22265625vw);
  }
  .p-about__intro {
    align-items: center;
    justify-content: center;
    margin-top: 3.5rem;
    padding: 2.5rem 5rem 2.5rem 5rem;
  }
  .p-about__introIcon {
    max-width: 131px;
    width: 13.1rem;
    margin-left: 0;
    margin-right: 0;
  }
  .p-about__introDetail {
    max-width: 750px;
    width: 68.1818181818%;
    margin-left: 4.5454545455%;
    padding-top: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about {
    /* ドローン農薬散布の特徴 */
    /* こんな方におすすめ */
  }
  .p-about__feature {
    padding-top: 5rem;
  }
  .p-about__card {
    justify-content: center;
    padding-top: 4.5rem;
    gap: 3.4482758621%;
  }
  .p-about__card01 {
    justify-content: center;
    padding-top: 4.5rem;
    gap: 3.4482758621%;
  }
  .p-about__card02 {
    justify-content: left;
    padding-top: 4.5rem;
    gap: 3.4482758621%;
  }
  .p-about__cardItem {
    max-width: 560px;
    width: 48.275862069%;
  }
  .p-about__des {
    padding-top: 2.3rem;
  }
  .p-about__recommend {
    justify-content: space-between;
    width: 100%;
    margin-top: 2.5rem;
    padding: 3.3rem 7.03125vw 3.3rem 5.9375vw;
  }
  .p-about__recommendIcon {
    max-width: 124px;
    width: 9.6875vw;
  }
  .p-about__recommendTitle {
    padding-top: 0rem;
    padding-left: 2.34375vw;
    text-align: left;
  }
  .p-about__recommendList {
    flex-direction: row;
    justify-content: flex-end;
    max-width: none;
    width: 46.09375vw;
    margin-left: 0rem;
    margin-right: 0;
    padding-top: 0rem;
    gap: 1rem 0;
  }
  .p-about__recommendItem {
    width: 50%;
  }
  .p-about__xaircraftList {
    width: 100%;
    padding-top: 4rem;
    gap: 4.453125vw 5.15625vw;
  }
  .p-about__xaircraftItem {
    width: calc(33.3333333333% - 3.4375vw);
  }
}
@media screen and (min-width: 1280px) {
  .p-about {
    /* こんな方におすすめ */
    /* こんな方におすすめ */
  }
  .p-about__card {
    justify-content: center;
    padding-top: 4.5rem;
    gap: 3.4482758621%;
  }
  .p-about__card01 {
    justify-content: center;
    padding-top: 4.5rem;
    gap: 3.4482758621%;
  }
  .p-about__card02 {
    justify-content: left;
    padding-top: 4.5rem;
	padding-left: 1.9rem;
    gap: 3.4482758621%;
  }
  .p-about__recommend {
    padding: 3.3rem 7.5% 3.3rem 5.8333333333%;
  }
  .p-about__recommendIcon {
    max-width: 124px;
    width: 100%;
  }
  .p-about__recommendTitle {
    padding-left: 3rem;
  }
  .p-about__recommendList {
    justify-content: flex-end;
    width: 63rem;
    gap: 1rem 0;
  }
  .p-about__recommendItem {
    width: 50%;
  }
  .p-about__xaircraftList {
    width: 100%;
    padding-top: 4rem;
    gap: 5.7rem 6.6rem;
  }
  .p-about__xaircraftItem {
    width: calc(33.3333333333% - 4.4rem);
  }
}
/*# sourceMappingURL=style.css.map */


.p-fjd_system {
  padding-bottom: 10rem;
  /* FJDynamics 農機自動操舵システム */
  /* 取付事例 */
  /* 特徴 */
  /* システム構成 */
  /* 注意事項 */
  /* 製品仕様 */
}
.p-fjd_system__drone {
  width: 100%;
  padding-top: 2.4rem;
  padding-bottom: 6rem;
  background-image: url(../images/bg/bg_img01@2x.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.p-fjd_system__dronebox {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.p-fjd_system__dronebox img {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.p-fjd_system__example {
  padding-top: 5rem;
}
.p-fjd_system__examplebox {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.p-fjd_system__examplebox img.aaa {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.p-fjd_system__examplebox img.bbb {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.p-fjd_system__examplebox img.ccc {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.p-fjd_system__examplebox img.ddd {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.p-fjd_system__feature {
	margin-bottom: 30px;
	padding-top: 5rem;
}
.p-fjd_system__card {
  justify-content: center;
  padding-top: 4.5rem;
  gap: 4rem;
}
.p-fjd_system__cardItem {
  max-width: 560px;
  width: 100%;
}
.p-fjd_system__system_configuration {
  width: 100%;
  padding-top: 2.4rem;
  padding-bottom: 6rem;
  background-image: url(../images/bg/bg_img01@2x.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.p-fjd_system__system_configurationbox {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.p-fjd_system__system_configurationbox img {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.p-fjd_system__system_configurationbox p {
	text-align: center;
}
.p-fjd_system__caution {
	padding-top: 5rem;
}
.p-fjd_system__cautionbox {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.p-fjd_system__cautionbox img {
	width: 100%;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.p-fjd_system__cautionbox p.txt01 {
	font-size: 16px;
	font-weight: bold;
	color: #0099FF;
	padding-top: 10px;
}
.p-fjd_system__cautionbox p.txt02 {
	font-size: 14px;
	line-height: 1.8;
	padding-top: 10px;
}
.p-fjd_system__cautionbox p.txt02 span {
	color: #FF0000;
}
.p-fjd_system__product_specification {
  padding-top: 5rem;
}
.p-fjd_system__des {
  padding-top: 3.5rem;
}
.p-fjd_system__recommend {
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5rem 5rem 5rem 5rem;
  background-color: #47bc41;
  border-radius: 5px;
}
.p-fjd_system__recommendHead {
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.p-fjd_system__recommendIcon {
  max-width: 124px;
  width: 12.4rem;
}
.p-fjd_system__recommendTitle {
  padding-top: 3.2rem;
  text-align: center;
}
.p-fjd_system__recommendList {
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  gap: 1rem;
}
.p-fjd_system__comparison {
  padding-top: 5rem;
  padding-bottom: 7rem;
}
.p-fjd_system__xaircraft {
  position: relative;
  padding-top: 2.4rem;
}
.p-fjd_system__xaircraft::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 69.4rem;
  top: 0;
  left: 0;
  background-image: url(../images/bg/bg_img01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.p-fjd_system__xaircraftWrapper {
  padding-top: 4rem;
  padding-bottom: 5rem;
}
.p-fjd_system__xaircraftDetail {
  max-width: 690px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p-fjd_system__xaircraftImage {
  max-width: 620px;
  width: 100%;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
}
.p-fjd_system__xaircraftList {
  width: 100%;
  padding-top: 4rem;
  gap: 5.7rem 6.6rem;
}
.p-fjd_system__xaircraftItem {
  width: 100%;
}
.p-fjd_system__xaircraftItem02 {
  width: 100%;
}
.p-fjd_system__intro {
  width: 100%;
  margin-top: 3.5rem;
  padding: 5rem 5rem 5rem 5rem;
  border: solid 3px #3ab034;
  background-color: #fff;
  border-radius: 8px;
}
.p-fjd_system__introIcon {
  max-width: 131px;
  width: 13.1rem;
  margin-left: auto;
  margin-right: auto;
}
.p-fjd_system__introDetail {
  padding-top: 5rem;
}
.p-fjd_system__catchTitle {
  position: relative;
  padding-top: 3.5rem;
}
.p-fjd_system__catchTitle::before {
  content: "";
  position: absolute;
  width: 3.9rem;
  height: 3.5rem;
  left: -2rem;
  top: 0;
  background-image: url(../images/icon/icon_text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.p-fjd_system__btn {
  max-width: 260px;
  width: 100%;
  margin-top: 15px;
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .p-fjd_system {
    /* ドローン農薬散布とは */
    /* こんな方におすすめ */
    /* 取扱いドローンについて */
  }
  .p-fjd_system__drone {
	width: 100%;
	padding-top: 2.4rem;
	padding-bottom: 6rem;
	background-image: url(../images/bg/bg_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .p-fjd_system__dronebox {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
  }
  .p-fjd_system__dronebox img {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__example {
	padding-top: 5rem;
  }
  .p-fjd_system__examplebox {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 25px;
  }
  .p-fjd_system__examplebox img.aaa {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.bbb {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.ccc {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.ddd {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__feature {
	margin-bottom: 30px;
	padding-top: 5rem;
  }
  .p-fjd_system__system_configuration {
	width: 100%;
	padding-top: 2.4rem;
	padding-bottom: 6rem;
	background-image: url(../images/bg/bg_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .p-fjd_system__system_configurationbox {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__system_configurationbox img {
	width: 90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__system_configurationbox p {
	text-align: center;
  }
  .p-fjd_system__caution {
	padding-top: 5rem;
  }
  .p-fjd_system__cautionbox {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__cautionbox img {
	width: 100%;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
  }
  .p-fjd_system__cautionbox p.txt01 {
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
	padding-top: 10px;
  }
  .p-fjd_system__cautionbox p.txt02 {
	font-size: 14px;
	line-height: 1.8;
	padding-top: 10px;
  }
  .p-fjd_system__cautionbox p.txt02 span {
	color: #FF0000;
  }
  .p-fjd_system__xaircraftDetail {
    max-width: 690px;
    width: 100%;
  }
  .p-fjd_system__xaircraftImage {
    max-width: 620px;
    width: 100%;
    margin-top: -10rem;
  }
}
@media screen and (min-width: 750px) {
  .p-fjd_system {
    /* ドローン農薬散布とは */
    /* ドローン農薬散布の特徴 */
    /* こんな方におすすめ */
    /* 取扱いドローンについて */
  }
  .p-fjd_system__drone {
	width: 100%;
	padding-top: 2.4rem;
	padding-bottom: 6rem;
	background-image: url(../images/bg/bg_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .p-fjd_system__dronebox {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
  }
  .p-fjd_system__dronebox img {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__example {
	padding-top: 5rem;
  }
  .p-fjd_system__examplebox {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__examplebox img.aaa {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.bbb {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 15px;
  }
  .p-fjd_system__examplebox img.ccc {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.ddd {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
  }
  .p-fjd_system__feature {
	margin-bottom: 35px;
	padding-top: 5rem;
  }
  .p-fjd_system__system_configuration {
	width: 100%;
	padding-top: 2.4rem;
	padding-bottom: 6rem;
	background-image: url(../images/bg/bg_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .p-fjd_system__system_configurationbox {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__system_configurationbox img {
	width: 80%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__system_configurationbox p {
	text-align: center;
  }
  .p-fjd_system__caution {
	padding-top: 5rem;
  }
  .p-fjd_system__cautionbox {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__cautionbox img {
	width: 30%;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 20px;
  }
  .p-fjd_system__cautionbox p.txt01 {
	font-size: 15px;
	font-weight: bold;
	color: #0099FF;
	padding-top: 5px;
  }
  .p-fjd_system__cautionbox p.txt02 {
	font-size: 13px;
	line-height: 2.0;
	padding-top: 15px;
  }
  .p-fjd_system__cautionbox p.txt02 span {
	color: #FF0000;
  }
  .p-fjd_system__xaircraftWrapper {
    align-items: flex-start;
  }
  .p-fjd_system__xaircraftDetail {
    max-width: 690px;
    width: 57.5%;
    margin-left: 0;
    margin-right: 0;
  }
  .p-fjd_system__xaircraftImage {
    max-width: 620px;
    width: 51.6666666667%;
    margin-top: 5rem;
    margin-left: -29.296875vw;
    margin-right: 0;
  }
  .p-fjd_system__xaircraftList {
    width: 100%;
    padding-top: 4rem;
    gap: 4.8828125vw 6.4453125vw;
  }
  .p-fjd_system__xaircraftItem {
    width: calc(50% - 3.22265625vw);
  }
  .p-fjd_system__xaircraftItem02 {
    width: calc(50% - 3.22265625vw);
  }
}
@media screen and (min-width: 1024px) {
  .p-fjd_system {
    /* ドローン農薬散布の特徴 */
    /* こんな方におすすめ */
  }
  .p-fjd_system__drone {
	width: 100%;
	padding-top: 2.4rem;
	padding-bottom: 6rem;
	background-image: url(../images/bg/bg_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .p-fjd_system__dronebox {
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
  }
  .p-fjd_system__dronebox img {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__example {
	padding-top: 5rem;
  }
  .p-fjd_system__examplebox {
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__examplebox img.aaa {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.bbb {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 15px;
  }
  .p-fjd_system__examplebox img.ccc {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.ddd {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
  }
  .p-fjd_system__feature {
	margin-bottom: 40px;
	padding-top: 5rem;
  }
  .p-fjd_system__card {
    justify-content: center;
    padding-top: 4.5rem;
    gap: 3.4482758621%;
  }
  .p-fjd_system__cardItem {
    max-width: 560px;
    width: 48.275862069%;
  }
  .p-fjd_system__system_configuration {
	width: 100%;
	padding-top: 2.4rem;
	padding-bottom: 6rem;
	background-image: url(../images/bg/bg_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .p-fjd_system__system_configurationbox {
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__system_configurationbox img {
	width: 70%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__system_configurationbox p {
	text-align: center;
  }
  .p-fjd_system__caution {
	padding-top: 5rem;
  }
  .p-fjd_system__cautionbox {
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__cautionbox img {
	width: 30%;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 20px;
  }
  .p-fjd_system__cautionbox p.txt01 {
	font-size: 16px;
	font-weight: bold;
	color: #0099FF;
	padding-top: 5px;
  }
  .p-fjd_system__cautionbox p.txt02 {
	font-size: 15px;
	line-height: 2.0;
	padding-top: 15px;
  }
  .p-fjd_system__cautionbox p.txt02 span {
	color: #FF0000;
  }
  .p-fjd_system__xaircraftList {
    width: 100%;
    padding-top: 4rem;
    gap: 4.453125vw 5.15625vw;
  }
  .p-fjd_system__xaircraftItem {
    width: calc(33.3333333333% - 3.4375vw);
  }
  .p-fjd_system__xaircraftItem02 {
    width: calc(50% - 3.4375vw);
  }
}
@media screen and (min-width: 1280px) {
  .p-fjd_system {
    /* こんな方におすすめ */
    /* こんな方におすすめ */
  }
  .p-fjd_system__drone {
	width: 100%;
	padding-top: 2.4rem;
	padding-bottom: 6rem;
	background-image: url(../images/bg/bg_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .p-fjd_system__dronebox {
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
  }
  .p-fjd_system__dronebox img {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__example {
	padding-top: 5rem;
  }
  .p-fjd_system__examplebox {
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__examplebox img.aaa {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.bbb {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 15px;
  }
  .p-fjd_system__examplebox img.ccc {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__examplebox img.ddd {
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
  }
  .p-fjd_system__feature {
	margin-bottom: 40px;
	padding-top: 5rem;
  }
  .p-fjd_system__card {
    justify-content: center;
    padding-top: 4.5rem;
    gap: 3.4482758621%;
  }
  .p-fjd_system__system_configuration {
	width: 100%;
	padding-top: 2.4rem;
	padding-bottom: 6rem;
	background-image: url(../images/bg/bg_img01@2x.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
  }
  .p-fjd_system__system_configurationbox {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__system_configurationbox p {
	text-align: center;
  }
  .p-fjd_system__system_configurationbox img {
	width: 70%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
  .p-fjd_system__caution {
	padding-top: 5rem;
  }
  .p-fjd_system__cautionbox {
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
  .p-fjd_system__cautionbox img {
	width: 30%;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 20px;
  }
  .p-fjd_system__cautionbox p.txt01 {
	font-size: 16px;
	font-weight: bold;
	color: #0099FF;
	padding-top: 5px;
  }
  .p-fjd_system__cautionbox p.txt02 {
	font-size: 16px;
	line-height: 2.0;
	padding-top: 15px;
  }
  .p-fjd_system__cautionbox p.txt02 span {
	color: #FF0000;
  }
  .p-fjd_system__xaircraftList {
    width: 100%;
    padding-top: 4rem;
    gap: 5.7rem 6.6rem;
  }
  .p-fjd_system__xaircraftItem {
    width: calc(33.3333333333% - 4.4rem);
  }
  .p-fjd_system__xaircraftItem02 {
    width: calc(50% - 4.4rem);
  }
}
/*# sourceMappingURL=style.css.map */


/*Q&A dl01*/
.question{
	width: 100%;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	font-size:1.7rem;
}
.question dt{
	min-height: 28px;
	line-height: 28px;
	background-color: #FFFFFF;
	background-image: url(../images/page/faq/icon-q.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
}
.question dd{
	min-height:28px;
	line-height:1.6;
	background:url(../images/page/faq/icon-a.png) no-repeat 10px 10px;
	margin-bottom: 20px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-left: 0px;
}
@media (max-width: 768px){
.question{
	font-size:3rem;
}
}


/*** レスポンシブテーブルデザイン ***/
.shokai{
	width: 100%;
	border: 2px solid #d6ceb4;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 60px;
	margin-top: 40px;
	font-size:1.7rem;
}
.shokai th{
	padding: 15px;
	border-top: solid 1px #ffffff;
	width: 30%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #eeece4;
}
.shokai td{
	padding: 15px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
@media (max-width: 768px){
.shokai{
	font-size:3rem;
}
.shokai th{
	width:100%;
	display:block;
	margin: 0 auto;
	border:none;
	border-radius: 3px;
}
.shokai td{
	display: list-item;
	width: 100%;
	border-top: none !important;
}
}
/*** レスポンシブテーブルデザイン　おわり ***/


/*プライバシーポリシーテーブル*/
.table_privacy{
	width: 98%;
	border-collapse: collapse;
	margin-left: 15px;
	font-size:1.7rem;
}
.table_privacy th{
	width: 5%;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-weight: normal;
	vertical-align: top;
}
.table_privacy td{
	padding: 15px;
	vertical-align: top;
}
@media (max-width: 768px){
.table_privacy{
	font-size:3rem;
}
}


/*ボックスレスポンシブ　フロー*/
.boxresflow001 {
	width:100%;
	margin-bottom:60px;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.boxresflow001 img {
	width:20%;
	float: left;
	padding-top: 35px;
	padding-right: 35px;
	padding-bottom:35px;
	padding-left: 35px;
}
.boxresflow001 p.txt01 {
	padding-top: 5px;
	color: #3ab034;
	font-size: 2.4rem;
	font-weight: 600;
}
.boxresflow001 p.txt01 span{
	font-size: 1.6rem;
	font-weight: 600;
	margin-right: 10px;
}
.boxresflow001 p.txt02 {
	padding-top:5px;
	font-size: 1.7rem;
}
@media (max-width: 768px){
.boxresflow001 {
	min-height:0px ;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom:30px;
}
.boxresflow001 img{
	float:right;
	padding:0 ;
}
.boxresflow001 p.txt01 {
	font-size: 3.5rem;
}
.boxresflow001 p.txt01 span{
	font-size: 2.5rem;
}
.boxresflow001 p.txt02 {
	font-size: 3rem;
}
}

/*ボックスレスポンシブ　モニタリング*/
.boxresmonitoring001 {
	width: 96%;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}
.boxresmonitoring001 img {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.boxresmonitoring001 p {
	text-align: center;
}
@media (max-width: 768px){
.boxresmonitoring001 {
	width: 100%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.boxresmonitoring001 img{
	float: none;
}
}