@charset "UTF-8";
/*! Theme Name: wp */
/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600;1,700&display=swap");
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
nav,
section,
time,
mark,
audio,
video {
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block; }

html {
  font-size: 62.5%;
  color: #111111; }

body {
  -webkit-text-size-adjust: 100%; }

body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold; }

table,
input,
textarea,
select,
option {
  line-height: 1.1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

img {
  vertical-align: top; }

a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)"; }

form label {
  cursor: pointer; }

@font-face {
  font-family: 'Univers LT Pro 55 Roman';
  font-style: normal;
  font-weight: normal;
  src: local("Univers LT Pro 55 Roman"), url("/assets/fonts/UniversLTPro-55Roman.woff") format("woff"); }

@font-face {
  font-family: 'Univers LT Pro 65 Bold';
  font-weight: bold;
  font-style: normal;
  src: local("Univers LT Pro 65 Bold"), url("/assets/fonts/UniversLTPro-65Bold.woff") format("woff"); }

@font-face {
  font-family: 'Futo Go B101';
  font-weight: normal;
  font-style: normal;
  src: local("Futo Go B101"), url("/assets/fonts/FutoGoB101Pro-Bold.otf") format("opentype"); }

/*------------------------------------------------------------
for develop
------------------------------------------------------------*/
#__bs_notify__ {
  opacity: 0.3 !important;
  font-size: 5px !important;
  line-height: 100% !important;
  padding: 0 5px 0 5px !important;
  border-radius: 0 !important; }

.c-dev-title1 {
  background: #000;
  color: #fff;
  line-height: 1;
  padding: 6px 0 6px 15px;
  font-size: 1.6rem;
  margin: 60px 0 20px 0; }

.c-dev-title2 {
  background: #888;
  color: #fff;
  line-height: 1;
  padding: 6px 0 6px 30px;
  font-size: 1.3rem;
  margin: 50px 0 10px 0; }

.c-dev-message1 {
  top: 0;
  left: 0;
  background: #f00;
  color: #fff;
  z-index: 9999;
  position: fixed;
  line-height: 1;
  padding: 3px 6px;
  opacity: 0.6;
  font-size: 8px; }

@media screen and (min-width: 768px) {
  .sp-only {
    display: none; } 
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none; } }

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

/*------------------------------------------------------------
breadcrumb
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .c-breadcrumb {
    display: none; } }

.c-breadcrumb__item {
  display: inline; }
  .c-breadcrumb__item a {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #009D42;
    text-decoration: none;
    display: inline-block;
    margin-right: 6px;
    padding-right: 10px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .c-breadcrumb__item a:hover {
        text-decoration: underline; } }
    .c-breadcrumb__item a::before {
      content: '/';
      position: absolute;
      right: 0;
      top: -1px;
      color: rgba(17, 17, 17, 0.5); }
  .c-breadcrumb__item span {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: rgba(17, 17, 17, 0.5);
    position: relative;
    display: inline; }

/*------------------------------------------------------------
layout
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
body {
  width: 100%; }
  body.is-fixed {
    position: fixed; }
  body.is-load {
    opacity: 0;
    pointer-events: none; }

.l-cont1 {
  width: 75%;
  max-width: 1480px;
  margin: 0 auto;
   padding: 0 20px;}
  @media screen and (max-width: 1300px) {
    .l-cont1 {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .l-cont1 {
      padding: 0 30px;
      width: 100%; } }

.l-cont2 {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px; }
  @media screen and (max-width: 767px) {
    .l-cont2 {
      padding: 0 30px; } }

.u-padtop {
  padding-top: 120px; }
  @media screen and (max-width: 767px) {
    .u-padtop {
      padding-top: 60px; } }

@media (min-width: 1024px) and (max-width: 1480px) {
  #wrapper {
    width: 1480px;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top; } }

/*------------------------------------------------------------
side
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
footer
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-footer {
  padding: 80px 0;
  background: #F6F6F6; }
  @media screen and (max-width: 767px) {
    .c-footer {
      padding: 40px 0; } }
  .c-footer .l-cont1 {
    padding: 0; }
    @media screen and (max-width: 1300px) {
      .c-footer .l-cont1 {
        padding: 0 20px; } }
  .c-footer__totop {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 88;
    opacity: 0;
    pointer-events: none; }
    @media screen and (max-width: 767px) {
      .c-footer__totop {
        bottom: 20px;
        right: 20px; } }
    .c-footer__totop .c-btn1 {
      border: 2px solid rgba(17, 17, 17, 0.2);
      cursor: pointer; }
      .c-footer__totop .c-btn1::after {
        background: url("/assets/img/common/icon-arrow-top-black.svg") center no-repeat;
        background-size: contain;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
      @media screen and (min-width: 768px) {
        .c-footer__totop .c-btn1:hover::after {
          background: url("/assets/img/common/icon-arrow-top-blue.svg") center no-repeat;
          background-size: contain; } }
      .c-footer__totop .c-btn1__halfcircle {
        border-width: 2px; }
    .c-footer__totop.is-show {
      opacity: 1;
      pointer-events: all; }

.c-footer1__list1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -0.15%; }

@media screen and (max-width: 767px) {
  .c-footer1__list2 {
    display: none; } }

.c-footer1__list3 {
  margin-top: 17px; }

.c-footer1__item1 {
  width: 25%;
  padding: 0 0.15%; }
  @media screen and (max-width: 767px) {
    .c-footer1__item1 {
      width: 100%;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .c-footer1__item1:nth-child(2), .c-footer1__item1:nth-child(3) {
      display: none; } }

.c-footer1__item2 {
  margin-bottom: 19px; }

.c-footer1__item3 {
  margin-bottom: 11px; }

.c-footer1__ttl1 {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: bold;
  color: #464646;
  margin: 39px 0 17px; }
  @media screen and (max-width: 1024px) {
    .c-footer1__ttl1 {
      font-size: 1.3rem;
      line-height: 1.4; } }
  @media screen and (max-width: 767px) {
    .c-footer1__ttl1 {
      font-size: 1.6rem;
      line-height: 2.8rem;
      margin: 22px 0 15px; } }

.c-footer1__ttl2 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    .c-footer1__ttl2 {
      font-size: 1.2rem; } }
  @media screen and (max-width: 767px) {
    .c-footer1__ttl2 {
      font-size: 1.6rem; } }

.c-footer1__text1 {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #464646; }
  @media screen and (max-width: 1024px) {
    .c-footer1__text1 {
      font-size: 1.4rem;
      line-height: 1.4; } }
  @media screen and (max-width: 767px) {
    .c-footer1__text1 {
      font-size: 1.4rem;
      line-height: 2.45rem; } }
  @media screen and (max-width: 374px) {
    .c-footer1__text1 {
      font-size: 1.2rem; } }
  .c-footer1__text1 a {
    color: #464646;
    text-decoration: none; }

.c-footer1__text2 {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #fff;
  font-family: 'Barlow Semi Condensed', sans-serif;
  margin-bottom: 3px;
  font-weight: 600; }

.c-footer1__copy {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #464646;
  margin-top: 38px; }
  @media screen and (max-width: 1024px) {
    .c-footer1__copy {
      white-space: nowrap; } }
  @media screen and (max-width: 767px) {
    .c-footer1__copy {
      font-size: 1rem;
      line-height: 1.5rem;
      text-align: center;
      margin-top: 30px;
      white-space: normal; } }

.c-footer1__link1 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
  color: #464646;
  text-decoration: none; }
  @media screen and (max-width: 1024px) {
    .c-footer1__link1 {
      font-size: 1.5rem;
      line-height: 1.4; } }
  @media screen and (min-width: 768px) {
    .c-footer1__link1:hover {
      color: #009D42; } }

.c-footer1__link2 {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #464646;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .c-footer1__link2:hover {
      color: #009D42; } }
  @media screen and (max-width: 1024px) {
    .c-footer1__link2 {
      font-size: 1.4rem;
      line-height: 1.4; } }

.c-footer1__blog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 39px;
  text-decoration: none; }
  @media screen and (max-width: 767px) {
    .c-footer1__blog {
      text-align: left;
      margin-top: 28px;
      padding: 0 10px; } }

.c-footer1__txt {
  width: 44%;
  background: #016DB6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px; }
  @media screen and (max-width: 767px) {
    .c-footer1__txt {
      width: 50%; } }

.c-footer1__img {
  width: 45%; }
  @media screen and (max-width: 767px) {
    .c-footer1__img {
      width: 50%; } }
  .c-footer1__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

@media screen and (max-width: 767px) {
  .c-footer1__logo {
    width: 145px;
    margin: 0 auto; } }

.c-footer1__phone {
  pointer-events: none; }
  @media screen and (max-width: 767px) {
    .c-footer1__phone {
      pointer-events: all; } }

.c-footer1__mark {
  position: relative; }
  .c-footer1__mark::after {
    content: '';
    margin-left: 10px;
    width: 12px;
    height: 12px;
    background: url(/assets/img/common/icon-window.svg) no-repeat center;
    background-size: 14px 14px;
    position: absolute;
    top: 7px;
    right: -20px; }

/*------------------------------------------------------------
header
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999; }
  @media (min-width: 1024px) and (max-width: 1480px) {
    .c-header {
      width: 1480px;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top; } }
  .c-header.js-bg {
    background: #fff; }
    .c-header.js-bg .c-header1 {
      height: 100px; }
      @media screen and (max-width: 767px) {
        .c-header.js-bg .c-header1 {
          height: 60px; } }
  .c-header.is-visite {
    background: #fff; }

.c-header1 {
  width: 100%;
  height: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media screen and (max-width: 767px) {
    .c-header1 {
      padding-left: 15px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 60px; } }
	  @media screen and (max-width: 340px) {
		  .c-header1 {
      padding-left: 5px;
		  }
	  }
  @media screen and (max-width: 767px) {
    .c-header1__logo {
     width: 144.5px; } }
  .c-header1__btn {
    width: 160px;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .c-header1__btn {
        background: #009D42; } }
  .c-header1__contact {
    font-size: 1.6rem;
    line-height: 2.4rem;
	letter-spacing: 0.05em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #009D42;
    position: relative; }
    @media screen and (max-width: 767px) {
      .c-header1__contact {
        font-size: 1rem;
        width: 100px; } }
    @media screen and (min-width: 768px) {
      .c-header1__contact:hover {
        opacity: 1; }
        .c-header1__contact:hover::before {
          width: 100%; } }
    .c-header1__contact::before {
      content: '';
      width: 0;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: 	#00D972;
      z-index: 1;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      @media screen and (max-width: 767px) {
        .c-header1__contact::before {
          content: none; } }
    @media screen and (max-width: 767px) {
      .c-header1__contact::after {
        content: '';
        width: 1px;
        height: 20px;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        top: calc(50% - 10px);
        right: 0; } }
    .c-header1__contact span {
      z-index: 2; }
  .c-header1__sub {
    background: rgba(0,157,66, 0.9);
    width: 100%;
    position: fixed;
    top: 120px;
    left: 0;
    padding: 40px 12.5% 37px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .c-header1__menu {
    position: absolute;
    top: 24px;
    right: 22px;
    width: 16px;
    height: 25px;
    cursor: pointer;
    z-index: 10;
    pointer-events: all;
    display: none; }
    @media screen and (max-width: 767px) {
      .c-header1__menu {
        display: block; } }
    .c-header1__menu span {
      width: 16px;
      height: 2px;
      background: #fff;
      display: block;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      .c-header1__menu span:not(:last-child) {
        margin-bottom: 3px; }
      .c-header1__menu span:nth-child(2) {
        width: 12px; }
      .c-header1__menu span:last-child {
        width: 8px; }
    .c-header1__menu.is-open span:first-child {
      -webkit-transform: rotate(45deg) translate(2px, 5px);
          -ms-transform: rotate(45deg) translate(2px, 5px);
              transform: rotate(45deg) translate(2px, 5px);
      width: 20px; }
    .c-header1__menu.is-open span:nth-child(2) {
      display: none; }
    .c-header1__menu.is-open span:last-child {
      -webkit-transform: rotate(-45deg) translate(-1px, -2px);
          -ms-transform: rotate(-45deg) translate(-1px, -2px);
              transform: rotate(-45deg) translate(-1px, -2px);
      width: 20px; }

.c-header2 {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 60px;
  left: 0;
  z-index: 99;
  padding: 19px 0 40px;
  display: none;
  overflow-y: scroll; }
  .c-header2__text1 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #fff;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600; }
  .c-header2__ttl {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold;
    color: #fff; }
  .c-header2__blog {
    margin: 20px 30px 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none; }
  .c-header2__txt {
    width: 50%;
    background: #016DB6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .c-header2__img {
    width: 50%; }
    .c-header2__img img {
      width: 100%; }

.c-nav1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  margin-left: 40px; }
  @media screen and (max-width: 1024px) {
    .c-nav1 {
      margin-left: 20px; } }
  @media screen and (max-width: 767px) {
    .c-nav1 {
      display: none; } }
  .c-nav1__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
  .c-nav1__item {
    height: 100%; }
    @media screen and (min-width: 768px) {
      .c-nav1__item:hover .c-nav1__link1 {
        opacity: 1; }
        .c-nav1__item:hover .c-nav1__link1::after {
          width: 100%; }
      .c-nav1__item:hover .c-header1__sub {
        opacity: 1;
        pointer-events: all; } }
  .c-nav1__link1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.6rem;
    line-height: 2.4rem;
	letter-spacing: 0.05em;
    color: #111;
    text-decoration: none;
    font-weight: bold;
    height: 100%;
    padding: 0 2.14vw;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .c-nav1__link1 {
        padding: 0 1.65vw;
        font-size: 1.4rem; } }
		  @media screen and (min-width: 768px)and (max-width: 940px) {
			.c-header1 {
				padding-left: 10px;
			}
			.c-header1__btn {
				width: 130px;
			}
			.c-nav1__link1 {
        padding: 0 0.7vw;
        font-size: 1.2rem;
    }
		  }
    .c-nav1__link1.is-active::after {
      width: 100%; }
    .c-nav1__link1::after {
      content: '';
      width: 0;
      height: 4px;
      background: #009D42;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .c-nav1__link1 span {
      position: relative;
      display: inline-block;
      padding-right: 19px; }
      .c-nav1__link1 span::after {
        content: '';
        width: 12px;
        height: 12px;
        background: url("/assets/img/common/icon-window.svg") no-repeat center;
        background-size: 14px 14px;
        position: absolute;
        top: 7px;
        right: 0; }

.c-nav2 {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .c-nav2__ttl {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: bold;
    color: #fff; }
  .c-nav2__link {
    text-decoration: none;
    display: block; }
    @media screen and (min-width: 768px) {
      .c-nav2__link:hover {
        opacity: 1; }
        .c-nav2__link:hover .c-nav2__hover {
          opacity: 1;
          border-width: 5px; }
          .c-nav2__link:hover .c-nav2__hover .c-btn2 {
            opacity: 1; }
            .c-nav2__link:hover .c-nav2__hover .c-btn2 .c-btn1__halfclip {
              -webkit-animation: cliprotate 0.25s 1;
                      animation: cliprotate 0.25s 1;
              -webkit-transform: rotate(180deg);
                  -ms-transform: rotate(180deg);
                      transform: rotate(180deg); }
            .c-nav2__link:hover .c-nav2__hover .c-btn2 .c-btn1 .u-clipped {
              -webkit-transform: rotate(135deg);
                  -ms-transform: rotate(135deg);
                      transform: rotate(135deg);
              -webkit-animation: rotate 0.125s linear 2;
                      animation: rotate 0.125s linear 2; }
            .c-nav2__link:hover .c-nav2__hover .c-btn2 .c-btn1 .u-fixed {
              opacity: 1;
              -webkit-animation: showfixed 0.25s 1;
                      animation: showfixed 0.25s 1; }
            .c-nav2__link:hover .c-nav2__hover .c-btn2 .c-btn1__halfcircle {
              border-top-color: #fff;
              border-left-color: #fff; } }
  .c-nav2__img {
    position: relative; }
  .c-nav2__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(125,206,146, 0.5);;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 0 solid rgba(255, 255, 255, 0.5);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 0; }
    .c-nav2__hover .c-btn2 {
      opacity: 0;
      pointer-events: none; }
      .c-nav2__hover .c-btn2__txt {
        font-size: 1.4rem;
        line-height: 1;
        color: #fff;
        position: relative;
        display: inline-block; }
      .c-nav2__hover .c-btn2 .c-btn1 {
        border-color: #fff;
        width: 32px;
        height: 32px;
        margin-left: 12px; }
        .c-nav2__hover .c-btn2 .c-btn1::after {
          background: url("../img/top/icon-arrow-white.svg") center no-repeat;
          background-size: 8px 8px; }
        .c-nav2__hover .c-btn2 .c-btn1__circle {
          width: 32px;
          height: 32px; }
  .c-nav2__view {
    font-size: 1.4rem;
    line-height: 1;
    color: #fff;
    position: relative;
    display: inline-block;
    padding-right: 40px; }
    .c-nav2__view::after {
      content: '';
      width: 32px;
      height: 32px;
      background: url("/assets/img/common/icon-next-white.svg") no-repeat center;
      background-size: 32px 32px;
      position: absolute;
      top: 50%;
      right: -3px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .c-nav2__item {
    width: 25%;
    padding: 0px 10px; }
    .c-nav2__item img {
      width: 100%; }
  .c-nav2__txt {
    padding: 7px 15px 0; }
    @media screen and (max-width: 1040px) {
      .c-nav2__txt {
        padding: 7px 10px 0; } }

.c-nav3__link {
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: bold;
  color: #464646;
  text-decoration: none;
  display: block;
  padding: 8px 30px; }
  .c-nav3__link.is-active {
    position: relative; }
    .c-nav3__link.is-active::before {
      content: '';
      width: 5px;
      height: 100%;
      position: absolute;
      background: #7DCE92;
      top: 0;
      left: 0; }

.c-nav3__mark {
  position: relative; }
  .c-nav3__mark::after {
    content: '';
    margin-left: 10px;
    width: 12px;
    height: 12px;
    background: url(/assets/img/common/icon-window.svg) no-repeat center;
    background-size: 14px 14px;
    position: absolute;
    top: 7px;
    right: -20px; }

.c-nav4 {
  padding-left: 51px;
  margin-bottom: 18px; }
  .c-nav4__link {
    font-size: 1.4rem;
    line-height: 2.45rem;
    color: #464646;
    text-decoration: none;
    display: block;
    padding: 8px 0; }
    .c-nav4__link.is-active {
      position: relative; }
      .c-nav4__link.is-active::before {
        content: '';
        width: 5px;
        height: 100%;
        position: absolute;
        background: #7DCE92;
        top: 0;
        left: -20px; }

/*------------------------------------------------------------
btn
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-btn1 {
  height: 64px;
  width: 64px;
  border-radius: 50%;
  border: 1px solid #009D42;
  position: relative;
  display: block; }
  @media screen and (max-width: 767px) {
    .c-btn1 {
      height: 50px;
      width: 50px; } }
  .c-btn1::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../img/top/icon-arrow.svg") center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media screen and (max-width: 767px) {
      .c-btn1::after {
        width: 13px;
        height: 13px; } }
  @media screen and (min-width: 768px) {
    .c-btn1:hover .c-btn1__halfclip {
      -webkit-animation: cliprotate 0.25s 1;
              animation: cliprotate 0.25s 1;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .c-btn1:hover .u-clipped {
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg);
      -webkit-animation: rotate 0.125s linear 2;
              animation: rotate 0.125s linear 2; }
    .c-btn1:hover .u-fixed {
      opacity: 1;
      -webkit-animation: showfixed 0.25s 1;
              animation: showfixed 0.25s 1; } }
  .c-btn1__circle {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .c-btn1__halfclip {
    width: 50%;
    height: 100%;
    right: 0px;
    position: absolute;
    overflow: hidden;
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center; }
  .c-btn1__halfcircle {
    height: 100%;
    right: 0px;
    position: absolute;
    border: solid 2px transparent;
    border-top-color: #009D42;
    border-left-color: #009D42;
    border-radius: 50%; }
  .c-btn1 .u-clipped {
    width: 200%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .c-btn1 .u-fixed {
    width: 100%;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    opacity: 0; }

@-webkit-keyframes cliprotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50.01% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

@keyframes cliprotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50.01% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }

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

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

@-webkit-keyframes showfixed {
  0% {
    opacity: 0; }
  49.99% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes showfixed {
  0% {
    opacity: 0; }
  49.99% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

/*
------------------------------------------------------------*/
.c-btn2 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-btn2__txt {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 28px;
    color: #111111;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .c-btn2 .c-btn1 {
    margin-left: 20px; }
    @media screen and (max-width: 767px) {
      .c-btn2 .c-btn1 {
        margin-left: 10px; } }
  @media screen and (min-width: 768px) {
    .c-btn2:hover {
      opacity: 1; }
      .c-btn2:hover .c-btn2__txt {
        color: #009D42;
        text-decoration: underline; }
      .c-btn2:hover .c-btn1__halfclip {
        -webkit-animation: cliprotate 0.25s 1;
                animation: cliprotate 0.25s 1;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .c-btn2:hover .c-btn1 .u-clipped {
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        -webkit-animation: rotate 0.125s linear 2;
                animation: rotate 0.125s linear 2; }
      .c-btn2:hover .c-btn1 .u-fixed {
        opacity: 1;
        -webkit-animation: showfixed 0.25s 1;
                animation: showfixed 0.25s 1; } }
  .c-btn2--color1 .c-btn2__txt {
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    line-height: 30px;
    letter-spacing: 1px; }
    @media screen and (max-width: 767px) {
      .c-btn2--color1 .c-btn2__txt {
        width: calc(100% - 50px - 13px); } }
    @media screen and (max-width: 374px) {
      .c-btn2--color1 .c-btn2__txt {
        font-size: 1.6rem; } }
  .c-btn2--color1 .c-btn1 {
    border-color: #fff;
    margin-left: 18px; }
    @media screen and (max-width: 767px) {
      .c-btn2--color1 .c-btn1 {
        margin-left: 13px; } }
    .c-btn2--color1 .c-btn1::after {
      background: url("../img/top/icon-arrow-white.svg") center no-repeat;
      background-size: cover; }
  @media screen and (min-width: 768px) {
    .c-btn2--color1:hover .c-btn2__txt {
      color: #fff;
      text-decoration: none; }
    .c-btn2--color1:hover .c-btn1__halfclip {
      -webkit-animation: cliprotate 0.25s 1;
              animation: cliprotate 0.25s 1;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .c-btn2--color1:hover .c-btn1 .u-clipped {
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg);
      -webkit-animation: rotate 0.125s linear 2;
              animation: rotate 0.125s linear 2; }
    .c-btn2--color1:hover .c-btn1 .u-fixed {
      opacity: 1;
      -webkit-animation: showfixed 0.25s 1;
              animation: showfixed 0.25s 1; }
    .c-btn2--color1:hover .c-btn1__halfcircle {
      border-top-color: #fff;
      border-left-color: #fff; } }

/*
------------------------------------------------------------*/
.c-btn3 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    .c-btn3:hover {
      opacity: 1; }
      .c-btn3:hover .c-btn3__txt {
        color: #009D42;
        margin-left: 30px;
        opacity: 0.8;
        width: calc(100% - 64px - 30px);
        text-decoration: underline; }
      .c-btn3:hover .c-btn1__halfclip {
        -webkit-animation: cliprotate 0.25s 1;
                animation: cliprotate 0.25s 1;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .c-btn3:hover .c-btn1 .u-clipped {
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        -webkit-animation: rotate 0.125s linear 2;
                animation: rotate 0.125s linear 2; }
      .c-btn3:hover .c-btn1 .u-fixed {
        opacity: 1;
        -webkit-animation: showfixed 0.25s 1;
                animation: showfixed 0.25s 1; } }
  .c-btn3 .c-btn1 {
    pointer-events: none; }
    @media screen and (max-width: 1024px) {
      .c-btn3 .c-btn1 {
        height: 50px;
        width: 50px; } }
    @media screen and (max-width: 767px) {
      .c-btn3 .c-btn1 {
        height: 48px;
        width: 48px; } }
    @media screen and (max-width: 1024px) {
      .c-btn3 .c-btn1__circle {
        height: 52px;
        width: 52px; } }
  .c-btn3__txt {
    margin-left: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 30px;
    color: #111111;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media screen and (max-width: 1024px) {
      .c-btn3__txt {
        font-size: 1.6rem; } }
    @media screen and (max-width: 767px) {
      .c-btn3__txt {
        margin-left: 10px;
        font-size: 2rem; } }

/*
------------------------------------------------------------*/
.c-btn4 {
  padding: 16px 0;
  border-radius: 32px;
  background-color: #009D42;
  line-height: 2;
  font-weight: bold;
  font-size: 1.6rem;
  color: #FFFFFF;
  text-decoration: none;
  max-width: 304px;
  display: block;
  width: 100%;
  text-align: center;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .c-btn4 {
      max-width: 304px;
      width: 100%;
      padding: 15px 10px;
      display: block;
      margin: auto;
      text-align: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }
  @media screen and (min-width: 768px) {
    .c-btn4:hover {
      -webkit-transition: 0.3 ease-in-out;
      transition: 0.3 ease-in-out;
      background-color: #7DCE92; } }
  .c-btn4--style1 {
    background-color: #666666; }
    @media screen and (min-width: 768px) {
      .c-btn4--style1:hover {
        opacity: 0.8;
        -webkit-transition: 0.3 ease-in-out;
        transition: 0.3 ease-in-out;
        background-color: #A3A3A3; } }

/*------------------------------------------------------------
title
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-title1 {
  word-break: break-all; }
  .c-title1__eng {
    font-size: 7.2rem;
    line-height: 72px;
    color: #009D42;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; }
    @media screen and (max-width: 1024px) {
      .c-title1__eng {
        font-size: 4.2rem;
        line-height: 1.4; } }
    @media screen and (max-width: 767px) {
      .c-title1__eng {
        font-size: 3.8rem;
        line-height: 40px;
        letter-spacing: 1px; } }
  .c-title1__jp {
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 1.6px;
    line-height: 36px;
    color: #111111;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media screen and (max-width: 1024px) {
      .c-title1__jp {
        font-size: 2rem; } }
    @media screen and (max-width: 767px) {
      .c-title1__jp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.6rem;
        line-height: 28px;
        letter-spacing: 1px;
        margin-top: 3px; } }
    .c-title1__jp::before {
      content: "";
      height: 33px;
      width: 1px;
      background: #111111;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      display: inline-block;
      margin: 0 20px 0 18px;
      position: relative;
      top: 3px;
      margin-bottom: 4px; }
      @media screen and (max-width: 767px) {
        .c-title1__jp::before {
          height: 22px;
          margin: 0 17px 0 8px;
          position: relative;
          top: 3px;
          margin-bottom: 0px; } }
  .c-title1--color2 .c-title1__eng {
    color: #fff; }
  .c-title1--color2 .c-title1__jp {
    color: #fff; }
    .c-title1--color2 .c-title1__jp::before {
      background: #fff; }

/*
------------------------------------------------------------*/
.c-title2__eng {
  font-size: 7.2rem;
  line-height: 72px;
  color: #009D42;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  display: block; }
  @media screen and (max-width: 767px) {
    .c-title2__eng {
      font-size: 4rem;
      line-height: 4rem; } }

.c-title2__jp {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 1.6px;
  line-height: 36px;
  color: #111111;
  display: block;
  margin-top: 16px; }
  @media screen and (max-width: 767px) {
    .c-title2__jp {
      font-size: 1.6rem;
      line-height: 28px;
      letter-spacing: 1px;
      margin-top: 12px; } }

/*
------------------------------------------------------------*/
.c-title3 {
  font-size: 3.2rem;
  line-height: 1.5;
  font-weight: bold;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .c-title3 {
      font-size: 2.3rem; } }
  @media screen and (max-width: 767px) {
    .c-title3 {
      font-size: 2.4rem; } }
  .c-title3::after {
    bottom: -23px;
    left: 0;
    content: "";
    width: 32px;
    height: 4px;
    display: inline-block;
    background-color: #009D42;
    position: absolute; }
    @media screen and (max-width: 767px) {
      .c-title3::after {
        width: 24px; } }
  .c-title3--style1::after {
    content: none; }
  .c-title3--style1 .c-title3__jp {
    color: #009D42;
    display: block; }
  .c-title3--style1 .c-title3__eng {
    font-family: 'Montserrat', sans-serif;
    line-height: 48px;
    color: #009D42;
    font-size: 3.32rem;
    font-weight: 600; }
    @media screen and (max-width: 767px) {
      .c-title3--style1 .c-title3__eng {
        font-size: 2.4rem;
        line-height: 36px; } }

/*
------------------------------------------------------------*/
.c-title4 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #009D42;
  padding-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .c-title4 {
      font-size: 2.2rem; } }

/*
------------------------------------------------------------*/
.c-title5 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 15px; }
  @media screen and (max-width: 767px) {
    .c-title5 {
      font-size: 2.0rem; } }

/*
------------------------------------------------------------*/
.c-title6 {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.75; }
  @media screen and (max-width: 767px) {
    .c-title6 {
      font-size: 1.8rem;
      line-height: 1.5; } }

/*
------------------------------------------------------------*/
.c-title7 {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2; }

/*
------------------------------------------------------------*/
.c-title8__eng {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #009D42;
  font-weight: bold;
  display: block; }
  .c-title8__eng i {
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 600; }
    .c-title8__eng i::after {
      content: '／';
      margin: 0 4px;
      font-size: 1.4rem; }

.c-title8__jp {
  font-size: 4.8rem;
  line-height: 7.2rem;
  font-weight: bold;
  margin-top: 19px;
  display: block; }
  @media screen and (max-width: 767px) {
    .c-title8__jp {
      font-size: 2.4rem;
      line-height: 3.6rem; } }

.c-title8__sml {
	margin: 16px 0 -52px;
	display: block;
	color: #111;
	opacity: 0.5;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	.c-title8__sml {
		margin: 10px 0 -20px;
		font-size: 1.8rem;
	}
}
/*
------------------------------------------------------------*/
.c-title9 {
  font-size: 2rem;
  line-height: 3.5rem;
  font-weight: bold;
  color: #009D42; }
  .c-title9--color1 {
    color: #111111; }

/*------------------------------------------------------------
icon
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-icon00 {
  position: fixed;
  z-index: 999;
  top: 25px;
  right: 25px;
  width: 20px;
  height: 13px;
  cursor: pointer; }
  .c-icon00::before {
    content: '';
    position: absolute;
    top: -13px;
    left: -10px;
    right: -10px;
    height: 60px;
    z-index: 9; }
    @media screen and (max-width: 767px) {
      .c-icon00::before {
        display: none; } }
  .c-icon00.is-active span {
    background: rgba(255, 255, 255, 0); }
    .c-icon00.is-active span::before {
      bottom: 0;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
    .c-icon00.is-active span::after {
      top: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
  .c-icon00 span {
    width: 20px;
    height: 1px;
    position: relative;
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
    background: #000000;
    -webkit-transition: all 0ms 300ms;
    transition: all 0ms 300ms;
    display: block; }
    .c-icon00 span::before {
      width: 20px;
      height: 1px;
      content: '';
      position: absolute;
      left: 0;
      bottom: 6px;
      background: #000000;
      -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
    .c-icon00 span:after {
      width: 20px;
      height: 1px;
      content: '';
      position: absolute;
      left: 0;
      top: 6px;
      background: #000000;
      -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }

/*------------------------------------------------------------
form
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-form1--confirm .c-form1__required {
  display: none; }

.c-form1--confirm .c-form1__grcontrol {
  padding: 34px 0 32px 0; }
  @media screen and (max-width: 767px) {
    .c-form1--confirm .c-form1__grcontrol {
      padding: 26px 0 26px 0; } }
  .c-form1--confirm .c-form1__grcontrol--style1 {
    padding: 30px 0 29px 0; }
    @media screen and (max-width: 767px) {
      .c-form1--confirm .c-form1__grcontrol--style1 {
        padding: 27px 0 27px 0; } }
    .c-form1--confirm .c-form1__grcontrol--style1 .c-form1__itemcb {
      font-size: 1.6rem;
      line-height: 1.75;
      font-weight: 400;
      margin-bottom: -1px; }
  @media screen and (max-width: 767px) {
    .c-form1--confirm .c-form1__grcontrol--style2 {
      padding-bottom: 10px; } }
  .c-form1--confirm .c-form1__grcontrol--style2 .c-form1__control {
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .c-form1--confirm .c-form1__grcontrol--style2 .c-form1__control {
        line-height: 1.8; } }

.c-form1--confirm .c-form1__privacy {
  display: none; }

.c-form1--confirm .c-form1__agreeCheck {
  width: 100%;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  padding: 29px 0 26px; }
  @media screen and (max-width: 767px) {
    .c-form1--confirm .c-form1__agreeCheck {
      padding: 20px 0;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }

.c-form1--confirm .c-form1__agree {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 0px; }
  .c-form1--confirm .c-form1__agree .c-form1__itemcb {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.75;
    margin-bottom: 0;
    max-width: 260px;
    width: 100%;
    padding-left: 20px; }
    @media screen and (max-width: 767px) {
      .c-form1--confirm .c-form1__agree .c-form1__itemcb {
        padding-left: 0; } }
  .c-form1--confirm .c-form1__agree .c-form1__labels {
    padding-left: 0; }
    @media screen and (max-width: 767px) {
      .c-form1--confirm .c-form1__agree .c-form1__labels {
        padding-top: 12px; } }

.c-form1--confirm .c-form1__agreeError {
  margin-top: 42px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .c-form1--confirm .c-form1__agreeError {
      margin-top: 8px; } }
  .c-form1--confirm .c-form1__agreeError input {
    max-width: 225px;
    margin-left: 0; }
  @media screen and (max-width: 767px) {
    .c-form1--confirm .c-form1__agreeError .c-btn4 {
      margin: 22px 0 0 10px; } }
  @media screen and (max-width: 767px) {
    .c-form1--confirm .c-form1__agreeError .c-btn4--style1 {
      max-width: 122px;
      margin-left: 0; } }

.c-form1--confirm .c-form1__labels {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75; }

@media screen and (max-width: 767px) {
  .c-form1--confirm .c-form1__control--style1 a {
    color: #111111;
    text-decoration: none; } }

.c-form1__grcontrol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 31px 0 30px 0;
  border-top: 1px solid #D6D6D6; }
  @media screen and (max-width: 767px) {
    .c-form1__grcontrol {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 19px 0 19px 0; } }
  .c-form1__grcontrol--style1 {
    padding: 27px 0 25px 0; }
    @media screen and (max-width: 767px) {
      .c-form1__grcontrol--style1 {
        padding: 20px 0 10px 0; } }
    @media screen and (max-width: 767px) {
      .c-form1__grcontrol--style1 .c-form1__labels {
        margin-bottom: 14px; } }

.c-form1__labels {
  max-width: 277px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px; }
  @media screen and (max-width: 767px) {
    .c-form1__labels {
      padding: 0;
      margin-bottom: 20px;
      max-width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.c-form1__text {
  font-size: 1.6rem;
  line-height: 1.75rem;
  font-weight: bold; }

.c-form1__required {
  background-color: #D40D12;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
  border-radius: 22px;
  padding: 5px 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .c-form1__required--noColor {
    background-color: #FFFFFF;
    color: #464646;
    border: 1px solid #D6D6D6; }

.c-form1__control {
  width: 100%;
  max-width: 723px;
  font-size: 1.6rem;
  line-height: 1.75rem;
  font-weight: 400; }
  .c-form1__control input, .c-form1__control textarea, .c-form1__control select {
    font-size: 1.6rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 2.75rem;
    width: 100%;
    -webkit-appearance: none; }
  .c-form1__control--style1 .c-form1__input {
    max-width: 360px;
    width: 100%; }

.c-form1__input {
  padding: 0 20px;
  height: 63px;
  font-weight: 400;
  line-height: 1.75;
  font-weight: 400;
  font-size: 1.6rem;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  background-color: #F6F6F6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .c-form1__input:focus {
    border-color: #009D42;
    background-color: #FFFFFF; }
  @media screen and (max-width: 767px) {
    .c-form1__input {
      height: 64px; } }
  .c-form1__input.is-error {
    border-color: #D40D12; }

.c-form1__checkbox__input {
  border-radius: 4px;
  border-color: #D6D6D6;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border: 2px solid #D6D6D6;
  -webkit-appearance: none;
  cursor: pointer;
  margin-right: 10px;
  background-color: #F6F6F6;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .c-form1__checkbox__input:checked:before {
    content: '';
    display: block;
    width: 7px;
    height: 15px;
    border: solid #009D42;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 9px;
    margin-top: 3px; }

.c-form1__listcb--style1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.c-form1__itemcb {
  margin-bottom: 6px; }
  .c-form1__itemcb .mwform-checkbox-field > label,
			  .c-form1__itemcb .mwform-radio-field > label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

.c-form1__area {
  border-radius: 4px;
  border: 1px solid #D6D6D6;
  width: 100%;
  padding: 20px;
  background-color: #F6F6F6;
  height: 315px;
  resize: none; }
  .c-form1__area:focus {
    border-color: #009D42;
    background-color: #FFFFFF; }
  @media screen and (max-width: 767px) {
    .c-form1__area {
      padding: 16px 20px;
      line-height: 1.75 !important;
      height: 320px; } }

.c-form1__areaText {
  font-size: 1.6rem;
  line-height: 28px;
  font-weight: 400; }

.c-form1__itemLabels {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  color: #666666; }

.c-form1__agreeError {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .c-form1__agreeError {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .c-form1__agreeError .error {
    position: relative;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    padding-left: 25px; }
    .c-form1__agreeError .error::before {
      position: absolute;
      left: 0;
      top: 5px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    @media screen and (max-width: 767px) {
      .c-form1__agreeError .error {
        width: 100%;
        margin: 17px 0 -4px 0 !important; } }
  @media screen and (max-width: 767px) {
    .c-form1__agreeError input {
      margin-top: 22px; } }

.c-form1__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.c-form1__privacyText {
  padding: 35px 30px 33px 38px;
  color: #111111;
  line-height: 2;
  font-weight: 400;
  font-size: 1.6rem;
  border: 1px solid #D6D6D6;
  background-color: #F6F6F6;
  border-radius: 4px; }
  @media screen and (max-width: 767px) {
    .c-form1__privacyText {
      padding: 15px 18px; } }

.c-form1__privacy {
  border-top: 1px solid #D6D6D6;
  padding-top: 30px; }
  @media screen and (max-width: 767px) {
    .c-form1__privacy {
      padding-top: 20px;
      opacity: 1; } }

.c-form1__privacyLink {
  color: #009D42; }

.c-form1__agree {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 43px; }
  @media screen and (max-width: 767px) {
    .c-form1__agree {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-top: 26px; } }
  .c-form1__agree .c-form1__labels {
    max-width: 88px;
    padding-right: 0;
    padding-left: 10px; }
    @media screen and (max-width: 767px) {
      .c-form1__agree .c-form1__labels {
        max-width: 78px;
        margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .c-form1__agree .c-form1__itemLabels {
      font-size: 1.4rem;
      line-height: 1.5; } }
  .c-form1__agree .error {
    margin-left: 10px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .c-form1__agree .error {
        -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
                flex-shrink: 1;
        margin-left: 0;
        margin-top: 12px; } }

.c-form1__agreeCheck {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 767px) {
    .c-form1__agreeCheck {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; } }
  .c-form1__agreeCheck .c-form1__itemcb {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    @media screen and (max-width: 600px) {
      .c-form1__agreeCheck .c-form1__itemcb {
        -webkit-flex-shrink: initial;
            -ms-flex-negative: initial;
                flex-shrink: initial; } }
    @media screen and (max-width: 767px) {
      .c-form1__agreeCheck .c-form1__itemcb {
        margin-bottom: 0; } }
  .c-form1__agreeCheck .c-form1__itemLabels {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    @media screen and (max-width: 355px) {
      .c-form1__agreeCheck .c-form1__itemLabels {
        -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
                flex-shrink: 1; } }
  .c-form1__agreeCheck .hidden {
    display: none; }
  .c-form1__agreeCheck .is-check-error {
    border-color: #D40D12; }

.c-form1__groupBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .c-form1__groupBtn {
      margin-top: 14px; } }

.c-form1 .error {
  font-size: 1.6rem !important;
  line-height: 1.8;
  font-weight: 400;
  color: #D40D12 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-form1 .error::before {
    background: url("/assets/img/common/img9.svg") no-repeat center;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 3px;
    display: inline-block; }
  @media screen and (max-width: 767px) {
    .c-form1 .error {
      line-height: 1.9;
      margin-top: 5px;
      background-position: left 7px; } }

/*------------------------------------------------------------
text
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-text1 {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400; }
  .c-text1--link {
    color: #009D42; }

/*
------------------------------------------------------------*/
.c-text2 {
  background: #009D42;
  padding: 36px 40px;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: bold;
  color: #fff; }
  @media screen and (max-width: 767px) {
    .c-text2 {
      padding: 16px 20px; } }

/*
------------------------------------------------------------*/
.c-text3 {
  background: #009D42;
  padding: 41px 40px;
  font-weight: bold;
  color: #fff; }
  @media screen and (max-width: 767px) {
    .c-text3 {
      padding: 42px 40px 35px; } }
  .c-text3__ttl {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 15px; }
  .c-text3__text {
    font-size: 1.6rem;
    line-height: 2; }

/*------------------------------------------------------------
navi
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-navi00 {
  position: fixed;
  top: 65px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #b89090;
  z-index: 99;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 300ms;
  transition: 300ms; }
  .c-navi00.is-show {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }

/*------------------------------------------------------------
img
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
list
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-list1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -1.04%; }
  .c-list1__item {
    width: 33.333%;
    padding: 0 1.04%;
    margin-bottom: 20px;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .c-list1__item {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .c-list1__item:last-child {
        margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      .c-list1__item:nth-child(n + 11) {
        display: none; } }
  .c-list1__link {
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .c-list1__link:hover {
        opacity: 1; }
        .c-list1__link:hover .c-list1__txt2 {
          text-decoration: underline;
          color: #009D42;
          opacity: 0.8; }
        .c-list1__link:hover .c-list1__img::before {
          background: rgba(125,206,146, 0.5);
          opacity: 1;
          border-width: 10px; }
        .c-list1__link:hover .c-list1__img .c-btn2 {
          opacity: 1; }
          .c-list1__link:hover .c-list1__img .c-btn2 .c-btn1__halfclip {
            -webkit-animation: cliprotate 0.25s 1;
                    animation: cliprotate 0.25s 1;
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg); }
          .c-list1__link:hover .c-list1__img .c-btn2 .c-btn1 .u-clipped {
            -webkit-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                    transform: rotate(135deg);
            -webkit-animation: rotate 0.125s linear 2;
                    animation: rotate 0.125s linear 2; }
          .c-list1__link:hover .c-list1__img .c-btn2 .c-btn1 .u-fixed {
            opacity: 1;
            -webkit-animation: showfixed 0.25s 1;
                    animation: showfixed 0.25s 1; }
          .c-list1__link:hover .c-list1__img .c-btn2 .c-btn1__halfcircle {
            border-top-color: #fff;
            border-left-color: #fff; } }
  .c-list1__img {
    position: relative; }
    .c-list1__img::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      position: absolute;
      opacity: 0;
      background: transparent;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      border: 0px solid rgba(255, 255, 255, 0.5);
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .c-list1__img .c-btn2 {
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      margin: 0 auto;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      pointer-events: none; }
      .c-list1__img .c-btn2__txt {
        color: #fff; }
      .c-list1__img .c-btn2 .c-btn1 {
        border-color: #fff; }
        .c-list1__img .c-btn2 .c-btn1::after {
          background: url("../img/top/icon-arrow-white.svg") center no-repeat; }
    .c-list1__img img {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .c-list1__img img {
          height: auto; } }
  .c-list1__txt1 {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    padding: 4px 30px;
    background: #009D42;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto; }
    @media screen and (max-width: 767px) {
      .c-list1__txt1 {
        padding: 4px 20px; } }
  .c-list1__detail {
    padding: 28px 30px;
    background: #fff;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .c-list1__detail {
        padding: 18px 20px; } }
  .c-list1__datetime {
    color: #009D42;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 28px; }
  .c-list1__txt2 {
    color: #111111;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 28px;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .c-list1__txt2 {
        -webkit-line-clamp: 3; } }

/*
------------------------------------------------------------*/
.c-list2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -1.39%; }
  .c-list2__item {
    width: 50%;
    padding: 0 1.39%; }
    .c-list2__item:nth-child(even) {
      margin-top: 40px; }
      @media screen and (max-width: 767px) {
        .c-list2__item:nth-child(even) {
          margin-top: 0; } }
    .c-list2__item:nth-child(odd) {
      margin-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .c-list2__item:nth-child(odd) {
          margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      .c-list2__item:last-child {
        margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      .c-list2__item {
        width: 100%;
        margin-bottom: 19px !important; } }
  .c-list2__link {
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .c-list2__link:hover {
        opacity: 1; }
        .c-list2__link:hover .c-list2__title {
          opacity: 0.8;
          text-decoration: underline; }
        .c-list2__link:hover .c-btn1__halfclip {
          -webkit-animation: cliprotate 0.25s 1;
                  animation: cliprotate 0.25s 1;
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .c-list2__link:hover .c-btn1 .u-clipped {
          -webkit-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
                  transform: rotate(135deg);
          -webkit-animation: rotate 0.125s linear 2;
                  animation: rotate 0.125s linear 2; }
        .c-list2__link:hover .c-btn1 .u-fixed {
          opacity: 1;
          -webkit-animation: showfixed 0.25s 1;
                  animation: showfixed 0.25s 1; }
        .c-list2__link:hover .c-list2__img::before {
          background: rgba(125,206,146, 0.5);;
          opacity: 1;
          border-width: 10px; }
        .c-list2__link:hover .c-list2__img .c-btn2 {
          opacity: 1; }
          .c-list2__link:hover .c-list2__img .c-btn2 .c-btn1__halfclip {
            -webkit-animation: cliprotate 0.25s 1;
                    animation: cliprotate 0.25s 1;
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg); }
          .c-list2__link:hover .c-list2__img .c-btn2 .c-btn1 .u-clipped {
            -webkit-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                    transform: rotate(135deg);
            -webkit-animation: rotate 0.125s linear 2;
                    animation: rotate 0.125s linear 2; }
          .c-list2__link:hover .c-list2__img .c-btn2 .c-btn1 .u-fixed {
            opacity: 1;
            -webkit-animation: showfixed 0.25s 1;
                    animation: showfixed 0.25s 1; }
          .c-list2__link:hover .c-list2__img .c-btn2 .c-btn1__halfcircle {
            border-top-color: #fff;
            border-left-color: #fff; } }
  .c-list2__img {
    z-index: 0;
    position: relative; }
    .c-list2__img::before {
      content: "";
      width: 100%;
      height: 100%;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin: auto;
      position: absolute;
      opacity: 0;
      background: transparent;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      z-index: 2;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 0px solid rgba(255, 255, 255, 0.3); }
    .c-list2__img .c-btn2 {
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      margin: 0 auto;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      pointer-events: none;
      z-index: 3; }
      .c-list2__img .c-btn2__txt {
        color: #fff; }
      .c-list2__img .c-btn2 .c-btn1 {
        border-color: #fff; }
        .c-list2__img .c-btn2 .c-btn1::after {
          background: url("../img/top/icon-arrow-white.svg") center no-repeat; }
  .c-list2__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 30px 30px 28px;
    width: 95.5%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: -30px;
    z-index: 2;
    position: relative;
    background: #fff; }
    @media screen and (max-width: 767px) {
      .c-list2__inner {
        width: 100%;
        margin-top: 0px;
        padding: 20px; } }
    .c-list2__inner .c-btn1 {
      pointer-events: none;
      position: absolute;
      right: 0px;
      bottom: -70px; }
      @media screen and (max-width: 767px) {
        .c-list2__inner .c-btn1 {
          height: 48px;
          width: 48px;
          position: relative;
          right: 0;
          bottom: 0; } }
    .c-list2__inner::after {
      content: "";
      background: #fff;
      position: absolute;
      width: 104.7%;
      top: 30px;
      right: 0px;
      left: 0px;
      bottom: 0;
      z-index: 1; }
      @media screen and (max-width: 767px) {
        .c-list2__inner::after {
          width: 100%; } }
  .c-list2__detail {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .c-list2__detail {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
  .c-list2__title {
    font-size: 2rem;
    line-height: 30px;
    color: #009D42;
    font-weight: bold;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-list2__title {
        width: calc(100% - 64px); } }
  .c-list2__txt {
    margin-top: 17px;
    letter-spacing: normal;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 28px;
    color: #111111;
    width: calc(100% - 84px);
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .c-list2__txt {
        margin-top: 7px;
        width: 100%; } }
  .c-list2.style1 {
    margin: 0 -1.8%; }
    .c-list2.style1 .c-list2__item {
      padding: 0 1.8%; }
      .c-list2.style1 .c-list2__item:nth-child(even) {
        margin-top: 0; }
      .c-list2.style1 .c-list2__item:nth-child(odd) {
        margin-bottom: 38px; }
        @media screen and (max-width: 767px) {
          .c-list2.style1 .c-list2__item:nth-child(odd) {
            margin-bottom: 0; } }
    .c-list2.style1 .c-list2__inner {
      width: 94%; }
      @media screen and (max-width: 767px) {
        .c-list2.style1 .c-list2__inner {
          width: 100%; } }
      .c-list2.style1 .c-list2__inner .c-btn1 {
        bottom: -100px; }
        @media screen and (max-width: 767px) {
          .c-list2.style1 .c-list2__inner .c-btn1 {
            bottom: 0; } }
    .c-list2.style1 .c-list2__link {
      text-decoration: none; }

/*
------------------------------------------------------------*/
.c-list3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .c-list3__item {
    margin-bottom: 27px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-list3__item {
        margin-bottom: 17px; } }
    .c-list3__item:last-child {
      margin-bottom: 0; }

/*
------------------------------------------------------------*/
.c-list5 {
  margin-left: -1.9%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .c-list5 {
      margin-left: -4.7%; } }
  .c-list5__item {
    width: 25%;
    padding-left: 1.9%;
    padding-bottom: 1.9%; }
    @media screen and (max-width: 767px) {
      .c-list5__item {
        width: 50%;
        padding-left: 4.7%;
        margin-bottom: 20px; } }
    .c-list5__item.is-default .c-list5__txt {
      background-color: #7DCE92;
      color: #FFFFFF; }
    .c-list5__item.is-default .c-list5__img::before {
      content: none !important; }
    .c-list5__item.is-default .c-list5__img .c-btn2 {
      display: none !important; }
    .c-list5__item.is-default .c-list5__txt {
      text-decoration: none !important; }
  .c-list5__img {
    display: inline-block;
    position: relative;
    height: 164px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .c-list5__img {
        height: auto; } }
    .c-list5__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .c-list5__img::before {
      right: 0;
      left: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      position: absolute;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      z-index: 2;
      content: "";
      width: 100%;
      height: 100%;
      border: 0 solid rgba(255, 255, 255, 0.5); }
    .c-list5__img .c-btn2 {
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      margin: 0 auto;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      pointer-events: none;
      z-index: 3; }
      .c-list5__img .c-btn2__txt {
        color: #fff; }
    .c-list5__img .c-btn1 {
      border-color: #ffffff;
      height: 32px;
      width: 32px;
      margin-left: 10px;
      border-width: 2px; }
      .c-list5__img .c-btn1::after {
        background: url(../img/top/icon-arrow-white.svg) center no-repeat;
        background-size: 8px 8px; }
  .c-list5__txt {
    line-height: 1.5;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 20px;
    color: #009D42;
    background-color: #ffffff; }
    @media screen and (max-width: 767px) {
      .c-list5__txt {
        padding: 10px;
        font-size: 1.2rem; } }
    @media screen and (max-width: 335px) {
      .c-list5__txt {
        letter-spacing: -0.5px; } }
  .c-list5__link {
    display: inline-block;
    text-decoration: none;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .c-list5__link:hover {
        opacity: 1; }
        .c-list5__link:hover .c-list5__img:before {
          content: "";
          background: rgba(125,206,146, 0.5);;
          opacity: 1;
          width: calc(100% - 10px);
          height: calc(100% - 10px);
          border-width: 5px; }
        .c-list5__link:hover .c-list5__img .c-btn2 {
          opacity: 1; }
        .c-list5__link:hover .c-list5__txt {
          -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
          text-decoration: underline; } }

/*------------------------------------------------------------
table
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-table1 {
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  position: relative;
  width: 100%; }
  .c-table1 tr:last-child th, .c-table1 tr:last-child td {
    border-bottom: 1px solid #D6D6D6; }
  @media screen and (max-width: 767px) {
    .c-table1 tr:last-child th {
      border-bottom: none; } }
  .c-table1 th, .c-table1 td {
    padding: 18px;
    font-size: 1.6rem;
    vertical-align: top;
    text-align: left;
    border-top: 1px solid #D6D6D6;
    line-height: 1.75; }
    @media screen and (max-width: 767px) {
      .c-table1 th, .c-table1 td {
        display: block;
        width: 100% !important;
        padding: 17px 0; } }
  .c-table1 th {
    width: 16.5%;
    font-weight: bold;
    vertical-align: middle;
    letter-spacing: 1.2px; }
    .c-table1 th.is-top {
      vertical-align: top; }
  .c-table1 td {
    width: 83.5%;
    padding-left: 30px;
    font-weight: normal;
    word-wrap: break-word;
    word-break: break-word;
    font-weight: 400; }
    @media screen and (max-width: 767px) {
      .c-table1 td {
        padding-top: 0;
        padding-left: 0; } }
    @media screen and (max-width: 767px) {
      .c-table1 td span {
        font-size: 1.6rem;
        font-weight: 400; } }
  .c-table1 a {
    text-decoration: none;
    color: #111111;
    font-size: 1.6rem;
    font-weight: 400; }

/*
------------------------------------------------------------*/
.c-table2 {
  border-collapse: collapse;
  width: 100%; }
  .c-table2 th {
    background-color: #F6F6F6;
    width: 33.2%;
    text-align: left; }
  .c-table2 th, .c-table2 td {
    border: 1px solid #D6D6D6;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: bold;
    padding: 16px 20px; }
    @media screen and (max-width: 767px) {
      .c-table2 th, .c-table2 td {
        padding: 10px 14px; } }
  .c-table2 td {
    width: 66.8%;
    font-weight: 400; }
  .c-table2--style1 th, .c-table2--style1 td {
    width: auto; }
  .c-table2--style1 tr {
    width: 33.33%; }
  .c-table2--style2 th, .c-table2--style2 td {
    width: auto; }
  .c-table2--style2 tr {
    width: 50%; }

/*------------------------------------------------------------
line
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-slider1 .slick-list {
  max-height: 320px; }
  @media screen and (max-width: 767px) {
    .c-slider1 .slick-list {
      max-height: 100%; } }

.c-slider1__item {
  height: 320px; }
  @media screen and (max-width: 767px) {
    .c-slider1__item {
      height: 114px; } }
  .c-slider1__item img {
    width: auto;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .c-slider1__item img {
        -o-object-fit: cover;
           object-fit: cover; } }

/*
------------------------------------------------------------*/
.c-slider2 .slick-list {
  max-height: 320px; }
  @media screen and (max-width: 767px) {
    .c-slider2 .slick-list {
      max-height: 100%; } }

.c-slider2__item {
  height: 320px; }
  @media screen and (max-width: 767px) {
    .c-slider2__item {
      height: 114px; } }
  .c-slider2__item img {
    width: auto;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .c-slider2__item img {
        -o-object-fit: cover;
           object-fit: cover; } }

/*------------------------------------------------------------
MV
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-mainvisual1 {
	padding: 103px 0 0;
  z-index: 10;
  width: 100%;
  position: relative;}
  .c-mainvisual1__ttl {
	margin-bottom: 65px;
	text-align: center;
	color: #036C2F;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.2em;
  }
  .c-mainvisual1__ttl .en {
	margin-bottom: 14px;
	display: block;
	font-size: 8rem;
	font-weight: 600;
	letter-spacing: 0;
	font-family: 'Montserrat', sans-serif;
  }
  .c-mainvisual1__img img {
	width: 100%;
  }
    @media screen and (max-width: 1024px) {
	.c-mainvisual1__ttl {
		font-size: 2.5rem;
	}
	.c-mainvisual1__ttl .en {
		font-size: 5.5rem;
	}
 }
  @media screen and (max-width: 767px) {
	.c-mainvisual1 {
		padding: 56px 0 0;
		overflow: hidden;
	}
	.c-mainvisual1__ttl {
		margin-bottom: 37px;
		font-size: 1.4rem;
		line-height: 1.71;
	}
	.c-mainvisual1__ttl .en {
		margin-bottom: 7px;
		font-size: 3.6rem;
		line-height: 1.16;
	}
	 .c-mainvisual1__img {
		margin: 0 -70px 0 -55px;
	 }
 }

/*
------------------------------------------------------------*/
.c-mv1 {
  width: 100%;
  height: 348px;
  position: relative;
  padding: 40px 0 0; }
  @media screen and (max-width: 767px) {
    .c-mv1 {
      height: 43vw;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .c-mv1::after {
    content: '';
    width: calc(50% + 320px);
    height: 100%;
    background: url("/assets/img/common/main-visual00.webp") no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1; }
    @media screen and (max-width: 767px) {
      .c-mv1::after {
        width: calc(100% - 60px);
		 }
		}
  .c-mv1 .c-breadcrumb {
    margin-bottom: 86px; }
  .c-mv1 .c-title2__eng {
    font-size: 7.2rem;
    line-height: 1; }
    @media screen and (max-width: 1024px) {
      .c-mv1 .c-title2__eng {
        font-size: 5.7vw; } }
    @media screen and (max-width: 767px) {
      .c-mv1 .c-title2__eng {
        font-size: 10.7vw; } }
  .c-mv1 .c-title2__jp {
    font-size: 2.4rem;
    line-height: 1.6; }
    @media screen and (max-width: 1024px) {
      .c-mv1 .c-title2__jp {
        font-size: 2.25vw; } }
    @media screen and (max-width: 767px) {
      .c-mv1 .c-title2__jp {
        font-size: 4.25vw;
        line-height: 1;
        margin-top: 18px; } }
  .c-mv1.style1 .c-breadcrumb {
    margin-bottom: 80px; }
  @media screen and (max-width: 1024px) {
    .c-mv1.style1 .c-title8__eng {
      font-size: 1.4vw; } }
  @media screen and (max-width: 1024px) {
    .c-mv1.style1 .c-title8__eng i {
      font-size: 2vw; } }
  @media screen and (max-width: 1024px) {
    .c-mv1.style1 .c-title8__jp {
      font-size: 4.7vw;
      line-height: 1.6; } }

/*
------------------------------------------------------------*/
.c-mv2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .c-mv2__txt {
    background:#009D42;
    position: relative;
    z-index: 2;
    padding: 40px 40px 35px; }
    @media screen and (max-width: 767px) {
      .c-mv2__txt {
        padding: 39px 40px; } }
  @media screen and (max-width: 767px) {
    .c-mv2 .l-cont2 {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      padding: 0; } }
  .c-mv2__ttl {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 15px;
    color: #fff; }
  .c-mv2__text {
    font-size: 1.6rem;
    line-height: 2;
    font-weight: bold;
    color: #fff; }
  .c-mv2__img {
    width: 91.5%;
    height: auto;
    max-height: 840px;
    margin-top: -110px;
    min-width: 1230px; }
    @media screen and (max-width: 767px) {
      .c-mv2__img {
        width: 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        height: 250px;
        margin-top: 0; } }
    .c-mv2__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

/*
------------------------------------------------------------*/
.c-mv3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative; }
  .c-mv3 .l-cont2 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media screen and (max-width: 767px) {
      .c-mv3 .l-cont2 {
        position: initial;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        padding: 0; } }
  .c-mv3__title {
    font-size: 3.2rem;
    padding-top: 10.6%;
    line-height: 2;
    font-weight: bold;
    color: #111111;
    display: block; }
    @media screen and (max-width: 767px) {
      .c-mv3__title {
        font-size: 1.6rem;
        color: #fff;
        background-image: -webkit-gradient(linear, left top, right top, from(#00abea), to(#009D42));
        background-image: -webkit-linear-gradient(left, #00abea, #009D42);
        background-image: linear-gradient(to right, #00abea, #009D42);
        padding: 26px 30px; } }
  .c-mv3__img {
    width: 91.5%;
    height: auto;
    max-height: 840px;
    min-width: 1230px; }
    @media screen and (max-width: 767px) {
      .c-mv3__img {
        width: 100%;
        max-width: 100%;
        height: 250px;
        margin-top: 0;
        min-width: auto; } }
    .c-mv3__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

/*------------------------------------------------------------
other
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-block1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-block1__sliders {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .c-block1__sliders {
        width: calc(100% + 60px);
        margin-left: -30px; } }
  .c-block1__detail {
    width: 50%;
    margin-top: 16px;
    padding: 0 12.5% 0 6.25%; }
    @media screen and (max-width: 767px) {
      .c-block1__detail {
        width: 100%;
        margin-right: 0;
        margin-top: 44px;
        padding: 0; } }
    .c-block1__detail .c-list3 {
      margin-top: 67px; }
      @media screen and (max-width: 1024px) {
        .c-block1__detail .c-list3 {
          margin-top: 34px; } }
      @media screen and (max-width: 767px) {
        .c-block1__detail .c-list3 {
          margin-top: 28px; } }

/*
------------------------------------------------------------*/
.c-block2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  text-decoration: none;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .c-block2:hover {
      opacity: 1; }
      .c-block2:hover::before {
        background: rgba(125,206,146, 0.5);;
        opacity: 1;
        width: calc(100% - 20px);
        height: calc(100% - 19px); }
      .c-block2:hover .c-btn2 {
        opacity: 1; }
        .c-block2:hover .c-btn2 .c-btn1__halfclip {
          -webkit-animation: cliprotate 0.25s 1;
                  animation: cliprotate 0.25s 1;
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
        .c-block2:hover .c-btn2 .c-btn1 .u-clipped {
          -webkit-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
                  transform: rotate(135deg);
          -webkit-animation: rotate 0.125s linear 2;
                  animation: rotate 0.125s linear 2; }
        .c-block2:hover .c-btn2 .c-btn1 .u-fixed {
          opacity: 1;
          -webkit-animation: showfixed 0.25s 1;
                  animation: showfixed 0.25s 1; }
        .c-block2:hover .c-btn2 .c-btn1__halfcircle {
          border-top-color: #fff;
          border-left-color: #fff; } }
  @media screen and (max-width: 767px) {
    .c-block2 {
      padding: 0;
      padding-bottom: 27px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      background: none; } }
  .c-block2::before {
    content: "";
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    opacity: 1;
    background: transparent;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 5;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .c-block2 .c-btn2 {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    pointer-events: none;
    z-index: 6; }
    .c-block2 .c-btn2__txt {
      color: #fff; }
    .c-block2 .c-btn2 .c-btn1 {
      border-color: #fff; }
      .c-block2 .c-btn2 .c-btn1::after {
        background: url("../img/top/icon-arrow-white.svg") center no-repeat; }
  .c-block2__btn {
    margin-top: 39px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 11px 20px 9px;
    background: -webkit-gradient(linear, left top, right top, from(#003272), to(#59BBE5));
    background: -webkit-linear-gradient(left, #003272, #59BBE5);
    background: linear-gradient(to right, #003272, #59BBE5);
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .c-block2__btn::after {
      content: "";
      width: 16px;
      height: 16px;
      background: url("../img/top/icon-arrow-white.svg") center no-repeat;
      background-size: contain;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        .c-block2__btn::after {
          width: 13px;
          height: 13px; } }
    @media screen and (max-width: 767px) {
      .c-block2__btn {
        margin-top: 38px;
        padding: 10px 24px 9px;
        position: absolute;
        bottom: 0;
        z-index: 1; } }
  .c-block2__img2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative; }
    .c-block2__img2::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      border: 10px solid #CCE2F0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .c-block2__img2 img {
      position: relative;
      z-index: 3; }
      @media screen and (max-width: 767px) {
        .c-block2__img2 img {
          width: 100%; } }

/*
------------------------------------------------------------*/
.c-block3 {
  background: url("../img/top/bg01.webp") no-repeat center;
  background-size: cover;
  text-decoration: none;
  display: block;
  position: relative; }
  @media screen and (max-width: 767px) {
    .c-block3 {
      background: url("../img/top/bg01-sp.webp") no-repeat center;
      background-size: cover; } }
  .c-block3 .l-cont1 {
    padding: 0; }
    @media screen and (max-width: 1300px) {
      .c-block3 .l-cont1 {
        padding: 0 20px; } }
    @media screen and (max-width: 767px) {
      .c-block3 .l-cont1 {
        padding: 0 30px; } }
  @media screen and (min-width: 768px) {
    .c-block3:hover {
      opacity: 1; }
      .c-block3:hover .c-btn2 .c-btn1__halfclip {
        -webkit-animation: cliprotate 0.25s 1;
                animation: cliprotate 0.25s 1;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .c-block3:hover .c-btn2 .c-btn1 .u-clipped {
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        -webkit-animation: rotate 0.125s linear 2;
                animation: rotate 0.125s linear 2; }
      .c-block3:hover .c-btn2 .c-btn1 .u-fixed {
        opacity: 1;
        -webkit-animation: showfixed 0.25s 1;
                animation: showfixed 0.25s 1; }
      .c-block3:hover .c-btn2 .c-btn1__halfcircle {
        border-top-color: #fff;
        border-left-color: #fff; }
      .c-block3:hover::before {
        width: 100%;
        background: rgba(125,206,146, 0.5);; } }
  .c-block3::before {
    content: "";
    width: 0%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    background: transparent;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .c-block3__inner {
    padding: 80px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 1024px) {
      .c-block3__inner {
        padding: 60px 0; } }
    @media screen and (max-width: 767px) {
      .c-block3__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 45px 0 40px; } }
  .c-block3__txt {
    font-size: 1.8rem;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    margin-top: 47px; }
	   @media screen and (min-width: 767px)and (max-width: 1024px) {
		.c-block3__txt {
			font-size: 1.6rem;
			margin-right: 30px;
		}
	   }
    @media screen and (max-width: 767px) {
      .c-block3__txt {
        font-size: 1.6rem;
        line-height: 32px;
        margin-top: 24px; } }
  .c-block3__detail1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 15px; }
    @media screen and (max-width: 767px) {
      .c-block3__detail1 {
        width: 100%;
        margin-top: 0; } }
  .c-block3__detail2 {
    border: 10px solid rgba(255, 255, 255, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    padding: 60px 50px 56px; }
    @media screen and (max-width: 1024px) {
      .c-block3__detail2 {
        padding: 40px 30px 40px; } }
    @media screen and (max-width: 767px) {
      .c-block3__detail2 {
        width: 100%;
        border: none;
        padding: 0;
        margin-top: 26px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .c-block3__detail2 .c-btn2 {
      pointer-events: none;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      @media screen and (max-width: 767px) {
        .c-block3__detail2 .c-btn2 {
          margin-top: 30px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          min-width: 315px;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
      @media screen and (max-width: 374px) {
        .c-block3__detail2 .c-btn2 {
          min-width: auto; } }
      .c-block3__detail2 .c-btn2__txt {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        @media screen and (max-width: 767px) {
          .c-block3__detail2 .c-btn2__txt {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
                -ms-flex-order: 1;
                    order: 1;
            letter-spacing: normal;
            width: calc(100% - 48px - 10px); } }
      @media screen and (max-width: 767px) {
        .c-block3__detail2 .c-btn2 .c-btn1 {
          margin-left: 0;
          margin-right: 10px;
          -webkit-box-ordinal-group: 1;
          -webkit-order: 0;
              -ms-flex-order: 0;
                  order: 0;
          width: 48px;
          height: 48px; } }
      .c-block3__detail2 .c-btn2 br {
        display: none; }
        @media screen and (max-width: 1024px) {
          .c-block3__detail2 .c-btn2 br {
            display: inline-block; } }
        @media screen and (max-width: 767px) {
          .c-block3__detail2 .c-btn2 br {
            display: none; } }
    .c-block3__detail2::before {
      display: none; }
      @media screen and (max-width: 767px) {
        .c-block3__detail2::before {
          content: "";
          width: 100%;
          height: 1px;
          background: rgba(255, 255, 255, 0.4);
          display: block; } }

/*
------------------------------------------------------------*/
.c-block4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-block4__txt {
    font-weight: bold;
    margin-right: 5px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .c-block4__txt, .c-block4__tag {
    font-size: 1.4rem;
    line-height: 1.5;
    color: #111111; }
  .c-block4__dot {
    margin: 0 0px 0 9px; }
  .c-block4__tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-block4__wrapTags {
    overflow-x: scroll;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .c-block4__wrapTags::-webkit-scrollbar {
      display: none; }
  .c-block4__tag {
    margin-bottom: 4px;
    margin-left: 5px;
    padding: 9px 19px;
    border: 1px solid #D6D6D6;
    border-radius: 22px;
    display: inline-block;
    text-decoration: none;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    scrollbar-width: none; }
    @media screen and (min-width: 768px) {
      .c-block4__tag:hover {
        background-color: #009D42;
        border-color: #009D42;
        color: #FFFFFF;
        opacity: 1; } }
    .c-block4__tag.is-active {
      background-color: #009D42;
      border-color: #009D42;
      color: #FFFFFF; }
  .c-block4--style1 {
    margin-top: 5px; }

/*
------------------------------------------------------------*/
.c-pagination .wp-pagenavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 767px) {
    .c-pagination .wp-pagenavi {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.c-pagination a,
.c-pagination .current,
.c-pagination .extend {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  border: 1px solid #D6D6D6;
  color: #111111;
  margin-left: 10px; }
  @media screen and (max-width: 767px) {
    .c-pagination a,
    .c-pagination .current,
    .c-pagination .extend {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-left: 0; } }

.c-pagination span.current {
  background-color: #009D42;
  border: 1px solid #009D42;
  color: #ffffff; }

.c-pagination span.extend {
  border: none;
  width: 14px; }
  @media screen and (max-width: 767px) {
    .c-pagination span.extend {
      display: none; } }

.c-pagination .previouspostslink,
.c-pagination .nextpostslink {
  border-radius: 32px;
  width: 120px;
  height: 64px;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    .c-pagination .previouspostslink,
    .c-pagination .nextpostslink {
      width: 150px; } }

.c-pagination .previouspostslink {
  background-image: url("/assets/img/common/icon-arrow-left-blue.svg");
  background-position: calc(100% - 73px) center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0px 0 30px; }
  @media screen and (min-width: 768px) {
    .c-pagination .previouspostslink:hover {
      background-image: url("/assets/img/common/icon-arrow-left-white.svg");
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; } }
  @media screen and (max-width: 767px) {
    .c-pagination .previouspostslink {
      background-position: calc(100% - 87px) center; } }

.c-pagination .nextpostslink {
  background-image: url("/assets/img/common/icon-arrow-right-blue.svg");
  background-position: calc(100% - 30px) center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 30px 0 0px; }
  @media screen and (min-width: 768px) {
    .c-pagination .nextpostslink:hover {
      background-image: url("/assets/img/common/icon-arrow-right-white.svg");
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; } }
  @media screen and (max-width: 767px) {
    .c-pagination .nextpostslink {
      background-position: calc(100% - 42px) center; } }

.c-pagination__current {
  width: 150px;
  background-color: #F6F6F6;
  border: 1px solid #D6D6D6;
  height: 64px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px; }

.c-pagination span.pages {
  display: none; }
  @media screen and (max-width: 767px) {
    .c-pagination span.pages {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.6rem;
      line-height: 1.75;
      font-weight: 400;
      margin-bottom: 20px;
      width: 100%; } }

.c-pagination__total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px; }

@media screen and (max-width: 767px) {
  .c-pagination a.page,
  .c-pagination span.current {
    display: none; } }

/*
------------------------------------------------------------*/
.c-block5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  background-color: #F6F6F6; }
  .c-block5--style1 .c-block5__link {
    width: 15.8%; }
  @media screen and (max-width: 767px) {
    .c-block5--style1 .c-block5__img {
      width: 55%;
      display: block;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 1024px) {
    .c-block5 {
      padding: 20px; } }
  @media screen and (max-width: 767px) {
    .c-block5 {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .c-block5__link {
    display: inline-block;
    width: 33.3%; }
    @media screen and (max-width: 767px) {
      .c-block5__link {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%; } }
  .c-block5__img {
    border: 1px solid #d6d6d6; }
    @media screen and (min-width: 768px) {
      .c-block5__img:hover {
        border: 1px solid #009D42; } }
    .c-block5__img img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .c-block5__info {
    padding-left: 4.1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media screen and (max-width: 767px) {
      .c-block5__info {
        padding-top: 20px;
        padding-left: 0px; } }
  .c-block5__title {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 3.5rem;
    color: #009D42; }
    @media screen and (max-width: 1024px) {
      .c-block5__title {
        font-size: 1.7rem; } }
    @media screen and (max-width: 767px) {
      .c-block5__title {
        font-size: 2rem;
        line-height: 1.7; } }
  .c-block5__copyLink {
    color: #009D42;
    line-height: 1.75px;
    font-size: 1.6rem;
    position: relative;
    padding-right: 15px;
    margin-top: 30px;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .c-block5__copyLink {
        margin-top: 28px; } }
    @media screen and (min-width: 768px) {
      .c-block5__copyLink:hover {
        text-decoration: none; } }
    .c-block5__copyLink::after {
      content: '';
      width: 12px;
      height: 12px;
      background: url("/assets/img/common/icon-window-blue.svg") no-repeat center;
      background-size: 12px 12px;
      position: absolute;
      top: -4px;
      right: 0; }
  .c-block5 .c-text1 {
    margin: 10px 0 0; }
    @media screen and (max-width: 767px) {
      .c-block5 .c-text1 {
        margin: 14px 0 0 0; } }

/*
------------------------------------------------------------*/
.c-block6 {
  padding: 120px 0 113px 0;
  border-bottom: 1px solid #D6D6D6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .c-block6 {
      padding: 0;
      border-bottom: none; } }
  .c-block6__left {
    width: 38.5%; }
    @media screen and (max-width: 767px) {
      .c-block6__left {
        width: 100%; } }
  .c-block6__right {
    width: 61.5%; }
    @media screen and (max-width: 767px) {
      .c-block6__right {
        width: 100%;
        margin-top: 50px; } }
  .c-block6__title__eng {
    display: block;
    margin-bottom: 10px;
    color: #009D42;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.0rem;
    font-weight: 600; }
  .c-block6 .c-text1 {
    margin-top: 35px; }
    @media screen and (max-width: 767px) {
      .c-block6 .c-text1 {
        margin-top: 25px; } }
  .c-block6 .c-title3--style1 {
    margin-bottom: 3px; }
  .c-block6__img {
    margin-top: 35px; }
    @media screen and (max-width: 767px) {
      .c-block6__img {
        margin-top: 27px; } }

@media screen and (max-width: 767px) {
  .c-block7 {
    padding: 0 20px; } }

.c-block7__item {
  background-color: #F6F6F6;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .c-block7__item {
      padding: 17px 2px 15px 17px; } }
  @media screen and (min-width: 768px) {
    .c-block7__item:hover {
      background-color: #E7F8EC; } }
  .c-block7__item:last-child {
    margin-bottom: 0; }

.c-block7__question {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
  padding: 28px 60px 24px 30px;
  position: relative;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .c-block7__question {
      padding: 0 50px 0 0; } }
  .c-block7__question::before, .c-block7__question::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 16px;
    height: 2px;
    background-color: #009D42;
    right: 30px;
    top: 50%; }
    @media screen and (max-width: 767px) {
      .c-block7__question::before, .c-block7__question::after {
        right: 20px; } }
  .c-block7__question::before {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .c-block7__question.is-active::before {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }

.c-block7__answer {
  display: none;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  padding: 0 45px 24px 30px; }
  @media screen and (max-width: 767px) {
    .c-block7__answer {
      padding: 12px 22px 0px 0px; } }

/*
------------------------------------------------------------*/
.c-block8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .c-block8__txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 7.7%; }
    @media screen and (max-width: 767px) {
      .c-block8__txt {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        padding: 0; } }
    .c-block8__txt .c-title3 {
      margin-bottom: 57px; }
      @media screen and (max-width: 767px) {
        .c-block8__txt .c-title3 {
          margin-bottom: 50px; } }
  .c-block8__img {
    width: 46.1%;
    height: auto; }
    @media screen and (max-width: 767px) {
      .c-block8__img {
        margin-top: 25px;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }
    @media screen and (max-width: 767px) {
      .c-block8__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; } }
  .c-block8 .c-text1:not(:last-child) {
    margin-bottom: 30px; }
  .c-block8--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .c-block8--reverse .c-block8__txt {
      padding: 0 0 0 7.7%; }
      @media screen and (max-width: 767px) {
        .c-block8--reverse .c-block8__txt {
          padding: 0; } }

/*
------------------------------------------------------------*/
.c-block9 {
  position: relative;
  padding: 127px 0 120px; }
  @media screen and (max-width: 1024px) {
    .c-block9 {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    .c-block9 {
      padding: 64px 0 38px; } }
  .c-block9::after {
    content: '';
    width: 91.5%;
    height: 100%;
    /* min-width: 1230px;  */
   background: #E7F8EC;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
    @media screen and (max-width: 1024px) {
      .c-block9::after {
        min-width: auto;
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .c-block9::after {
        width: 84%; } }
  .c-block9 .c-title1 {
    margin-bottom: 46px; }
    @media screen and (max-width: 767px) {
      .c-block9 .c-title1 {
        margin-bottom: 29px; } }

.c-target {
  display: block; }
  .c-target__txt {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.75;
    text-decoration: underline;
    color: #009D42;
    display: inline-block;
    position: relative; }
    .c-target__txt:after {
      content: '';
      width: 12px;
      height: 12px;
      background: url(/assets/img/common/icon-window-blue.svg) no-repeat center;
      background-size: 12px 12px;
      position: absolute;
      top: 7px;
      right: -14px; }
  .c-target--style1 .c-target__txt {
    text-transform: uppercase; }

.c-block10 .c-text1 {
  margin-bottom: 32px; }

.c-block10__list .c-text1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px; }
  .c-block10__list .c-text1::before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #009D42;
    left: 5px;
    top: 15px;
    position: absolute; }
  .c-block10__list .c-text1:first-child {
    margin-bottom: 0; }

.c-block10__head {
  margin-bottom: 33px; }
  .c-block10__head .c-text1 {
    margin-bottom: 0; }
    .c-block10__head .c-text1:first-child {
      font-weight: bold; }

.c-block11 {
  margin-top: 77px;
  font-family: 'Univers LT Pro 55 Roman', 'Futo Go B101', serif; }
  @media screen and (max-width: 767px) {
    .c-block11 {
      margin-top: 60px; } }
  .c-block11__title {
    font-size: 14pt;
    font-weight: normal;
    margin-bottom: 37px; }
    @media screen and (max-width: 767px) {
      .c-block11__title {
        line-height: 1.4;
        margin-bottom: 43px; } }
    .c-block11__title:nth-child(2) {
      margin-top: 155px; }
  .c-block11__txt {
    font-size: 1.29rem;
    margin-top: 0;
    margin-bottom: 11px;
    line-height: 200%;
    letter-spacing: 0.9px;
    font-family: 'Univers LT Pro 55 Roman', 'Futo Go B101', serif;
    color: #666C71;
    font-weight: 400; }
  .c-block11__img {
    margin-top: 42px;
    margin-bottom: 145px; }
  .c-block11 em {
    font-style: normal;
    font-weight: bold; }
  .c-block11:nth-child(2) {
    margin-top: 152px; }
    .c-block11:nth-child(2) .c-block11__img:nth-child(2) {
      margin-bottom: 153px; }
    .c-block11:nth-child(2) .c-block11__img:nth-child(4) {
      margin-top: 42px;
      margin-bottom: 153px; }
      @media screen and (max-width: 767px) {
        .c-block11:nth-child(2) .c-block11__img:nth-child(4) {
          margin-bottom: 148px; } }
      .c-block11:nth-child(2) .c-block11__img:nth-child(4) img {
        width: 371px; }
    .c-block11:nth-child(2) .c-block11__title:nth-child(5) {
      margin-bottom: 43px; }
      @media screen and (max-width: 767px) {
        .c-block11:nth-child(2) .c-block11__title:nth-child(5) {
          margin-bottom: 40px; } }
    .c-block11:nth-child(2) .c-block11__txt {
      margin-bottom: 6px;
      line-height: 2.17; }
      @media screen and (max-width: 767px) {
        .c-block11:nth-child(2) .c-block11__txt {
          margin-bottom: 7px;
          line-height: 2.08; } }
      @media screen and (max-width: 767px) {
        .c-block11:nth-child(2) .c-block11__txt span {
          line-height: 2;
          display: block;
          margin-top: -3px; } }
      @media screen and (max-width: 767px) {
        .c-block11:nth-child(2) .c-block11__txt span:nth-child(2) {
          margin-top: -30px; } }

.c-block12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .c-block12__iconList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .c-block12__iconLink {
    display: inline-block; }
  .c-block12__txt {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.75; }
  .c-block12__iconItem {
    margin-left: 20px; }

/*------------------------------------------------------------
Page 404
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-404 {
  padding-top: 120px; }
  @media screen and (max-width: 767px) {
    .p-404 {
      padding-top: 60px; } }
  .p-404 .c-mv1 {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-404 .c-mv1 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 767px) {
      .p-404 .c-mv1 .l-cont2 {
        padding-right: 20px; } }
  .p-404__btn {
    margin-top: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .p-404__btn {
        margin-top: 25px;
        margin-bottom: 55px; } }
    .p-404__btn .c-btn1 {
      margin-left: 0px;
      margin-right: 20px; }
      @media screen and (max-width: 767px) {
        .p-404__btn .c-btn1 {
          margin-left: 0px;
          margin-right: 10px; } }
    .p-404__btn .c-btn2__txt {
      -webkit-transition: 0s ease-in-out;
      transition: 0s ease-in-out; }
  .p-404 .c-block3 {
    margin-top: 120px; }
    @media screen and (max-width: 767px) {
      .p-404 .c-block3 {
        margin-top: 0px; } }

/*------------------------------------------------------------
care
------------------------------------------------------------*/
.p-care .c-block9 {
  margin-bottom: 120px; }
  @media screen and (max-width: 1024px) {
    .p-care .c-block9 {
      margin-bottom: 60px;
      padding: 70px 0 38px; } }

@media screen and (max-width: 1260px) {
  .p-care .c-mv2__img {
    width: 100%;
    min-width: auto; } }

.p-care1 {
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .p-care1 {
      padding-top: 42px; } }
  .p-care1 .c-title8 {
    margin: 80px 0; }
    @media screen and (max-width: 767px) {
      .p-care1 .c-title8 {
        margin: 0 0 40px; } }

.p-care2 {
  margin: 120px 0 122px; }
  @media screen and (max-width: 1024px) {
    .p-care2 {
      margin: 60px 0; } }
  @media screen and (max-width: 767px) {
    .p-care2 {
      margin: 59px 0 57px; } }
  .p-care2 .c-block8 {
    margin-bottom: 120px; }
    @media screen and (max-width: 1024px) {
      .p-care2 .c-block8 {
        margin-bottom: 60px; } }
    @media screen and (max-width: 330px) {
      .p-care2 .c-block8 .c-title3 {
        font-size: 2.3rem; } }
  .p-care2 .c-block5:not(:last-child) {
    margin-bottom: 120px; }
    @media screen and (max-width: 1024px) {
      .p-care2 .c-block5:not(:last-child) {
        margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .p-care2 .c-block5__info {
      width: 100%; } }
  @media screen and (max-width: 375px) {
    .p-care2 .c-block5__info a {
      font-size: 1.4rem;
      letter-spacing: -0.4px; } }

/*------------------------------------------------------------
company-ci-design
------------------------------------------------------------*/

.p-company-ci-design__sc2 {
  margin-top: 168px; }
  @media screen and (max-width: 767px) {
    .p-company-ci-design__sc2 {
      margin-top: 42px; } }

.p-company-ci-design__sc3 {
  margin-bottom: 115px; }
  @media screen and (max-width: 767px) {
    .p-company-ci-design__sc3 {
      margin-top: 55px;
      margin-bottom: 58px; } }
  .p-company-ci-design__sc3 .c-block6 {
    padding-bottom: 118px; }
    @media screen and (max-width: 767px) {
      .p-company-ci-design__sc3 .c-block6 {
        padding-bottom: 0;
        padding-top: 0; } }
    .p-company-ci-design__sc3 .c-block6 .c-text1 {
      line-height: 1.95; }
      @media screen and (max-width: 767px) {
        .p-company-ci-design__sc3 .c-block6 .c-text1 {
          line-height: 2.02;
          margin-top: 30px; } }
    .p-company-ci-design__sc3 .c-block6:nth-of-type(1) .c-text1:nth-last-of-type(1) {
      margin-top: 0; }
    .p-company-ci-design__sc3 .c-block6:nth-of-type(2) {
      padding-top: 114px;
      padding-bottom: 120px; }
      @media screen and (max-width: 767px) {
        .p-company-ci-design__sc3 .c-block6:nth-of-type(2) {
          padding-top: 50px;
          padding-bottom: 0; } }
    .p-company-ci-design__sc3 .c-block6:nth-of-type(3) {
      padding: 120px 0 136px 0; }
      @media screen and (max-width: 767px) {
        .p-company-ci-design__sc3 .c-block6:nth-of-type(3) {
          padding-top: 55px;
          padding-bottom: 0; } }
      .p-company-ci-design__sc3 .c-block6:nth-of-type(3) .c-block6__img {
        max-width: 288px;
        margin-top: 0px; }
    .p-company-ci-design__sc3 .c-block6:nth-of-type(4) {
      padding: 117px 0 118px 0; }
      @media screen and (max-width: 767px) {
        .p-company-ci-design__sc3 .c-block6:nth-of-type(4) {
          padding-top: 55px;
          padding-bottom: 58px; } }
      .p-company-ci-design__sc3 .c-block6:nth-of-type(4) .c-text1 {
        margin-top: 10px;
        line-height: 2; }
  .p-company-ci-design__sc3 .c-target:nth-of-type(1) {
    margin-top: 38px; }
    @media screen and (max-width: 767px) {
      .p-company-ci-design__sc3 .c-target:nth-of-type(1) {
        margin-top: 35px; } }
  .p-company-ci-design__sc3 .c-target__txt {
    color: #009D42;
    font-size: 1.5rem; }
  .p-company-ci-design__sc3 .c-target:nth-of-type(2) {
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .p-company-ci-design__sc3 .c-target:nth-of-type(2) {
        margin-top: 10px; } }
  .p-company-ci-design__sc3 .c-target:nth-of-type(3) {
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .p-company-ci-design__sc3 .c-target:nth-of-type(3) {
        margin-top: 10px; } }
  @media screen and (max-width: 767px) {
    .p-company-ci-design__sc3 .c-title9 {
      font-size: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .p-company-ci-design__sc3 .c-title9 span {
      font-size: 1.6rem; } }

.p-company-ci-design__sc4 {
  margin-bottom: 120px; }
  @media screen and (max-width: 767px) {
    .p-company-ci-design__sc4 {
      margin-bottom: 60px; } }

/*------------------------------------------------------------
Page Comfirm
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-comfirm {
  padding-top: 120px; }
  @media screen and (max-width: 767px) {
    .p-comfirm {
      padding-top: 60px; } }
  .p-comfirm .c-mv1 {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-comfirm .c-mv1 {
        margin-bottom: 60px; } }
  .p-comfirm .c-title3 {
    margin-bottom: 56px; }
    @media screen and (max-width: 767px) {
      .p-comfirm .c-title3 {
        margin-bottom: 55px; } }
  .p-comfirm .c-form1 {
    margin: 40px 0 120px 0; }
    @media screen and (max-width: 767px) {
      .p-comfirm .c-form1 {
        margin-top: 27px;
        margin-bottom: 62px; } }
    @media screen and (max-width: 767px) {
      .p-comfirm .c-form1__agreeError {
        padding: 0 10px;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
    @media screen and (max-width: 767px) {
      .p-comfirm .c-form1__agree .c-form1__agreeCheck {
        display: block; } }
    .p-comfirm .c-form1__agree .c-form1__agreeCheck .c-form1__itemcb {
      max-width: 280px; }
      @media screen and (max-width: 767px) {
        .p-comfirm .c-form1__agree .c-form1__agreeCheck .c-form1__itemcb {
          max-width: 100%; } }
    .p-comfirm .c-form1__agree .c-form1__agreeCheck div.c-form1__itemcb {
      display: none; }
    .p-comfirm .c-form1__agree .c-form1__agreeCheck .c-form1__labels {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      max-width: 200px; }
      @media screen and (max-width: 767px) {
        .p-comfirm .c-form1__agree .c-form1__agreeCheck .c-form1__labels {
          display: block; } }
  .p-comfirm .c-block3.sp-only {
    display: none; }
    @media screen and (max-width: 767px) {
      .p-comfirm .c-block3.sp-only {
        display: block; } }

/*------------------------------------------------------------
company
------------------------------------------------------------*/
.p-company1 .c-text2 {
  margin-top: 120px; }
  @media screen and (max-width: 1024px) {
    .p-company1 .c-text2 {
      margin-top: 60px; } }
 

.p-company1 .c-list2 {
  margin-top: 80px; }
  @media screen and (max-width: 767px) {
    .p-company1 .c-list2 {
      margin-top: 41px; } }
  .p-company1 .c-list2.style1 .c-list2__inner {
    padding: 48px 30px 30px 28px; }
	@media screen and (min-width: 768px)and (max-width: 1024px) {
		.p-company1 .c-list2.style1 .c-list2__inner {
			padding-left: 10px;
			padding-right: 10px;
		}
	}
    @media screen and (max-width: 767px) {
      .p-company1 .c-list2.style1 .c-list2__inner {
        padding: 20px; } }
    .p-company1 .c-list2.style1 .c-list2__inner .c-btn1 {
      bottom: -16px !important; }
      @media screen and (max-width: 767px) {
        .p-company1 .c-list2.style1 .c-list2__inner .c-btn1 {
          bottom: 0px !important; } }
  .p-company1 .c-list2.style1 .c-list2__item:nth-child(odd) {
    margin-bottom: 55px; }
    @media screen and (max-width: 767px) {
      .p-company1 .c-list2.style1 .c-list2__item:nth-child(odd) {
        margin-bottom: 20px !important; } }

.p-company2 {
  margin: 41px 0 120px; }
  @media screen and (max-width: 767px) {
    .p-company2 {
      margin: 41px 0 37px; } }
  .p-company2__wrap {
    border-top: 1px solid #D6D6D6;
    padding-top: 77px; }
    @media screen and (max-width: 767px) {
      .p-company2__wrap {
        padding-top: 57px; } }
  .p-company2__banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -1.62%; }
    @media screen and (max-width: 1024px) {
      .p-company2__banner {
        margin: 0 -1%; } }
    @media screen and (max-width: 767px) {
      .p-company2__banner {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin: 0 -2%; } }
    .p-company2__banner li {
      padding: 0 1.62%; }
      @media screen and (max-width: 1024px) {
        .p-company2__banner li {
          padding: 0 1%; } }
      @media screen and (max-width: 767px) {
        .p-company2__banner li {
          margin-bottom: 21px;
          max-width: 50%;
          padding: 0 2%; } }
  .p-company2 .c-title9 {
    margin-bottom: 17px; }
    @media screen and (max-width: 767px) {
      .p-company2 .c-title9 {
        margin-bottom: 18px; } }

/*------------------------------------------------------------
construction
------------------------------------------------------------*/
.p-construction .c-mv2__img {
  margin-top: -143px; }
  @media screen and (max-width: 767px) {
    .p-construction .c-mv2__img {
      margin-top: 0;
      min-width: auto; } }

.p-construction .c-block9 {
  margin-bottom: 120px; }
  @media screen and (max-width: 1024px) {
    .p-construction .c-block9 {
      margin-bottom: 60px; } }

.p-construction1 {
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .p-construction1 {
      padding-top: 42px; } }
  .p-construction1 .c-title8 {
    margin: 80px 0; }
    @media screen and (max-width: 767px) {
      .p-construction1 .c-title8 {
        margin: 0 0 40px; } }

.p-construction2 {
  margin: 120px 0 122px; }
  @media screen and (max-width: 1024px) {
    .p-construction2 {
      margin: 60px 0; } }
  @media screen and (max-width: 767px) {
    .p-construction2 {
      margin: 59px 0 57px; } }
  .p-construction2 .c-block8:not(:last-child) {
    margin-bottom: 118px; }
    @media screen and (max-width: 1024px) {
      .p-construction2 .c-block8:not(:last-child) {
        margin-bottom: 60px; } }
    @media screen and (max-width: 767px) {
      .p-construction2 .c-block8:not(:last-child) {
        margin-bottom: 62px; } }

/*------------------------------------------------------------
Page Contact
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-contact {
  padding-top: 120px; }
  @media screen and (max-width: 767px) {
    .p-contact {
      padding-top: 60px; } }
  .p-contact .c-mv1 {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-contact .c-mv1 {
        margin-bottom: 60px; } }
  .p-contact .c-title3 {
    margin-bottom: 56px; }
    @media screen and (max-width: 767px) {
      .p-contact .c-title3 {
        margin-bottom: 50px; } }
  .p-contact .c-text1 {
    margin: 4px 0 38px 0; }
    @media screen and (max-width: 767px) {
      .p-contact .c-text1 {
        margin-top: 0px;
        margin-bottom: 27px; } }
  .p-contact .c-form1 {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-contact .c-form1 {
        margin-bottom: 62px; } }
  .p-contact .c-block3.sp-only {
    display: none; }
    @media screen and (max-width: 767px) {
      .p-contact .c-block3.sp-only {
        display: block; } }
  .p-contact .c-btn4 {
    margin-left: auto; }
  .p-contact-error {
    padding-top: 120px; }
    @media screen and (max-width: 767px) {
      .p-contact-error {
        padding-top: 60px; } }
    .p-contact-error .c-mv1 {
      margin-bottom: 120px; }
      @media screen and (max-width: 767px) {
        .p-contact-error .c-mv1 {
          margin-bottom: 60px; } }
    .p-contact-error .c-title3 {
      margin-bottom: 56px; }
      @media screen and (max-width: 767px) {
        .p-contact-error .c-title3 {
          margin-bottom: 50px; } }
    .p-contact-error .c-form1 {
      margin: 40px 0 120px 0; }
      @media screen and (max-width: 767px) {
        .p-contact-error .c-form1 {
          margin-top: 27px;
          margin-bottom: 45px; } }
      .p-contact-error .c-form1 .c-form1__grcontrol--style1 {
        padding: 30px 0; }
        @media screen and (max-width: 767px) {
          .p-contact-error .c-form1 .c-form1__grcontrol--style1 {
            padding: 22px 0 20px 0; } }
      .p-contact-error .c-form1__area {
        height: 318px; }
      .p-contact-error .c-form1__privacy {
        padding-top: 30px; }
        @media screen and (max-width: 767px) {
          .p-contact-error .c-form1__privacy {
            padding-top: 20px; } }
    .p-contact-error .c-block3.sp-only {
      display: none; }
      @media screen and (max-width: 767px) {
        .p-contact-error .c-block3.sp-only {
          display: block; } }

/*------------------------------------------------------------
energy
------------------------------------------------------------*/
.p-energy .c-block9 {
  margin-bottom: 120px; }
  @media screen and (max-width: 1024px) {
    .p-energy .c-block9 {
      margin-bottom: 60px;
      padding: 70px 0 38px; } }

.p-energy1 {
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .p-energy1 .c-mv2__img {
      min-width: auto; } }
  @media screen and (max-width: 767px) {
    .p-energy1 {
      padding-top: 42px; } }
  .p-energy1 .c-title8 {
    margin: 80px 0; }
    @media screen and (max-width: 767px) {
      .p-energy1 .c-title8 {
        margin: 0 0 40px; } }

.p-energy2 {
  margin: 120px 0 122px; }
  @media screen and (max-width: 1024px) {
    .p-energy2 {
      margin: 60px 0; } }
  @media screen and (max-width: 767px) {
    .p-energy2 {
      margin: 59px 0 57px; } }
  .p-energy2 .c-block8 {
    margin-bottom: 120px; }
    @media screen and (max-width: 1024px) {
      .p-energy2 .c-block8 {
        margin-bottom: 60px; } }
  .p-energy2 .c-block5:not(:last-child) {
    margin-bottom: 120px; }
    @media screen and (max-width: 1024px) {
      .p-energy2 .c-block5:not(:last-child) {
        margin-bottom: 60px; } }
  @media screen and (max-width: 330px) {
    .p-energy2 .c-block5__copyLink {
      font-size: 1.5rem; } }

/*------------------------------------------------------------
maintenance
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-maintenance {
  padding-top: 120px; }
  @media screen and (max-width: 767px) {
    .p-maintenance {
      padding-top: 60px; } }
  .p-maintenance .c-mv1 {
    margin-bottom: 115px; }
    @media screen and (max-width: 767px) {
      .p-maintenance .c-mv1 {
        margin-bottom: 55px;
        height: 54vw; } }
  .p-maintenance .c-title3 {
    margin-bottom: 56px; }
    @media screen and (max-width: 767px) {
      .p-maintenance .c-title3 {
        margin-bottom: 50px; } }
  .p-maintenance .c-text1 {
    margin-bottom: 39px; }
    @media screen and (max-width: 767px) {
      .p-maintenance .c-text1 {
        margin-bottom: 28px; } }
  .p-maintenance .c-btn2 {
    margin: 30px 0px 60px 0; }
    @media screen and (max-width: 767px) {
      .p-maintenance .c-btn2__txt {
        margin-left: 10px; } }
    .p-maintenance .c-btn2.sp-only {
      display: none; }
      @media screen and (max-width: 767px) {
        .p-maintenance .c-btn2.sp-only {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; } }
    .p-maintenance .c-btn2 .c-btn1 {
      margin-left: 0; }
  .p-maintenance .c-block3 {
    margin-top: 120px; }
    @media screen and (max-width: 767px) {
      .p-maintenance .c-block3 {
        margin-top: 50px;
        height: 388px; } }
  @media screen and (max-width: 767px) {
    .p-maintenance .c-table2 tr {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media screen and (max-width: 767px) {
    .p-maintenance .c-table2 tr th, .p-maintenance .c-table2 tr td {
      padding: 11px 14px;
      width: 100%;
      font-size: 1.4rem;
      line-height: 1.75;
      font-weight: bold; } }
  @media screen and (max-width: 767px) {
    .p-maintenance .c-table2 tr td {
      border-top: none;
      font-weight: 400; } }
  .p-maintenance__info {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-maintenance__info {
        margin-bottom: 0; } }

/*------------------------------------------------------------
message
------------------------------------------------------------*/
  .p-message1 .c-text1 {
    font-size: 3.6rem;
    line-height: 1.5;
    font-weight: bold; }

.p-message2 {
  position: relative;
  margin: 182px 0 0;
  margin-bottom: 114px; }
  @media screen and (max-width: 767px) {
    .p-message2 {
      margin: 30px 0 60px 0; } }
  .p-message2::after {
    content: "";
    clear: both;
    display: block; }
  @media screen and (max-width: 767px) {
    .p-message2 .c-text2 {
      padding: 30px;
      letter-spacing: 0.3px;
      font-size: 2.4rem;
      line-height: 1.5;
      background-image: -webkit-gradient(linear, left top, right top, from(#00abea), to(#009D42));
      background-image: -webkit-linear-gradient(left, #00abea, #009D42);
      background-image: linear-gradient(to right, #00abea, #009D42); } }
  .p-message2__img {
    width: 47.9%;
    float: left;
    position: initial; }
    @media screen and (max-width: 767px) {
      .p-message2__img {
        float: initial;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; } }
    @media screen and (max-width: 767px) {
      .p-message2__img {
        width: 100%;
        padding-right: 0;
        position: initial; } }
    .p-message2__img img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .p-message2__areaText {
    padding: 1px 0 0 53.8%; }
    @media screen and (max-width: 1024px) {
      .p-message2__areaText {
        padding-left: 51.8%; } }
    @media screen and (max-width: 767px) {
      .p-message2__areaText {
        padding-left: 0; } }
  .p-message2__img1 {
    max-height: 39px;
    width: 174px; }
    .p-message2__img1 img {
      height: 100%; }
  .p-message2 .c-title3 {
    margin-bottom: 59px;
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .p-message2 .c-title3 {
        margin-top: 60px;
        margin-bottom: 50px; } }
  .p-message2__textNote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-top: 35px; }
    @media screen and (max-width: 767px) {
      .p-message2__textNote {
        margin-top: 25px; } }
    .p-message2__textNote .c-text1 {
      margin-right: 23px;
      color: #009D42;
      font-weight: bold; }
      @media screen and (max-width: 360px) {
        .p-message2__textNote .c-text1 {
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          margin-right: 15px; } }

.p-message3 {
  margin-bottom: 120px; }
  @media screen and (max-width: 767px) {
    .p-message3 {
      margin-bottom: 63px; } }
  .p-message3__box1 .c-text1:nth-child(2) {
    margin-top: 13px !important;
    font-size: 1.6rem !important;
    line-height: 2 !important;
    font-weight: 400 !important; }
  @media screen and (max-width: 767px) {
    .p-message3__box1 .c-block5 {
      padding-top: 15px;
      margin-top: 10px !important; } }
  .p-message3__box1 .c-block5__info {
    margin-top: 47px; }
    @media screen and (max-width: 767px) {
      .p-message3__box1 .c-block5__info {
        margin-top: 0px !important; } }
  @media screen and (min-width: 768px) {
    .p-message3__box1 .c-block5__img:hover {
      border: 1px solid #d6d6d6; } }
  .p-message3__box2 {
    color: #009D42; }
  .p-message3 .c-block5:nth-last-child(1) {
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .p-message3 .c-block5:nth-last-child(1) {
        margin-top: 25px; } }
  .p-message3 .c-block5 .c-text1 {
    margin-top: -1px;
    font-weight: 400;
    font-size: 2.0rem;
    line-height: 1.77;
    font-weight: bold; }
  @media screen and (max-width: 767px) {
    .p-message3 .c-block5__info {
      padding-top: 17px; } }
  .p-message3 .c-block5__copyLink {
    margin-top: 25px; }
  .p-message3 .c-block5__link {
    text-decoration: none; }
  .p-message3 .c-title9 {
    margin-bottom: 12px;
color: #009D42; }

.p-message4 {
  margin-bottom: 108px; }
  @media screen and (max-width: 767px) {
    .p-message4 {
      margin-bottom: 60px; } }

.p-message-movie a {
	display: block;
	position: relative;
}
.p-message-movie img {
	width: 100%;
}
.p-message-movie p {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 746px;
	height: 279px;
	padding-top: 23px;
	text-align: center;
	color: #fff;
	font-size: 3.6rem;
	line-height: 1.94;
	font-weight: 700;
	box-sizing: border-box;
	border: 1px  solid #fff;
	transform: translate(-50%,-58.7%);
	background: url(/assets/img/company/message/icon01.svg) no-repeat bottom 41px center;
	background-size: 86px auto;
}
.p-message2__areaText h3 {
	margin: -14px 0 17px;
	font-weight: 700;
	line-height: 1.5;
	color: #009D42;
	font-size: 3.6rem;
}
.p-message5 .bg-box {
	padding: 40px 40px 36px;
	background-color: #F6F6F6;
}
.p-message5 .bg-box p {
	line-height: 2;
	font-size: 1.6rem;
}
.p-message5 .bg-box h3 {
	margin-bottom: 16px;
	font-weight: 700;
	color: #009D42;
	font-size: 2rem;
}
.p-message-pop {
	display: none;
}
.p-message-pop .video {
	width: 700px;
	margin: 0 auto;
	position: relative;
    height: 400px;
    overflow: hidden;
}
.p-message-pop .video iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 768px) {
	.p-message2__areaText .c-text1 {
		margin-bottom: 40px;
		line-height: 2.5;
	}
	.p-message2__textNote {
		margin-right: 14px;
	}
	.p-message2.right {
		margin-top: 210px;
	}
	.right .p-message2__img {
	float: right;
	}
	.right .p-message2__areaText {
	padding-left: 0;
	padding-right: 53.8%;
	}
	.right .p-message2__textNote {
		padding-right: 56%;
	}
	.right .p-message2__img1 {
		max-height: 35px;
		width: 160px;
	}
  }
  @media screen and (max-width: 767px) {
	.p-message-movie p {
		width: 280px;
		height: 120px;
		padding-top: 15px;
		font-size: 1.6rem;
		line-height: 1.94;
		transform: translate(-50%,-50%);
		background-position: bottom 10px center;
		background-size: 40px auto;
	}
	.p-message2__areaText h3 {
		margin: 20px 0 10px;
		font-size: 2.8rem;
	}
	.p-message5 .bg-box {
		padding: 20px;
	}
	.p-message5 .bg-box h3 {
		margin-bottom: 10px;
	}
	.p-message-pop .video {
		width: auto;
		height: 0;
		padding-bottom: 62.5%;
	}
  }
/*------------------------------------------------------------
Page Contact
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-news {
  padding-top: 120px; }
  @media screen and (max-width: 767px) {
    .p-news {
      padding-top: 60px; } }
  .p-news .c-mv1 {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-news .c-mv1 {
        margin-bottom: 60px; } }
  .p-news .c-title3 {
    margin-bottom: 56px; }
    @media screen and (max-width: 767px) {
      .p-news .c-title3 {
        margin-bottom: 50px; } }
  .p-news .c-list1 {
    margin: 35px 0 0 -3.8%; }
    @media screen and (max-width: 767px) {
      .p-news .c-list1 {
        margin: 25px 0 0 -3.8%; } }
    .p-news .c-list1__item {
      padding: 0 0 0 3.8%;
      margin-bottom: 36px; }
      @media screen and (max-width: 767px) {
        .p-news .c-list1__item {
          margin-bottom: 16px; } }
    .p-news .c-list1__txt1 {
      width: 93px; }
      @media screen and (max-width: 767px) {
        .p-news .c-list1__txt1 {
          width: 95px; } }
    .p-news .c-list1__detail {
      padding: 20px 18px; }
    .p-news .c-list1__txt2 {
      -webkit-line-clamp: 3; }
  .p-news .c-pagination.pc-only {
    margin: 2px 0 119px 0; }
  .p-news .c-pagination.sp-only {
    margin-top: 12px;
    margin-bottom: 58px; }
  @media screen and (min-width: 768px) {
    .p-news .c-pagination a:hover {
      opacity: 1;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      color: #FFFFFF;
      background-color: #009D42;
      border-color: #009D42; } }
  .p-news__wrap {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-news__wrap {
        margin-bottom: 60px; } }
    .p-news__wrap .c-list1__img img {
      width: 100%; }
    .p-news__wrap .c-list1__txt1 {
      width: auto;
      padding: 4px 20px; }
    @media screen and (max-width: 767px) {
      .p-news__wrap .c-pagination {
        margin-top: 10px; } }
  .p-news-detail__sc1 {
    margin-top: 160px; }
    @media screen and (max-width: 767px) {
      .p-news-detail__sc1 {
        margin-top: 100px; } }
  .p-news-detail__sc2 {
    margin-bottom: 76px; }
    @media screen and (max-width: 767px) {
      .p-news-detail__sc2 {
        margin-bottom: 34px; } }
    .p-news-detail__sc2__content {
      border-bottom: 4px solid #009D42;
      padding-bottom: 77px; }
      @media screen and (max-width: 767px) {
        .p-news-detail__sc2__content {
          padding-bottom: 40px; } }
    .p-news-detail__sc2 .c-title8 {
      margin-top: 80px;
      margin-bottom: 20px; }
      .p-news-detail__sc2 .c-title8__eng {
        margin-bottom: 20px; }
    .p-news-detail__sc2 .c-title3 {
      margin-bottom: 20px;
      letter-spacing: 0.29px; }
      .p-news-detail__sc2 .c-title3::after {
        content: none; }
    .p-news-detail__sc2 .c-text1 {
      padding-top: 77px; }
    .p-news-detail__sc2Group {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: 1.4rem;
      line-height: 1.5; }
    .p-news-detail__sc2Category {
      color: #fff;
      border-radius: 32px;
      background-color: #009D42;
      padding: 5px 20px; }
  .p-news-detail__sc4 {
    margin: 115px 0 0; }
    @media screen and (max-width: 767px) {
      .p-news-detail__sc4 {
        margin-top: 60px; } }
    .p-news-detail__sc4 .c-block12 {
      padding: 120px 0;
      border-top: 1px solid #D6D6D6; }
      @media screen and (max-width: 767px) {
        .p-news-detail__sc4 .c-block12 {
          padding: 60px 0; } }

/*------------------------------------------------------------
organization
------------------------------------------------------------*/
.p-organization .c-block9 {
  margin-bottom: 120px; }
  @media screen and (max-width: 1024px) {
    .p-organization .c-block9 {
      margin-bottom: 60px;
      padding: 70px 0 38px; } }

@media screen and (max-width: 1260px) {
  .p-organization .c-mv2__img {
    width: 100%;
    min-width: auto; } }

@media screen and (max-width: 767px) {
  .p-organization .c-mv2__text {
    line-height: 2.22; } }

.p-organization1 {
  padding-top: 40px; }
  @media screen and (max-width: 767px) {
    .p-organization1 {
      padding-top: 42px; } }
  .p-organization1 .c-title8 {
    margin: 80px 0; }
    @media screen and (max-width: 767px) {
      .p-organization1 .c-title8 {
        margin: 0 0 40px; } }

.p-organization2 {
  margin: 120px 0 122px; }
  @media screen and (max-width: 1024px) {
    .p-organization2 {
      margin: 60px 0; } }
  @media screen and (max-width: 767px) {
    .p-organization2 {
      margin: 56px 0 57px; } }
  .p-organization2 .c-block8 {
    margin-bottom: 117px; }
    @media screen and (max-width: 1024px) {
      .p-organization2 .c-block8 {
        margin-bottom: 60px; } }

/*------------------------------------------------------------
outline
------------------------------------------------------------*/
.p-outline1 {
  padding-bottom: 102px; }
  @media screen and (max-width: 767px) {
    .p-outline1 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .p-outline1 .c-mv1 {
      height: 45vw; } }


.p-outline2 .c-table1 {
  margin-top: 63px; }
  @media screen and (max-width: 767px) {
    .p-outline2 .c-table1 {
      margin-top: 53px; } }
  @media screen and (max-width: 767px) {
    .p-outline2 .c-table1 td {
      border-top: none; } }
  @media screen and (max-width: 767px) {
    .p-outline2 .c-table1 th, .p-outline2 .c-table1 td {
      line-height: 1.78; } }

	  .p-outline2 .sml {
		padding-right: 0;
		letter-spacing: 0;
	  }
	  .p-outline2 .banner-list {
		margin: -31px 90px 0 -12px;
		display: flex;
		flex-wrap: wrap;
	  }
	   .p-outline2 .banner-list li {
		margin-top: 41px;
		width: calc(100% / 3);
		box-sizing: border-box;
	padding: 0 10px;
		text-align: center;
	   }
	    .p-outline2 .banner-list span {
			margin-top: 8px;
			display: block;
		}
	   @media screen and (min-width: 768px) {
		.p-outline2 .sml span {
			display: block;
			margin-right: -10px;
		}
		}
	    @media screen and (max-width: 767px) {
			 .p-outline2 .banner-list {
				margin: -20px 0 0;
				display: block;
			}
			.p-outline2 .banner-list li {
				margin-top: 20px;
				padding: 0;
				width: auto;
			}
				.p-outline2 .banner-list span {
					margin-top: 4px;
				}
		}

.p-outline3 {
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .p-outline3 {
      margin-top: 60px; } }
  .p-outline3 .c-title3 {
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .p-outline3 .c-title3 {
        margin-bottom: 53px; } }
  .p-outline3 .c-title4 {
    border-bottom: 2px solid #009D42; }
  .p-outline3 .c-table1 {
    margin: 40px 0; }
    @media screen and (max-width: 767px) {
      .p-outline3 .c-table1 {
        margin: 30px 0; } }
    @media screen and (max-width: 767px) {
      .p-outline3 .c-table1 td {
        border-top: none; } }
    @media screen and (max-width: 767px) {
      .p-outline3 .c-table1 th, .p-outline3 .c-table1 td {
        line-height: 1.76; } }

.p-outline4 iframe {
  width: 100%;
  height: 500px;
  margin: 20px 0 77px 0; }
  @media screen and (max-width: 767px) {
    .p-outline4 iframe {
      margin-top: 0;
      height: 315px;
      margin-bottom: 37px; } }
  .p-outline4 iframe:nth-last-of-type(1) {
    height: 520px;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .p-outline4 iframe:nth-last-of-type(1) {
        height: 315px; } }

.p-outline4 .c-title4 {
  border-bottom: 2px solid #009D42; }

.p-outline4 .c-table1 {
  margin: 40px 0 20px 0; }
  @media screen and (max-width: 767px) {
    .p-outline4 .c-table1 {
      margin: 30px 0; } }
  @media screen and (max-width: 767px) {
    .p-outline4 .c-table1 td {
      border-top: none; } }
  @media screen and (max-width: 767px) {
    .p-outline4 .c-table1 th, .p-outline4 .c-table1 td {
      line-height: 1.76; } }

.p-outline5 {
  margin: 117px 0 120px 0; }
  @media screen and (max-width: 767px) {
    .p-outline5 {
      margin: 57px 0 61px 0; } }

/*------------------------------------------------------------
Page policy
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-policy {
  padding-top: 120px; }
  @media screen and (max-width: 767px) {
    .p-policy {
      padding-top: 60px; } }
  .p-policy .c-mv1 {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-policy .c-mv1 {
        margin-bottom: 60px; } }
  .p-policy__box1 {
    margin-bottom: 108px; }
    @media screen and (max-width: 767px) {
      .p-policy__box1 {
        margin-bottom: 51px; } }
    .p-policy__box1 .c-text1 {
      text-align: right; }
  .p-policy__box {
    margin-bottom: 115px; }
    @media screen and (max-width: 767px) {
      .p-policy__box {
        margin-bottom: 51px; } }
    .p-policy__box .c-title3 {
      margin-bottom: 59px; }

	  .p-policy .txt01 {
		margin-bottom: 32px;
	  }
	  .p-policy__box .c-title7 + .c-text1 {
		margin: 0 0 32px 14px;
	  }

/*------------------------------------------------------------
service
------------------------------------------------------------*/
.p-service1 {
  padding-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .p-service1 {
      padding-bottom: 40px; } }
  .p-service1 .c-text3 {
    margin: 120px 0 74px; }
    @media screen and (max-width: 767px) {
      .p-service1 .c-text3 {
        margin: 60px 0 40px; } }

/*------------------------------------------------------------
Page Thanks
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-thanks {
  padding: 120px 0; }
  @media screen and (max-width: 767px) {
    .p-thanks {
      padding: 60px 0 0 0; } }
  .p-thanks .c-mv1 {
    margin-bottom: 120px; }
    @media screen and (max-width: 767px) {
      .p-thanks .c-mv1 {
        margin-bottom: 60px; } }
  .p-thanks .c-title3 {
    margin-bottom: 56px; }
    @media screen and (max-width: 767px) {
      .p-thanks .c-title3 {
        margin-bottom: 50px; } }
  .p-thanks__btn {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .p-thanks__btn {
        margin-top: 25px;
        margin-bottom: 60px; } }
    .p-thanks__btn .c-btn1 {
      margin-left: 0px;
      margin-right: 20px; }
      @media screen and (max-width: 767px) {
        .p-thanks__btn .c-btn1 {
          margin-left: 0px;
          margin-right: 10px; } }
  .p-thanks .c-block3.sp-only {
    display: none; }
    @media screen and (max-width: 767px) {
      .p-thanks .c-block3.sp-only {
        display: block; } }

/*------------------------------------------------------------
Page Top
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/* .page-index::after {
  content: '';
  width: 100%;
  height: 100vh;
  background: url("/assets/img/top/bg.webp") no-repeat top center;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; } */

.p-top {
  padding-top: 120px; }
  @media screen and (max-width: 767px) {
    .p-top {
      padding-top: 60px; } }
  .p-top__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 20px; }
  .p-top1 .c-list1 {
    margin: 0 0 0 -2.0%; }
    @media screen and (max-width: 767px) {
      .p-top1 .c-list1 {
        margin: 0; } }
    .p-top1 .c-list1__item {
      padding-left: 2.0%;
      padding-right: 0; }
      @media screen and (max-width: 767px) {
        .p-top1 .c-list1__item {
          padding-left: 0; } }
    @media screen and (max-width: 767px) {
      .p-top1 .c-list1__img {
        height: 209px; } }
    .p-top1 .c-list1__img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .p-top1, .p-top2 {
    padding-top: 38px; }
    @media screen and (max-width: 1300px) {
      .p-top1 .l-cont1, .p-top2 .l-cont1 {
        padding: 0 20px; } }
    @media screen and (max-width: 767px) {
      .p-top1 .l-cont1, .p-top2 .l-cont1 {
        padding: 0 30px; } }
    @media screen and (max-width: 1024px) {
      .p-top1, .p-top2 {
        padding-top: 64px; } }
    @media screen and (max-width: 767px) {
      .p-top1, .p-top2 {
        padding-top: 30px; } }
    .p-top1 .c-title1, .p-top2 .c-title1 {
      margin-bottom: 62px; }
      @media screen and (max-width: 1024px) {
        .p-top1 .c-title1, .p-top2 .c-title1 {
          margin-bottom: 34px; } }
      @media screen and (max-width: 767px) {
        .p-top1 .c-title1, .p-top2 .c-title1 {
          margin-bottom: 28px; } }
  .p-top3 {
    padding-top: 118px; }
    @media screen and (max-width: 1024px) {
      .p-top3 {
        padding-top: 59px; } }
    @media screen and (max-width: 767px) {
      .p-top3 {
        padding-top: 19px;
        padding-right: 30px; } }
    .p-top3 .l-cont1 {
      width: 100%;
      max-width: 100%;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .p-top3 .l-cont1 {
          padding: 0 30px; } }
  .p-top4 {
    padding: 120px 0 120px; }
    .p-top4 .l-cont1 {
      padding: 0; }
      @media screen and (max-width: 767px) {
        .p-top4 .l-cont1 {
          padding: 0 30px; } }
    @media screen and (max-width: 1024px) {
      .p-top4 {
        padding: 60px 0 60px; } }
    @media screen and (max-width: 767px) {
      .p-top4 {
        padding: 42px 0 13px 0; } }
    .p-top4__cont {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .p-top4__cont {
          display: block; } }
    .p-top4 .c-block2 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 4.6%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .p-top4 .c-block2 {
          width: 100%;
          margin-left: 0; } }
    .p-top4 .c-title1 {
      margin-top: 7px; }
      @media screen and (max-width: 767px) {
        .p-top4 .c-title1 {
          margin: 0 0 28px; } }
		  .p-top5 {
			margin: 99px 0 70px;
		  }
.p-top5-link {
	position: relative;
}
.p-top5-link a {
	height: 429px;
	padding-top: 114px;
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	 background: url("/assets/img/top/img17.webp") center no-repeat;
	 background-size: cover;
	 border: 10px solid #009D42;
}
.p-top5-link .white-bg {
	max-width: 1077px;
	padding: 50px 0 48px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	background-color: rgba(255, 255, 255, 0.5);
}
.p-top5-link .c-title1 {
	margin-right: 60px;
}
.p-top5-link .c-title1__eng {
  color: #000;
}
      @media screen and (max-width: 767px) {
		  .p-top5 {
			margin: 52px 0 29px;
		  }
		.p-top5-link a {
			height: 315px;
			padding-top: 78px;
			background-image: url("/assets/img/top/img17_sp.webp");
			border-width: 5px;
		}
		.p-top5-link .white-bg {
			max-width: 150px;
			padding: 32px 0 30px;
			display: block;
		}
		.p-top5-link .c-title1 {
			margin: 0 0 -23px;
			text-align: center;
		}
		.p-top5-link .c-title1__eng {
			font-size: 3rem;
		}
		.p-top5-link .c-title1__jp {
			margin-top: -6px;
			font-size: 1.2rem;
			display: block;
		}
		.p-top5-link .c-title1__jp::before {
			display: none;
		}
		.p-top5-link .c-btn2 {
			margin: 0 auto;
		}
		.p-top5-link .c-btn2__txt {
			font-size: 0.8rem;
		}
		.p-top5-link .c-btn1 {
			width: 23px;
			height: 23px;
		}
	  }
 @media screen and (min-width: 768px) {
    .p-top5-link a:hover .c-btn2 {
      opacity: 1; }
       .p-top5-link a:hover .c-btn2__txt {
        color: #009D42;
        text-decoration: underline; }
       .p-top5-link a:hover .c-btn1__halfclip {
        -webkit-animation: cliprotate 0.25s 1;
                animation: cliprotate 0.25s 1;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .p-top5-link a:hover .c-btn1 .u-clipped {
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        -webkit-animation: rotate 0.125s linear 2;
                animation: rotate 0.125s linear 2; }
       .p-top5-link a:hover .c-btn1 .u-fixed {
        opacity: 1;
        -webkit-animation: showfixed 0.25s 1;
                animation: showfixed 0.25s 1; } }
/*------------------------------------------------------------
company vision
------------------------------------------------------------*/
.p-company-vision__sc1 {
  margin-top: 40px; }
  .p-company-vision__sc1 .c-breadcrumb {
    margin-bottom: 80px; }

.p-company-vision__sc2 {
  margin-top: 79px; }
  @media screen and (max-width: 767px) {
    .p-company-vision__sc2 {
      margin-top: 42px; } }
  @media screen and (max-width: 767px) {
    .p-company-vision__sc2 .c-mv2 {
      display: block; } }
  .p-company-vision__sc2 .c-mv2__img {
    position: relative; }
  .p-company-vision__sc2 .c-mv3__title {
    color: #fff; }
  .p-company-vision__sc2 .c-title3 {
    padding: 20px;
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right top, from(#00abea), to(#009D42));
    background-image: -webkit-linear-gradient(left, #00abea, #009D42);
    background-image: linear-gradient(to right, #00abea, #009D42);
    color: #fff;
    line-height: 1.4; }
    .p-company-vision__sc2 .c-title3::after {
      content: none; }
  .p-company-vision__sc2__content {
    position: absolute;
    left: 200px;
    top: 120px; }
    @media screen and (max-width: 767px) {
      .p-company-vision__sc2__content {
        left: 0;
        top: 0;
        position: static; } }
  .p-company-vision__sc2__wrap {
    display: block; }
  .p-company-vision__sc2 .c-text2 {
    padding: 25px 30px;
    background-image: -webkit-gradient(linear, left top, right top, from(#00abea), to(#009D42));
    background-image: -webkit-linear-gradient(left, #00abea, #009D42);
    background-image: linear-gradient(to right, #00abea, #009D42); }

.p-company-vision__sc3 {
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .p-company-vision__sc3 {
      margin: 57px 0 58px 0; } }
  .p-company-vision__sc3 .c-block6 {
    padding: 117px 0 117px 0; }
    @media screen and (max-width: 767px) {
      .p-company-vision__sc3 .c-block6 {
        padding: 0; } }
    .p-company-vision__sc3 .c-block6:nth-last-of-type(1) {
      border: none; }
    @media screen and (max-width: 767px) {
      .p-company-vision__sc3 .c-block6:nth-last-of-type(2) {
        margin-top: 55px; } }
    @media screen and (max-width: 767px) {
      .p-company-vision__sc3 .c-block6:nth-last-of-type(1) {
        margin-top: 50px; } }

.p-company-vision__sc4 {
  margin-bottom: 120px; }
  @media screen and (max-width: 767px) {
    .p-company-vision__sc4 {
      margin-bottom: 60px; } }

@media screen and (max-width: 767px) {
  .sticky-fixed, .sticky-bottom {
    display: none; } }

@media screen and (max-width: 767px) {
  .js-sticky-elem {
    visibility: visible !important;
    opacity: 1 !important; } }

	.p-outline2 + .c-block9 {
		margin-top: 120px;
	}
	@media screen and (max-width: 767px) {
		.p-outline2 + .c-block9 {
			margin-top: 60px;
		}
	}

	/*------------------------------------------------------------
group
------------------------------------------------------------*/
.fix_bg {
	position: fixed;
	left: 0;
	top: 160px;
	width: 100%;
	bottom: 0;
	text-align: center;
	z-index: -1;
}
.fix_bg img {
	width: 1313px;
}
.p-group-box {
	padding: 293px 0 312px;
	position: relative;
	z-index: 1;
}
.p-group-box h2 {
	margin-bottom: 314px;
	text-align: center;
	font-weight: 600;
	font-size: 9.4rem;
	line-height: 1.18;
	color: #fff;
	text-shadow: 0 0 40px #000;
	font-family: 'Montserrat', sans-serif;
}
.p-group-box .inner {
	width: 830px;
	margin: 0 auto 9px;
	height: 830px;
	padding-top: 100px;
	text-align: center;
	border-radius: 100%;
	box-sizing: border-box;
	opacity: 0.95;
	backdrop-filter: blur(32.259498596191406px);
	-webkit-backdrop-filter: blur(32.259498596191406px);
	background-color: rgba(255, 255, 255, 0.4);
}
.p-group-box .inner h3 {
	margin-bottom: 49px;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.p-group-box .inner h3 .en {
	margin-bottom: -1px;
	display: block;
	color: #009D42;
	font-weight: 600;
	font-size: 7.2rem;
	letter-spacing: 0;
	font-family: 'Montserrat', sans-serif;
}
.p-group-box .inner p {
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 2.5;
}
.p-group-box .info {
	padding: 9px 0 0 63px;
	width: 707px;
	height: 707px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	opacity: 0.95;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	background-color: rgba(255, 255, 255, 0.5);
}
.p-group-box .info .sub {
	width: 482px;
}
.p-group-box .info h3 {
	margin-bottom: 24px;
	font-size: 2.8rem;
	font-weight: 700;
}
.p-group-box .info h3 .en {
	margin-right: 22px;
	display: inline-block;
	color: #009D42;
	font-weight: 600;
	font-size: 3.6rem;
	font-family: 'Montserrat', sans-serif;
}
.p-group-box .info h4 {
	margin-bottom: 25px;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.5;
}
.p-group-box .info p {
	font-size: 1.8rem;
	line-height: 2.22;
}
.p-group-box .info01 {
	margin: 0 0 9px 102px;
}
.p-group-box .info02 {
	margin: 0 70px 8px auto;
	width: 799px;
	height: 799px;
}
.p-group-box .info02 .sub {
	width: 564px;
}
.p-group-box .info03 {
	margin: 0 0 11px 83px;
	width: 875px;
	height: 875px;
}
.p-group-box .info03 .sub {
	width: 604px;
}
.p-group-box .info04 {
	margin: 0 118px 10px auto;
	width: 673px;
	height: 673px;
}
.p-group-box .info04 .sub {
	width: 460px;
}
.p-group-box .info05 {
	margin: 0 auto 173px;
	width: 811px;
	height: 811px;
	padding-left: 0;
}
.p-group-box .info05 .sub {
	width: 570px;
}
.p-group-box .btm_link {
	width: 588px;
	margin: 0 auto;
}
.p-group-box .btm_link a {
	height: 131px;
	padding-left: 70px;
	display: flex;
	align-items: center;
	color: #009D42;
	font-size: 3rem;
	font-weight: 700;
	text-decoration: none;
	border: 5px solid #009D42;
	box-sizing: border-box;
	backdrop-filter: blur(30px);
	--webkit-backdrop-filter: blur(30px);
	background-color: rgba(255, 255, 255, 0.5);
}
.p-group-box .btm_link .sml {
	margin: -11px 0 0 30px;
	display: inline-block;
	vertical-align: middle;
	color: #111111;
	font-size: 1.6rem;
	font-weight: 400;
}
.p-group-box .btm_link .c-btn1 {
	margin-left: 15px;
}
.p-group-box .btm_link .c-btn1::after {
  background-image: url("/assets/img/common/icon-arrow.png");
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
	.p-group.u-padtop {
		padding-top: 159px;
	}
}
@media screen and (min-width: 768px)and (max-width: 1024px) {
.p-group-box .inner {
		width: 55.333vw;
		margin: 0 auto 9px;
		height: 55.333vw;
		padding-top: 6.667vw;
	}
	.p-group-box .inner h3 {
		margin-bottom: 3.267vw;
		font-size: 1.6vw;
	}
	.p-group-box .inner h3 .en {
		font-size: 4.8vw;
	}
	.p-group-box .inner p {
		font-size: 1.6vw;
	}
	.p-group-box .info {
		padding: 0.6vw 0 0 4.2vw;
		width: 47.133vw;
		height: 47.133vw;
	}
	.p-group-box .info .sub {
		width: 32.133vw;
	}
	.p-group-box .info h3 {
		margin-bottom: 1.6vw;
		font-size: 1.867vw;
	}
	.p-group-box .info h3 .en {
		margin-right: 1.467vw;
		font-size: 2.4vw;
	}
	.p-group-box .info h4 {
		margin-bottom: 1.667vw;
		font-size: 2.667vw;
	}
	.p-group-box .info p {
		font-size: 1.2vw;
	}
	.p-group-box .info01 {
		margin: 0 0 0.6vw 6.8vw;
	}
	.p-group-box .info02 {
		margin: 0 70px 8px auto;
		width: 53.267vw;
		height: 53.267vw;
	}
	.p-group-box .info02 .sub {
		width: 37.6vw;
	}
	.p-group-box .info03 {
		margin: 0 0 0.733vw 5.533vw;
		width: 58.333vw;
		height: 58.333vw;
	}
	.p-group-box .info03 .sub {
		width: 40.267vw;
	}
	.p-group-box .info04 {
		margin: 0 118px 10px auto;
		width: 44.867vw;
		height: 44.867vw;
	}
	.p-group-box .info04 .sub {
		width: 30.667vw;
	}
	.p-group-box .info05 {
		margin: 0 auto 173px;
		width: 54.067vw;
		height: 54.067vw;
		padding-left: 0;
	}
	.p-group-box .info05 .sub {
		width: 38vw;
	}
}
@media screen and (max-width: 767px) {
	.fix_bg {
		top: 117px;
	}
	.fix_bg img {
		width: 100%;
	}
	.p-group-box {
		padding: 175px 0 70px;
	}
	.p-group-box h2 {
		margin-bottom: 180px;
		font-size: 3.6rem;
		line-height: 1.19;
	}
	.p-group-box .inner {
		width: auto;
		margin: 0 -1px 25px;
		height: auto;
		padding: 40px 0 70px;
		border-radius: 159px;
	}
	.p-group-box .inner h3 {
		margin-bottom: 42px;
		font-size: 1.6rem;
	}
	.p-group-box .inner h3 .en {
		font-size: 4rem;
	}
	.p-group-box .inner p {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 2.57;
	}
	.p-group-box .info {
		padding: 63px 0 70px;
		margin: 0 -1px 27px !important;
		width: auto !important;
		height: auto !important;
		border-radius: 159px;
		display: block;
	}
	.p-group-box .info .sub {
		width: auto !important;
	}
	.p-group-box .info h3 {
		margin-bottom: 29px;
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.05em;
	}
	.p-group-box .info h3 .en {
		margin: 0 0 5px;
		display: block;
		font-size: 2rem;
		letter-spacing: 0;
	}
	.p-group-box .info h4 {
		margin-bottom: 15px;
		font-size: 1.8rem;
		font-weight: 600;
		line-height: 2;
		text-align: center;
	}
	.p-group-box .info p {
		margin: 0 42px;
		font-size: 1.4rem;
		line-height: 2.57;
	}
	.p-group-box .btm_link {
		margin-top: 44px;
		max-width: 318px;
		width: auto;
	}
	.p-group-box .btm_link a {
		height: 128px;
		padding: 20px 0 0;
		display: block;
		text-align: center;
		font-size: 2.4rem;
		border-width: 3px;
	}
	.p-group-box .btm_link .sml {
		margin: 19px 60px 0 0;
		display: block;
		font-size: 1.4rem;
	}
	.p-group-box .btm_link .c-btn1 {
		margin: 0 -67px 0 0;
		position: absolute;
		right: 50%;
		bottom: 19px;
		width: 38px;
		height: 38px;
	}
}
@media screen and (max-width: 350px) {
	.p-group-box .inner p {
		font-size: 1.3rem;
	}
	.p-group-box .info h4 {
		font-size: 1.6rem;
	}
	.p-group-box .info p {
		margin: 0 20px;
		font-size: 1.3rem;
	}
}

body.fixed {
	position: fixed;
	width: 100%;
	top: 100%;
}
.mfp-container {
	position: fixed;
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}