@charset "UTF-8";
.clr_or {
  color: #E88C48;
}

.clr_bl {
  color: #4E9DC7;
}

.lp_content {
  padding: 3.6rem 1.2rem 4.8rem;
}

.outline_body {
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: 1.6rem;
}

.lp_default_ttl {
  padding: 2rem 0;
  border-top: solid 0.3rem #666;
  border-bottom: solid 0.3rem #666;
  text-align: center;
  margin-bottom: 2.4rem;
}

.green_mesh_ttl {
  text-align: center;
  background-color: #E2F1D4;
  padding: 3.2rem 0 1.6rem 0.4rem;
  margin: 0 0.4rem 2.4rem 0;
  position: relative;
}
.green_mesh_ttl span {
  color: #6FB92D;
}
.green_mesh_ttl::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border: solid 0.1rem #6FB92D;
  top: 0;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(0.4rem, 0.4rem);
          transform: translate(0.4rem, 0.4rem);
}
.green_mesh_ttl::after {
  content: attr(data-en_ttl) "";
  display: inline-block;
  padding: 0.4rem 2rem;
  position: absolute;
  font-size: 1.4rem;
  background-color: #E2F1D4;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: #6FB92D;
}

.feature_module {
  border: solid 0.3rem #666;
  background-color: #fff;
  padding: 1.2rem;
  border-radius: 0.8rem;
  margin-bottom: 4rem;
}
.feature_module h3 {
  background-color: #666;
  color: #fff;
  padding: 0.8rem;
  border-radius: 0.4rem;
  margin-bottom: 1.2rem;
}
.feature_module .feature_module_row {
  border-bottom: dotted 0.1rem #ccc;
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
}
.feature_module .feature_module_row:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.feature_module dl {
  margin-bottom: 2.4rem;
}
.feature_module dl:last-of-type {
  margin-bottom: 0;
}
.feature_module dl dt {
  font-weight: 700;
  margin-bottom: 1.2rem;
}
.feature_module p {
  margin-bottom: 2rem;
}
.feature_module figure {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}
.feature_module figure:last-of-type {
  margin-bottom: 0;
}

.note {
  font-size: 1.2rem;
}

figcaption {
  margin-top: 0.8rem;
  font-size: 1.2rem;
}

.btn {
  width: 28rem;
  margin: 2rem auto 0;
  text-align: center;
}
.btn a {
  display: block;
  padding: 0.8rem 0;
  background-color: #6FB92D;
  color: #fff;
  border-radius: 10rem;
}

.movie_screen_size {
  width: 100%;
  margin: 0 auto 2.4rem;
}

.movie_screen {
  width: 100%;
  padding-top: 52.6%;
  position: relative;
}
.movie_screen iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

body {
  padding-top: 6.24rem;
}

.lp_header {
  position: fixed;
  width: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 4;
}
.lp_header .lp_header_inner {
  padding: 1.2rem 4.8rem 1.2rem 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.lp_header .lp_header_inner .lp_header_logo {
  width: 15.4rem;
  margin: 0;
}
.lp_header .lp_header_inner .lp_header_btn {
  text-align: center;
}
.lp_header .lp_header_inner .lp_header_btn a {
  display: block;
  padding: 0.8rem 2.4rem;
  background-color: #6FB92C;
  border: solid 0.1rem #6FB92C;
  color: #fff;
  border-radius: 0.4rem;
}
.lp_header .lp_header_inner .lp_header_btn_line a {
  background-color: #fff;
  border: solid 0.1rem #6FB92C;
  color: #6FB92C;
}
.lp_header .lp_header_inner .menu_open {
  font-size: 2.4rem;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.lp_header .lp_header_inner .lp_header_nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  z-index: 3;
  padding: 4.8rem 2rem 2rem;
}
.lp_header .lp_header_inner .lp_header_nav li a {
  display: block;
  padding: 1.2rem 0;
  border-bottom: dotted 0.1rem #ccc;
}
.lp_header .lp_header_inner .lp_header_nav li ul {
  padding-left: 2rem;
}
.lp_header .lp_header_inner .lp_header_nav .menu_close {
  position: absolute;
  font-size: 2.4rem;
  top: 1.2rem;
  right: 2rem;
}

/* お問い合わせ */
.first_contact_sec {
  padding: 4rem 1.2rem;
}

.first_contact {
  background-color: #EDF7E6;
  padding: 2.4rem;
  text-align: center;
}
.first_contact h2 {
  padding-bottom: 1.2rem;
  margin-bottom: 2rem;
  position: relative;
}

.lp_footer {
  padding: 0 1.2rem 1.2rem;
}
.lp_footer .bnr_area {
  border-top: solid 0.1rem #ccc;
  padding: 1.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4rem;
}
.lp_footer .bnr_area dl {
  width: 48%;
}
.lp_footer .bnr_area dl dt {
  margin-bottom: 0.8rem;
}
.lp_footer .bnr_area dl dd {
  margin-bottom: 0.8rem;
}
.lp_footer .copyright {
  font-size: 1.2rem;
  text-align: center;
}

/*****************************************************************************************************

width:768px〜

*****************************************************************************************************/
@media screen and (min-width: 768px) {
  .lp_content {
    padding: 4.8rem 1.6rem 6.4rem;
  }
  .outline_body {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 2rem;
  }
  .lp_default_ttl {
    padding: 2.8rem 0;
    margin-bottom: 3.2rem;
    font-size: 2.4rem;
  }
  .green_mesh_ttl {
    padding: 3.2rem 0 1.6rem 0.8rem;
    margin: 0 0.8rem 3.6rem 0;
  }
  .green_mesh_ttl::before {
    -webkit-transform: translate(0.8rem, 0.8rem);
            transform: translate(0.8rem, 0.8rem);
  }
  .green_mesh_ttl::after {
    padding: 0 2rem;
    font-size: 1.6rem;
  }
  .feature_module {
    padding: 1.2rem;
    margin-bottom: 4rem;
  }
  .feature_module h3 {
    padding: 0.8rem;
    margin-bottom: 1.2rem;
  }
  .feature_module .feature_module_row {
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
  }
  .feature_module .feature_module_row:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .feature_module dl {
    margin-bottom: 2.4rem;
  }
  .feature_module dl:last-of-type {
    margin-bottom: 0;
  }
  .feature_module dl dt {
    margin-bottom: 1.2rem;
  }
  .feature_module p {
    margin-bottom: 2rem;
  }
  .feature_module figure {
    margin-top: 2.4rem;
    margin-bottom: 4rem;
  }
  .feature_module figure:last-of-type {
    margin-bottom: 0;
  }
  .note {
    font-size: 1.2rem;
  }
  .btn {
    width: 28rem;
    margin: 2rem auto 0;
    text-align: center;
  }
  .btn a {
    display: block;
    padding: 0.8rem 0;
    background-color: #6FB92D;
    color: #fff;
    border-radius: 10rem;
  }
  .movie_screen_size {
    width: 80%;
  }
  .over_alpha {
    -webkit-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
    cursor: pointer;
  }
  .over_alpha:hover {
    opacity: 0.7;
  }
  .lp_header .lp_header_inner {
    padding: 1.2rem 4.8rem 1.2rem 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .lp_header .lp_header_inner .lp_header_logo {
    width: 15.4rem;
    margin: 0;
  }
  .lp_header .lp_header_inner .lp_header_btn_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lp_header .lp_header_inner .lp_header_btn {
    text-align: center;
    margin-left: 0.8rem;
  }
  .lp_header .lp_header_inner .lp_header_btn a {
    padding: 0.8rem 2.4rem;
    border-radius: 10rem;
  }
  .lp_header .lp_header_inner .menu_open {
    font-size: 2.4rem;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .lp_header .lp_header_inner .lp_header_nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 3;
    padding: 4.8rem 2rem 2rem;
  }
  .lp_header .lp_header_inner .lp_header_nav li a {
    display: block;
    padding: 1.2rem 0;
    border-bottom: dotted 0.1rem #ccc;
  }
  .lp_header .lp_header_inner .lp_header_nav li ul {
    padding-left: 2rem;
  }
  .lp_header .lp_header_inner .lp_header_nav .menu_close {
    position: absolute;
    font-size: 2.4rem;
    top: 1.2rem;
    right: 2rem;
  }
  /* お問い合わせ */
  .first_contact_sec {
    padding: 4rem 1.2rem;
  }
  .first_contact {
    padding: 2.4rem;
  }
  .first_contact h2 {
    padding-bottom: 1.2rem;
    margin-bottom: 2rem;
  }
  .lp_footer {
    padding: 0 1.2rem 1.2rem;
  }
  .lp_footer .bnr_area {
    padding: 1.2rem 0;
    margin-bottom: 4rem;
  }
  .lp_footer .bnr_area dl dt {
    margin-bottom: 0.8rem;
  }
  .lp_footer .bnr_area dl dd {
    margin-bottom: 0.8rem;
  }
  .lp_footer .bnr_area .bnr_operation {
    width: 32.5%;
  }
  .lp_footer .bnr_area .bnr_operation dd {
    width: 98%;
  }
  .lp_footer .bnr_area .bnr_connection {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .lp_footer .bnr_area .bnr_connection dt {
    width: 100%;
  }
  .lp_footer .bnr_area .bnr_connection dd {
    width: 49%;
  }
  .lp_footer .copyright {
    font-size: 1.2rem;
    text-align: center;
  }
}
/*****************************************************************************************************

width:1024px〜

*****************************************************************************************************/
@media screen and (min-width: 1024px) {
  body {
    padding-top: 6.8rem;
    font-size: 1.6rem;
  }
  .lp_content {
    padding: 6rem 2rem 8rem;
    max-width: 108rem;
    margin: 0 auto;
  }
  .outline_body {
    margin-bottom: 2.4rem;
    font-size: 2.4rem;
  }
  .lp_default_ttl {
    padding: 3.6rem 0;
    margin-bottom: 4.8rem;
    font-size: 3.2rem;
  }
  .green_mesh_ttl {
    padding: 3.2rem 0 1.6rem 1rem;
    margin: 0 1rem 5.6rem 0;
    font-size: 3.2rem;
  }
  .green_mesh_ttl::before {
    -webkit-transform: translate(1rem, 1rem);
            transform: translate(1rem, 1rem);
  }
  .green_mesh_ttl::after {
    padding: 0 2rem;
    font-size: 2rem;
  }
  .feature_module {
    padding: 2rem;
    margin-bottom: 4rem;
  }
  .feature_module h3 {
    padding: 0.8rem;
    margin-bottom: 1.2rem;
  }
  .feature_module .feature_module_row {
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .feature_module .feature_module_row dt {
    font-size: 1.8rem;
  }
  .feature_module .feature_module_row dd, .feature_module .feature_module_row p {
    font-size: 1.6rem;
  }
  .feature_module .feature_module_row:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .btn {
    width: 40rem;
    margin: 3.6rem auto 0;
  }
  .btn a {
    padding: 0.8rem 0;
    font-size: 2rem;
  }
  .movie_screen_size {
    width: 80%;
  }
  .lp_header .lp_header_inner {
    padding: 1.2rem 1.2rem;
    max-width: 108rem;
    margin: 0 auto;
    font-size: 1.4rem;
  }
  .lp_header .lp_header_inner .lp_header_logo {
    width: 15.4rem;
  }
  .lp_header .lp_header_inner .lp_header_btn {
    width: auto;
  }
  .lp_header .lp_header_inner .lp_header_btn a {
    padding: 0.8rem 2rem;
    border-radius: 10rem;
  }
  .lp_header .lp_header_inner .menu_open {
    display: none;
  }
  .lp_header .lp_header_inner .lp_header_nav {
    display: block;
    position: static;
    width: auto;
    padding: 0;
  }
  .lp_header .lp_header_inner .lp_header_nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .lp_header .lp_header_inner .lp_header_nav li a {
    padding: 1.2rem 1.6rem;
    border-bottom: none;
  }
  .lp_header .lp_header_inner .lp_header_nav .lp_dd_menu {
    position: relative;
  }
  .lp_header .lp_header_inner .lp_header_nav .lp_dd_menu ul {
    display: none;
    position: absolute;
    left: 50%;
    padding-left: 0;
    background-color: #fff;
    border-radius: 0.8rem;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2);
  }
  .lp_header .lp_header_inner .lp_header_nav .lp_dd_menu ul li {
    width: 18rem;
    border-bottom: dotted 0.1rem #ccc;
  }
  .lp_header .lp_header_inner .lp_header_nav .lp_dd_menu ul li a {
    padding: 1.6rem 2.4rem;
  }
  .lp_header .lp_header_inner .lp_header_nav .lp_dd_menu ul li:last-of-type {
    border-bottom: none;
  }
  .lp_header .lp_header_inner .lp_header_nav .lp_dd_menu:hover ul {
    display: block;
  }
  .lp_header .lp_header_inner .lp_header_nav .menu_close {
    display: none;
  }
  /* お問い合わせ */
  .first_contact_sec {
    padding: 6rem 2rem;
  }
  .first_contact {
    padding: 4.8rem;
    max-width: 108rem;
    margin: 0 auto;
  }
  .first_contact h2 {
    padding-bottom: 1.2rem;
    margin-bottom: 2rem;
    font-size: 3.6rem;
  }
  .first_contact .first_contact_body {
    font-size: 2rem;
    margin-bottom: 3.6rem;
  }
  .lp_footer {
    padding: 0 2rem 1.2rem;
  }
  .lp_footer .bnr_area {
    padding: 1.2rem 0;
    max-width: 108rem;
    margin: 0 auto 4rem;
  }
  .lp_footer .bnr_area dl dt {
    margin-bottom: 0.8rem;
  }
  .lp_footer .bnr_area dl dd {
    margin-bottom: 0.8rem;
  }
  .lp_footer .bnr_area .bnr_operation {
    width: 32.5%;
  }
  .lp_footer .bnr_area .bnr_operation dd {
    width: 98%;
  }
  .lp_footer .bnr_area .bnr_connection {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .lp_footer .bnr_area .bnr_connection dt {
    width: 100%;
  }
  .lp_footer .bnr_area .bnr_connection dd {
    width: 49%;
  }
  .lp_footer .copyright {
    font-size: 1.2rem;
    text-align: center;
  }
}
/*****************************************************************************************************

width:1280px〜

*****************************************************************************************************/
@media screen and (min-width: 1280px) {
  .lp_content {
    padding: 6rem 0rem 8rem;
  }
}
/*

画像拡大

*/
a.zoom {
  position: relative;
  display: block;
}

a.zoom::after {
  content: "\f00e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  text-align: center;
  line-height: 2.8rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 460px) {
  .lum-lightbox-inner img {
    max-width: 160vw !important;
    max-height: 85vh !important;
  }
}
/*

共通パーツ（2025/9/17 追記）

*/
.btn_type01 {
  width: 34rem;
  margin-inline: auto;
}
.btn_type01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 6rem;
  padding: 0.8rem;
  color: #fff;
  border-radius: 10rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
}
.btn_type01 a::before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
  background-color: #fff;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.btn_type01 a::after {
  display: block;
  width: 4rem;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 1rem;
  color: #333;
}

.btn_link a::after {
  content: "\f061";
}

.btn_dl a::after {
  content: "\f019";
}

.btn_green a {
  background-color: #6FB92D;
  -webkit-box-shadow: 0 0.6rem 0 #9AD566;
          box-shadow: 0 0.6rem 0 #9AD566;
}

.btn_blue a {
  background-color: #4C9DC7;
  -webkit-box-shadow: 0 0.6rem 0 #77B2D2;
          box-shadow: 0 0.6rem 0 #77B2D2;
}

.btn_orange a {
  background-color: #F78633;
  -webkit-box-shadow: 0 0.6rem 0 #EDAA76;
          box-shadow: 0 0.6rem 0 #EDAA76;
}

/*

下層ページタイトル

*/
.page_ttl_sec {
  position: relative;
  background-image: url(../img/page_ttl_bg01.svg), url(../img/page_ttl_bg02.svg);
  background-repeat: no-repeat;
  background-position: -2% 50%, 104% -4%;
  background-size: 130px, 182px;
}
@media screen and (min-width: 768px) {
  .page_ttl_sec {
    background-position: -20px 50%, 105% -60px;
    background-size: 200px, 280px;
  }
}
@media screen and (min-width: 1024px) {
  .page_ttl_sec {
    background-position: -70px 50%, 110% -60px;
    background-size: 300px, 380px;
  }
}
@media screen and (min-width: 1280px) {
  .page_ttl_sec {
    background-position: -70px 50%, 110% -60px;
    background-size: 320px, 410px;
  }
}
.page_ttl_sec .page_ttl_sec_inner {
  width: 108rem;
  max-width: 94%;
  margin: 0 auto;
  padding: 4rem 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_ttl_sec .page_ttl_sec_inner {
    padding: 5.6rem 0;
  }
}
@media screen and (min-width: 1024px) {
  .page_ttl_sec .page_ttl_sec_inner {
    padding: 8rem 0;
  }
}
.page_ttl_sec .page_ttl_sec_inner h1 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .page_ttl_sec .page_ttl_sec_inner h1 {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .page_ttl_sec .page_ttl_sec_inner h1 {
    font-size: 4rem;
  }
}
.page_ttl_sec .page_ttl_sec_inner h1 span {
  display: block;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .page_ttl_sec .page_ttl_sec_inner h1 span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .page_ttl_sec .page_ttl_sec_inner h1 span {
    font-size: 2.4rem;
  }
}
.page_ttl_sec .page_ttl_sec_inner::before, .page_ttl_sec .page_ttl_sec_inner::after {
  content: "";
  display: block;
  width: 4rem;
  height: 0.4rem;
  position: absolute;
  bottom: 2rem;
}
.page_ttl_sec .page_ttl_sec_inner::before {
  background-color: #4E9DC7;
  left: 0;
}
.page_ttl_sec .page_ttl_sec_inner::after {
  background-color: #E88C48;
  left: 4.4rem;
}

.about_bc {
  width: 108rem;
  max-width: 94%;
  margin: 1.2rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.2rem;
}
.about_bc li {
  margin-right: 3.6rem;
  margin-bottom: 0.8rem;
  position: relative;
  color: #333;
}
.about_bc li a {
  color: #006699;
}
.about_bc li::before {
  content: ">";
  position: absolute;
  top: 50%;
  right: -20px;
  color: #ccc;
  translate: 0 -50%;
}
.about_bc li:last-of-type {
  margin-right: 0;
}
.about_bc li:last-of-type::before {
  content: none;
}

@media screen and (min-width: 768px) {
  .note_list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.note_list {
  margin-top: 4rem;
  font-size: 1.2rem;
}

/*

あなたの課題をManGoで解決

*/
.more_info {
  background-color: #6FB92C;
  padding: 4rem 2rem;
  margin-bottom: 4rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .more_info {
    padding: 4.8rem;
  }
}
.more_info h2 {
  font-size: 2.4rem;
  margin-bottom: 4.8rem;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .more_info h2 {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .more_info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.more_info ul li {
  margin-bottom: 4rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .more_info ul li {
    width: 46%;
    max-width: 36rem;
    margin: 0 2%;
  }
}
.more_info ul li p {
  color: #fff;
  width: 90%;
  font-size: 1.6rem;
  padding-bottom: 0.8rem;
  border-bottom: solid 0.1rem #fff;
  margin: 0 auto 3.2rem;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .more_info ul li p {
    font-size: 2rem;
  }
}
.more_info ul li p::before, .more_info ul li p::after {
  content: "";
  display: block;
  width: 3.2rem;
  height: 0.1rem;
  position: absolute;
  left: 50%;
  translate: -50% 0;
}
.more_info ul li p::before {
  background-color: #6FB92C;
  bottom: -0.1rem;
}
.more_info ul li p::after {
  background-color: #fff;
  bottom: -0.1rem;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  rotate: -45deg;
}
.more_info ul li a {
  display: block;
  padding: 2rem 1.2rem;
  background-color: #fff;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.2);
  position: relative;
  font-size: 2rem;
}
@media screen and (min-width: 1024px) {
  .more_info ul li a {
    border-radius: 0.8rem;
  }
}
.more_info ul li a span {
  display: block;
  color: #6FB92D;
}
.more_info ul li a::before, .more_info ul li a::after {
  display: block;
  width: 4.8rem;
  position: absolute;
  top: 50%;
  left: 1.2rem;
  translate: 0 -50%;
}
@media screen and (min-width: 1024px) {
  .more_info ul li a::before, .more_info ul li a::after {
    left: 2rem;
  }
}
.more_info ul li a::before {
  content: "";
  height: 4.8rem;
  border-radius: 2.4rem;
  background-color: #E3F1D6;
}
.more_info ul li a::after {
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2rem;
  color: #6FB92D;
}
.more_info ul .to_doc_dl a::after {
  content: "\f56d";
}
.more_info ul .to_contact a::after {
  content: "\f0e0";
}

/*****************************************************************************************************

HACCPに沿った衛生管理をサポート

*****************************************************************************************************/
.sec04 .note {
  margin-bottom: 4rem;
}
.sec04 .lp_movie, .sec04 .lp_support {
  margin-bottom: 6.4rem;
}
.sec04 .support_list li {
  margin: 0 0 4rem;
}
.sec04 .support_list li figure {
  width: 64%;
  margin: 0 auto 2.4rem;
}
.sec04 .support_list li p {
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.sec04 .scenes_list li {
  margin: 0 0 4rem;
}
.sec04 .scenes_list li figure {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.sec04 .scenes_list li figure figcaption {
  position: absolute;
  padding: 1.2rem 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 1.2rem;
  left: 1.2rem;
  right: 1.2rem;
  font-weight: 700;
}

.sec05 {
  background-color: #EDF7E6;
}
.sec05 .lp_default_ttl {
  border-top: solid 0.3rem #6FB92D;
  border-bottom: solid 0.3rem #6FB92D;
}
.sec05 .flow_module {
  padding-bottom: 2.4rem;
  border-bottom: dotted 0.1rem #999;
  margin-bottom: 2.4rem;
  position: relative;
}
.sec05 .flow_module .flow_ttl {
  background-color: #6FB92D;
  border-radius: 0.8rem;
  color: #fff;
  padding: 1.2rem 1.2rem 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.sec05 .flow_module .flow_ttl dt {
  display: inline-block;
  padding-bottom: 0.4rem;
  border-bottom: solid #fff 0.2rem;
  margin-bottom: 0.4rem;
  font-size: 1.2rem;
}
.sec05 .flow_module .flow_ttl dt span {
  font-size: 1.6rem;
}
.sec05 .flow_module .flow_ttl dd {
  font-size: 2rem;
}
.sec05 .flow_module .flow_txt p {
  font-size: 1.6rem;
  font-weight: 700;
}
.sec05 .flow_module .flow_txt p .note {
  display: block;
  font-weight: 400;
}
.sec05 .flow_module .flow_txt p .clr_grn {
  color: #6FB92D;
}
.sec05 .flow_module .flow_txt p:nth-of-type(2) {
  margin-top: 0.8rem;
}
.sec05 .flow_module .flow_txt dl {
  margin-top: 1.2rem;
  background-color: #fff;
  border: solid 0.1rem #6FB92D;
  padding: 0.8rem;
}
.sec05 .flow_module .flow_txt dl dt {
  color: #6FB92D;
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 0.4rem;
}
.sec05 .flow_module .flow_txt dl dt span {
  background-color: #F78633;
  color: #fff;
  font-size: 1.4rem;
  padding: 0.1rem 0.8rem;
  border-radius: 0.4rem;
  margin-left: 0.8rem;
}
.sec05 .flow_module .flow_txt dl dd {
  font-weight: 700;
}
.sec05 .flow_module .flow_txt dl dd span {
  margin-top: 0.4rem;
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
}
.sec05 .flow_module figure {
  width: 80%;
  margin: 2rem auto 0;
}
.sec05 .flow_module::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: solid 1.6rem transparent;
  border-right: solid 1.6rem transparent;
  border-top: solid 2.4rem #FFF500;
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.4));
}
.sec05 .flow_module_last::before {
  content: none;
}
.sec05 .flow_note {
  border: solid 0.1rem #cc0000;
  background-color: #FFF5F5;
  padding: 1.2rem;
}
.sec05 .flow_note dt {
  color: #cc0000;
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}
.sec05 .flow_note dd {
  font-size: 1.4rem;
}

.sec06 h2 {
  text-align: center;
  padding-bottom: 1.2rem;
  margin-bottom: 2rem;
  position: relative;
}
.sec06 p {
  text-align: center;
}

/*****************************************************************************************************

width:768px〜

*****************************************************************************************************/
@media screen and (min-width: 768px) {
  .sec01 .sec01_top_ttl {
    margin-bottom: 4.8rem;
    padding-bottom: 2rem;
  }
  .sec01 .sec01_top_ttl img {
    width: 24rem;
    bottom: -0.6rem;
  }
  .sec01 .sec01_top_ttl span {
    font-size: 1.6rem;
    padding: 0 2.4rem 0.4rem;
    bottom: -1.4rem;
  }
  .sec01 .movie_screen_size {
    margin-bottom: 6.4rem;
  }
  .sec01 .assignment_list {
    margin-bottom: 3.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec01 .assignment_list li {
    margin-bottom: 0;
  }
  .sec01 .assignment_list li figure {
    width: 64%;
    margin: 0 auto 1.2rem;
  }
  .sec01 .assignment_list li p {
    font-size: 1.6rem;
  }
  .sec01 .caveat {
    text-align: center;
    padding: 2.4rem;
    margin-bottom: 3.2rem;
    font-size: 2rem;
  }
  .sec01 .caveat span {
    font-size: 2.4rem;
  }
  .sec01 .triangle {
    height: 7.2rem;
  }
  .sec01 .triangle::before {
    border-right: solid 3.2rem transparent;
    border-left: solid 3.2rem transparent;
    border-top: solid 5.6rem #6FB92D;
  }
  .sec01 dl dt {
    margin-bottom: 2.4rem;
  }
  .sec01 dl dt span {
    padding: 0 1.2rem;
    font-size: 2.4rem;
  }
  .sec01 dl dd a {
    font-size: 2rem;
    padding: 1.6rem 0;
  }
  .sec01 dl::before, .sec01 dl::after {
    height: 0.2rem;
    top: 1.8rem;
  }
  .sec02 .pdca_cycle_wrap figure, .sec03 .pdca_cycle_wrap figure {
    width: 12rem;
  }
  .sec02 .pdca_cycle, .sec03 .pdca_cycle {
    margin-bottom: 2.4rem;
  }
  .sec02 .pdca_cycle li, .sec03 .pdca_cycle li {
    padding: 1.6rem;
    margin-bottom: 1.2rem;
    font-size: 2rem;
  }
  .sec02 .pdca_cycle li span, .sec03 .pdca_cycle li span {
    font-size: 1.4rem;
  }
  .sec02 .pdca_cycle li br, .sec03 .pdca_cycle li br {
    display: none;
  }
  .sec02 .pdca_cycle li::before, .sec03 .pdca_cycle li::before {
    width: 6.4rem;
    top: 0.4rem;
    bottom: 0.4rem;
    font-size: 2.4rem;
  }
  .sec02 .pdca_cycle li:nth-of-type(2n+1), .sec03 .pdca_cycle li:nth-of-type(2n+1) {
    padding-left: 8rem;
  }
  .sec02 .pdca_cycle li:nth-of-type(2n+1)::before, .sec03 .pdca_cycle li:nth-of-type(2n+1)::before {
    left: 0.4rem;
  }
  .sec02 .pdca_cycle li:nth-of-type(2n), .sec03 .pdca_cycle li:nth-of-type(2n) {
    padding-right: 8rem;
  }
  .sec02 .pdca_cycle li:nth-of-type(2n)::before, .sec03 .pdca_cycle li:nth-of-type(2n)::before {
    right: 0.4rem;
  }
  .sec02 .outline_body, .sec03 .outline_body {
    margin-bottom: 6.4rem;
  }
  .sec02 .feature_module, .sec03 .feature_module {
    padding-top: 3.2rem;
    margin-bottom: 8rem;
  }
  .sec02 .feature_module h3, .sec03 .feature_module h3 {
    padding: 1.2rem 1.2rem 1.2rem 7.2rem;
    top: -3.2rem;
    left: 1.2rem;
    right: auto;
    width: calc(50% - 1.2rem);
    font-size: 1.8rem;
  }
  .sec02 .feature_module h3 span, .sec03 .feature_module h3 span {
    font-size: 1.4rem;
  }
  .sec02 .feature_module h3::before, .sec03 .feature_module h3::before {
    width: 5.6rem;
    font-size: 2.4rem;
  }
  .sec02 .feature_module .feature_module_row, .sec03 .feature_module .feature_module_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec02 .feature_module .feature_module_row p, .sec02 .feature_module .feature_module_row dl, .sec02 .feature_module .feature_module_row figure, .sec03 .feature_module .feature_module_row p, .sec03 .feature_module .feature_module_row dl, .sec03 .feature_module .feature_module_row figure {
    width: 48%;
    margin: 0;
  }
  .sec02 .feature_module::before, .sec03 .feature_module::before {
    bottom: -4rem;
  }
  .sec02 .pdca_result, .sec03 .pdca_result {
    padding: 2rem 0;
    margin-bottom: 6.4rem;
    position: relative;
  }
  .sec02 .pdca_result p, .sec03 .pdca_result p {
    font-size: 2rem;
  }
  .sec02 .pdca_result figure, .sec03 .pdca_result figure {
    position: absolute;
    top: 50%;
    right: 2rem;
    margin: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 14rem;
  }
  .sec02 .curiosity .curiosity_row, .sec03 .curiosity .curiosity_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec02 .curiosity .before, .sec02 .curiosity .after, .sec03 .curiosity .before, .sec03 .curiosity .after {
    width: 48%;
  }
  .sec02 .curiosity .before h3, .sec02 .curiosity .after h3, .sec03 .curiosity .before h3, .sec03 .curiosity .after h3 {
    width: 20rem;
    margin: 0 auto 1.2rem;
    padding: 0.1rem 0 0.2rem;
  }
  .sec02 .curiosity .before figure, .sec02 .curiosity .after figure, .sec03 .curiosity .before figure, .sec03 .curiosity .after figure {
    width: 90%;
    margin: 0 auto 2rem;
  }
  .sec02 .curiosity .before p, .sec02 .curiosity .after p, .sec03 .curiosity .before p, .sec03 .curiosity .after p {
    font-size: 1.6rem;
  }
  .sec02 .curiosity .before, .sec03 .curiosity .before {
    margin-bottom: 0;
  }
  .sec02 .curiosity .before::before, .sec03 .curiosity .before::before {
    border-right: none;
    border-left: solid 2.4rem #F78633;
    border-top: solid 1.6rem transparent;
    border-bottom: solid 1.6rem transparent;
    bottom: auto;
    top: 50%;
    left: auto;
    right: -2.4rem;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .sec03 .note {
    margin-bottom: 2.4rem;
  }
  .sec03 .feature_module .feature_module_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec03 .feature_module .feature_module_row .feature_module_info {
    width: 52%;
  }
  .sec03 .feature_module .feature_module_row figure {
    width: 48%;
    margin: 0;
  }
  .sec03 .feature_module .about_ict {
    padding: 1.2rem;
  }
  .sec03 .feature_module .about_ict dt {
    font-size: 1.6rem;
  }
  .sec03 .curiosity p {
    text-align: center;
  }
  .sec03 .curiosity figure {
    width: 28rem;
    margin: 2rem auto 0;
  }
  .sec04 .note {
    margin-bottom: 4rem;
  }
  .sec04 .lp_movie p {
    text-align: center;
  }
  .sec04 .lp_movie, .sec04 .lp_support {
    margin-bottom: 6.4rem;
  }
  .sec04 .support_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec04 .support_list li {
    width: 30%;
    margin: 0 1%;
  }
  .sec04 .support_list li figure {
    width: 90%;
    margin: 0 auto 2rem;
  }
  .sec04 .support_list li p {
    font-size: 1.4rem;
  }
  .sec04 .scenes_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec04 .scenes_list li {
    width: 32%;
    margin: 0;
  }
  .sec04 .scenes_list li figure {
    width: 100%;
    margin: 0;
  }
  .sec04 .scenes_list li figure figcaption {
    font-size: 1.4rem;
  }
  .sec05 .flow_module {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec05 .flow_module .flow_ttl {
    width: 26rem;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec05 .flow_module .flow_ttl dt {
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
  }
  .sec05 .flow_module .flow_ttl dd {
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }
  .sec05 .flow_module .flow_txt {
    width: calc(100% - 46rem);
  }
  .sec05 .flow_module .flow_txt p {
    font-size: 1.6rem;
  }
  .sec05 .flow_module .flow_txt p:nth-of-type(2) {
    margin-top: 0.8rem;
  }
  .sec05 .flow_module .flow_txt dl {
    margin-top: 1.2rem;
    background-color: #fff;
    border: solid 0.1rem #6FB92D;
    padding: 0.8rem;
  }
  .sec05 .flow_module .flow_txt dl dt {
    color: #6FB92D;
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 0.4rem;
  }
  .sec05 .flow_module .flow_txt dl dd {
    font-weight: 700;
  }
  .sec05 .flow_module .flow_txt dl dd span {
    margin-top: 0.4rem;
    display: block;
    font-weight: 400;
    font-size: 1.2rem;
  }
  .sec05 .flow_module .flow_txt_l {
    width: calc(100% - 28rem);
  }
  .sec05 .flow_module .flow_txt_row, .sec05 .flow_module .flow_img_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec05 .flow_module figure {
    width: 16rem;
    margin: 0;
  }
  .sec05 .flow_module::before {
    left: 13rem;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .sec06 h2 {
    font-size: 3.6rem;
    margin-bottom: 2.8rem;
  }
  .sec06 .consultation_body {
    font-size: 1.8rem;
    margin-bottom: 2.4rem;
  }
}
/*****************************************************************************************************

width:1024px〜

*****************************************************************************************************/
@media screen and (min-width: 1024px) {
  .sec01 .sec01_top_ttl {
    margin-bottom: 4.8rem;
    padding-bottom: 3.2rem;
  }
  .sec01 .sec01_top_ttl img {
    width: 28rem;
    bottom: -0.6rem;
  }
  .sec01 .sec01_top_ttl span {
    font-size: 2rem;
    padding: 0 2.4rem 0.4rem;
    bottom: -1.4rem;
  }
  .sec01 .movie_screen_size {
    margin-bottom: 8rem;
  }
  .sec01 .assignment_list {
    margin-bottom: 4.8rem;
  }
  .sec01 .assignment_list li {
    width: 28%;
    margin: 0 2%;
  }
  .sec01 .assignment_list li figure {
    width: 100%;
    margin: 0 auto 1.2rem;
  }
  .sec01 .assignment_list li p {
    font-size: 1.6rem;
  }
  .sec01 .caveat {
    text-align: center;
    padding: 2.4rem;
    margin-bottom: 3.2rem;
    font-size: 2rem;
  }
  .sec01 .caveat span {
    font-size: 2.4rem;
  }
  .sec01 .triangle {
    height: 7.2rem;
  }
  .sec01 .triangle::before {
    border-right: solid 3.2rem transparent;
    border-left: solid 3.2rem transparent;
    border-top: solid 5.6rem #6FB92D;
  }
  .sec01 dl dt {
    margin-bottom: 4rem;
  }
  .sec01 dl dt span {
    padding: 0 1.6rem;
    font-size: 3.2rem;
  }
  .sec01 dl dd a {
    font-size: 2.4rem;
    padding: 2.2rem 0;
  }
  .sec01 dl::before, .sec01 dl::after {
    top: 2.4rem;
  }
  .sec02 .pdca_cycle_wrap figure, .sec03 .pdca_cycle_wrap figure {
    width: 16rem;
  }
  .sec02 .pdca_cycle, .sec03 .pdca_cycle {
    margin-bottom: 2.4rem;
  }
  .sec02 .pdca_cycle li, .sec03 .pdca_cycle li {
    padding: 1.8rem;
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
  }
  .sec02 .pdca_cycle li span, .sec03 .pdca_cycle li span {
    font-size: 1.6rem;
  }
  .sec02 .pdca_cycle li::before, .sec03 .pdca_cycle li::before {
    width: 8rem;
    font-size: 4rem;
  }
  .sec02 .pdca_cycle li:nth-of-type(2n+1), .sec03 .pdca_cycle li:nth-of-type(2n+1) {
    padding-left: 10.4rem;
  }
  .sec02 .pdca_cycle li:nth-of-type(2n), .sec03 .pdca_cycle li:nth-of-type(2n) {
    padding-right: 10.4rem;
  }
  .sec02 .outline_body, .sec03 .outline_body {
    margin-bottom: 6.4rem;
  }
  .sec02 .feature_module, .sec03 .feature_module {
    padding-top: 3.2rem;
    margin-bottom: 8rem;
  }
  .sec02 .feature_module h3, .sec03 .feature_module h3 {
    padding: 1.2rem 1.2rem 1.2rem 7.2rem;
    top: -3.2rem;
    left: 2rem;
    right: auto;
    width: calc(50% - 2rem);
    font-size: 2rem;
  }
  .sec02 .feature_module h3 span, .sec03 .feature_module h3 span {
    font-size: 1.6rem;
  }
  .sec02 .feature_module h3::before, .sec03 .feature_module h3::before {
    width: 5.6rem;
    font-size: 3.2rem;
  }
  .sec02 .feature_module .feature_module_row figure a, .sec03 .feature_module .feature_module_row figure a {
    width: 36rem;
  }
  .sec02 .feature_module::before, .sec03 .feature_module::before {
    bottom: -4rem;
  }
  .sec02 .pdca_result, .sec03 .pdca_result {
    padding: 2rem 0;
    margin-bottom: 8rem;
  }
  .sec02 .pdca_result p, .sec03 .pdca_result p {
    font-size: 2.8rem;
  }
  .sec02 .pdca_result figure, .sec03 .pdca_result figure {
    width: 18rem;
  }
  .sec02 .curiosity .before, .sec02 .curiosity .after, .sec03 .curiosity .before, .sec03 .curiosity .after {
    width: 48%;
  }
  .sec02 .curiosity .before h3, .sec02 .curiosity .after h3, .sec03 .curiosity .before h3, .sec03 .curiosity .after h3 {
    width: 20rem;
    margin: 0 auto 2.4rem;
    padding: 0.1rem 0 0.2rem;
  }
  .sec02 .curiosity .before figure, .sec02 .curiosity .after figure, .sec03 .curiosity .before figure, .sec03 .curiosity .after figure {
    width: 90%;
    margin: 0 auto 2rem;
  }
  .sec02 .curiosity .before p, .sec02 .curiosity .after p, .sec03 .curiosity .before p, .sec03 .curiosity .after p {
    font-size: 2rem;
  }
  .sec03 .note {
    margin-bottom: 2.4rem;
  }
  .sec03 .feature_module h3 {
    font-size: 2rem;
  }
  .sec03 .feature_module h4 {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  .sec03 .feature_module .feature_module_row .feature_module_info {
    width: 49%;
  }
  .sec03 .feature_module .feature_module_row figure {
    width: 49%;
  }
  .sec03 .feature_module .about_ict {
    padding: 1.2rem;
  }
  .sec03 .feature_module .about_ict dt {
    font-size: 1.6rem;
  }
  .sec03 .feature_module .about_ict dd {
    font-size: 1.4rem;
  }
  .sec03 .curiosity p {
    text-align: center;
    font-size: 1.8rem;
  }
  .sec03 .curiosity figure {
    width: 40rem;
    margin: 3.6rem auto 0;
  }
  .sec04 .note {
    margin-bottom: 4rem;
  }
  .sec04 .lp_movie p {
    font-size: 2.4rem;
  }
  .sec04 .lp_movie, .sec04 .lp_support {
    margin-bottom: 6.4rem;
  }
  .sec04 .support_list li {
    width: 28%;
    margin: 0 1%;
  }
  .sec04 .support_list li figure {
    width: 90%;
    margin: 0 auto 2rem;
  }
  .sec04 .support_list li p {
    font-size: 1.6rem;
  }
  .sec04 .scenes_list li figure figcaption {
    font-size: 1.8rem;
  }
  .sec05 .flow_module {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
  }
  .sec05 .flow_module .flow_txt {
    width: calc(100% - 54rem);
  }
  .sec05 .flow_module .flow_txt p {
    font-size: 1.6rem;
  }
  .sec05 .flow_module .flow_txt p:nth-of-type(2) {
    margin-top: 0.8rem;
  }
  .sec05 .flow_module .flow_txt dl {
    margin-top: 1.2rem;
    padding: 0.8rem;
  }
  .sec05 .flow_module .flow_txt dl dt {
    font-size: 1.6rem;
    margin-bottom: 0.4rem;
  }
  .sec05 .flow_module .flow_txt dl dd span {
    margin-top: 0.4rem;
    font-size: 1.2rem;
  }
  .sec05 .flow_module .flow_txt_l {
    width: calc(100% - 28rem);
  }
  .sec05 .flow_module figure {
    width: 24rem;
  }
  .sec06 h2 {
    padding-bottom: 1.2rem;
    margin-bottom: 2rem;
    font-size: 3.6rem;
  }
  .sec06 p {
    text-align: center;
  }
}
/*****************************************************************************************************

width:1280px〜

*****************************************************************************************************/
.assignment_cat {
  width: 24rem;
  padding: 0.4rem 0;
  text-align: center;
  color: #fff;
  margin: 0 auto 2.4rem;
  border-radius: 10rem;
}

.assignment_cat_hygiene {
  background-color: #F78633;
}

.assignment_cat_infection {
  margin-top: 4rem;
  background-color: #4E9DC7;
}

.sec03 .pdca_cycle li {
  background-color: #fff;
}
.sec03 .pdca_cycle li::before {
  color: #fff;
  background-color: #013574;
}
.sec03 .pdca_cycle .pdca_cycle_p {
  border: solid 0.2rem #013574;
}
.sec03 .pdca_cycle .pdca_cycle_p span {
  color: #013574;
}
.sec03 .pdca_cycle .pdca_cycle_p::before {
  background-color: #013574;
}
.sec03 .pdca_cycle .pdca_cycle_d {
  border: solid 0.2rem #004F94;
}
.sec03 .pdca_cycle .pdca_cycle_d span {
  color: #004F94;
}
.sec03 .pdca_cycle .pdca_cycle_d::before {
  background-color: #004F94;
}
.sec03 .pdca_cycle .pdca_cycle_c {
  border: solid 0.2rem #027BBA;
}
.sec03 .pdca_cycle .pdca_cycle_c span {
  color: #027BBA;
}
.sec03 .pdca_cycle .pdca_cycle_c::before {
  background-color: #027BBA;
}
.sec03 .pdca_cycle .pdca_cycle_a {
  border: solid 0.2rem #44A0D5;
}
.sec03 .pdca_cycle .pdca_cycle_a span {
  color: #44A0D5;
}
.sec03 .pdca_cycle .pdca_cycle_a::before {
  background-color: #44A0D5;
}
.sec03 .about_round {
  border: solid 0.3rem #4E9DC7;
  border-radius: 0.8rem;
  padding: 1.2rem;
  margin-bottom: 6.4rem;
  background-color: #fff;
}
.sec03 .about_round dt {
  text-align: center;
  color: #4E9DC7;
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
.sec03 .about_round dd br {
  display: none;
}
.sec03 .feature_module h3 {
  background-color: #FFF;
}
.sec03 .feature_module h3::before {
  color: #fff;
  background-color: #ccc;
}
.sec03 .feature_module_p {
  border: solid 0.3rem #013574;
}
.sec03 .feature_module_p h3 {
  border: solid 0.3rem #013574;
}
.sec03 .feature_module_p h3 span {
  color: #013574;
}
.sec03 .feature_module_p h3::before {
  background-color: #013574;
}
.sec03 .feature_module_p dd span, .sec03 .feature_module_p p span {
  color: #013574;
}
.sec03 .feature_module_p::before {
  border-top: solid 2.4rem #013574;
}
.sec03 .feature_module_d {
  border: solid 0.3rem #004F94;
}
.sec03 .feature_module_d h3 {
  border: solid 0.3rem #004F94;
}
.sec03 .feature_module_d h3 span {
  color: #004F94;
}
.sec03 .feature_module_d h3::before {
  background-color: #004F94;
}
.sec03 .feature_module_d dd span, .sec03 .feature_module_d p span {
  color: #004F94;
}
.sec03 .feature_module_d::before {
  border-top: solid 2.4rem #004F94;
}
.sec03 .feature_module_c {
  border: solid 0.3rem #027BBA;
}
.sec03 .feature_module_c h3 {
  border: solid 0.3rem #027BBA;
}
.sec03 .feature_module_c h3 span {
  color: #027BBA;
}
.sec03 .feature_module_c h3::before {
  background-color: #027BBA;
}
.sec03 .feature_module_c dd span, .sec03 .feature_module_c p span {
  color: #027BBA;
}
.sec03 .feature_module_c::before {
  border-top: solid 2.4rem #027BBA;
}
.sec03 .feature_module_a {
  border: solid 0.3rem #44A0D5;
}
.sec03 .feature_module_a h3 {
  border: solid 0.3rem #44A0D5;
}
.sec03 .feature_module_a h3 span {
  color: #44A0D5;
}
.sec03 .feature_module_a h3::before {
  background-color: #44A0D5;
}
.sec03 .feature_module_a dd span, .sec03 .feature_module_a p span {
  color: #44A0D5;
}
.sec03 .feature_module_a::before {
  border-top: solid 2.4rem #44A0D5;
}
.sec03 .pdca_result {
  border: solid 0.3rem #44A0D5;
  background-color: #fff;
}
.sec03 .pdca_result p span {
  color: #44A0D5;
}
.sec03 .curiosity .before::before {
  border-top: solid 2.4rem #4E9DC7;
}
.sec03 .curiosity .after h3 {
  background-color: #4E9DC7;
}
.sec03 .lp_summary span {
  color: #4E9DC7;
}

@media screen and (min-width: 768px) {
  .assignment_cat {
    width: 32rem;
    font-size: 1.8rem;
    margin: 0 auto 2.4rem;
  }
  .sec03 .about_round {
    padding: 1.6rem;
    margin-bottom: 6.4rem;
  }
  .sec03 .about_round dt {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .sec03 .about_round dd {
    text-align: center;
    font-size: 1.6rem;
  }
  .sec03 .about_round dd br {
    display: block;
  }
  .sec03 .curiosity .before::before {
    border-top: solid 1.6rem transparent;
    border-left: solid 2.4rem #4E9DC7;
  }
}
@media screen and (min-width: 1024px) {
  .assignment_cat {
    width: 40rem;
    font-size: 2rem;
    margin: 0 auto 2.8rem;
  }
  .sec03 .about_round {
    padding: 1.6rem;
    margin-bottom: 6.4rem;
  }
  .sec03 .about_round dt {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }
  .sec03 .about_round dd {
    font-size: 1.8rem;
  }
}
.lum-lightbox-image-wrapper img {
  display: inline;
}

/*//////////////////////////////////////////////////

FV

//////////////////////////////////////////////////*/
.fv {
  position: relative;
}
.fv .fv_inner {
  padding: 2.4rem 0;
  background: url(/about/asset/img/top/logomark_opacity.png) no-repeat center bottom;
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  .fv .fv_inner {
    padding: 4rem 0;
    background-size: 64%;
  }
}
@media screen and (min-width: 1024px) {
  .fv .fv_inner {
    background-size: 56rem;
  }
}
.fv .fv_inner figure {
  width: 90%;
  max-width: 120rem;
  margin: 0 auto 4rem;
}
.fv .fv_inner h1 {
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 1.2rem;
  width: 90%;
  margin: 0 auto 2rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .fv .fv_inner h1 {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .fv .fv_inner h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1280px) {
  .fv .fv_inner h1 {
    font-size: 4.8rem;
  }
}
.fv .fv_inner h1::before, .fv .fv_inner h1::after {
  content: "";
  display: block;
  width: 50%;
  height: 0.2rem;
  position: absolute;
  bottom: 0;
}
.fv .fv_inner h1::before {
  left: 0;
  background-color: #4C9DC7;
}
.fv .fv_inner h1::after {
  right: 0;
  background-color: #F78633;
}
.fv .fv_inner h2 {
  width: 90%;
  font-size: 1.6rem;
  margin: 0 auto 2.4rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .fv .fv_inner h2 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .fv .fv_inner h2 {
    font-size: 2.4rem;
  }
}
.fv::before, .fv::after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.fv::before {
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#DDEBF7), to(#fff));
  background: linear-gradient(to bottom, #DDEBF7, #fff);
}
.fv::after {
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF2CC), to(#fff));
  background: linear-gradient(to bottom, #FFF2CC, #fff);
}

/*//////////////////////////////////////////////////

イントロ

//////////////////////////////////////////////////*/
.sec01 {
  position: relative;
}
.sec01 .intro_copy {
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 3.6rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
  .sec01 .intro_copy {
    font-size: 2.4rem;
  }
}
.sec01 .intro_copy img {
  display: inline-block;
  width: 16rem;
  position: relative;
  bottom: -0.4rem;
  margin-right: 0.4rem;
}
.sec01 .grd_arrow {
  width: 16rem;
  position: absolute;
  left: 50%;
  translate: -50% 30%;
  bottom: 0;
}
.sec01 .intro_ttl {
  position: relative;
  padding-bottom: 1.2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sec01 .intro_ttl {
    width: 80%;
    margin: 0 auto;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .sec01 .intro_ttl {
    font-size: 3.2rem;
  }
}
.sec01 .intro_ttl::before, .sec01 .intro_ttl::after {
  content: "";
  display: block;
  width: 50%;
  height: 0.2rem;
  position: absolute;
  bottom: 0;
}
.sec01 .intro_ttl::before {
  background-color: #4C9DC7;
  left: 0;
}
.sec01 .intro_ttl::after {
  background-color: #F78633;
  right: 0;
}

/*//////////////////////////////////////////////////

感染管理

//////////////////////////////////////////////////*/
.sec02 h2, .sec03 h2 {
  text-align: center;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
  .sec02 h2, .sec03 h2 {
    font-size: 3.2rem;
  }
}
.sec02 h2 img, .sec03 h2 img {
  display: inline-block;
  width: 15rem;
  position: relative;
  bottom: -0.4rem;
  margin-right: 0.4rem;
}
@media screen and (min-width: 1024px) {
  .sec02 h2 img, .sec03 h2 img {
    width: 18rem;
  }
}
.sec02 h2 sup, .sec03 h2 sup {
  font-size: 0.6em;
}
.sec02 h3, .sec03 h3 {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
  .sec02 h3, .sec03 h3 {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .sec02 dl, .sec03 dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sec02 .function_module, .sec03 .function_module {
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .sec02 .function_module, .sec03 .function_module {
    width: 31%;
  }
}
.sec02 .function_module img, .sec03 .function_module img {
  display: block;
  width: 72%;
  margin: 0 auto 1.6rem;
}

.sec02 {
  background-color: #E9F3F8;
}
.sec02 h2 span {
  color: #4C9DC7;
}

.sec03 {
  background-color: #FEF1E6;
}
.sec03 h2 span {
  color: #F78633;
}

/*//////////////////////////////////////////////////

ご利用施設の声

//////////////////////////////////////////////////*/
.top_case_module {
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .top_case_module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.top_case_module figure {
  width: 80%;
  margin: 0 auto 2.4rem;
}
@media screen and (min-width: 768px) {
  .top_case_module figure {
    width: 28%;
  }
}
.top_case_module .top_case_txt {
  border: solid 0.1rem #ccc;
  border-radius: 0.8rem;
  padding: 1.2rem;
}
@media screen and (min-width: 768px) {
  .top_case_module .top_case_txt {
    width: 68%;
    padding: 1.6rem;
  }
}
.top_case_module .top_case_txt .top_case_base {
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .top_case_module .top_case_txt .top_case_base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top_case_module .top_case_txt .top_case_base h3 {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .top_case_module .top_case_txt .top_case_base h3 {
    margin-bottom: 0;
    margin-right: 2rem;
  }
}
.top_case_module .top_case_txt .top_case_base h3 span {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  margin-right: 0.8rem;
  color: #fff;
  font-size: 1.4rem;
}
.top_case_module .top_case_txt .top_case_base h3 .cat_food {
  background-color: #F78633;
}
.top_case_module .top_case_txt .top_case_base h3 .cat_infection {
  background-color: #4C9DC7;
}
.top_case_module .top_case_txt .top_case_base dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top_case_module .top_case_txt .top_case_comment dt {
  font-weight: 700;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .top_case_module .top_case_txt .top_case_comment dt {
    font-size: 2rem;
  }
}

/*//////////////////////////////////////////////////

FAQ

//////////////////////////////////////////////////*/
.faq .faq_cat_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.4rem;
}
.faq .faq_cat_list li {
  width: 33%;
  padding: 1.2rem;
  text-align: center;
  font-weight: 700;
}
.faq .faq_cat_list li.active {
  position: relative;
  color: #fff;
}
.faq .faq_cat_list li.active::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #ccc;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 50%;
  top: 100%;
  translate: -50% 0;
}
.faq .faq_cat_list .faq_cat_common {
  background-color: #EDF7E4;
  color: #6FB92C;
}
.faq .faq_cat_list .faq_cat_infection {
  background-color: #DBEBF4;
  color: #4C9DC7;
}
.faq .faq_cat_list .faq_cat_food {
  background-color: #FEEBDE;
  color: #F78633;
}
.faq .faq_cat_list .faq_cat_common.active {
  background-color: #6FB92C;
}
.faq .faq_cat_list .faq_cat_common.active::before {
  background-color: #6FB92C;
}
.faq .faq_cat_list .faq_cat_infection.active {
  background-color: #4C9DC7;
}
.faq .faq_cat_list .faq_cat_infection.active::before {
  background-color: #4C9DC7;
}
.faq .faq_cat_list .faq_cat_food.active {
  background-color: #F78633;
}
.faq .faq_cat_list .faq_cat_food.active::before {
  background-color: #F78633;
}
.faq .faq_module {
  margin-bottom: 3.2rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .faq .faq_module {
    margin-bottom: 0;
  }
}
.faq .faq_module dt {
  border-bottom: solid 0.1rem #999;
  padding: 1.2rem 4rem 1.2rem 3.2rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .faq .faq_module dt {
    padding: 2.4rem 4rem 2.4rem 13rem;
  }
}
@media screen and (min-width: 1024px) {
  .faq .faq_module dt {
    padding: 3rem 4rem 3rem 13rem;
  }
}
.faq .faq_module dt::before {
  content: "Q.";
  font-weight: 700;
  font-size: 2.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
@media screen and (min-width: 768px) {
  .faq .faq_module dt::before {
    left: 8rem;
    font-size: 3.6rem;
  }
}
.faq .faq_module dt::after {
  content: "+";
  font-weight: 700;
  font-size: 2.4rem;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
}
@media screen and (min-width: 768px) {
  .faq .faq_module dt::after {
    right: 1.2rem;
  }
}
.faq .faq_module dd {
  display: none;
  padding-top: 1.2rem;
  line-height: 1.8;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .faq .faq_module dd {
    padding-left: 7.2rem;
  }
}
.faq .faq_module dd span {
  display: block;
  border-radius: 0.8rem;
  padding: 1.2rem 1.2rem 1.2rem 4.8rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .faq .faq_module dd span {
    padding: 2.4rem 2.4rem 2.4rem 5.6rem;
  }
}
.faq .faq_module dd span::before {
  content: "A.";
  font-weight: 700;
  font-size: 2.4rem;
  position: absolute;
  top: 50%;
  left: 1.2rem;
  translate: 0 -50%;
  opacity: 0.6;
}
@media screen and (min-width: 768px) {
  .faq .faq_module dd span::before {
    font-size: 3.6rem;
  }
}
.faq .faq_module::before {
  content: attr(data-faqcat) "";
  display: block;
  width: 6.4rem;
  padding: 0.4rem 0;
  text-align: center;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .faq .faq_module::before {
    position: absolute;
    top: 2.4rem;
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .faq .faq_module::before {
    top: 3rem;
  }
}
.faq .faq_module.open dt::after {
  content: "-";
}
.faq .faq_module.second, .faq .faq_module.third {
  display: none;
}
.faq .faq_module.common dt::before {
  color: #6FB92C;
}
.faq .faq_module.common dd span {
  background-color: #EDF7E4;
}
.faq .faq_module.common dd span::before {
  color: #6FB92C;
}
.faq .faq_module.common::before {
  border: solid 0.1rem #6FB92C;
  color: #6FB92C;
}
.faq .faq_module.common.faq_cat_even::before {
  background-color: #6FB92C;
  color: #fff;
}
.faq .faq_module.infection dt::before {
  color: #4C9DC7;
}
.faq .faq_module.infection dd span {
  background-color: #DBEBF4;
}
.faq .faq_module.infection dd span::before {
  color: #4C9DC7;
}
.faq .faq_module.infection::before {
  border: solid 0.1rem #4C9DC7;
  color: #4C9DC7;
}
.faq .faq_module.infection.faq_cat_even::before {
  background-color: #4C9DC7;
  color: #fff;
}
.faq .faq_module.food dt::before {
  color: #F78633;
}
.faq .faq_module.food dd span {
  background-color: #FEEBDE;
}
.faq .faq_module.food dd span::before {
  color: #F78633;
}
.faq .faq_module.food::before {
  border: solid 0.1rem #F78633;
  color: #F78633;
}
.faq .faq_module.food.faq_cat_even::before {
  background-color: #F78633;
  color: #fff;
}

/*//////////////////////////////////////////////////

資料ダウンロード

//////////////////////////////////////////////////*/
.page_cont_ttl {
  text-align: center;
  position: relative;
  font-size: 2rem;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .page_cont_ttl {
    font-size: 2.4rem;
    padding-bottom: 2.4rem;
    margin-bottom: 4rem;
  }
}
.page_cont_ttl::before, .page_cont_ttl::after {
  content: "";
  display: block;
  width: 3.2rem;
  height: 0.4rem;
  position: absolute;
  bottom: 0;
}
.page_cont_ttl::before {
  right: 50%;
  background-color: #4E9DC7;
}
.page_cont_ttl::after {
  left: 50%;
  background-color: #E88C48;
}

.download_form_sec .content {
  width: 91rem;
}
.download_form_sec .dl_slide .slick-prev {
  left: 1.2rem;
  z-index: 2;
}
.download_form_sec .dl_slide .slick-next {
  right: 1.2rem;
}
.download_form_sec .dl_doc_info {
  margin-bottom: 6.4rem;
}
@media screen and (min-width: 768px) {
  .download_form_sec .dl_doc_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 8rem;
  }
}
.download_form_sec .dl_doc_info .dl_slide {
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .download_form_sec .dl_doc_info .dl_slide {
    width: 48%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .download_form_sec .dl_doc_info .dl_doc_list {
    width: 48%;
  }
}
.download_form_sec .dl_doc_info .dl_doc_list dt {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
  border-left: solid 0.3rem #6FB92D;
  padding-left: 0.6rem;
}
@media screen and (min-width: 768px) {
  .download_form_sec .dl_doc_info .dl_doc_list dt {
    font-size: 1.8rem;
  }
}
.download_form_sec .dl_doc_info .dl_doc_list dd {
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}
.download_form_sec .dl_doc_info .dl_doc_list dd:last-of-type {
  margin-bottom: 0;
}
.download_form_sec .doc_point {
  background-color: #F3F9ED;
  border-radius: 0.8rem;
  padding: 2rem;
  margin-bottom: 6.4rem;
}
@media screen and (min-width: 768px) {
  .download_form_sec .doc_point {
    padding: 3.2rem;
    margin-bottom: 8rem;
  }
}
.download_form_sec .doc_point h3 {
  color: #6FB92D;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
  .download_form_sec .doc_point h3 {
    font-size: 2rem;
  }
}
.download_form_sec .doc_point ul li {
  border-bottom: dotted 0.1rem #6FB92D;
  padding: 0.4rem 0 0.4rem 2rem;
  margin-bottom: 0.4rem;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .download_form_sec .doc_point ul li {
    padding: 0.8rem 0 0.8rem 2.4rem;
  }
}
.download_form_sec .doc_point ul li::before {
  content: "\f00c";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #6FB92D;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
.download_form_sec .doc_point ul li:last-of-type {
  margin-bottom: 0;
}
.download_form_sec .dl_form_wrap {
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .download_form_sec .dl_form_wrap {
    margin-bottom: 6.4rem;
  }
}
@media screen and (min-width: 768px) {
  .download_form_sec .dl_form_wrap {
    margin-bottom: 8rem;
  }
}

/*//////////////////////////////////////////////////

感染管理・食品衛生管理

//////////////////////////////////////////////////*/
/* メインビジュアル */
.service_main {
  position: relative;
}
.service_main .service_main_inner {
  width: 108rem;
  max-width: 94%;
  height: 40rem;
  margin: 0 auto;
  padding: 2.4rem 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .service_main .service_main_inner {
    height: 24rem;
    background-position: right center;
    background-size: 42%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .service_main .service_main_inner {
    height: 36rem;
    background-size: 50%;
  }
}
.service_main .service_main_inner h1 {
  font-size: 2rem;
  margin-bottom: 2.4rem;
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(0%, #FFD907));
  background: linear-gradient(transparent 80%, #FFD907 0%);
}
@media screen and (min-width: 768px) {
  .service_main .service_main_inner h1 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .service_main .service_main_inner h1 {
    font-size: 3.2rem;
    line-height: 1.8;
  }
}
.service_main .service_main_inner h2 {
  margin-top: 2.4rem;
}
.service_main .service_main_inner h2 img {
  display: inline-block;
  width: 12rem;
  margin-right: 0.8rem;
}
@media screen and (min-width: 1024px) {
  .service_main .service_main_inner h2 img {
    width: 20rem;
  }
}
.service_main .service_main_inner h2 span {
  display: inline-block;
  font-size: 1.4rem;
  padding: 0.4rem 0.8rem;
  color: #fff;
  border-radius: 0.4rem;
  position: relative;
  top: -0.4rem;
}
@media screen and (min-width: 1024px) {
  .service_main .service_main_inner h2 span {
    font-size: 2rem;
    top: -0.8rem;
  }
}
.service_main .dl_circle {
  position: absolute;
  width: 10rem;
  height: 10rem;
  border-radius: 10rem;
  background-color: #6FB92C;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  right: 1.2rem;
  bottom: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .service_main .dl_circle {
    width: 14rem;
    height: 14rem;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1280px) {
  .service_main .dl_circle {
    right: auto;
    left: 50%;
    translate: 44rem 0;
  }
}
.service_main .dl_circle a {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service_main .dl_circle img {
  width: 2.4rem;
  margin: 0.4rem auto 0;
}
@media screen and (min-width: 1024px) {
  .service_main .dl_circle img {
    margin: 0.6rem auto 0;
    width: 3.2rem;
  }
}

.service_main_infection {
  background-color: #E9F3F8;
}
.service_main_infection .service_main_inner {
  background-image: url(../img/infection/infection_main_img.png);
}
.service_main_infection .service_main_inner h2 span {
  background-color: #4C9DC7;
}

.service_main_food {
  background-color: #FEEBDE;
}
.service_main_food .service_main_inner {
  background-image: url(../img/food/food_main_img.png);
}
.service_main_food .service_main_inner h2 span {
  background-color: #F78633;
}

.page_fv_note {
  font-size: 1.2rem;
  max-width: 108rem;
  margin: 0.8rem auto;
}
@media screen and (min-width: 768px) {
  .page_fv_note {
    text-align: right;
  }
}

/* こんな課題ありませんか？ */
.problem_sec {
  position: relative;
}
.problem_sec h2 {
  text-align: center;
  position: relative;
  padding-bottom: 1.2rem;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .problem_sec h2 {
    font-size: 2.8rem;
    width: 80%;
    margin: 0 auto 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .problem_sec h2 {
    font-size: 4rem;
    margin: 0 auto 5rem;
  }
}
.problem_sec h2::before, .problem_sec h2::after {
  content: "";
  display: block;
  width: 50%;
  height: 0.2rem;
  position: absolute;
  bottom: 0;
}
.problem_sec h2::before {
  left: 0;
  background-color: #4C9DC7;
}
.problem_sec h2::after {
  right: 0;
  background-color: #F78633;
}
.problem_sec .grd_arrow {
  position: absolute;
  width: 18rem;
  bottom: -3.6rem;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 768px) {
  .problem_sec .grd_arrow {
    bottom: -2rem;
  }
}

@media screen and (min-width: 768px) {
  .problem_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 4rem;
  }
}

.problem_list_module {
  border-radius: 0.8rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2);
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .problem_list_module {
    width: 32%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .problem_list_module {
    width: 31%;
  }
}
.problem_list_module h3 {
  text-align: center;
  padding: 0.8rem 0;
  color: #fff;
  font-size: 1.8rem;
}
.problem_list_module ul {
  padding: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .problem_list_module ul {
    padding: 2rem;
  }
}
.problem_list_module ul li {
  padding-left: 2rem;
  margin-bottom: 0.8rem;
  position: relative;
}
.problem_list_module ul li::before {
  content: "\f00c";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}

.problem_list_module_infection h3 {
  background-color: #4C9DC7;
}
.problem_list_module_infection ul li::before {
  color: #4C9DC7;
}

.problem_list_module_food h3 {
  background-color: #F78633;
}
.problem_list_module_food ul li::before {
  color: #F78633;
}

.to_solution {
  position: relative;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .to_solution {
    font-size: 2rem;
  }
}
.to_solution span {
  font-weight: 700;
  font-size: 1.2em;
}

.to_solution_infection span {
  color: #4C9DC7;
}

.to_solution_food span {
  color: #F78633;
}

/* 感染管理版なら・食品衛生管理版なら */
.page_solution {
  border-radius: 0.8rem;
  padding: 2rem;
}
@media screen and (min-width: 768px) {
  .page_solution {
    padding: 3.6rem 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .page_solution {
    padding: 4rem 3rem;
  }
}
.page_solution h2 {
  margin-bottom: 2.4rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .page_solution h2 {
    margin-bottom: 5.2rem;
  }
}
.page_solution h2 img {
  display: inline-block;
  width: 14rem;
}
@media screen and (min-width: 768px) {
  .page_solution h2 img {
    width: 18rem;
    position: relative;
    top: 0.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .page_solution h2 img {
    width: 20rem;
    top: 0.8rem;
  }
}
.page_solution h2 span {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  font-size: 1.6rem;
  color: #fff;
  border-radius: 0.4rem;
  margin: 0 0.4rem;
  position: relative;
  bottom: 0.3rem;
}
.page_solution .page_solution_copy {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .page_solution .page_solution_copy {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .page_solution .page_solution_copy {
    font-size: 2.2rem;
    margin-bottom: 8rem;
  }
}
.page_solution .solution_feature {
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .page_solution .solution_feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page_solution .solution_feature dl {
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
  .page_solution .solution_feature dl {
    margin-bottom: 0;
    width: 60%;
  }
}
.page_solution .solution_feature dl dt {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 1024px) {
  .page_solution .solution_feature dl dt {
    font-size: 2rem;
  }
}
.page_solution .solution_feature dl dd span {
  display: block;
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
@media screen and (min-width: 768px) {
  .page_solution .solution_feature figure {
    width: 36%;
  }
}
.page_solution .solution_strengths {
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 2rem;
  margin-top: 2.4rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page_solution .solution_strengths {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .page_solution .solution_strengths {
    margin-top: 5rem;
  }
}
.page_solution .solution_strengths figure {
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .page_solution .solution_strengths figure {
    margin-bottom: 0;
    width: 36%;
  }
}
@media screen and (min-width: 768px) {
  .page_solution .solution_strengths dl {
    width: 60%;
  }
}
.page_solution .solution_strengths dl dt {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .page_solution .solution_strengths dl dt {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .page_solution .solution_strengths dl dt {
    font-size: 2rem;
  }
}
.page_solution .solution_strengths dl dd em {
  font-style: normal;
  font-weight: 700;
}
.page_solution .solution_strengths dl dd span {
  margin-top: 1.2rem;
  display: block;
  font-size: 1.2rem;
}
.page_solution .solution_strengths .strengths_badge {
  position: absolute;
  width: 10rem;
  height: 10rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5rem;
  top: 0;
  left: 0;
  translate: -36% -36%;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
}
.page_solution .solution_strengths_first {
  margin-top: 4.2rem;
}
@media screen and (min-width: 768px) {
  .page_solution .solution_strengths_first {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .page_solution .solution_strengths_first {
    margin-top: 9.6rem;
  }
}

.page_solution_infection {
  background-color: #DBEBF4;
}
.page_solution_infection h2 span {
  background-color: #4C9DC7;
}
.page_solution_infection .solution_feature dl dt {
  color: #4C9DC7;
  border-bottom: solid 0.2rem #4C9DC7;
}
.page_solution_infection .solution_strengths dl dd em {
  color: #4C9DC7;
}
.page_solution_infection .solution_strengths .strengths_badge {
  background-color: #4C9DC7;
}

.page_solution_food {
  background-color: #FEEBDE;
}
.page_solution_food h2 span {
  background-color: #F78633;
}
.page_solution_food .solution_feature dl dt {
  color: #F78633;
  border-bottom: solid 0.2rem #F78633;
}
@media screen and (min-width: 768px) {
  .page_solution_food .solution_strengths figure {
    width: 49%;
  }
}
@media screen and (min-width: 768px) {
  .page_solution_food .solution_strengths dl {
    width: 49%;
  }
}
.page_solution_food .solution_strengths dl dd em {
  color: #F78633;
}
.page_solution_food .solution_strengths .strengths_badge {
  background-color: #F78633;
}

.lum-lightbox-image-wrapper img {
  max-width: 72rem;
}

/* ここが気になる！ */
.curiosity {
  margin-top: 6rem;
  padding: 2.4rem 1.6rem 1.6rem;
  border-radius: 0.8rem;
  margin-bottom: 4rem;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .curiosity {
    padding: 4rem 2rem 2rem;
    margin-top: 6.4rem;
  }
}
.curiosity .lp_baloon {
  position: absolute;
  top: -2.4rem;
  left: 50%;
  color: #fff;
  border-radius: 10rem;
  padding: 0.4rem 2.4rem;
  font-weight: 700;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.curiosity .lp_baloon::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 0.6rem transparent;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 1.8rem);
          transform: translate(-50%, 1.8rem);
}
.curiosity h2 {
  text-align: center;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
  .curiosity h2 {
    font-size: 2.8rem;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .curiosity p {
    text-align: center;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .curiosity .curiosity_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.curiosity .before, .curiosity .after {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .curiosity .before, .curiosity .after {
    width: 48%;
  }
}
.curiosity .before h3, .curiosity .after h3 {
  width: 20rem;
  margin: 0 auto 1.2rem;
  color: #fff;
  border-radius: 10rem;
  padding: 0.1rem 0 0.2rem;
}
@media screen and (min-width: 1024px) {
  .curiosity .before h3, .curiosity .after h3 {
    margin: 0 auto 2.4rem;
  }
}
.curiosity .before figure, .curiosity .after figure {
  width: 90%;
  margin: 0 auto 2rem;
}
.curiosity .before p, .curiosity .after p {
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .curiosity .before p, .curiosity .after p {
    font-size: 2rem;
  }
}
.curiosity .before {
  margin-bottom: 6.4rem;
}
@media screen and (min-width: 768px) {
  .curiosity .before {
    margin-bottom: 0;
  }
}
.curiosity .before h3 {
  background-color: #999;
}
.curiosity .before::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-right: solid 1.6rem transparent;
  border-left: solid 1.6rem transparent;
  position: absolute;
  bottom: -4rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .curiosity .before::before {
    border-right: none;
    border-left: solid 2.4rem #F78633;
    border-top: solid 1.6rem transparent;
    border-bottom: solid 1.6rem transparent;
    bottom: auto;
    top: 50%;
    left: auto;
    right: -2.4rem;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

.lp_summary {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp_summary {
    font-size: 2.4rem;
  }
}
.lp_summary span {
  font-size: 1.8rem;
}
@media screen and (min-width: 1024px) {
  .lp_summary span {
    font-size: 3.2rem;
  }
}

/* ここが気になる！（感染管理） */
.lp_summary_infection span {
  color: #4C9DC7;
}

.lp_summary_food span {
  color: #F78633;
}

.curiosity_infection {
  background-color: rgba(78, 157, 199, 0.16);
}
.curiosity_infection .lp_baloon {
  background-color: #4C9DC7;
}
.curiosity_infection .lp_baloon::before {
  border-top: solid 1.2rem #4C9DC7;
}
.curiosity_infection .before::before {
  border-top: solid 2.4rem #4C9DC7;
}
@media screen and (min-width: 768px) {
  .curiosity_infection .before::before {
    border-right: none;
    border-left: solid 2.4rem #4C9DC7;
    border-top: solid 1.6rem transparent;
    border-bottom: solid 1.6rem transparent;
  }
}
.curiosity_infection .after h3 {
  background-color: #4C9DC7;
}

.curiosity_food {
  background-color: rgba(232, 140, 72, 0.16);
}
.curiosity_food .lp_baloon {
  background-color: #F78633;
}
.curiosity_food .lp_baloon::before {
  border-top: solid 1.2rem #F78633;
}
.curiosity_food .before::before {
  border-top: solid 2.4rem #F78633;
}
@media screen and (min-width: 768px) {
  .curiosity_food .before::before {
    border-right: none;
    border-left: solid 2.4rem #F78633;
    border-top: solid 1.6rem transparent;
    border-bottom: solid 1.6rem transparent;
  }
}
.curiosity_food .after h3 {
  background-color: #F78633;
}

/* プラン内容 */
.about_plan {
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
  .about_plan {
    font-size: 2rem;
  }
}
.about_plan a {
  color: #006699;
  text-decoration: underline;
}

.mango_plan_table {
  width: 100%;
}
.mango_plan_table th, .mango_plan_table td {
  background-color: #ccc;
  padding: 1.2rem;
  text-align: center;
}
.mango_plan_table .first_row .cell01 {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .mango_plan_table .cell01 {
    width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .mango_plan_table .cell01 {
    width: 36%;
  }
}

.mango_plan_table_infection .first_row .cell01 {
  background-color: #4C9DC7;
}
.mango_plan_table_infection .first_row .cell02, .mango_plan_table_infection .first_row .cell03 {
  background-color: #C4DEEC;
  color: #4C9DC7;
}
.mango_plan_table_infection .cell01 {
  background-color: #C4DEEC;
}
.mango_plan_table_infection .cell02, .mango_plan_table_infection .cell03 {
  background-color: #E8F2F8;
}

@media screen and (min-width: 768px) {
  .mango_plan_table_food .cell01, .mango_plan_table_food .cell02, .mango_plan_table_food .cell03 {
    width: 33.3%;
  }
}
.mango_plan_table_food .first_row .cell01 {
  background-color: #F78633;
}
.mango_plan_table_food .first_row .cell02, .mango_plan_table_food .first_row .cell03 {
  background-color: #F9DFCC;
  color: #F78633;
}
.mango_plan_table_food .cell01 {
  background-color: #F9DFCC;
}
.mango_plan_table_food .cell02, .mango_plan_table_food .cell03 {
  background-color: #FDF1E9;
}

.plan_trial {
  border-radius: 0.8rem;
  padding: 0 2rem 2rem;
  margin-top: 4rem;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .plan_trial {
    margin-top: 8rem;
  }
}
.plan_trial dt {
  font-size: 2rem;
  font-weight: 700;
  width: 24rem;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  position: relative;
  translate: 0 -50%;
}
@media screen and (min-width: 768px) {
  .plan_trial dt {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .plan_trial dt {
    width: 28rem;
    font-size: 2.8rem;
  }
}
.plan_trial .plan_trial_body {
  width: 75%;
}
@media screen and (min-width: 768px) {
  .plan_trial .plan_trial_body {
    text-align: center;
    width: auto;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .plan_trial .plan_trial_body {
    font-size: 2rem;
  }
}
.plan_trial .plan_trial_body a {
  color: #006699;
  text-decoration: underline;
}
.plan_trial .navigater {
  position: absolute;
  width: 20%;
  right: 2rem;
  bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .plan_trial .navigater {
    width: 10rem;
    right: 1.2rem;
    bottom: 1.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .plan_trial .navigater {
    width: 13rem;
  }
}

.plan_trial_infection {
  border: solid 0.2rem #4C9DC7;
}
.plan_trial_infection dt {
  color: #4C9DC7;
}

.plan_trial_food {
  border: solid 0.2rem #F78633;
}
.plan_trial_food dt {
  color: #F78633;
}

/* こんな施設におすすめです */
@media screen and (min-width: 768px) {
  .recommend_list {
    width: 70%;
    margin: 0 auto;
  }
}
.recommend_list li {
  padding: 0.8rem 0 0.8rem 2.4rem;
  border-bottom: dotted 0.1rem #ccc;
  position: relative;
}
@media screen and (min-width: 768px) {
  .recommend_list li {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .recommend_list li {
    font-size: 2rem;
    padding: 1.2rem 0 1.2rem 2.8rem;
  }
}
.recommend_list li::before {
  content: "\f14a";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}

.recommend_list_infection li::before {
  color: #4C9DC7;
}

.recommend_list_food li::before {
  color: #F78633;
}

.faq_copy {
  margin-top: 2.4rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .faq_copy {
    margin-top: 4rem;
  }
}
.faq_copy a {
  color: #006699;
  text-decoration: underline;
}

/* お問い合わせ */
.lp_form_txt {
  margin-bottom: 2.4rem;
}
.lp_form_txt span {
  color: #6FB92C;
  font-weight: 700;
}

.input_name_li li:first-of-type {
  margin-bottom: 0.8rem;
}

.input_radio_li {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.input_radio_li li {
  padding: 0.4rem 0;
}

.add_info_input {
  margin-top: 2rem;
}

p.add_info_input {
  margin-bottom: 0.8rem;
}

.input_note {
  font-size: 1.2rem;
}

.lp_form_note {
  margin-bottom: 4rem;
}
.lp_form_note dt {
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.lp_form_note dd {
  margin-bottom: 0.4rem;
}

.lp_form_pplink {
  margin-top: 0.8rem;
  font-size: 1.2rem;
}
.lp_form_pplink a {
  color: #006699;
  text-decoration: underline;
  padding: 0 0.4rem;
}

.multiple_note {
  display: block;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .input_name_li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .input_name_li li {
    width: 49%;
  }
  .input_name_li li:first-of-type {
    margin-bottom: 0;
  }
}
.content {
  width: 108rem;
  max-width: 94%;
  margin: 0 auto;
  padding: 4rem 0;
}

/*//////////////////////////////////////////////////

事例一覧

//////////////////////////////////////////////////*/
.casestudy_cat_ttl {
  font-size: 2rem;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
  .casestudy_cat_ttl {
    font-size: 2.4rem;
  }
}
.casestudy_cat_ttl:first-of-type {
  color: #4E9DC7;
}
.casestudy_cat_ttl:last-of-type {
  color: #E88C48;
}

@media screen and (min-width: 768px) {
  .casestudy_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.casestudy_row .casestudy {
  margin: 0 0 4rem;
}
@media screen and (min-width: 768px) {
  .casestudy_row .casestudy {
    width: 48%;
    -webkit-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
  }
  .casestudy_row .casestudy:hover {
    opacity: 0.6;
  }
}
.casestudy_row .casestudy .thumbnail {
  margin-bottom: 1.2rem;
}
.casestudy_row .casestudy .thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.casestudy_row .casestudy .facility {
  font-size: 1.8rem;
  padding-left: 1.2rem;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .casestudy_row .casestudy .facility {
    font-size: 2rem;
  }
}
.casestudy_row .casestudy .ttl {
  margin-bottom: 1.6rem;
}
.casestudy_row .casestudy ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.casestudy_row .casestudy ul li {
  padding: 0.4rem 0.8rem;
  margin: 0 0.4rem 0.4rem 0;
  font-size: 1.2rem;
  border-radius: 0.4rem;
}

.casestudy_row_3::after {
  content: "";
  display: inline-block;
  height: 0.1rem;
}
@media screen and (min-width: 1024px) {
  .casestudy_row_3::after {
    width: 32%;
  }
}
@media screen and (min-width: 1024px) {
  .casestudy_row_3 .casestudy {
    width: 32%;
  }
}
@media screen and (min-width: 1024px) {
  .casestudy_row_3 .casestudy .facility {
    font-size: 1.8rem;
  }
}

.casestudy_row_infection .casestudy .facility {
  border-left: solid 0.4rem #4E9DC7;
}
.casestudy_row_infection .casestudy ul li {
  border: solid 0.1rem #4E9DC7;
  background-color: #E9F3F8;
  color: #4E9DC7;
}

.casestudy_row_food .casestudy .facility {
  border-left: solid 0.4rem #E88C48;
}
.casestudy_row_food .casestudy ul li {
  border: solid 0.1rem #E88C48;
  background-color: #FDF1E9;
  color: #E88C48;
}

/*//////////////////////////////////////////////////

事例詳細

//////////////////////////////////////////////////*/
.casestudy_detail_sec .content {
  width: 88rem;
}
.casestudy_detail_sec h2 {
  font-size: 2rem;
  padding: 2rem 0;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec h2 {
    padding: 2.4rem 0;
    margin-bottom: 1.2rem;
  }
}
.casestudy_detail_sec .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2.4rem;
}
.casestudy_detail_sec .tag li {
  padding: 0.4rem 0.8rem;
  border: solid 0.1rem #ccc;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  margin: 0 0.4rem 0.4rem 0;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .facility_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.casestudy_detail_sec .facility_row .facility_fig {
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .facility_row .facility_fig {
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .facility_row .facility_fig {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .facility_row .facility_info {
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .facility_row .facility_info {
    width: 56%;
  }
}
.casestudy_detail_sec .facility_row .facility_info .addr {
  font-size: 1.2rem;
  margin-bottom: 1.6rem;
}
.casestudy_detail_sec .facility_row .facility_info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.2rem;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .facility_row .facility_info dl {
    font-size: 1.4rem;
  }
}
.casestudy_detail_sec .facility_row .facility_info dl dt {
  width: 36%;
  text-align: center;
  padding: 1.2rem 0 0.4rem;
  border-bottom: solid 0.1rem #999;
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .facility_row .facility_info dl dt {
    width: 30%;
  }
}
.casestudy_detail_sec .facility_row .facility_info dl dd {
  width: 64%;
  padding: 1.2rem 0.8rem 0.4rem;
  border-bottom: solid 0.1rem #ccc;
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .facility_row .facility_info dl dd {
    width: 70%;
    padding: 1.2rem 1.2rem 0.4rem;
  }
}
.casestudy_detail_sec .facility_row .facility_info dl dd a {
  text-decoration: underline;
  color: #006699;
}
.casestudy_detail_sec .prd_btn {
  text-align: center;
  margin: 4.8rem auto;
  max-width: 44rem;
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .prd_btn {
    margin: 5.6rem auto;
  }
}
.casestudy_detail_sec .prd_btn a {
  display: block;
  padding: 1.2rem 0;
  background-color: #ccc;
  border-radius: 10rem;
  color: #fff;
  font-weight: 700;
}
.casestudy_detail_sec .ass_eff {
  padding: 1.6rem;
  margin-bottom: 4rem;
  border-radius: 0.4rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .ass_eff {
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .ass_eff {
    margin-bottom: 5.6rem;
    padding: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .ass_eff dl {
    width: 48%;
  }
}
.casestudy_detail_sec .ass_eff dl dt {
  margin-bottom: 1.2rem;
  padding: 0.8rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .ass_eff dl dt {
    margin-bottom: 1.6rem;
  }
}
.casestudy_detail_sec .ass_eff dl dd {
  margin-top: 0.8rem;
  padding-left: 2.4rem;
  position: relative;
}
.casestudy_detail_sec .ass_eff dl dd::before {
  content: "\f00c";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
.casestudy_detail_sec .ass_eff .assignment {
  margin-bottom: 2.4rem;
}
.casestudy_detail_sec .ass_eff .assignment dt {
  background-color: #fff;
}
.casestudy_detail_sec .ass_eff .effect dt {
  color: #fff;
}
.casestudy_detail_sec .ass_eff .effect dd {
  font-weight: 700;
}
.casestudy_detail_sec .interview {
  margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .interview {
    margin-bottom: 6.4rem;
  }
}
.casestudy_detail_sec .interview h3 {
  font-size: 1.6rem;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .interview h3 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .interview h3 {
    font-size: 2rem;
  }
}
.casestudy_detail_sec .interview dl {
  margin-top: 2.4rem;
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .interview dl {
    margin-top: 4rem;
  }
}
.casestudy_detail_sec .interview dl dt {
  margin-bottom: 1.6rem;
  font-weight: 700;
  position: relative;
  padding-left: 4rem;
}
.casestudy_detail_sec .interview dl dt::before {
  content: "";
  display: block;
  width: 3.6rem;
  height: 0.1rem;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
.casestudy_detail_sec .interview dl dd {
  line-height: 1.8;
}
.casestudy_detail_sec .interview .add_fig {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .interview .add_fig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.casestudy_detail_sec .interview .add_fig li {
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .interview .add_fig li {
    width: 48%;
    margin: 0 1%;
  }
}
.casestudy_detail_sec .casestudy_movie {
  max-width: 64rem;
  margin: 0 auto;
}
.casestudy_detail_sec .casestudy_movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.casestudy_detail_sec .interviewee {
  border: solid 0.1rem #ccc;
  border-radius: 0.4rem;
  padding: 1.6rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .interviewee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .casestudy_detail_sec .interviewee {
    padding: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .interviewee figure {
    width: 36%;
  }
}
.casestudy_detail_sec .interviewee dl {
  margin-top: 1.2rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .interviewee dl {
    width: 60%;
    margin-top: 0;
  }
}
.casestudy_detail_sec .interviewee dl dt {
  color: #6FB92D;
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 1.2rem;
  border-bottom: solid 0.1rem #6FB92D;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .casestudy_detail_sec .interviewee dl dt {
    font-size: 2rem;
  }
}
.casestudy_detail_sec .interviewee dl dd {
  line-height: 1.8;
}
.casestudy_detail_sec .interview_note {
  font-size: 1.2rem;
  text-align: right;
  margin-top: 0.4rem;
}
.casestudy_detail_sec .back_to_list {
  text-align: center;
}

.cat_food h2 {
  border-top: solid 0.2rem #E88C48;
  border-bottom: solid 0.2rem #E88C48;
}
.cat_food .facility_row .facility_info dl dt {
  border-bottom: solid 0.1rem #E88C48;
}
.cat_food .prd_btn a {
  background-color: #E88C48;
}
.cat_food .prd_btn_infection {
  display: none;
}
.cat_food .ass_eff {
  background-color: #FCEBE1;
}
.cat_food .ass_eff dl dt {
  border: solid 0.1rem #E88C48;
}
.cat_food .ass_eff .effect dt {
  background-color: #E88C48;
}
.cat_food .ass_eff .effect dd::before {
  color: #E88C48;
}
.cat_food .interview h3 {
  color: #E88C48;
}

.cat_infection h2 {
  border-top: solid 0.2rem #4E9DC7;
  border-bottom: solid 0.2rem #4E9DC7;
}
.cat_infection .facility_row .facility_info dl dt {
  border-bottom: solid 0.1rem #4E9DC7;
}
.cat_infection .prd_btn a {
  background-color: #4E9DC7;
}
.cat_infection .prd_btn_food {
  display: none;
}
.cat_infection .ass_eff {
  background-color: #E9F3F8;
}
.cat_infection .ass_eff dl dt {
  border: solid 0.1rem #4E9DC7;
}
.cat_infection .ass_eff .effect dt {
  background-color: #4E9DC7;
}
.cat_infection .ass_eff .effect dd::before {
  color: #4E9DC7;
}
.cat_infection .interview h3 {
  color: #4E9DC7;
}
/*# sourceMappingURL=about.css.map */