body img {
  vertical-align: middle;
}
:focus {
  outline: 0;
}
ol,
ul {
  list-style: none;
}

@media only screen and (max-width: 640px) {
  .nosp {
    display: none;
  }
}
.nopc {
  display: none;
}
@media only screen and (max-width: 640px) {
  .nopc {
    display: block;
  }
}
.hov {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.hov:hover {
  opacity: 0.8;
}

.flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.iframe-content {
  position: relative;
  width: 100%;
}
.iframe-content iframe,
.iframe-content > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.background-dot {
  background-color: #fff;
  background-size: 30px 30px;
  background-image: radial-gradient(#f6f8f4 15%, rgba(255, 255, 255, 0) 20%);
}
.background-grid {
  background-size: 14px 14px;
  background-position: 50% 50%;
  background-image: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 1px, transparent 1px, transparent 14px), repeating-linear-gradient(0deg, #f2f2f2, #f2f2f2 1px, #fff 1px, #fff 14px);
}
.more-button {
  background-color: #fff;
  border: 1px solid #1eaa38;
  color: #1eaa38;
  display: block;
  padding: 1em 0.5em;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
.more-button:after {
  background-image: url(../images/common/icon-arrow-01.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10%;
  margin: auto;
  width: 16px;
  height: 5px;
  z-index: 0;
}
.more-button:hover {
  color: #fff;
  background-color: #1eaa38;
}
.more-button:hover:after {
  background-image: url(../images/common/icon-arrow-02.png);
}
.kenmin-more-button {
  background-color: #1eaa39;
  border: 1px solid #1eaa39;
  border-radius: 30px;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  display: block;
  padding: 0.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s;
}
.kenmin-more-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6%;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  z-index: 1;
}
.kenmin-more-button:hover {
  background-color: #fff;
  color: #1eaa39;
}
.kenmin-more-button:hover:after {
  border-left: 8px solid #1eaa39;
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
}
.kenmin-more-button-wrapper {
  max-width: 250px;
  width: 100%;
  margin: auto;
}
.button-kenmincard-top {
  background-color: #f29600;
  border: 1px solid #f29600;
  border-radius: 30px;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  display: block;
  padding: 1em 0.5em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
.button-kenmincard-top:hover {
  background-color: #fff;
  color: #f29600;
}
.button-kenmincard-top-wrapper {
  max-width: 250px;
  width: 100%;
  margin: auto;
  padding: 0 0 4em;
}
#portal-page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2.5em 15px;
}
#portal-page-title-wrapper {
  background-color: #1eaa38;
}
#portal-page-title h1 {
  color: #fff;
  font-size: 2em;
  line-height: 1.2;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #portal-page-title h1 {
    font-size: 6vw;
  }
}
#portal-page-title h1 span {
  font-size: 60%;
}
#page-title {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #1eaa38), color-stop(65%, rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #1eaa38 50%, rgba(255, 255, 255, 0) 65%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4em 0;
  position: relative;
  z-index: 2;
}
#page-title-wrapper {
  position: relative;
}
#page-title-wrapper:after {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: 100%;
  z-index: 1;
}
#page-title h1 {
  color: #fff;
  font-size: 2em;
  line-height: 1.4;
}
@media only screen and (max-width: 640px) {
  #page-title h1 {
    font-size: 6vw;
  }
}
.section-title {
  margin-bottom: 2em;
  text-align: center;
}
.section-title .title {
  font-size: 2em;
  margin-bottom: 0.2em;
}
.section-title .label {
  color: #1eaa38;
  font-size: 0.875em;
  font-weight: bold;
}
#main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 3em auto 5em;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 1120px;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #main-wrapper {
    display: block;
  }
}
#main-wrapper #main-contents {
  width: 77%;
  margin-right: 3%;
}
@media only screen and (max-width: 1000px) {
  #main-wrapper #main-contents {
    width: 100%;
    margin-right: 0;
  }
}
#main-wrapper #side-contents {
  width: 20%;
}
@media only screen and (max-width: 1000px) {
  #main-wrapper #side-contents {
    margin-top: 3em;
    width: 100%;
  }
}

#kenmincard-aside-menu .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-menu .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
#kenmincard-aside-menu .flex-contents {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-menu .flex-contents {
    display: block;
  }
}
#kenmincard-aside-menu a {
  background-position: center 24px;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-color: #fff;
  border: 2px solid #1eaa38;
  border-radius: 10px;
  color: #1eaa38;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  padding: 84px 5px 2em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
#kenmincard-aside-menu a.coop {
  background-image: url(../images/kenmincard/icon-coop.png);
}
#kenmincard-aside-menu a.tool {
  background-image: url(../images/kenmincard/icon-tool.png);
}
#kenmincard-aside-menu a.contact {
  background-image: url(../images/kenmincard/icon-contact.png);
}
#kenmincard-aside-menu a:hover {
  background-color: #ecf2e6;
}
@media only screen and (max-width: 1000px) {
  #kenmincard-aside-menu a {
    font-size: 2.25vw;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-menu a {
    background-position: 8vw center;
    background-repeat: no-repeat;
    background-size: 12vw 12vw;
    font-size: 1.1428571429em;
    padding: 2.5em 5px 2.5em 20vw;
  }
}
#kenmincard-aside-menu li {
  margin: 0 0.5em;
  width: calc(33.3333333333% - 1em);
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-menu li {
    margin: 1em 0;
    width: 100%;
  }
}
#kenmincard-aside-contact {
  background-color: #fdebde;
}
#kenmincard-aside-contact .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-contact .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
#kenmincard-aside-contact .logo {
  margin: auto auto 2em;
  max-width: 500px;
  width: 95%;
}
#kenmincard-aside-contact .logo img {
  width: 100%;
}
#kenmincard-aside-contact address {
  background-color: #fff;
  border-radius: 10px;
  padding: 2em 3em;
}
@media only screen and (max-width: 1000px) {
  #kenmincard-aside-contact address {
    padding: 2em 0.5em;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-contact address {
    padding: 2em 1em;
  }
}
#kenmincard-aside-contact h2 {
  font-size: 1.375em;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-contact h2 {
    margin-bottom: 15px;
  }
}
#kenmincard-aside-contact p {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
  padding-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-contact p {
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-align: left;
  }
}
#kenmincard-aside-contact h3 {
  font-size: 1.375em;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-contact h3 {
    margin-bottom: 5px;
  }
}
#kenmincard-aside-contact .address-01 {
  text-align: center;
}
#kenmincard-aside-contact .address-01 li {
  display: inline-block;
  margin: 5px 2px 0;
}
#kenmincard-aside-contact .address-02 {
  text-align: center;
}
#kenmincard-aside-contact .address-02 li {
  display: inline-block;
  font-size: 1.5em;
  margin: 5px 10px 0;
}
#kenmincard-aside-contact .address-02 li.tel {
  font-size: 2.25em;
  font-weight: bold;
}
#kenmincard-aside-contact .address-02 li.fax {
  font-size: 2.25em;
  font-weight: bold;
}
@media only screen and (max-width: 1000px) {
  #kenmincard-aside-contact .address-02 li.tel {
    display: block;
  }
  #kenmincard-aside-contact .address-02 li.fax {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-contact .address-02 li {
    display: block;
    font-size: 1em;
    margin: 5px 0;
  }
  #kenmincard-aside-contact .address-02 li.tel {
    font-size: 1.7142857143em;
  }
  #kenmincard-aside-contact .address-02 li.fax {
    font-size: 1.7142857143em;
  }
}
#kenmincard-aside-link {
  background-color: #f5f6f7;
}
#kenmincard-aside-link .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 640px) {
  #kenmincard-aside-link .container {
    padding-top: 2em;
    padding-bottom: 4em;
  }
}
#kenmincard-aside-link h2 {
  font-size: 1.7142857143em;
  font-weight: bold;
  margin-bottom: 1.5em;
  text-align: center;
}
#kenmincard-aside-link li {
  margin: auto;
  max-width: 400px;
  width: 100%;
}
#kenmincard-aside-link a {
  display: block;
}
#kenmincard-aside-link img {
  width: 100%;
}
#footer {
  border-top: 1px solid #d3d3d3;
}
#footer-nav {
  background: #1eaa38;
}
@media only screen and (max-width: 1000px) {
  #footer-nav {
    display: none;
  }
}
#footer-nav .container {
  padding-top: 2em;
  padding-bottom: 2em;
}
#footer-nav .flex-contents {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  #footer-nav .flex-contents {
    display: none;
  }
}
#footer-nav .nav-parent {
  margin: 0 5px;
}
#footer-nav .nav-parent li {
  margin-bottom: 1.25em;
}
#footer-nav .nav-parent a {
  font-size: 0.9375em;
  color: #fff;
  display: block;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#footer-nav .nav-parent a:hover {
  color: #ccc;
}
#footer-nav .nav-parent .nav-child-01 {
  margin: 1.25em 0 0 10px;
}
#footer-nav .nav-parent .nav-child-01 li {
  margin-bottom: 10px;
}
#footer-nav .nav-parent .nav-child-01 a {
  font-size: 0.875em;
  font-weight: normal;
}
#footer-nav .nav-parent .nav-child-02 {
  margin: 10px 0 0 12px;
}
#footer-nav .nav-parent .nav-child-02 a {
  position: relative;
}
#footer-nav .nav-parent .nav-child-02 a:before {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -12px;
  margin: auto;
}
#contact {
  background-color: #1eaa38;
}
#contact .container {
  padding-top: 2em;
  padding-bottom: 2em;
}
#contact .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #contact .flex-contents {
    display: block;
  }
}
#contact .left-contents {
  width: 220px;
}
#contact .left-contents .section-title {
  text-align: left;
}
#contact .left-contents .section-title .title {
  color: #fff;
}
#contact .left-contents .section-title .label {
  color: #fff;
}
@media only screen and (max-width: 1000px) {
  #contact .left-contents {
    width: 100%;
  }
  #contact .left-contents .section-title {
    text-align: center;
  }
}
#contact .right-contents {
  background-color: #fff;
  border-radius: 10px;
  padding: 1em 1em 1.5em;
  width: calc(100% - 220px);
}
#contact .right-contents address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #contact .right-contents {
    width: 100%;
  }
  #contact .right-contents address {
    display: block;
    width: 100%;
  }
}
#contact .address-01 {
  margin-top: 1em;
  width: 49%;
}
#contact .address-01 li {
  font-size: 0.875em;
  display: inline-block;
  margin-right: 5px;
}
#contact .address-01 li.logo {
  display: block;
  margin-bottom: 15px;
  margin-right: 0;
  max-width: 350px;
  width: 100%;
}
#contact .address-01 li.logo img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #contact .address-01 {
    text-align: center;
    width: 100%;
  }
  #contact .address-01 li.logo {
    margin: auto auto 15px;
  }
}
#contact .address-02 {
  width: 49%;
}
#contact .address-02 .tel {
  border-bottom: 1px solid #d3d3d3;
  color: #1eaa38;
  font-size: 1.75em;
}
#contact .address-02 .tel span {
  font-size: 150%;
}
#contact .address-02 .fax {
  font-size: 1.75em;
}
@media only screen and (max-width: 1000px) {
  #contact .address-02 {
    margin-top: 0.5em;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #contact .address-02 .tel span {
    font-size: 120%;
  }
}
#link-banner .container {
  border-top: 1px solid #d3d3d3;
  padding-top: 2em;
  padding-bottom: 2em;
}
#link-banner .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  #link-banner .flex-contents {
    display: block;
  }
}
#link-banner .left-contents {
  width: 49%;
}
#link-banner .left-contents h2 {
  font-weight: bold;
  margin-bottom: 5px;
}
#link-banner .left-contents p {
  font-size: 0.875em;
}
@media only screen and (max-width: 640px) {
  #link-banner .left-contents {
    width: 100%;
    margin-bottom: 1em;
  }
}
#link-banner .right-contents {
  width: 49%;
}
#link-banner .right-contents ul {
  width: 100%;
}
#link-banner .right-contents li {
  display: inline-block;
  height: 60px;
  margin: 5px 5px 5px 0;
}
#link-banner .right-contents img {
  width: auto;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  #link-banner .right-contents {
    width: 100%;
  }
}
#pagetop {
  position: fixed;
  right: 1%;
  bottom: 1%;
  z-index: 999;
}
#pagetop a {
  background-color: #fff;
  border: 2px solid #1eaa38;
  border-radius: 50%;
  display: block;
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 640px) {
  #pagetop a {
    width: 40px;
    height: 40px;
  }
}
#pagetop a:after {
  border-top: 2px solid #1eaa38;
  border-right: 2px solid #1eaa38;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 640px) {
  #pagetop a:after {
    width: 14px;
    height: 14px;
  }
}
#copyright {
  background-color: #3b4043;
  color: #fff;
  font-size: 0.875em;
  padding: 1.5em 1em;
  text-align: center;
}
#breadcrumb {
  font-size: 0.875em;
  max-width: 1120px;
  margin: 1em auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #breadcrumb {
    margin: 1em auto;
  }
}
#breadcrumb li {
  display: inline-block;
}
#breadcrumb li a {
  color: #3b4043;
  text-decoration: none;
}
#breadcrumb li a:hover {
  color: #1eaa38;
}
#breadcrumb li:first-child a {
  color: #3b4043;
}
#breadcrumb li:first-child a:hover {
  color: #1eaa38;
}
#breadcrumb li + li:before {
  content: "/";
  padding: 0 0.5em;
}
.pagination {
  border-top: 1px solid #d3d3d3;
}
.post-type-archive-kenkoinfo .pagination {
  border: none;
  border-bottom: 1px solid #d3d3d3;
}
.tax-kenkoinfo_category .pagination {
  border: none;
  border-bottom: 1px solid #d3d3d3;
}
.pagination .nav-links {
  margin: 40px 0;
  text-align: center;
}
.post-type-archive-kenkoinfo .pagination .nav-links {
  margin: 20px 0 40px;
}
.tax-kenkoinfo_category .pagination .nav-links {
  margin: 20px 0 40px;
}
.pagination .nav-links a,
.pagination .nav-links span {
  background-color: #fff;
  display: inline-block;
  width: 50px;
  line-height: 48px;
  border: 1px solid #f2b50e;
  margin: 0 5px;
  font-size: 1.1em;
  color: #f2b50e;
  text-decoration: none;
}
@media only screen and (max-width: 640px) {
  .pagination .nav-links a,
  .pagination .nav-links span {
    width: 35px;
    line-height: 33px;
    margin: 0;
    font-size: 0.8em;
  }
}
.pagination .nav-links a:hover,
.pagination .nav-links span:hover {
  background: #f2b50e;
  border-color: #f2b50e;
  color: #fff;
}
.pagination .nav-links .current {
  background: #f2b50e;
  border-color: #f2b50e;
  color: #fff;
}
.single-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 5em;
}
@media only screen and (max-width: 640px) {
  .single-pagination {
    margin-bottom: 2em;
  }
}
.single-pagination .single-back {
  width: 33.3333333333%;
}
.single-pagination .single-back a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1000px) {
  .single-pagination .single-back {
    width: 50%;
    margin-bottom: 1.5em;
  }
}
.single-pagination .single-list-back {
  width: 33.3333333333%;
  max-width: 240px;
  margin: auto;
}
.single-pagination .single-list-back .button-wrapper {
  text-align: center;
}
.single-pagination .single-list-back .button-wrapper .button-svg {
  width: 100%;
  max-width: 240px;
}
.single-pagination .single-list-back .button-wrapper .button-svg svg {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .single-pagination .single-list-back {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .single-pagination .single-list-back .button-wrapper .button-svg {
    width: 240px;
  }
  .single-pagination .single-list-back .button-wrapper .button-svg svg {
    width: 240px;
  }
}
.single-pagination .single-next {
  text-align: right;
  width: 33.3333333333%;
}
.single-pagination .single-next a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1000px) {
  .single-pagination .single-next {
    width: 50%;
    margin-bottom: 1.5em;
  }
}
#side-contents h3 {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.6em;
}
#side-contents ul {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
#side-contents ul a {
  color: inherit;
  display: inline-block;
  text-decoration: none;
  padding: 1em 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#side-contents ul a:hover {
  color: #1eaa38;
}
#side-contents ul.kenkoinfo_category a {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 40px auto;
  padding: 1em 5px 1em 50px;
}
#side-contents ul.kenkoinfo_category .cat1 a {
  background-image: url(../images/portal/icon-allergy.jpg);
}
#side-contents ul.kenkoinfo_category .cat11 a {
  background-image: url(../images/portal/icon-utsukushima.jpg);
}
#side-contents ul.kenkoinfo_category .cat2 a {
  background-image: url(../images/portal/icon-cancer.jpg);
}
#side-contents ul.kenkoinfo_category .cat3 a {
  background-image: url(../images/portal/icon-cigarettes.jpg);
}
#side-contents ul.kenkoinfo_category .cat10 a {
  background-image: url(../images/portal/icon-management.jpg);
}
#side-contents ul.kenkoinfo_category .cat12 a {
  background-image: url(../images/portal/icon-support.jpg);
}
#side-contents ul.kenkoinfo_category .cat9 a {
  background-image: url(../images/portal/icon-community.jpg);
}
#side-contents ul.kenkoinfo_category .cat14 a {
  background-image: url(../images/portal/icon-care.jpg);
}
#side-contents ul.kenkoinfo_category .cat16 a {
  background-image: url(../images/portal/icon-newinfo.jpg);
}
#side-contents ul.kenkoinfo_category .cat17 a {
  background-image: url(../images/portal/icon-mental_health.jpg);
}
#side-contents ul.kenkoinfo_category .cat4 a {
  background-image: url(../images/portal/icon-food.jpg);
}
#side-contents ul.kenkoinfo_category .cat8 a {
  background-image: url(../images/portal/icon-dental_oral_health.jpg);
}
#side-contents ul.kenkoinfo_category .cat6 a {
  background-image: url(../images/portal/icon-asbestos.jpg);
}
#side-contents ul.kenkoinfo_category .cat5 a {
  background-image: url(../images/portal/icon-seasonal_measures.jpg);
}
#side-contents ul.kenkoinfo_category .cat13 a {
  background-image: url(../images/portal/icon-about_healthy.jpg);
}
#side-contents ul.kenkomemo_category a {
  background-image: url(../images/portal/icon-memo.png);
  background-position: 10px 54%;
  background-repeat: no-repeat;
  background-size: 34px auto;
  padding: 1em 5px 1em 50px;
}
#side-contents .no-archive {
  padding: 1em 5px;
}
#category-archive-list {
  margin-top: 2em;
}
#portal_home-hero {
  margin-bottom: 2.5em;
}
@media only screen and (max-width: 640px) {
  #portal_home-hero .nosp {
    display: none;
  }
}
#portal_home-hero .nopc {
  display: none;
}
@media only screen and (max-width: 640px) {
  #portal_home-hero .nopc {
    display: block;
  }
}
#portal_home-about {
  background-color: #fff;
  border-radius: 10px;
  margin: auto;
  max-width: 800px;
  padding: 2em 3em 3em;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  #portal_home-about {
    padding: 2em 1.5em 3em;
  }
}
#portal_home-about-wrapper {
  padding: 6em 30px 4em;
  position: relative;
  width: 100%;
}
#portal_home-about-wrapper:after {
  background-image: url(../images/portal/bg-portal_home-about.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 60%;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  #portal_home-about-wrapper {
    padding: 6em 15px 3em;
  }
  #portal_home-about-wrapper:after {
    height: 30%;
  }
}
#portal_home-about .icon {
  display: block;
  margin: auto;
  max-width: 500px;
  width: 100%;
}
#portal_home-about h2 {
  color: #1eaa38;
  font-size: 1.875em;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 1em;
  text-align: center;
}
#portal_home-about p {
  font-size: 1.125em;
  line-height: 1.8;
  margin-bottom: 2em;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #portal_home-about p {
    text-align: left;
  }
}
#portal_home-about .button-wrapper {
  width: 50%;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  #portal_home-about .button-wrapper {
    width: 100%;
  }
}
#portal_home-promotion .container {
  padding-bottom: 6em;
}
@media only screen and (max-width: 640px) {
  #portal_home-promotion .container {
    padding-bottom: 3em;
  }
}
#portal_home-promotion .flex-contents {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  #portal_home-promotion .flex-contents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
#portal_home-promotion a {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  display: block;
  margin: 0 1em 2rem;
  text-decoration: none;
  overflow: hidden;
  width: calc(33.3333333333% - 2em);
}
#portal_home-promotion a.more-button {
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #1eaa38;
  color: #1eaa38;
  display: block;
  padding: 1em 0.5em;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  width: 100%;
  margin: 0;
}
#portal_home-promotion a.more-button:after {
  background-image: url(../images/common/icon-arrow-01.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10%;
  margin: auto;
  width: 16px;
  height: 5px;
  z-index: 0;
}
#portal_home-promotion a.more-button:hover {
  color: #fff;
  background-color: #1eaa38;
}
#portal_home-promotion a.more-button:hover:after {
  background-image: url(../images/common/icon-arrow-02.png);
}
#portal_home-promotion a img {
  width: 100%;
}
#portal_home-promotion a:hover {
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 640px) {
  #portal_home-promotion a {
    width: calc(50% - 1em);
    margin: 0 0.5em 1.25em;
  }
}
#portal_home-promotion .button-wrapper {
  margin: 2rem auto 0;
  max-width: 310px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #portal_home-promotion .button-wrapper {
    margin: 1rem auto 0;
  }
}
#bmi {
  background-color: #ecf2e6;
  padding: 4em 30px;
}
@media only screen and (max-width: 640px) {
  #bmi {
    padding: 4em 15px 3em;
  }
}
#bmi .container {
  background-color: #1eaa38;
  border-radius: 10px;
  padding: 1.5em;
}
@media only screen and (max-width: 640px) {
  #bmi .container {
    padding: 1.5em 0.75em;
  }
}
#bmi .flex-contents {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2em;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #bmi .flex-contents {
    display: block;
  }
}
#bmi .left-contents {
  width: 170px;
}
#bmi .left-contents .section-title {
  text-align: left;
}
#bmi .left-contents .section-title .title {
  color: #fff;
}
#bmi .left-contents .section-title .label {
  color: #fff;
}
@media only screen and (max-width: 640px) {
  #bmi .left-contents {
    width: 100%;
  }
  #bmi .left-contents .section-title {
    text-align: center;
  }
}
#bmi .right-contents {
  width: calc(100% - 170px);
}
#bmi .right-contents p {
  color: #fff;
}
#bmi .right-contents p span {
  font-size: 80%;
}
@media only screen and (max-width: 640px) {
  #bmi .right-contents {
    width: 100%;
  }
}
#bmi #input-field {
  background-color: #fff;
  padding: 1.5em 10px;
}
@media only screen and (max-width: 640px) {
  #bmi #input-field {
    padding: 1.5em 10px 1em;
  }
}
#bmi #input-field p {
  margin-bottom: 1.5em;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #bmi #input-field p {
    text-align: left;
  }
}
#bmi #input-field dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1em auto;
  max-width: 300px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #bmi #input-field dl {
    display: block;
    margin: 1em auto 1.5em;
  }
}
#bmi #input-field dt {
  background-color: #1eaa38;
  color: #fff;
  padding: 2px 5px;
  text-align: center;
  width: 100px;
}
@media only screen and (max-width: 640px) {
  #bmi #input-field dt {
    width: 100%;
    margin-bottom: 1em;
  }
}
#bmi #input-field dd {
  font-size: 1.25em;
  width: calc(100% - 100px);
}
@media only screen and (max-width: 640px) {
  #bmi #input-field dd {
    width: 100%;
    text-align: center;
  }
}
#bmi #input-field input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: inherit;
  border: 1px solid #d3d3d3;
  margin: 0 15px;
  padding: 2px 5px;
  width: 130px;
}
@media only screen and (max-width: 640px) {
  #bmi #input-field input {
    margin: 0 15px 0 0;
  }
}
#bmi #button-measure {
  cursor: pointer;
  border: 1px solid #1eaa38;
  background-color: #fff;
  color: #1eaa38;
  display: block;
  max-width: 250px;
  margin: 2em auto;
  padding: 1em 0.5em;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
#bmi #button-measure:hover {
  background-color: #1eaa38;
  border: 1px solid #fff;
  color: #fff;
}
#bmi #button-measure-reset {
  cursor: pointer;
  border: 1px solid #1eaa38;
  background-color: #fff;
  color: #1eaa38;
  display: none;
  max-width: 250px;
  margin: 2em auto;
  padding: 1em 0.5em;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
#bmi #button-measure-reset:hover {
  background-color: #1eaa38;
  border: 1px solid #fff;
  color: #fff;
}
#bmi #result {
  background-color: #fff;
  padding: 1.5em 5px;
  display: none;
}
@media only screen and (max-width: 640px) {
  #bmi #result {
    padding: 1.5em 10px 1em;
  }
}
#bmi #result .section-title {
  margin-bottom: 1em;
}
#bmi #result .text-01 {
  font-size: 1.25em;
  text-align: center;
}
#bmi #result #bmi-result-01 {
  color: #1eaa38;
  font-size: 200%;
  padding-left: 8px;
}
#bmi #result .text-02 {
  font-size: 1.625em;
  margin-bottom: 1em;
  text-align: center;
}
#bmi #result dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0.5em auto;
  max-width: 300px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #bmi #result dl {
    display: block;
    margin-bottom: 1em;
  }
}
#bmi #result dt {
  background-color: #1eaa38;
  color: #fff;
  padding: 2px 5px;
  text-align: center;
  width: 100px;
}
@media only screen and (max-width: 640px) {
  #bmi #result dt {
    margin-bottom: 1em;
    width: 100%;
  }
}
#bmi #result dd {
  font-size: 1.5em;
  margin-left: 1em;
  width: calc(100% - 100px);
}
@media only screen and (max-width: 640px) {
  #bmi #result dd {
    text-align: center;
    margin-left: 0;
    width: 100%;
  }
}
#bmi .link-button {
  display: block;
}
#bmi .link-button img {
  width: 100%;
}
#bmi .link-button-wrapper {
  max-width: 1120px;
  margin: 3.5em auto 0;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #bmi .link-button-wrapper {
    margin: 2em auto 0;
  }
}
#portal_home-kenkoinfo .container {
  padding-top: 6em;
  padding-bottom: 6em;
}
#portal_home-kenkoinfo h3 {
  border-bottom: 1px solid #d3d3d3;
  color: #1eaa38;
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1.5em;
  padding-bottom: 0.5em;
  text-align: center;
}
#portal_home-kenkoinfo .button-wrapper {
  margin: auto;
  max-width: 280px;
  width: 100%;
}
#portal_home-kenkoinfo .list-cat {
  margin-bottom: 6em;
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkoinfo .list-cat {
    margin-bottom: 3em;
  }
}
#portal_home-kenkoinfo .list-cat .flex-contents {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
#portal_home-kenkoinfo .list-cat .flex-contents a {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  color: inherit;
  display: block;
  margin: 0 1em 1em;
  padding: 1em 5px;
  text-decoration: none;
  overflow: hidden;
  width: calc(33.3333333333% - 2em);
}
#portal_home-kenkoinfo .list-cat .flex-contents a img {
  display: block;
  margin: auto;
  max-width: 200px;
  width: 80%;
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkoinfo .list-cat .flex-contents a img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
  }
}
#portal_home-kenkoinfo .list-cat .flex-contents a:hover {
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 1000px) {
  #portal_home-kenkoinfo .list-cat .flex-contents a {
    margin: 0 0.5em 1em;
    width: calc(33.3333333333% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkoinfo .list-cat .flex-contents a {
    margin: 0 0 1em;
    padding: 1em 5px;
    width: 100%;
    position: relative;
  }
}
#portal_home-kenkoinfo .list-cat .flex-contents .title {
  font-weight: bold;
  margin-top: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  #portal_home-kenkoinfo .list-cat .flex-contents .title {
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkoinfo .list-cat .flex-contents .title {
    font-size: 1em;
    margin-top: 0;
    text-align: left;
    padding-left: 55px;
  }
}
#portal_home-kenkoinfo .list-post .flex-contents {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkoinfo .list-post .flex-contents {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
#portal_home-kenkoinfo .list-post .flex-contents a {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  color: inherit;
  display: block;
  margin: 0 1em 1em;
  overflow: hidden;
  padding: 1em 1em 3.5em;
  position: relative;
  text-decoration: none;
  width: calc(33.3333333333% - 2em);
}
#portal_home-kenkoinfo .list-post .flex-contents a img {
  display: block;
  margin: auto;
  max-width: 200px;
  width: 80%;
}
#portal_home-kenkoinfo .list-post .flex-contents a:hover {
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 1000px) {
  #portal_home-kenkoinfo .list-post .flex-contents a {
    margin: 0 0.5em 1em;
    width: calc(33.3333333333% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkoinfo .list-post .flex-contents a {
    margin: 0 0.5em 1em;
    min-width: 240px;
    width: 95%;
  }
}
#portal_home-kenkoinfo .list-post .title {
  font-weight: bold;
  margin-bottom: 0.5em;
}
#portal_home-kenkoinfo .list-post .text {
  font-size: 0.9375em;
  line-height: 1.8;
}
#portal_home-kenkoinfo .list-post .post-cat {
  background-color: #f2b50e;
  color: #fff;
  display: inline-block;
  font-size: 0.875em;
  padding: 2px 5px;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
#portal_home-kenkomemo .container {
  padding-top: 6em;
  padding-bottom: 6em;
}
#portal_home-kenkomemo .lead {
  font-size: 1.125em;
  line-height: 2;
  margin-bottom: 3em;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkomemo .lead {
    text-align: left;
  }
}
#portal_home-kenkomemo .button-wrapper {
  margin: auto;
  max-width: 280px;
  width: 100%;
}
#portal_home-kenkomemo .list-post .flex-contents {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkomemo .list-post .flex-contents {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
#portal_home-kenkomemo .list-post .flex-contents a {
  color: inherit;
  display: block;
  margin: 0 1em 1em;
  text-decoration: none;
  width: calc(33.3333333333% - 2em);
}
#portal_home-kenkomemo .list-post .flex-contents a:hover .img-box img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
@media only screen and (max-width: 1000px) {
  #portal_home-kenkomemo .list-post .flex-contents a {
    margin: 0 0.5em 1em;
    width: calc(33.3333333333% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkomemo .list-post .flex-contents a {
    margin: 0 0.5em 1em;
    min-width: 300px;
    width: 95%;
  }
}
#portal_home-kenkomemo .list-post .img-box {
  background-color: #ecf2e6;
  overflow: hidden;
  padding-top: 65%;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #portal_home-kenkomemo .list-post .img-box {
    padding-top: 80%;
  }
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkomemo .list-post .img-box {
    padding-top: 65%;
  }
}
#portal_home-kenkomemo .list-post .img-box img {
  width: 105%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  vertical-align: middle;
  z-index: 1;
}
#portal_home-kenkomemo .list-post .text-box {
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(53, 47, 47, 0.15);
  box-shadow: 0 0 8px rgba(53, 47, 47, 0.15);
  margin: auto;
  padding: 1.5em 1em;
  width: 95%;
  position: relative;
  margin-top: -2em;
  z-index: 2;
}
#portal_home-kenkomemo .list-post .text-box h3 {
  color: #707070;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#portal_home-kenkomemo .list-post .text-box p {
  font-size: 0.9375em;
  line-height: 1.8;
  margin-bottom: 1em;
}
#portal_home-kenkomemo .list-post .post-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#portal_home-kenkomemo .list-post .post-info .post-meta {
  color: #1eaa38;
  margin-bottom: 2px;
}
#portal_home-kenkomemo .list-post .post-info .post-cat {
  background-color: #f2b50e;
  color: #fff;
  font-size: 0.875em;
  margin-bottom: 2px;
  padding: 2px 5px;
}
#portal_home-event {
  background-color: #ecf2e6;
  padding: 4em 30px;
}
@media only screen and (max-width: 640px) {
  #portal_home-event {
    padding: 2em 15px;
  }
}
#portal_home-event .container {
  background-color: #1eaa38;
  border-radius: 10px;
  padding: 1.5em;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #portal_home-event .container {
    padding: 1.5em 0.75em;
  }
}
#portal_home-event .section-title {
  text-align: left;
}
#portal_home-event .section-title .title {
  color: #fff;
}
#portal_home-event .section-title .label {
  color: #fff;
}
@media only screen and (max-width: 1000px) {
  #portal_home-event .section-title {
    text-align: center;
  }
}
#portal_home-event .list-post {
  background-color: #fff;
  padding: 1em;
}
@media only screen and (max-width: 1000px) {
  #portal_home-event .list-post {
    margin-bottom: 2em;
  }
}
#portal_home-event .list-post a {
  border-bottom: 1px solid #d3d3d3;
  color: inherit;
  display: block;
  padding: 1em 0;
  text-decoration: none;
}
#portal_home-event .list-post a:hover {
  color: #1eaa38;
}
#portal_home-event .list-post dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #portal_home-event .list-post dl {
    display: block;
  }
}
#portal_home-event .list-post dt {
  font-weight: bold;
  width: 100px;
}
@media only screen and (max-width: 640px) {
  #portal_home-event .list-post dt {
    width: 100%;
    margin-bottom: 5px;
  }
}
#portal_home-event .list-post dd {
  font-weight: bold;
  width: calc(100% - 100px);
}
@media only screen and (max-width: 640px) {
  #portal_home-event .list-post dd {
    width: 100%;
  }
}
#portal_home-event .button-wrapper {
  max-width: 280px;
  width: 100%;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
}
#portal_home-event .button-wrapper a:hover {
  border: 1px solid #fff;
}
@media only screen and (max-width: 1000px) {
  #portal_home-event .button-wrapper {
    margin: auto;
    position: static;
  }
}
#portal_home-kenkotv .container {
  padding-top: 4em;
  padding-bottom: 4em;
  position: relative;
}
#portal_home-kenkotv .container:after {
  background-image: url(../images/portal/map-fukushima.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 2%;
  right: 2%;
  margin: auto;
  width: 313px;
  height: 248px;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkotv .container:after {
    top: 15%;
    width: 150px;
    height: 120px;
  }
}
#portal_home-kenkotv .section-title {
  margin-bottom: 4em;
  position: relative;
  z-index: 2;
}
#portal_home-kenkotv .button-wrapper {
  margin: auto;
  max-width: 280px;
  width: 100%;
}
#portal_home-kenkotv .list-post-slider {
  position: relative;
  width: 85%;
  margin: 0 auto 5em;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkotv .list-post-slider {
    width: 80%;
  }
}
#portal_home-kenkotv .list-post-slider a {
  color: inherit;
  display: block;
  margin: auto;
  text-decoration: none;
  width: 95%;
}
#portal_home-kenkotv .list-post-slider a:hover {
  opacity: 1;
}
#portal_home-kenkotv .list-post-slider a:hover .img-box img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
#portal_home-kenkotv .list-post-slider .img-box {
  background-color: #ecf2e6;
  overflow: hidden;
  padding-top: 55%;
  position: relative;
  width: 100%;
}
#portal_home-kenkotv .list-post-slider .img-box:after {
  background-image: url(../images/portal/icon-video.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
  height: 50px;
  z-index: 0;
}
@media only screen and (max-width: 1000px) {
  #portal_home-kenkotv .list-post-slider .img-box {
    padding-top: 65%;
  }
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkotv .list-post-slider .img-box {
    padding-top: 55%;
  }
}
#portal_home-kenkotv .list-post-slider .img-box img {
  width: 105%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  vertical-align: middle;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  #portal_home-kenkotv .list-post-slider .img-box img {
    width: 120%;
  }
}
@media only screen and (max-width: 640px) {
  #portal_home-kenkotv .list-post-slider .img-box img {
    width: 105%;
  }
}
#portal_home-kenkotv .list-post-slider .text-box h3 {
  color: #707070;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
#portal_home-kenkotv .list-post-slider .text-box p {
  font-size: 0.9375em;
  line-height: 1.8;
  margin-bottom: 1em;
}
#portal_home-keyslogan {
  background-color: #fff;
  border-radius: 10px;
  margin: 0 auto 3em;
  padding: 2em 3em 3em;
  position: relative;
  width: 100%;
  z-index: 2;
  display: grid;
  place-content: center;
  gap: 1.5em;
}
@media only screen and (max-width: 640px) {
  #portal_home-keyslogan {
    padding: 2em 1.5em 3em;
  }
}
#portal_home-keyslogan .icon {
  display: block;
  margin: auto;
  max-width: 400px;
  width: 100%;
  height: auto;
}
#portal_home-keyslogan h2 {
  color: #1eaa38;
  font-size: 1.875em;
  font-weight: bold;
  text-align: center;
}
#portal_home-keyslogan .box {
  padding: 1em;
  border-radius: 10px;
  border: 2px solid #1eaa38;
}
#portal_home-keyslogan h3 {
  color: #1eaa38;
  font-weight: bold;
  margin-bottom: 10px;
}
#portal_home-keyslogan p {
  font-size: 1.125em;
  line-height: 1.8;
}
@media only screen and (max-width: 640px) {
  #portal_home-keyslogan p {
    text-align: left;
  }
}
#portal_home-keyslogan .copy {
  text-align: left;
  font-size: 1em;
}
#portal_home-keyslogan .button-wrapper {
  width: 50%;
  margin: auto;
  margin-top: 2em;
}
@media only screen and (max-width: 640px) {
  #portal_home-keyslogan .button-wrapper {
    width: 100%;
  }
}
#portal-about-01 {
  position: relative;
}
#portal-about-01:after {
  background-image: url(../images/portal/portal-about-01.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 60%;
  height: 100%;
  z-index: 0;
}
@media only screen and (max-width: 1000px) {
  #portal-about-01:after {
    width: 100%;
    height: 80%;
  }
}
@media only screen and (max-width: 640px) {
  #portal-about-01:after {
    height: 60%;
  }
}
#portal-about-01 .container {
  padding: 0;
  position: relative;
  z-index: 1;
}
#portal-about-01 .text-box {
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(255, 255, 255) 25%);
  margin: 0 0 0 auto;
  padding-top: 8em;
  padding-bottom: 8em;
  padding-left: 15%;
  width: 60%;
}
@media only screen and (max-width: 1000px) {
  #portal-about-01 .text-box {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgb(255, 255, 255) 50%);
    margin: auto;
    padding: 40% 30px 4em;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #portal-about-01 .text-box {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(255, 255, 255, 0)), color-stop(40%, rgb(255, 255, 255)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgb(255, 255, 255) 40%);
    margin: auto;
    padding: 200px 15px 4em;
    width: 100%;
  }
}
#portal-about-01 h2 {
  color: #1eaa38;
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1.25em;
  text-align: left;
}
@media only screen and (max-width: 1000px) {
  #portal-about-01 h2 {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  #portal-about-01 h2 {
    font-size: 1.375em;
  }
}
#portal-about-01 .lead {
  line-height: 2;
}
#portal-about-02 {
  background-color: #ecf2e6;
}
#portal-about-02 .container {
  padding: 4em 30px;
}
@media only screen and (max-width: 640px) {
  #portal-about-02 .container {
    padding: 4em 15px;
  }
}
#portal-about-02 h2 {
  color: #1eaa38;
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1.25em;
  text-align: center;
}
#portal-about-02 .lead {
  line-height: 2;
  margin-bottom: 3em;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #portal-about-02 .lead {
    margin-bottom: 2em;
    text-align: left;
  }
}
#portal-about-02 .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 640px) {
  #portal-about-02 .flex-contents {
    display: block;
  }
}
#portal-about-02 .text-box {
  width: 48%;
}
#portal-about-02 .text-box h3 {
  font-size: 1.375em;
  font-weight: bold;
  margin-bottom: 1em;
}
#portal-about-02 .text-box p {
  line-height: 2;
}
@media only screen and (max-width: 640px) {
  #portal-about-02 .text-box {
    width: 100%;
  }
}
#portal-about-02 .img-box {
  width: 48%;
}
#portal-about-02 .img-box img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #portal-about-02 .img-box {
    width: 100%;
    margin-bottom: 2em;
  }
}
#portal_about-promotion .container {
  padding-top: 6em;
  padding-bottom: 6em;
}
@media only screen and (max-width: 640px) {
  #portal_about-promotion .container {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
#portal_about-promotion h2 {
  border-bottom: 1px solid #d3d3d3;
  color: #1eaa38;
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1.5em;
  padding-bottom: 0.5em;
  text-align: center;
}
#portal_about-promotion .lead {
  line-height: 2;
  text-align: center;
  width: 85%;
  margin: auto auto 3em;
}
@media only screen and (max-width: 640px) {
  #portal_about-promotion .lead {
    text-align: left;
    width: 100%;
  }
}
#portal_about-promotion .flex-contents {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  #portal_about-promotion .flex-contents {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
#portal_about-promotion a {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  display: block;
  margin: 0 1em 2rem;
  text-decoration: none;
  overflow: hidden;
  width: calc(33.3333333333% - 2em);
}
#portal_about-promotion a img {
  width: 100%;
}
#portal_about-promotion a:hover {
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 640px) {
  #portal_about-promotion a {
    width: calc(50% - 1em);
    margin: 0 0.5em 1.25em;
  }
}
#portal_promotion-01 {
  position: relative;
}
#portal_promotion-01:after {
  background-image: url(../images/portal/bg-portal.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 250px;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-01:after {
    height: 200px;
  }
}
#portal_promotion-01 .container {
  padding: 4em 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-01 .container {
    padding: 4em 15px;
  }
}
#portal_promotion-01 .icon {
  display: block;
  margin: auto;
  max-width: 500px;
  width: 100%;
}
#portal_promotion-01 .flex-contents {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
#portal_promotion-01 .flex-contents .img-box {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  display: block;
  margin: 0 1em;
  text-decoration: none;
  overflow: hidden;
  width: calc(33.3333333333% - 2em);
}
#portal_promotion-01 .flex-contents img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #portal_promotion-01 .flex-contents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #portal_promotion-01 .flex-contents .img-box {
    width: calc(25% - 2em);
    margin: 0 1em 2rem;
  }
}
@media only screen and (max-width: 640px) {
  #portal_promotion-01 .flex-contents {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #portal_promotion-01 .flex-contents .img-box {
    width: calc(50% - 1em);
    margin: 0 0.5em 1.25em;
  }
}
#portal_promotion-01 h2 {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-01 h2 {
    font-size: 2.1428571429em;
  }
}
#portal_promotion-01 .lead {
  line-height: 2;
  margin-top: 3em;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-01 .lead {
    margin-top: 2em;
    text-align: left;
  }
}
#portal_promotion-02 {
  background-color: #ecf2e6;
  position: relative;
}
#portal_promotion-02:after {
  background-image: url(../images/portal/bg-portal_promotion.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 300px;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02:after {
    height: 120px;
  }
}
#portal_promotion-02 .container {
  padding-top: 12em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02 .container {
    padding-top: 6em;
  }
}
#portal_promotion-02 .list-contents {
  background-color: #fff;
  border-radius: 10px;
  padding: 2em 3em;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02 .list-contents {
    padding: 1em 1.5em;
  }
}
#portal_promotion-02 .button-wrapper {
  margin: 3rem auto 2rem;
  max-width: 310px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02 .button-wrapper {
    max-width: 100%;
    margin: 3rem auto;
  }
}
#portal_promotion-02 .flex-contents {
  border-bottom: 1px solid #d3d3d3;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#portal_promotion-02 .flex-contents.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#portal_promotion-02 .flex-contents:last-child {
  border: none;
}
#portal_promotion-02 .flex-contents.frail {
  padding-top: 2rem;
}
@media only screen and (max-width: 1000px) {
  #portal_promotion-02 .flex-contents {
    padding: 2em 0;
  }
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02 .flex-contents {
    display: block;
    padding: 0 0 2.5em;
  }
  #portal_promotion-02 .flex-contents.frail {
    padding: 1.5rem 0 2.5em;
  }
  #portal_promotion-02 .flex-contents.frail .text-box {
    margin-top: 1rem;
  }
}
#portal_promotion-02 .flex-contents .button-wrapper {
  max-width: 250px;
  margin: 0;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02 .flex-contents .button-wrapper {
    max-width: 100%;
    width: 100%;
  }
}
#portal_promotion-02 .text-box {
  width: 55%;
}
#portal_promotion-02 .text-box h2 {
  color: #1eaa38;
  font-size: 1.5em;
  line-height: 1.4;
  margin-bottom: 0.8em;
  padding-bottom: 10px;
  position: relative;
}
#portal_promotion-02 .text-box h2:after {
  background: linear-gradient(90deg, #1eaa38 0%, #1eaa38 100px, #d3d3d3 100px, #d3d3d3 100%);
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
#portal_promotion-02 .text-box p {
  line-height: 2;
  margin-bottom: 3em;
}
#portal_promotion-02 .text-box p.period {
  color: #1eaa38;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02 .text-box {
    width: 100%;
  }
  #portal_promotion-02 .text-box h2 {
    font-size: 1.125em;
  }
  #portal_promotion-02 .text-box p {
    margin-bottom: 2em;
  }
}
#portal_promotion-02.past .text-box p {
  line-height: 2;
  margin-bottom: 0.25em;
}
#portal_promotion-02.past .text-box p.period {
  color: #1eaa38;
  margin-bottom: 3em;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02.past .text-box p.period {
    color: #1eaa38;
    margin-bottom: 2em;
  }
}
#portal_promotion-02 .img-box {
  width: 40%;
}
#portal_promotion-02 .img-box img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #portal_promotion-02 .img-box {
    width: 100%;
  }
}
#portal_kenkoinfo_list {
  position: relative;
}
#portal_kenkoinfo_list:after {
  background-image: url(../images/portal/bg-portal.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 250px;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  #portal_kenkoinfo_list:after {
    height: 200px;
  }
}
#portal_kenkoinfo_list .kenkoinfo_list-about {
  position: relative;
  z-index: 1;
}
#portal_kenkoinfo_list .kenkoinfo_list-about .container {
  padding-top: 4em;
  padding-bottom: 2em;
}
@media only screen and (max-width: 640px) {
  #portal_kenkoinfo_list .kenkoinfo_list-about .container {
    padding-top: 3em;
    padding-bottom: 1em;
  }
}
#portal_kenkoinfo_list h2 {
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}
#portal_kenkoinfo_list h2:after {
  background-color: #1eaa38;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  height: 2px;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  #portal_kenkoinfo_list h2 {
    font-size: 1.375em;
  }
  #portal_kenkoinfo_list h2:after {
    width: 60px;
  }
}
#portal_kenkoinfo_list .lead {
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #portal_kenkoinfo_list .lead {
    text-align: left;
  }
}
#portal_kenkoinfo_list .list-cat {
  position: relative;
  z-index: 1;
}
#portal_kenkoinfo_list .list-cat .container {
  padding-top: 2em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 640px) {
  #portal_kenkoinfo_list .list-cat .container {
    padding: 2em 10px;
  }
}
#portal_kenkoinfo_list .list-cat .flex-contents {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5em;
  width: 100%;
}
#portal_kenkoinfo_list .list-cat a {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  color: inherit;
  display: block;
  margin: 0 1em 1.5em;
  padding: 1em 5px;
  text-decoration: none;
  overflow: hidden;
  width: calc(33.3333333333% - 2em);
}
#portal_kenkoinfo_list .list-cat a img {
  display: block;
  margin: auto;
  max-width: 200px;
  width: 80%;
}
#portal_kenkoinfo_list .list-cat a:hover {
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 1000px) {
  #portal_kenkoinfo_list .list-cat a {
    margin: 0 0.5em 1.5em;
    width: calc(33.3333333333% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #portal_kenkoinfo_list .list-cat a {
    margin: 0 0.2em 1.5em;
    width: calc(50% - 0.4em);
  }
}
#portal_kenkoinfo_list .list-cat .title {
  font-weight: bold;
  margin-top: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  #portal_kenkoinfo_list .list-cat .title {
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 640px) {
  #portal_kenkoinfo_list .list-cat .title {
    font-size: 3.5vw;
  }
}
#kenmincard_home-hero {
  margin-bottom: 2.5em;
}
#kenmincard_home-pickup {
  background-color: #fff4cd;
  overflow: hidden;
}
#kenmincard_home-pickup .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
#kenmincard_home-pickup .section-title .title {
  color: #ec6d45;
  font-weight: bold;
}
#kenmincard_home-pickup .section-title .label {
  color: #ec6d45;
  font-size: 1em;
}
#kenmincard_home-pickup .list-post-slider * {
  line-height: 1.5;
}
#kenmincard_home-pickup .list-post-slider a {
  color: inherit;
  display: block;
  margin: auto;
  font-weight: bold;
  text-decoration: none;
  width: 95%;
}
#kenmincard_home-pickup .list-post-slider .thumbnail {
  overflow: hidden;
  border-radius: 10px;
}
#kenmincard_home-pickup .list-post-slider .thumbnail img {
  width: 100%;
  height: auto;
}
#kenmincard_home-pickup .list-post-slider dl {
  margin: 1em 0 2em;
}
@media only screen and (max-width: 640px) {
  #kenmincard_home-pickup .list-post-slider {
    margin: auto;
    width: 75%;
  }
}
#kenmincard_home-contents-01 .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
#kenmincard_home-contents-01 .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmincard_home-contents-01 .flex-item {
  margin: 0 1em;
}
#kenmincard_home-contents-01 .flex-item a {
  display: block;
}
#kenmincard_home-contents-01 .flex-item img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #kenmincard_home-contents-01 .container {
    padding-bottom: 2em;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard_home-contents-01 .container {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  #kenmincard_home-contents-01 .flex-contents {
    display: block;
  }
  #kenmincard_home-contents-01 .flex-item {
    margin: 2em auto;
    width: 90%;
  }
  #kenmincard_home-contents-01 .flex-item a {
    display: block;
  }
  #kenmincard_home-contents-01 .flex-item img {
    width: 100%;
  }
}
#kenmincard_home-contents-03 .container {
  padding-top: 6em;
  padding-bottom: 6em;
}
#kenmincard_home-contents-03 .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmincard_home-contents-03 .flex-item {
  width: calc(33.3333333333% - 2em);
  margin: 0 1em;
}
#kenmincard_home-contents-03 .flex-item a {
  color: inherit;
  display: block;
  text-decoration: none;
  text-align: center;
  position: relative;
}
#kenmincard_home-contents-03 .flex-item a:after {
  content: "";
  display: block;
  border-radius: 50%;
  padding-top: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}
#kenmincard_home-contents-03 .flex-item img {
  display: block;
  margin: auto;
  width: auto;
  height: 110px;
  position: relative;
  z-index: 1;
}
#kenmincard_home-contents-03 .flex-item .label {
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 0.3em;
}
#kenmincard_home-contents-03 .flex-item h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  position: relative;
  z-index: 1;
}
#kenmincard_home-contents-03 .flex-item p {
  font-size: 0.9375em;
  position: relative;
  z-index: 1;
}
#kenmincard_home-contents-03 .flex-item p.icon-arrow {
  background-color: #c9e6e2;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: -10%;
  right: 8%;
}
#kenmincard_home-contents-03 .flex-item p.icon-arrow:after {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-top: 2px solid #00b5c0;
  border-right: 2px solid #00b5c0;
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#kenmincard_home-contents-03 .flex-item:nth-child(1) a:after {
  background-color: #cae9fa;
}
#kenmincard_home-contents-03 .flex-item:nth-child(1) .label {
  color: #2ca6e0;
}
#kenmincard_home-contents-03 .flex-item:nth-child(1) p.icon-arrow {
  background-color: #cae9fa;
}
#kenmincard_home-contents-03 .flex-item:nth-child(1) p.icon-arrow:after {
  border-top: 2px solid #2ca6e0;
  border-right: 2px solid #2ca6e0;
}
#kenmincard_home-contents-03 .flex-item:nth-child(2) a:after {
  background-color: #e7eeb2;
}
#kenmincard_home-contents-03 .flex-item:nth-child(2) .label {
  color: #39b54a;
}
#kenmincard_home-contents-03 .flex-item:nth-child(2) p.icon-arrow {
  background-color: #e7eeb2;
}
#kenmincard_home-contents-03 .flex-item:nth-child(2) p.icon-arrow:after {
  border-top: 2px solid #39b54a;
  border-right: 2px solid #39b54a;
}
#kenmincard_home-contents-03 .flex-item:nth-child(3) a:after {
  background-color: #fadadf;
}
#kenmincard_home-contents-03 .flex-item:nth-child(3) img {
  height: 160px;
  margin-left: 16%;
}
#kenmincard_home-contents-03 .flex-item:nth-child(3) .label {
  color: #ff7bac;
}
#kenmincard_home-contents-03 .flex-item:nth-child(3) h2 {
  margin-top: -1.8em;
}
#kenmincard_home-contents-03 .flex-item:nth-child(3) p.icon-arrow {
  background-color: #fadadf;
}
#kenmincard_home-contents-03 .flex-item:nth-child(3) p.icon-arrow:after {
  border-top: 2px solid #ff7bac;
  border-right: 2px solid #ff7bac;
}
@media only screen and (max-width: 1000px) {
  #kenmincard_home-contents-03 .container {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
@media screen and (max-width: 930px) {
  #kenmincard_home-contents-03 .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #kenmincard_home-contents-03 .flex-contents {
    display: block;
  }
  #kenmincard_home-contents-03 .flex-item {
    margin: 2em auto;
    width: 100%;
  }
  #kenmincard_home-contents-03 .flex-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2em;
  }
  #kenmincard_home-contents-03 .flex-item a:after {
    border-radius: 90px;
    padding-top: 0;
    width: 100%;
    height: 100%;
  }
  #kenmincard_home-contents-03 .flex-item img {
    width: 40%;
    height: auto;
  }
  #kenmincard_home-contents-03 .flex-item .label {
    margin-bottom: 0.5em;
    width: 100%;
  }
  #kenmincard_home-contents-03 .flex-item .text-box {
    width: 49%;
  }
  #kenmincard_home-contents-03 .flex-item h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    position: relative;
    z-index: 1;
  }
  #kenmincard_home-contents-03 .flex-item p.icon-arrow {
    bottom: -4%;
    right: 4%;
  }
  #kenmincard_home-contents-03 .flex-item:nth-child(3) img {
    height: auto;
    margin-left: auto;
  }
  #kenmincard_home-contents-03 .flex-item:nth-child(3) h2 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard_home-contents-03 .container {
    padding-bottom: 0.5em;
  }
  #kenmincard_home-contents-03 .flex-item {
    margin: 2em auto;
    width: 100%;
  }
  #kenmincard_home-contents-03 .flex-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2em 1em;
  }
  #kenmincard_home-contents-03 .flex-item a:after {
    border-radius: 90px;
    padding-top: 0;
    width: 100%;
    height: 100%;
  }
  #kenmincard_home-contents-03 .flex-item img {
    width: 40%;
    height: auto;
  }
  #kenmincard_home-contents-03 .flex-item .label {
    font-size: 1.25em;
    margin-bottom: 0.5em;
    width: 100%;
  }
  #kenmincard_home-contents-03 .flex-item .text-box {
    width: 49%;
  }
  #kenmincard_home-contents-03 .flex-item h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    position: relative;
    z-index: 1;
  }
  #kenmincard_home-contents-03 .flex-item p.icon-arrow {
    bottom: -4%;
    right: 4%;
  }
  #kenmincard_home-contents-03 .flex-item:nth-child(3) img {
    height: auto;
    margin-left: auto;
  }
  #kenmincard_home-contents-03 .flex-item:nth-child(3) h2 {
    margin-top: 0;
  }
}
#kenmincard_home-contents-02 .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 1000px) {
  #kenmincard_home-contents-02 .flex-contents {
    display: block;
  }
}
@media only screen and (max-width: 1000px) {
  #kenmincard_home-contents-02 .container {
    padding: 0;
  }
}
.virtualwalk2021_banner {
  max-width: 1090px;
  width: 100%;
  margin: auto;
  padding-top: 60px;
}
.virtualwalk2021_banner .pc {
  display: block !important;
}
@media only screen and (max-width: 640px) {
  .virtualwalk2021_banner .pc {
    display: none !important;
  }
}
.virtualwalk2021_banner .sp {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  .virtualwalk2021_banner .sp {
    display: block !important;
    width: 90%;
    margin: auto;
  }
}
#kenmincard_home-ranking {
  background: url(../images/kenmincard/ranking/background-ranking.png) no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  max-width: 630px;
  width: 100%;
  height: 450px;
}
#kenmincard_home-ranking .date {
  font-size: 0.75em;
  font-weight: bold;
  position: absolute;
  top: 23%;
  left: 18%;
}
#kenmincard_home-ranking ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 62%;
  margin: auto;
  position: absolute;
  bottom: 15.5%;
  left: 0;
  right: 0;
}
#kenmincard_home-ranking ul li {
  margin: 0 1%;
  width: 31.3333333333%;
}
#kenmincard_home-ranking ul li .character img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
#kenmincard_home-ranking ul li .name {
  font-size: 0.75em;
  text-align: center;
}
#kenmincard_home-ranking ul li .graph {
  margin: 5px 0;
}
#kenmincard_home-ranking ul li.rank-02 .graph {
  height: 45px;
  background-color: #999;
  background-image: url(../images/kenmincard/ranking/rank02.png);
  background-repeat: no-repeat;
  background-position: center 55%;
  background-size: auto 70%;
}
#kenmincard_home-ranking ul li.rank-01 .graph {
  height: 60px;
  background-color: #8f8600;
  background-image: url(../images/kenmincard/ranking/rank01.png);
  background-repeat: no-repeat;
  background-position: center 55%;
  background-size: auto 70%;
}
#kenmincard_home-ranking ul li.rank-03 .graph {
  height: 30px;
  background-color: #8a6700;
  background-image: url(../images/kenmincard/ranking/rank03.png);
  background-repeat: no-repeat;
  background-position: center 55%;
  background-size: auto 70%;
}
#kenmincard_home-ranking .note {
  font-size: 0.75em;
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 0;
  margin: auto;
  width: 50%;
}
@media only screen and (max-width: 1000px) {
  #kenmincard_home-ranking {
    margin: auto auto 3em;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard_home-ranking {
    background-size: auto 100%;
    width: 100%;
    height: 310px;
    margin: auto auto 6em;
  }
  #kenmincard_home-ranking .date {
    width: 100%;
    max-width: 280px;
    margin: auto;
    top: 20%;
    left: 0;
    right: 0;
  }
  #kenmincard_home-ranking ul {
    width: 100%;
    max-width: 280px;
  }
  #kenmincard_home-ranking ul li .character img {
    max-width: 52px;
  }
  #kenmincard_home-ranking ul li .name {
    font-size: 0.4285714286em;
  }
  #kenmincard_home-ranking ul li.rank-02 .graph {
    height: 20px;
  }
  #kenmincard_home-ranking ul li.rank-01 .graph {
    height: 30px;
  }
  #kenmincard_home-ranking ul li.rank-03 .graph {
    height: 15px;
  }
  #kenmincard_home-ranking .note {
    bottom: -40px;
    max-width: 300px;
    width: 100%;
  }
}
#kenmincard_home-health-menu {
  background-color: #c9e6e2;
  border-radius: 200px;
  padding: 2em 3.75em 4em;
  width: calc(100% - 660px);
  position: relative;
}
#kenmincard_home-health-menu h2 {
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5em;
}
#kenmincard_home-health-menu h2 span {
  color: #00b5c0;
  font-size: 150%;
}
#kenmincard_home-health-menu a {
  color: inherit;
  display: block;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#kenmincard_home-health-menu a:hover {
  opacity: 0.8;
}
#kenmincard_home-health-menu .thumbnail {
  display: block;
  margin: auto;
  position: relative;
  width: 100%;
  height: 180px;
}
#kenmincard_home-health-menu .thumbnail img {
  width: auto;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  vertical-align: middle;
  z-index: 1;
}
#kenmincard_home-health-menu .text-box h3 {
  font-weight: bold;
  line-height: 1.4;
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-align: center;
}
#kenmincard_home-health-menu .text-box p {
  font-size: 0.75em;
  line-height: 1.4;
}
#kenmincard_home-health-menu .icon-arrow {
  background-color: #c9e6e2;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 0;
  right: 14%;
}
#kenmincard_home-health-menu .icon-arrow:after {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-top: 2px solid #00b5c0;
  border-right: 2px solid #00b5c0;
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 1000px) {
  #kenmincard_home-health-menu {
    background-color: #c9e6e2;
    border-radius: 200px;
    padding: 2em 3.75em 4em;
    max-width: 630px;
    margin: auto;
    width: 100%;
  }
  #kenmincard_home-health-menu a {
    margin: 0 0.5em;
  }
  #kenmincard_home-health-menu .icon-arrow {
    right: 12%;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard_home-health-menu {
    width: 90%;
    padding: 2em 2.5em;
  }
  #kenmincard_home-health-menu a {
    margin: 0;
  }
}
#kenmincard_home-sns h2 {
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  padding: 0.5em 0.5em 0.5em 36px;
  position: relative;
}
#kenmincard_home-sns h2:after {
  content: "";
  display: block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}
#kenmincard_home-sns .container {
  max-width: 1040px;
  padding-top: 4em;
  padding-bottom: 4em;
}
#kenmincard_home-sns .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmincard_home-sns .left-contents {
  width: 470px;
}
#kenmincard_home-sns .left-contents h2 {
  background-color: #32a7e0;
}
#kenmincard_home-sns .left-contents iframe {
  width: 100% !important;
}
#kenmincard_home-sns .right-contents {
  width: 470px;
}
#kenmincard_home-sns .right-contents h2 {
  background-color: #4e679f;
}
#kenmincard_home-sns .right-contents .fb_iframe_widget {
  display: block !important;
}
#kenmincard_home-sns .right-contents span {
  width: 100% !important;
}
#kenmincard_home-sns .right-contents iframe {
  width: 100% !important;
}
@media only screen and (max-width: 1000px) {
  #kenmincard_home-sns .left-contents {
    width: 48%;
  }
  #kenmincard_home-sns .right-contents {
    width: 48%;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard_home-sns .flex-contents {
    display: block;
  }
  #kenmincard_home-sns .left-contents {
    width: 100%;
    margin-bottom: 2em;
  }
  #kenmincard_home-sns .right-contents {
    width: 100%;
  }
}
#kenmincard_home-post {
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, #2ca6e0), color-stop(35%, #c7e8fa));
  background: linear-gradient(90deg, #2ca6e0 35%, #c7e8fa 35%);
}
#kenmincard_home-post .flex-contents {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmincard_home-post .left-contents {
  background-color: #2ca6e0;
  padding: 4em 15px 4em 0;
  width: 30%;
}
#kenmincard_home-post .section-title .title {
  color: #fff;
}
#kenmincard_home-post .section-title .label {
  color: #fff;
}
#kenmincard_home-post .button-wrapper {
  margin: auto;
  max-width: 280px;
  width: 100%;
}
#kenmincard_home-post .button-wrapper a {
  border: none;
  border-radius: 20px;
  color: #3b4043;
  font-weight: bold;
}
#kenmincard_home-post .button-wrapper a:after {
  content: none;
}
#kenmincard_home-post .button-wrapper a:hover {
  background-color: #c7e8fa;
  border: none;
}
#kenmincard_home-post .right-contents {
  background-color: #c7e8fa;
  padding: 4em 0 4em 4em;
  width: 70%;
}
#kenmincard_home-post .list-post a {
  color: inherit;
  display: block;
  padding: 1em 0;
  text-decoration: none;
}
#kenmincard_home-post .list-post a:hover {
  color: #000;
}
#kenmincard_home-post .list-post .post-cat {
  background-color: #f2b50e;
  color: #fff;
  padding: 0.2em;
  text-align: center;
}
#kenmincard_home-post .list-post dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#kenmincard_home-post .list-post dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: bold;
  width: 180px;
}
#kenmincard_home-post .list-post dd {
  padding-left: 10px;
  font-weight: bold;
  width: calc(100% - 180px);
}
@media only screen and (max-width: 1000px) {
  #kenmincard_home-post .right-contents {
    padding: 4em 0 4em 2em;
  }
}
@media only screen and (max-width: 640px) {
  #kenmincard_home-post {
    background: none;
  }
  #kenmincard_home-post .container {
    padding: 0;
  }
  #kenmincard_home-post .flex-contents {
    display: block;
  }
  #kenmincard_home-post .left-contents {
    padding: 2em 15px;
    width: 100%;
  }
  #kenmincard_home-post .right-contents {
    padding: 2em 15px;
    width: 100%;
  }
  #kenmincard_home-post .list-post a {
    padding: 0.5em 0;
  }
  #kenmincard_home-post .list-post dl {
    display: block;
  }
  #kenmincard_home-post .list-post dt {
    width: 100%;
    margin-bottom: 5px;
  }
  #kenmincard_home-post .list-post dd {
    padding-left: 0;
    width: 100%;
  }
}
.kenminnews #page-title {
  background: none;
  background-color: #1eaa38;
}
#page-title-wrapper.kenminnews:after {
  background-image: none;
}
#kenmin-post-news .container {
  padding-top: 2em;
  padding-bottom: 2em;
}
#kenmin-post-news .list-post a {
  background-color: #ecf2e6;
  border: 2px solid #ecf2e6;
  border-radius: 10px;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2em 0;
  padding: 2em;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  text-decoration: none;
}
#kenmin-post-news .list-post a:hover {
  background-color: #fff;
}
#kenmin-post-news .thumbnail {
  width: 20%;
}
#kenmin-post-news .thumbnail img {
  width: 100%;
  height: auto;
}
#kenmin-post-news .text-box {
  width: 78%;
}
#kenmin-post-news .text-box h2 {
  color: #1eaa38;
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
#kenmin-post-news .post-info {
  margin-bottom: 10px;
}
#kenmin-post-news .post-info li {
  display: inline-block;
}
#kenmin-post-news .post-meta {
  font-weight: bold;
}
#kenmin-post-news .post-cat {
  background-color: #f2b50e;
  color: #fff;
  padding: 0.2em;
  text-align: center;
}
#kenmin-post-news .kenmin-more-button-wrapper {
  margin: 1em 0 0 auto;
}
#kenmin-post-news .kenmin-more-button:hover {
  color: #fff;
  background-color: #1eaa38;
}
#kenmin-post-news .kenmin-more-button:hover:after {
  border-left: 8px solid #fff;
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 640px) {
  #kenmin-post-news .list-post a {
    display: block;
    padding: 1em 1em 2em;
  }
  #kenmin-post-news .list-post a:hover {
    background-color: #fff;
  }
  #kenmin-post-news .thumbnail {
    margin: auto;
    width: 80%;
  }
  #kenmin-post-news .thumbnail img {
    width: 100%;
  }
  #kenmin-post-news .text-box {
    margin-top: 1.5em;
    width: 100%;
  }
  #kenmin-post-news .kenmin-more-button-wrapper {
    margin: 1em auto 0;
  }
}
#single-post.post-news .container {
  padding-top: 4em;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #single-post.post-news .container {
    padding-top: 2em;
  }
}
#page-title-wrapper.kenminuse:after {
  background-image: url(../images/kenmincard/background-use.jpg);
}
#kenmin-about {
  background-color: #fff4cd;
}
#kenmin-about .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
#kenmin-about h2 {
  margin: auto auto 1.5em;
  max-width: 620px;
  width: 95%;
}
#kenmin-about h2 img {
  width: 100%;
}
#kenmin-about h3 {
  border-bottom: 1px solid #2c3941;
  color: #f29600;
  font-size: 1.375em;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-bottom: 5px;
}
#kenmin-about h3 + p {
  margin-bottom: 0;
  text-align: left;
}
#kenmin-about p {
  margin-bottom: 2em;
  text-align: center;
}
#kenmin-about .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmin-about .step-01 {
  background-color: #fff;
  border-radius: 90px;
  padding: 2em 220px 2em 3em;
  position: relative;
  width: 48.5%;
}
#kenmin-about .step-01:before {
  background-image: url(../images/kenmincard/kenmin-about-step-01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 170px;
  height: 170px;
  z-index: 2;
}
#kenmin-about .step-01:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -14px;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 20px solid #fff;
  border-top: 20px solid rgba(0, 0, 0, 0);
  border-bottom: 20px solid rgba(0, 0, 0, 0);
  z-index: 1;
}
#kenmin-about .step-02 {
  background-color: #fff;
  border-radius: 90px;
  padding: 2em 3em;
  width: 48.5%;
}
@media only screen and (max-width: 1000px) {
  #kenmin-about .flex-contents {
    display: block;
  }
  #kenmin-about .step-01 {
    padding: 4em 220px 4em 3em;
    margin-bottom: 2em;
    width: 100%;
  }
  #kenmin-about .step-01:after {
    top: auto;
    bottom: -14px;
    right: 0;
    left: 0;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #fff;
    border-bottom: none;
  }
  #kenmin-about .step-02 {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #kenmin-about .container {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  #kenmin-about p {
    text-align: left;
  }
  #kenmin-about .step-01 {
    border-radius: 45px;
    padding: 2em 130px 2em 1.5em;
  }
  #kenmin-about .step-01:before {
    right: 10px;
    width: 100px;
    height: 100px;
  }
  #kenmin-about .step-02 {
    border-radius: 45px;
    padding: 2em 1.5em;
  }
}
#kenmin-flow-use .container {
  padding-top: 4em;
  padding-bottom: 2em;
}
#kenmin-flow-use .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
#kenmin-flow-use h3 {
  font-size: 1.375em;
  font-weight: bold;
  margin-bottom: 0.25em;
}
#kenmin-flow-use dl {
  border-radius: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.5em;
  padding: 3em 32% 3em 3em;
  position: relative;
}
#kenmin-flow-use dl:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-top: 4px solid #1eaa39;
  border-right: 4px solid #1eaa39;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#kenmin-flow-use dl dt {
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.5em;
  font-weight: bold;
  width: 70px;
  height: 70px;
}
#kenmin-flow-use dl dd {
  width: calc(100% - 100px);
}
#kenmin-flow-use .flow-use-01 {
  background-color: #fdebd1;
}
#kenmin-flow-use .flow-use-01 dt {
  border: 4px solid #f29600;
  color: #f29600;
}
#kenmin-flow-use .flow-use-01 h3 {
  color: #f29600;
}
#kenmin-flow-use .flow-use-01 .illust {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  margin: auto;
  width: 20%;
}
#kenmin-flow-use .flow-use-02 {
  background-color: #deedf9;
}
#kenmin-flow-use .flow-use-02 dt {
  border: 4px solid #2ca6e0;
  color: #2ca6e0;
}
#kenmin-flow-use .flow-use-02 h3 {
  color: #2ca6e0;
}
#kenmin-flow-use .flow-use-02 .illust {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6%;
  margin: auto;
  width: 25%;
}
#kenmin-flow-use .flow-use-03 {
  background-color: #f3f8e9;
}
#kenmin-flow-use .flow-use-03 dt {
  border: 4px solid #1eaa39;
  color: #1eaa39;
}
#kenmin-flow-use .flow-use-03 h3 {
  color: #1eaa39;
  max-width: 360px;
}
#kenmin-flow-use .flow-use-03 h3 img {
  width: 95%;
}
#kenmin-flow-use .flow-use-03 .illust {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8%;
  margin: auto;
  width: 20%;
}
#kenmin-flow-use .flow-use-04 {
  background-color: #fceaef;
}
#kenmin-flow-use .flow-use-04:before {
  content: none;
}
#kenmin-flow-use .flow-use-04 dt {
  border: 4px solid #ec6d6b;
  color: #ec6d6b;
}
#kenmin-flow-use .flow-use-04 h3 {
  color: #ec6d6b;
}
#kenmin-flow-use .flow-use-04 .illust {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4%;
  margin: auto;
  width: 24%;
}
@media only screen and (max-width: 640px) {
  #kenmin-flow-use .section-title .title {
    font-size: 2.2857142857em;
  }
  #kenmin-flow-use dl {
    border-radius: 45px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5em 1.25em 2em;
  }
  #kenmin-flow-use dl dt {
    font-size: 1.4285714286em;
    width: 40px;
    height: 40px;
  }
  #kenmin-flow-use dl dd {
    width: calc(100% - 50px);
  }
  #kenmin-flow-use dl dd p {
    margin-bottom: 1em;
  }
  #kenmin-flow-use .flow-use-01 dd p {
    margin-bottom: 2em;
  }
  #kenmin-flow-use .flow-use-01 .illust {
    position: static;
    margin: auto;
    max-width: 250px;
    width: 80%;
  }
  #kenmin-flow-use .flow-use-02 dd p {
    margin-bottom: 0;
  }
  #kenmin-flow-use .flow-use-02 .illust {
    position: static;
    margin: auto;
    max-width: 320px;
    width: 80%;
  }
  #kenmin-flow-use .flow-use-03 .illust {
    position: static;
    margin: auto;
    max-width: 270px;
    width: 80%;
  }
  #kenmin-flow-use .flow-use-04 dd p {
    margin-bottom: 2em;
  }
  #kenmin-flow-use .flow-use-04 .illust {
    position: static;
    margin: auto;
    max-width: 320px;
    width: 80%;
  }
}
#kenmincard-rankup .container {
  padding-top: 1em;
  padding-bottom: 3em;
}
#kenmincard-rankup .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
#kenmincard-rankup .lead {
  margin-bottom: 2em;
}
#kenmincard-rankup .campaign {
  background-color: #fffdd4;
  margin: 2em 0;
  padding: 1.5em 5px;
}
#kenmincard-rankup .campaign img {
  display: block;
  max-width: 600px;
  margin: auto;
  width: 85%;
}
#kenmincard-rankup .flex-contents {
  border-radius: 140px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 4em;
  padding: 2em 4em;
  position: relative;
}
#kenmincard-rankup .flex-contents:before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
  width: 280px;
  height: 70px;
}
#kenmincard-rankup .flex-contents.normal {
  background-color: #e9f6ec;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#kenmincard-rankup .flex-contents.normal:before {
  background-image: url(../images/kenmincard/icon-rankup-arrow-01.png);
}
#kenmincard-rankup .flex-contents.normal dt img {
  max-width: 100%;
  max-height: 250px;
}
#kenmincard-rankup .flex-contents.silver {
  background-color: #f1f1f1;
}
#kenmincard-rankup .flex-contents.silver:before {
  background-image: url(../images/kenmincard/icon-rankup-arrow-02.png);
}
#kenmincard-rankup .flex-contents.silver dt img {
  max-width: 100%;
  max-height: 250px;
}
#kenmincard-rankup .flex-contents.gold {
  background-color: #f7f1e3;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#kenmincard-rankup .flex-contents.gold:before {
  background-image: url(../images/kenmincard/icon-rankup-arrow-01.png);
}
#kenmincard-rankup .flex-contents.gold dt img {
  max-width: 100%;
  max-height: 250px;
}
#kenmincard-rankup .flex-contents.platinum {
  background-color: #f1eee7;
}
#kenmincard-rankup .flex-contents.platinum:before {
  background-image: url(../images/kenmincard/icon-rankup-arrow-02.png);
}
#kenmincard-rankup .flex-contents.platinum dt img {
  max-width: 100%;
  max-height: 250px;
}
#kenmincard-rankup .flex-contents.diamond {
  background-color: #f0f5f8;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 2em;
}
#kenmincard-rankup .flex-contents.diamond:before {
  content: none;
}
#kenmincard-rankup .flex-contents.diamond dt img {
  max-width: 100%;
  max-height: 250px;
}
#kenmincard-rankup .flex-contents dt {
  width: 49%;
}
#kenmincard-rankup .flex-contents dt img {
  display: block;
  margin: auto;
  width: auto;
}
#kenmincard-rankup .flex-contents dd {
  width: 49%;
}
#kenmincard-rankup .flex-contents dd img {
  display: block;
  margin: auto;
  width: auto;
  max-width: 100%;
  max-height: 250px;
}
#kenmincard-rankup .caution {
  background-color: #fff;
  border: 1px solid #1eaa39;
  border-radius: 10px;
  margin-top: 1em;
  padding: 1em;
}
#kenmincard-rankup .caution p {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 30px 30px;
  background-image: url(../images/kenmincard/icon-caution.png);
  padding-left: 46px;
}
@media only screen and (max-width: 640px) {
  #kenmincard-rankup .section-title .title {
    font-size: 2.2857142857em;
  }
  #kenmincard-rankup .flex-contents {
    border-radius: 45px;
    display: block;
    padding: 2em;
  }
  #kenmincard-rankup .flex-contents:before {
    bottom: -50px;
    margin: auto;
    width: 200px;
    height: 50px;
  }
  #kenmincard-rankup .flex-contents.normal dt img {
    max-width: 100%;
    max-height: 100%;
    width: 95%;
  }
  #kenmincard-rankup .flex-contents.silver dt img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  }
  #kenmincard-rankup .flex-contents.gold dt img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  }
  #kenmincard-rankup .flex-contents.platinum dt img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  }
  #kenmincard-rankup .flex-contents.diamond dt img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  }
  #kenmincard-rankup .flex-contents dt {
    width: 100%;
    margin-bottom: 1.5em;
  }
  #kenmincard-rankup .flex-contents dd {
    width: 100%;
  }
}
#page-title-wrapper.store:after {
  background-image: url(../images/kenmincard/background-store.jpg);
}
#store-note {
  background-color: #f29600;
}
#store-note .container {
  padding-top: 1em;
  padding-bottom: 1em;
}
#store-note p {
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #store-note .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #store-note p {
    text-align: left;
  }
}
#store-about {
  background-color: #f3f8e9;
}
#store-about img {
  width: 100%;
}
#store-about .container {
  padding-top: 3em;
  padding-bottom: 3em;
}
#store-about .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#store-about .left-contents {
  width: 49%;
}
#store-about .right-contents {
  width: 49%;
}
@media only screen and (max-width: 640px) {
  #store-about .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
#store-search .container {
  padding-top: 4em;
  padding-bottom: 3em;
}
@media only screen and (max-width: 640px) {
  #store-search .container {
    padding: 3em 0 1em;
  }
}
#store-search .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #store-search .section-title .title {
    font-size: 2.2857142857em;
  }
}
#store-search #spot-front-search {
  background-color: #faf9f1;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4em 3em;
}
@media only screen and (max-width: 1000px) {
  #store-search #spot-front-search {
    padding: 2em 1em 3em;
  }
}
@media only screen and (max-width: 640px) {
  #store-search #spot-front-search {
    border-radius: 0;
    padding: 2em 5% 3em;
  }
}
#store-search #spot-front-search h3 {
  color: #1eaa38;
  font-size: 1.375em;
  font-weight: bold;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #store-search #spot-front-search h3 {
    font-size: 1.125em;
  }
}
#store-search #spot-front-search dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2em;
}
@media only screen and (max-width: 640px) {
  #store-search #spot-front-search dl {
    margin-bottom: 1em;
  }
}
#store-search #spot-front-search dl dt {
  width: 32%;
}
@media only screen and (max-width: 1000px) {
  #store-search #spot-front-search dl dt {
    margin-bottom: 0.75em;
  }
}
#store-search #spot-front-search dl dd {
  width: 64%;
}
@media only screen and (max-width: 1000px) {
  #store-search #spot-front-search dl {
    display: block;
  }
  #store-search #spot-front-search dl dt {
    width: 100%;
  }
  #store-search #spot-front-search dl dd {
    width: 100%;
  }
}
#store-search .search-map {
  background: url(../images/kenmincard/map-bg.png) no-repeat;
  width: 400px;
  height: 315px;
  margin: 0 0 1em;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  #store-search .search-map {
    background-size: 280px 221px;
    width: 280px;
    height: 221px;
    margin: 0 auto 10px;
    position: relative;
    left: -10px;
    padding: 0 0 15px 0;
  }
}
#store-search .list-search-map li {
  color: #fff;
  border-radius: 4px;
  position: absolute;
}
#store-search .list-search-map li.list01 {
  background: #e32b43;
  border: solid 1px #e32b43;
  top: 25%;
  left: 10%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map li.list01 {
    top: 27%;
    left: 7%;
  }
}
#store-search .list-search-map li.list02 {
  background: #db5b81;
  border: solid 1px #db5b81;
  top: 9%;
  left: 40%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map li.list02 {
    left: 37%;
  }
}
#store-search .list-search-map li.list03 {
  background: #95b52f;
  border: solid 1px #95b52f;
  top: 25%;
  left: 71%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map li.list03 {
    top: 27%;
    left: 68%;
  }
}
#store-search .list-search-map li.list04 {
  background: #dead00;
  border: solid 1px #dead00;
  top: 46%;
  left: 40%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map li.list04 {
    left: 37%;
  }
}
#store-search .list-search-map li.list05 {
  background: #d98800;
  border: solid 1px #d98800;
  top: 65%;
  left: 10%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map li.list05 {
    left: 7%;
  }
}
#store-search .list-search-map li.list06 {
  background: #4fb070;
  border: solid 1px #4fb070;
  top: 81%;
  left: 40%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map li.list06 {
    left: 37%;
  }
}
#store-search .list-search-map li.list07 {
  background: #0084c4;
  border: solid 1px #0084c4;
  top: 65%;
  left: 71%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map li.list07 {
    left: 68%;
  }
}
#store-search .list-search-map input {
  display: none;
}
#store-search .list-search-map label {
  display: block;
  height: 32px;
  line-height: 32px;
  min-width: 120px;
  padding: 0 0 0 14px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px 0px #999;
  box-shadow: 0px 1px 3px 0px #999;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map label {
    min-width: 90px;
    padding: 0 0 0 18px;
    font-size: 12px;
  }
}
#store-search .list-search-map label:before {
  content: "";
  position: absolute;
  background: url(../images/kenmincard/check.png) no-repeat;
  width: 18px;
  height: 18px;
  background-position: left top;
  left: 5px;
  top: 7px;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map label:before {
    left: 2px;
    top: 7px;
  }
}
#store-search .list-search-map li input:checked + label:before {
  background-position: left bottom;
}
#store-search .list-search-map li.list05 label,
#store-search .list-search-map li.list07 label {
  min-width: 130px;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-search-map li.list05 label,
  #store-search .list-search-map li.list07 label {
    min-width: 95px;
  }
}
#store-search .list-search-map li div {
  width: 360px;
  background-color: #fff;
  position: absolute;
  left: -130px;
  z-index: 1;
  display: none;
}
@media only screen and (max-width: 640px) {
  #store-search .list-search-map li div {
    width: 240px;
    left: -68px;
  }
}
#store-search .list-search-map li div ul {
  padding: 10px;
}
#store-search .list-search-map li.list01 div ul {
  border: solid 4px #e32b43;
}
#store-search .list-search-map li.list02 div ul {
  border: solid 4px #db5b81;
}
#store-search .list-search-map li.list03 div ul {
  border: solid 4px #95b52f;
}
#store-search .list-search-map li.list04 div ul {
  border: solid 4px #dead00;
}
#store-search .list-search-map li.list05 div ul {
  border: solid 4px #d98800;
}
#store-search .list-search-map li.list06 div ul {
  border: solid 4px #4fb070;
}
#store-search .list-search-map li.list07 div {
  width: 250px;
  left: -60px;
}
#store-search .list-search-map li.list07 div ul {
  border: solid 4px #0084c4;
}
@media only screen and (max-width: 640px) {
  #store-search .list-search-map li.list01 div {
    left: -1px;
  }
  #store-search .list-search-map li.list03 div {
    left: -145px;
  }
  #store-search .list-search-map li.list05 div {
    left: -1px;
  }
  #store-search .list-search-map li.list07 div {
    left: -155px;
  }
}
#store-search .list-search-map li div .close-list {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ccc;
  text-align: center;
  font-size: 25px;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
}
#store-search .list-search-map li div ul li {
  width: 105px;
  color: #000;
  display: inline-block;
  position: relative;
}
#store-search .list-search-map li div ul li label {
  padding-left: 25px;
  text-align: left;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
}
#store-search .gps-search {
  margin: 10px auto 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 494px;
}
@media only screen and (max-width: 1000px) {
  #store-search .gps-search {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #store-search .gps-search {
    margin: 10px 0 15px 0;
  }
}
#store-search .gps-search input {
  display: none;
}
#store-search .gps-search label {
  margin-left: 8px;
  padding: 8px 12px 8px 35px;
  line-height: 1;
  color: #fff;
  background-color: #f2aba4;
  -webkit-box-shadow: 0px 1px 3px 0px #999;
  box-shadow: 0px 1px 3px 0px #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
#store-search .gps-search label:before {
  content: "";
  position: absolute;
  background: url(../images/kenmincard/check.png) no-repeat;
  width: 18px;
  height: 18px;
  background-position: left top;
  left: 8px;
  top: 11px;
}
#store-search .gps-search input:checked + label:before {
  background-position: left bottom;
}
#store-search .gps-search label span {
  width: 15px;
  margin-left: 8px;
  display: inline-block;
}
#store-search .gps-search label span img {
  width: 100%;
}
#store-search .gps-search .load-gps {
  width: 100%;
  margin-top: 5px;
  text-align: center;
  display: none;
}
#store-search .list-purpose li {
  padding: 0 0 0 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.6%;
  float: left;
  margin: 0 0 15px 0;
  font-size: 15px;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-purpose li {
    width: 33%;
    font-size: 13px;
  }
}
#store-search .list-purpose li.list04,
#store-search .list-purpose li.list05,
#store-search .list-purpose li.list09,
#store-search .list-purpose li.list10 {
  width: 25%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-purpose li.list04,
  #store-search .list-purpose li.list05,
  #store-search .list-purpose li.list09,
  #store-search .list-purpose li.list10 {
    width: 33%;
  }
}
#store-search .list-purpose li.list12 {
  width: 30%;
}
@media only screen and (max-width: 1000px) {
  #store-search .list-purpose li.list12 {
    width: 33%;
  }
}
#store-search .list-purpose input {
  display: none;
}
#store-search .list-purpose label {
  display: block;
  position: relative;
  padding: 0 0 0 22px;
  cursor: pointer;
}
#store-search .list-purpose li label:before {
  content: "";
  position: absolute;
  background: url(../images/kenmincard/check2.png) no-repeat;
  width: 16px;
  height: 16px;
  background-position: left top;
  left: 0;
  top: 3px;
}
#store-search .list-purpose li input:checked + label:before {
  background-position: left bottom;
}
#store-search .searchword {
  width: 90%;
}
#store-search input[type="text"],
#store-search input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
#store-search input[type="text"],
#store-search input[type="submit"] {
  cursor: pointer;
}
#store-search input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  color: inherit;
  font-family: inherit;
  font-size: 16px;
  margin: 0 auto 2em;
  padding: 0.75em;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #store-search input[type="text"] {
    margin: 0 auto 1em;
  }
}
@media only screen and (max-width: 640px) {
  #store-search input[type="text"] {
    padding: 0.5em 0.75em;
  }
}
#store-search input::-webkit-input-placeholder {
  color: #ccc;
  font-size: 18px;
  font-weight: normal;
}
#store-search input::-moz-placeholder {
  color: #ccc;
  font-size: 18px;
  font-weight: normal;
}
#store-search input:-ms-input-placeholder {
  color: #ccc;
  font-size: 18px;
  font-weight: normal;
}
#store-search input::-ms-input-placeholder {
  color: #ccc;
  font-size: 18px;
  font-weight: normal;
}
#store-search input::placeholder {
  color: #ccc;
  font-size: 18px;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  #store-search input::-webkit-input-placeholder {
    font-size: 1em;
  }
  #store-search input::-moz-placeholder {
    font-size: 1em;
  }
  #store-search input:-ms-input-placeholder {
    font-size: 1em;
  }
  #store-search input::-ms-input-placeholder {
    font-size: 1em;
  }
  #store-search input::placeholder {
    font-size: 1em;
  }
}
#store-search #searchsubmit {
  margin: auto;
  position: relative;
  width: 310px;
}
@media only screen and (max-width: 640px) {
  #store-search #searchsubmit {
    width: 90%;
    max-width: 310px;
  }
}
#store-search #searchsubmit input[type="submit"] {
  background-color: #1eaa38;
  border: 1px solid #1eaa38;
  border-radius: 30px;
  color: #fff;
  font-size: 18px;
  display: block;
  padding: 0.75em 0.5em 0.75em 2em;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
#store-search #searchsubmit input[type="submit"]:hover {
  background-color: #fff;
  color: #1eaa38;
}
@media only screen and (max-width: 640px) {
  #store-search #searchsubmit input[type="submit"] {
    font-size: 1.125em;
  }
}
#store-search #searchsubmit:before {
  content: "";
  position: absolute;
  background: url(../images/kenmincard/icon-search.png) no-repeat;
  width: 30px;
  height: 30px;
  background-position: center center;
  left: 15%;
  top: 0;
  bottom: 0;
  background-size: 30px 30px;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  #store-search #searchsubmit:before {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
  }
}
#store-search #searchsubmit:hover:before {
  background: url(../images/kenmincard/icon-search2.png) no-repeat;
  background-size: 30px 30px;
}
@media only screen and (max-width: 640px) {
  #store-search #searchsubmit:hover:before {
    background-size: 25px 25px;
  }
}
#store-pdflist .container {
  padding-top: 2em;
  padding-bottom: 3em;
}
#store-pdflist .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #store-pdflist .section-title .title .title {
    font-size: 2.2857142857em;
  }
}
#store-pdflist .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1em;
  width: 100%;
}
#store-pdflist .flex-contents li {
  margin: 1em 0.5em;
  width: calc(25% - 1em);
}
#store-pdflist .flex-contents a {
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-color: #fff;
  background-image: url(../images/kenmincard/icon-tool.png);
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #1eaa38;
  color: #1eaa38;
  display: block;
  font-size: 1.125em;
  font-weight: bold;
  padding: 1em 5px 1em 1em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
#store-pdflist .flex-contents a:hover {
  background-color: #ecf2e6;
}
@media only screen and (max-width: 1000px) {
  #store-pdflist .flex-contents li {
    margin: 1em 0.5em;
    width: calc(50% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #store-pdflist .section-title .title {
    font-size: 2.2857142857em;
  }
  #store-pdflist .flex-contents li {
    margin: 0.5em;
  }
  #store-pdflist .flex-contents a {
    background: none;
    background-color: #fff;
    padding: 1em 5px;
  }
}
#archive-store {
  padding: 1em 0;
}
#archive-store .pagination {
  border-top: none;
}
#archive-store h2 {
  font-size: 39px;
  color: #1eaa39;
  font-weight: bold;
  margin: 1em auto;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #archive-store h2 {
    font-size: 26px;
  }
}
#archive-store .list-post {
  overflow: hidden;
}
#archive-store .list-post > li {
  float: left;
  width: 49%;
  background-color: #faf9f1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 15px;
  margin: 0 0 2% 0;
}
@media only screen and (max-width: 640px) {
  #archive-store .list-post > li {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px 10px 10px;
  }
}
#archive-store .list-post > li:nth-child(odd) {
  margin: 0 2% 2% 0%;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #archive-store .list-post > li:nth-child(odd) {
    margin: 0 0 2% 0;
  }
}
#archive-store .list-post a.thumb-hov {
  color: #2c3941;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  text-decoration: none;
}
#archive-store .list-post .f-box {
  margin: 0 0 10px 0;
  min-height: 190px;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  #archive-store .list-post .f-box {
    margin: 0 0 6px 0;
    min-height: auto;
  }
}
#archive-store .list-post .thumbnail {
  border-radius: 10px;
  width: 43%;
  float: left;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  #archive-store .list-post .thumbnail {
    width: 28%;
    float: left;
  }
}
#archive-store .list-post .thumbnail img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#archive-store .list-post .store-info {
  float: right;
  width: 55%;
  margin: 0 0 0 2%;
}
@media only screen and (max-width: 1000px) {
  #archive-store .list-post .store-info {
    float: left;
    width: 65%;
  }
}
#archive-store .list-post .store-title {
  color: #2c3941;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  margin: auto;
}
@media only screen and (max-width: 1000px) {
  #archive-store .list-post .store-title {
    font-size: 16px;
  }
}
#archive-store .list-post .store-address {
  font-size: 14px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .list-post .store-address {
    font-size: 13px;
  }
}
#archive-store .store-catlist {
  font-size: 15px;
  margin: 0 0 15px 0;
  padding-left: 55px;
  font-weight: bold;
  min-height: 50px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist {
    font-size: 13px;
    margin: 0 0 3px 0;
    padding-left: 18%;
    background-position: left top 5px !important;
  }
}
#archive-store .store-catlist span {
  vertical-align: middle;
  display: inline-block;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist span {
    line-height: 20px;
  }
}
#archive-store .store-catlist.cat-01-eat {
  background: url(../images/kenmincard/store/icon01.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-01-eat {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-02-buy {
  background: url(../images/kenmincard/store/icon02.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-02-buy {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-03-sport {
  background: url(../images/kenmincard/store/icon03.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-03-sport {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-cat-04-health {
  background: url(../images/kenmincard/store/icon04.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-cat-04-health {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-05-culture {
  background: url(../images/kenmincard/store/icon05.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-05-culture {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-06-hoken {
  background: url(../images/kenmincard/store/icon06.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-06-hoken {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-07-onsen {
  background: url(../images/kenmincard/store/icon07.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-07-onsen {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-08-checkup {
  background: url(../images/kenmincard/store/icon08.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-08-checkup {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-09-play {
  background: url(../images/kenmincard/store/icon09.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-09-play {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-10-leisure {
  background: url(../images/kenmincard/store/icon10.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-10-leisure {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-11-other {
  background: url(../images/kenmincard/store/icon11.png) no-repeat left 5px top 5px;
  background-size: 35px 35px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-11-other {
    background-position: left center;
    background-size: 25px 25px;
  }
}
#archive-store .store-catlist.cat-12-vege-first {
  min-height: 72px;
  position: relative;
}
#archive-store .store-catlist.cat-12-vege-first:after {
  width: 35px;
  height: 35px;
  content: "";
  background: url(../images/kenmincard/store/icon12.png) no-repeat left top;
  background-size: 35px 35px;
  display: block;
  position: absolute;
  top: 48px;
  left: 5px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .store-catlist.cat-12-vege-first:after {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    top: 36px;
    left: 0%;
  }
}
#archive-store .dl-store-chara dt {
  background: #ec6d45;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 3px 0;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  #archive-store .dl-store-chara dt {
    font-size: 16px;
    padding: 2px 0;
  }
}
#archive-store .dl-store-chara dd {
  padding: 10px 0;
  font-size: 15px;
  line-height: 1.5em;
  min-height: 4em;
}
@media only screen and (max-width: 1000px) {
  #archive-store .dl-store-chara dd {
    padding: 5px 0;
    font-size: 13px;
    line-height: 1.6em;
  }
}
#archive-store .list-post .store-more-btn {
  text-align: center;
  margin: 20px auto 10px auto;
  border-radius: 4px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 230px;
  height: 55px;
}
@media only screen and (max-width: 1000px) {
  #archive-store .list-post .store-more-btn {
    margin: 15px auto 5px;
  }
}
#archive-store .list-post .store-more-btn a {
  background-color: #1eaa39;
  border: 1px solid #1eaa39;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: block;
  padding: 0.5em 0.5em 0.75em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  text-indent: -10px;
}
#archive-store .list-post .store-more-btn a:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 16px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}
#archive-store .list-post .store-more-btn a:hover {
  background-color: #fff;
  color: #1eaa39;
}
#archive-store .list-post .store-more-btn a:hover:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1eaa39;
}
#single-store .store-category {
  text-align: center;
  padding-top: 70px;
  margin-bottom: 50px;
}
#single-store .store-category .category {
  display: inline-block;
  font-size: 39px;
  color: #1eaa39;
  font-weight: bold;
  margin: 0 5px;
}
@media only screen and (max-width: 640px) {
  #single-store .store-category .category {
    font-size: 26px;
  }
}
#single-store .back-color {
  background-color: #faf9f1;
  border-radius: 20px;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#single-store .back-color .flex02 {
  margin-top: 25px;
}
#single-store .back-color .store-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#single-store .back-color .store-flex .text {
  width: 60%;
}
@media only screen and (max-width: 640px) {
  #single-store .back-color .store-flex .text {
    width: 100%;
  }
}
#single-store .back-color .store-flex .text .store-catlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#single-store .back-color .store-flex .text .store-catlist .catlist-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#single-store .back-color .store-flex .text .store-catlist .catlist-flex div {
  width: 50px;
  margin-right: 5px;
}
#single-store .back-color .store-flex .text .store-catlist .catlist-flex div img {
  border: none;
  margin: 0;
}
#single-store .back-color .store-flex .text .store-catlist .area-name {
  margin-left: 10px;
}
#single-store .back-color .store-flex .text .store-catlist .area-name .area {
  display: inline-block;
  margin: auto 10px auto auto;
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #single-store .back-color .store-flex .text .store-catlist .area-name .area {
    font-size: 13px;
  }
}
#single-store .back-color .store-flex .text .store-title {
  font-size: 30px;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0);
  margin: 20px 0;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  #single-store .back-color .store-flex .text .store-title {
    font-size: 18px;
  }
}
#single-store .back-color .store-flex .text .store-text {
  margin: auto;
}
#single-store .back-color .store-flex .text .tokuten {
  background-color: #ec6d45;
  color: #fff;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #single-store .back-color .store-flex .text .tokuten {
    font-size: 16px;
  }
}
#single-store .back-color .store-flex .text .tokuten p {
  margin: auto;
}
#single-store .back-color .store-flex .text .tokuten-text {
  font-size: 18px;
  font-weight: bold;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  #single-store .back-color .store-flex .text .tokuten-text {
    font-size: 13px;
  }
}
#single-store .back-color .store-flex .text .tokuten-cyui {
  margin: auto;
}
#single-store .back-color .store-flex .text .table-srore-single {
  border: none;
  margin-top: 20px;
  width: 100%;
}
#single-store .back-color .store-flex .text .table-srore-single tbody tr {
  border-bottom: 2px dotted #ccc;
}
#single-store .back-color .store-flex .text .table-srore-single tbody tr th {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  width: 100px;
}
#single-store .back-color .store-flex .text .table-srore-single tbody tr td {
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
#single-store .back-color .store-flex .img {
  width: 35%;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #single-store .back-color .store-flex .img {
    width: 100%;
    margin-top: 20px;
  }
}
#single-store .back-color .store-flex .img .thumbnail {
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
}
#single-store .back-color .store-flex .img .thumbnail img {
  border: none;
  margin: 0;
}
#single-store .back-color .store-flex .no-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}
#single-store .back-color .store-flex .map {
  width: 35%;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #single-store .back-color .store-flex .map {
    width: 100%;
    margin-top: 20px;
  }
}
#single-store .back-color .store-flex .map .ggmap {
  width: 100%;
  height: 300px;
  border-radius: 20px;
  overflow: hidden;
}
#single-store .list-back {
  margin-top: 4em;
}
#page-title-wrapper.kenminhealth:after {
  background-image: url(../images/kenmincard/background-health.jpg);
}
#kenmin-health-menu .container {
  padding-top: 4em;
  padding-bottom: 2em;
}
#kenmin-health-menu .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
#kenmin-health-menu .lead {
  margin-bottom: 3em;
  text-align: center;
}
#kenmin-health-menu h3 {
  border-top: 2px solid #1eaa38;
  border-bottom: 2px solid #1eaa38;
  color: #1eaa38;
  font-size: 1.875em;
  font-weight: bold;
  margin-bottom: 1.5em;
  padding: 0.5em 5px;
  text-align: center;
}
#kenmin-health-menu .health-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#kenmin-health-menu .health-menu-list .health-menu {
  background-color: #f3f8e9;
  border-radius: 10px;
  margin: 0 1em 2em;
  padding: 2em 1em 0;
  width: calc(50% - 2em);
}
#kenmin-health-menu .health-menu-list .flex-contents {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmin-health-menu .health-menu-list .thumbnail {
  background-image: url(../images/kenmincard/background-logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 85%;
  background-color: #cae08d;
  border-radius: 10px;
  height: 200px;
  padding: 1em;
  width: 48%;
}
#kenmin-health-menu .health-menu-list .thumbnail img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#kenmin-health-menu .health-menu-list .text-box {
  width: 48%;
}
#kenmin-health-menu .health-menu-list dl {
  margin-bottom: 10px;
}
#kenmin-health-menu .health-menu-list dt {
  background-color: #cae08d;
  border-radius: 10px;
  font-size: 0.875em;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0.25em;
  text-align: center;
}
#kenmin-health-menu .health-menu-list dd {
  font-size: 0.9375em;
}
#kenmin-health-menu .health-menu-list .kenmin-more-button-wrapper {
  padding: 1.5em 0 2em;
}
@media only screen and (max-width: 1000px) {
  #kenmin-health-menu .health-menu-list .thumbnail {
    background-size: 85% auto;
  }
}
@media screen and (max-width: 700px) {
  #kenmin-health-menu .health-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #kenmin-health-menu .health-menu-list .health-menu {
    background-color: #f3f8e9;
    border-radius: 10px;
    margin: 0 0.5em 2em;
    padding: 2em 1em 0;
    width: calc(50% - 1em);
  }
  #kenmin-health-menu .health-menu-list .flex-contents {
    display: block;
  }
  #kenmin-health-menu .health-menu-list .thumbnail {
    background-size: auto 85%;
    margin-bottom: 1.5em;
    width: 100%;
  }
  #kenmin-health-menu .health-menu-list .text-box {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #kenmin-health-menu .container {
    padding-top: 4em;
    padding-bottom: 2em;
  }
  #kenmin-health-menu .section-title .title {
    font-size: 2em;
  }
  #kenmin-health-menu .lead {
    text-align: left;
  }
  #kenmin-health-menu h3 {
    font-size: 1.625em;
  }
  #kenmin-health-menu .health-menu-list {
    display: block;
  }
  #kenmin-health-menu .health-menu-list .health-menu {
    margin: 0 0 2em;
    width: 100%;
  }
  #kenmin-health-menu .health-menu-list .thumbnail {
    height: 150px;
  }
}
#single-health-menu .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
#single-health-menu h2 {
  border-top: 2px solid #1eaa38;
  border-bottom: 2px solid #1eaa38;
  color: #1eaa38;
  font-size: 1.875em;
  font-weight: bold;
  margin-bottom: 1.5em;
  padding: 0.5em 5px;
  text-align: center;
}
#single-health-menu .post-health {
  background-color: #f3f8e9;
  border-radius: 10px;
  padding: 4em 2em 2em;
}
#single-health-menu .flex-contents {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2em;
}
#single-health-menu .thumbnail {
  background-image: url(../images/kenmincard/background-logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 85%;
  background-color: #cae08d;
  border-radius: 10px;
  height: 200px;
  padding: 1em;
  width: 49%;
}
#single-health-menu .thumbnail img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
#single-health-menu .text-box {
  width: 49%;
}
#single-health-menu .left-contents {
  width: 49%;
}
#single-health-menu .right-contents {
  width: 49%;
}
#single-health-menu .gaiyo-details {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 2em;
  padding: 1em;
}
#single-health-menu .gaiyo-details dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#single-health-menu .gaiyo-details dl dt {
  font-size: 1.125em;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  padding: 1.5em 5px;
  width: 18%;
}
#single-health-menu .gaiyo-details dl dd {
  margin-bottom: 0;
  width: 80%;
}
#single-health-menu dl.clear-basis dt {
  background-color: #4fafe1;
  color: #fff;
}
#single-health-menu dl.clear-basis p {
  margin-bottom: 2em;
}
#single-health-menu dl.clear-basis ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 3em;
  width: 100%;
}
#single-health-menu dl.clear-basis ul li {
  background-color: #4fafe1;
  color: #fff;
  font-weight: bold;
  margin: 0 1em;
  padding: 1.5em 10px;
  position: relative;
  z-index: 2;
}
#single-health-menu dl.clear-basis ul li:nth-child(1):after {
  content: "";
  display: block;
  background-image: url(../images/kenmincard/icon-health-plus.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1em;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1.5em;
  margin: auto;
  z-index: 1;
}
#single-health-menu dl.clear-basis ul li:nth-child(2):after {
  content: "";
  display: block;
  background-image: url(../images/kenmincard/icon-health-arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1em;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1.5em;
  margin: auto;
  z-index: 1;
}
#single-health-menu dt {
  background-color: #cae08d;
  border-radius: 10px;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.75em;
  padding: 0.25em;
  text-align: center;
}
#single-health-menu dd {
  font-size: 1.125em;
  margin-bottom: 1.8em;
}
#single-health-menu .kenmin-more-button {
  font-size: 0.875em;
  padding: 1em 0.5em;
}
#single-health-menu .kenmin-more-button:after {
  content: none;
}
#single-health-menu .kenmin-more-button-wrapper {
  margin: 1em auto;
}
@media only screen and (max-width: 640px) {
  #single-health-menu .container {
    padding-top: 4em;
    padding-bottom: 2em;
  }
  #single-health-menu h2 {
    font-size: 1.625em;
  }
  #single-health-menu .post-health {
    padding: 2em 1em 2em;
  }
  #single-health-menu .flex-contents {
    display: block;
  }
  #single-health-menu .thumbnail {
    height: 150px;
    margin-bottom: 1.5em;
    width: 100%;
  }
  #single-health-menu .text-box {
    width: 100%;
  }
  #single-health-menu .left-contents {
    width: 100%;
  }
  #single-health-menu .right-contents {
    width: 100%;
  }
  #single-health-menu .gaiyo-details dl {
    display: block;
  }
  #single-health-menu .gaiyo-details dl dt {
    margin-bottom: 1em;
    padding: 0.5em 5px;
    width: 100%;
  }
  #single-health-menu .gaiyo-details dl dd {
    width: 100%;
  }
  #single-health-menu dl.clear-basis ul {
    display: block;
    width: 100%;
  }
  #single-health-menu dl.clear-basis ul li {
    margin: 0 auto 2em;
    padding: 1.5em 10px;
  }
  #single-health-menu dl.clear-basis ul li:nth-child(1):after {
    height: 1em;
    top: auto;
    bottom: -1.5em;
    right: 0;
    left: 0;
  }
  #single-health-menu dl.clear-basis ul li:nth-child(2):after {
    height: 1em;
    top: auto;
    bottom: -1.5em;
    right: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.kenminpartner #page-title {
  background: none;
  background-color: #1eaa38;
}
.kenmintool #page-title {
  background: none;
  background-color: #1eaa38;
}
#page-title-wrapper.kenmincoop:after {
  background-position: top center;
  background-image: url(../images/kenmincard/background-coop.jpg);
}
#page-title-wrapper.kenmintool:after {
  background-image: none;
}
#page-title-wrapper.kenminpartner:after {
  background-image: none;
}
#kenmin-coop-hero {
  background-color: #f3f8e9;
}
#kenmin-coop-hero .container {
  padding-top: 2em;
  padding-bottom: 2em;
}
#kenmin-coop-hero h1 {
  margin: auto;
  width: 95%;
}
#kenmin-coop-hero img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #kenmin-coop-hero .container {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
#kenmin-coop-about .container {
  padding-top: 3em;
  padding-bottom: 1em;
}
@media only screen and (max-width: 640px) {
  #kenmin-coop-about .container {
    padding-top: 2em;
  }
}
#kenmin-coop-merit .container {
  padding-top: 3em;
  padding-bottom: 1em;
}
#kenmin-coop-merit .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
#kenmin-coop-merit li {
  background-color: #1eaa39;
  border: 1px solid #1eaa39;
  border-radius: 40px;
  margin-top: 1.5em;
  padding: 2em;
}
#kenmin-coop-merit li p {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 24px 24px;
  background-image: url(../images/kenmincard/icon-kenmin-coop-merit.png);
  color: #fff;
  padding-left: 36px;
}
@media only screen and (max-width: 640px) {
  #kenmin-coop-merit .section-title .title {
    font-size: 2.2857142857em;
  }
  #kenmin-coop-merit li {
    border-radius: 60px;
  }
}
#kenmin-flow-coop .container {
  padding-top: 3em;
  padding-bottom: 1em;
}
#kenmin-flow-coop .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
#kenmin-flow-coop h3 {
  color: #1eaa38;
  font-size: 1.375em;
  font-weight: bold;
  margin-bottom: 0.25em;
}
#kenmin-flow-coop dl {
  background-color: #fefdd4;
  border-radius: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.5em;
  padding: 3em 32% 3em 3em;
  position: relative;
}
#kenmin-flow-coop dl:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-top: 4px solid #1eaa39;
  border-right: 4px solid #1eaa39;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#kenmin-flow-coop dl dt {
  background-color: #1eaa39;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1;
  width: 70px;
  height: 70px;
}
#kenmin-flow-coop dl dd {
  width: calc(100% - 100px);
}
#kenmin-flow-coop .flow-coop-01 .illust {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10%;
  margin: auto;
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}
#kenmin-flow-coop .flow-coop-02 .illust {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7%;
  margin: auto;
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}
#kenmin-flow-coop .flow-coop-03:before {
  content: none;
}
#kenmin-flow-coop .flow-coop-03 .illust {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7%;
  margin: auto;
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 1000px) {
  #kenmin-flow-coop .flow-coop-02 .illust {
    max-height: 74px;
  }
  #kenmin-flow-coop .flow-coop-03 .illust {
    right: 5%;
    max-height: 74px;
  }
}
@media only screen and (max-width: 640px) {
  #kenmin-flow-coop .section-title .title {
    font-size: 2.2857142857em;
  }
  #kenmin-flow-coop dl {
    border-radius: 45px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5em 1.25em 2em;
  }
  #kenmin-flow-coop dl dt {
    font-size: 1.4285714286em;
    width: 40px;
    height: 40px;
  }
  #kenmin-flow-coop dl dd {
    width: calc(100% - 50px);
  }
  #kenmin-flow-coop dl dd p {
    margin-bottom: 1em;
  }
  #kenmin-flow-coop .flow-coop-01 dd p {
    margin-bottom: 2em;
  }
  #kenmin-flow-coop .flow-coop-01 .illust {
    position: static;
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
  }
  #kenmin-flow-coop .flow-coop-02 dd p {
    margin-bottom: 2em;
  }
  #kenmin-flow-coop .flow-coop-02 .illust {
    position: static;
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
  }
  #kenmin-flow-coop .flow-coop-03 dd p {
    margin-bottom: 2em;
  }
  #kenmin-flow-coop .flow-coop-03 .illust {
    position: static;
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
  }
}
#kenmin-coop-qa .container {
  padding-top: 2em;
  padding-bottom: 1em;
}
#kenmin-coop-qa .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
#kenmin-coop-qa dl {
  background-color: #f9fbef;
  border-radius: 10px;
  padding: 2em;
}
#kenmin-coop-qa dt {
  border-bottom: 1px solid #1eaa39;
  color: #1eaa38;
  font-size: 1.25em;
  font-weight: bold;
  position: relative;
  padding: 1em 0 1em 60px;
}
#kenmin-coop-qa dt span {
  background-color: #1eaa39;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#kenmin-coop-qa dd {
  position: relative;
  padding: 1em 0 2em 60px;
}
#kenmin-coop-qa dd span {
  background-color: #f29600;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 16px;
  left: 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-coop-qa .section-title .title {
    font-size: 2.2857142857em;
  }
  #kenmin-coop-qa dl {
    padding: 2em 1em;
  }
  #kenmin-coop-qa dt {
    padding: 1em 0 1em 45px;
  }
  #kenmin-coop-qa dt span {
    font-size: 20px;
    width: 34px;
    height: 34px;
  }
  #kenmin-coop-qa dd {
    padding: 1em 0 1em 45px;
  }
  #kenmin-coop-qa dd span {
    font-size: 20px;
    width: 34px;
    height: 34px;
  }
}
#kenmin-coop-request .container {
  padding-top: 3em;
  padding-bottom: 1em;
}
#kenmin-coop-request .section-title .title {
  color: #1eaa38;
  font-size: 2.5em;
  font-weight: bold;
}
#kenmin-coop-request .lead {
  text-align: center;
}
#kenmin-coop-request .button-coop-request {
  background-color: #ec6d45;
  border: 1px solid #ec6d45;
  border-radius: 50px;
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 2em 0.5em 2em 22%;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
#kenmin-coop-request .button-coop-request:after {
  background-image: url(../images/kenmincard/icon-tool-03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8%;
  margin: auto;
  width: 40px;
  height: 40px;
  z-index: 0;
}
#kenmin-coop-request .button-coop-request:hover {
  background-color: #fff;
  color: #ec6d45;
}
#kenmin-coop-request .button-coop-request:hover:after {
  background-image: url(../images/kenmincard/icon-tool-02.png);
}
#kenmin-coop-request .button-coop-request-wrapper {
  max-width: 350px;
  width: 100%;
  margin: auto;
  padding: 2em 0 3em;
}
@media only screen and (max-width: 640px) {
  #kenmin-coop-request .section-title .title {
    font-size: 2.2857142857em;
  }
  #kenmin-coop-request .lead {
    text-align: left;
  }
}
#kenmin-partner .container {
  padding-top: 3em;
  padding-bottom: 3em;
}
#kenmin-partner h2 {
  background-color: #1eaa39;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0.5em 0.5em 0.5em 30px;
  margin-bottom: 1em;
  position: relative;
}
#kenmin-partner h2:after {
  content: "";
  display: block;
  background-color: #fff;
  width: 4px;
  height: 60%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}
#kenmin-partner h3 {
  color: #1eaa39;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 5px;
}
#kenmin-partner p {
  margin-bottom: 2em;
}
#kenmin-partner ul {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2em;
  padding: 1em 2em;
}
#kenmin-partner ul li {
  margin: 0 1em 1em;
  width: calc(33.3333333333% - 2em);
}
#kenmin-partner ul a {
  color: inherit;
  display: block;
  text-decoration: none;
}
#kenmin-partner ul p {
  background-color: #f3f8e9;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
}
#kenmin-partner ul img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #kenmin-partner ul {
    padding: 1em;
  }
  #kenmin-partner ul li {
    margin: 0 0.5em 1em;
    width: calc(33.3333333333% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #kenmin-partner .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #kenmin-partner h2 {
    font-size: 1.4285714286em;
  }
  #kenmin-partner ul {
    display: block;
    padding: 2em;
  }
  #kenmin-partner ul li {
    margin: 0 0 1em;
    width: 100%;
  }
}
#kenmin-tool .container {
  padding-top: 3em;
  padding-bottom: 3em;
}
#kenmin-tool h2 {
  background-color: #1eaa39;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0.5em 0.5em 0.5em 30px;
  margin-bottom: 1em;
  position: relative;
}
#kenmin-tool h2:after {
  content: "";
  display: block;
  background-color: #fff;
  width: 4px;
  height: 60%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}
#kenmin-tool p {
  margin-bottom: 1.5em;
}
#kenmin-tool ul li {
  display: inline-block;
  margin: 0 1em 1.5em 0;
}
#kenmin-tool ul li:last-child {
  margin: 0 0 1.5em 0;
}
#kenmin-tool ul a {
  display: block;
}
@media only screen and (max-width: 640px) {
  #kenmin-tool .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #kenmin-tool h2 {
    font-size: 1.4285714286em;
  }
}
.kenminqa #page-title {
  background: none;
  background-color: #1eaa38;
}
#page-title-wrapper.kenminqa:after {
  background-image: none;
}
#app-chirashi .container {
  padding-top: 2em;
  padding-bottom: 2em;
}
#app-chirashi .flex-contents {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#app-chirashi a {
  display: block;
  margin: 0.5em;
  width: calc(25% - 1em);
}
#app-chirashi a img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #app-chirashi a {
    margin: 0.5em 0.4em;
    width: calc(50% - 0.8em);
  }
}
@media only screen and (max-width: 640px) {
  #app-chirashi .container {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
#app-dl {
  background-color: #ecf2e6;
}
#app-dl .container {
  max-width: 800px;
  padding-top: 4em;
  padding-bottom: 3em;
}
#app-dl .text-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 1em 2em 2em;
}
#app-dl h2 {
  max-width: 600px;
  margin: -3em auto 1.5em;
}
#app-dl h2 img {
  width: 100%;
}
#app-dl .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  width: 80%;
}
#app-dl .left-contents {
  width: 50%;
}
#app-dl .left-contents ul li {
  text-align: center;
}
#app-dl .left-contents ul li.dl-button {
  max-width: 200px;
  width: 70%;
  margin: auto auto 1.5em;
}
#app-dl .left-contents ul li.dl-button img {
  width: 100%;
}
#app-dl .right-contents {
  width: 50%;
}
#app-dl .right-contents ul li {
  text-align: center;
}
#app-dl .right-contents ul li.dl-button {
  max-width: 215px;
  width: 80%;
  margin: auto auto 1.5em;
}
#app-dl .right-contents ul li.dl-button img {
  width: 100%;
}
#app-dl .note-link {
  border: 2px solid #00a3b1;
  background-color: #00a3b1;
  border-radius: 20px;
  color: #fff;
  display: block;
  font-size: 0.9375em;
  font-weight: bold;
  margin: 2em auto 0;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  width: 350px;
}
#app-dl .note-link:hover {
  background-color: #fff;
  color: #00a3b1;
}
@media only screen and (max-width: 640px) {
  #app-dl .text-box {
    padding: 1em 0.5em 2em;
  }
  #app-dl h2 {
    margin: -2em auto 1.5em;
  }
  #app-dl .flex-contents {
    display: block;
    width: 100%;
  }
  #app-dl .left-contents {
    width: 100%;
    margin-bottom: 2em;
  }
  #app-dl .left-contents ul li.dl-button {
    max-width: 200px;
    width: 70%;
    margin: auto auto 1.5em;
  }
  #app-dl .right-contents {
    width: 100%;
  }
  #app-dl .right-contents ul li.dl-button {
    width: 100%;
    margin: auto auto 1em;
  }
  #app-dl .note-link {
    width: 90%;
  }
}
#app-movie .container {
  padding-top: 4em;
  padding-bottom: 2em;
}
#app-movie h2 {
  margin: auto auto 2em;
  max-width: 600px;
  width: 90%;
}
#app-movie h2 img {
  width: 100%;
}
#app-movie .flex-contents {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#app-movie a {
  color: inherit;
  text-decoration: none;
  margin: 0 0.5em 1em;
  width: calc(25% - 1em);
}
#app-movie a .img-box {
  margin-bottom: 10px;
  width: 100%;
}
#app-movie a .img-box img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #app-movie .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #app-movie a {
    width: calc(50% - 1em);
  }
}
#app-intro .container {
  padding-top: 2em;
  padding-bottom: 4em;
}
#app-intro h2 {
  margin: auto auto 2em;
  max-width: 400px;
  width: 90%;
}
#app-intro h2 img {
  width: 100%;
}
#app-intro #app-intro-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3em;
  font-weight: bold;
}
#app-intro #app-intro-nav .item {
  background-color: #fff;
  border: 2px solid #1eaa38;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 70px;
  text-align: center;
  width: calc(33.3333333333% - 1em);
  position: relative;
}
#app-intro #app-intro-nav .item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  right: 0;
  left: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  border-left: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-top: 2px solid #1eaa38;
  border-right: 2px solid #1eaa38;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  background: #fff;
}
#app-intro #app-intro-nav .item a {
  background-color: #fff;
  color: #1eaa38;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 70px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  width: 100%;
}
#app-intro #app-intro-nav .item:hover a {
  background-color: #1eaa38;
  border: 2px solid #1eaa38;
  color: #fff;
}
#app-intro #app-intro-nav .item:hover:after {
  background-color: #1eaa38;
}
#app-intro #app-intro-nav .item.now a {
  background-color: #1eaa38;
  border: 2px solid #1eaa38;
  color: #fff;
}
#app-intro #app-intro-nav .item.now:after {
  background-color: #1eaa38;
}
@media only screen and (max-width: 640px) {
  #app-intro #app-intro-nav .item {
    width: calc(33.3333333333% - 0.2em);
  }
  #app-intro #app-intro-nav span {
    font-size: 0.8571428571em;
  }
  #app-intro #app-intro-nav a {
    font-size: 0.8571428571em;
  }
}
#app-about {
  background-color: #fff;
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  padding: 2em;
}
#app-about .lead {
  margin-bottom: 2em;
}
#app-about .dl {
  background-color: #f2f2f2;
  border-radius: 10px;
  padding: 1.5em 2em;
}
#app-about .dl .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto auto 1em;
  width: 80%;
}
#app-about .dl .left-contents {
  width: 50%;
}
#app-about .dl .left-contents ul li {
  text-align: center;
}
#app-about .dl .left-contents ul li.dl-button {
  max-width: 200px;
  width: 70%;
  margin: auto auto 1.5em;
}
#app-about .dl .left-contents ul li.dl-button img {
  width: 100%;
}
#app-about .dl .right-contents {
  width: 50%;
}
#app-about .dl .right-contents ul li {
  text-align: center;
}
#app-about .dl .right-contents ul li.dl-button {
  max-width: 215px;
  width: 80%;
  margin: auto auto 1.5em;
}
#app-about .dl .right-contents ul li.dl-button img {
  width: 100%;
}
#app-about .text-box {
  margin-top: 2em;
}
#app-about .text-box h3 {
  background-color: #1eaa38;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0.5em 0.5em 0.5em 30px;
  margin-bottom: 1em;
  position: relative;
}
#app-about .text-box h3 small {
  font-size: 80%;
}
#app-about .text-box h3:after {
  content: "";
  display: block;
  background-color: #fff;
  width: 4px;
  height: 60%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}
#app-about .text-box h4 {
  color: #f2b50e;
  font-size: 1.25em;
  font-weight: bold;
  margin: 1em 0 0;
}
#app-about .text-box p {
  margin-top: 1em;
}
#app-about .text-box ul {
  margin-top: 0.5em;
}
#app-about .text-box ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#app-about .text-box ul ul {
  margin-bottom: 0.5em;
}
#app-about .text-box ul ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#app-about .text-box ol {
  margin-top: 0.5em;
}
#app-about .text-box .appinfo_table {
  display: table;
  margin: 1em 0 0;
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
  width: 100%;
}
#app-about .text-box .appinfo_table dl {
  display: table-row;
  width: 100%;
  margin: 0;
  border-top: 1px solid #ccc;
}
#app-about .text-box .appinfo_table dt {
  display: table-cell;
  width: 25%;
  height: 3.5rem;
  background-color: #ecf2e6;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
}
#app-about .text-box .appinfo_table dd {
  display: table-cell;
  width: 75%;
  height: 3.5rem;
  padding: 0.5em;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}
#app-about .img-box {
  margin: 1em auto 0;
  width: 90%;
}
#app-about .img-box img {
  width: 100%;
}
#app-about .rank .flex-contents {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
#app-about .rank .flex-contents li {
  margin: 0.5em;
  width: calc(20% - 1em);
}
#app-about .rank .flex-contents li img {
  width: 100%;
}
#app-about .rank .img-box {
  max-width: 300px;
  width: 95%;
}
#app-about .app-about-slider {
  margin: auto;
  width: 90%;
}
#app-about .app-about-slider img {
  width: 100%;
}
#app-about .app-about-slider-wrapper {
  background-color: #f2f2f2;
  border-radius: 10px;
  margin-top: 1.5em;
  padding: 1.5em 2em;
}
@media only screen and (max-width: 1000px) {
  #app-about .rank .flex-contents li {
    width: calc(33.3333333333% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #app-about {
    padding: 2em 1em;
  }
  #app-about .dl {
    padding: 1.5em 1em;
  }
  #app-about .dl .flex-contents {
    display: block;
    width: 100%;
  }
  #app-about .dl .left-contents {
    width: 100%;
    margin-bottom: 2em;
  }
  #app-about .dl .left-contents ul li.dl-button {
    width: 100%;
    margin: auto auto 1em;
  }
  #app-about .dl .right-contents {
    width: 100%;
  }
  #app-about .dl .right-contents ul li.dl-button {
    width: 100%;
    margin: auto auto 1em;
  }
  #app-about .rank .flex-contents li {
    width: calc(50% - 1em);
  }
  #app-about .app-about-slider {
    width: 75%;
  }
  #app-about .app-about-slider-wrapper {
    padding: 0.5em 1em;
  }
}
#app-qa {
  background-color: #fff;
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  padding: 0 2em 2em;
}
#app-qa h2.button-post-accordion {
  background-color: #ecf2e6;
  cursor: pointer;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0.5em 50px 0.5em 30px;
  margin: 1.5em 0 1em;
  position: relative;
  max-width: 100%;
  width: 100%;
}
#app-qa h2.button-post-accordion small {
  font-size: 80%;
}
#app-qa h2.button-post-accordion:before {
  content: "";
  display: block;
  background-color: #3b4043;
  width: 4px;
  height: 60%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}
#app-qa h2.button-post-accordion:after {
  content: "";
  display: block;
  border-top: 2px solid #3b4043;
  border-right: 2px solid #3b4043;
  width: 12px;
  height: 12px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 20px;
  margin: auto;
}
#app-qa h2.button-post-accordion.open:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media only screen and (max-width: 640px) {
  #app-qa h2.button-post-accordion {
    padding-right: 28px !important;
  }
  #app-qa h2.button-post-accordion:after {
    right: 10px;
  }
}
#app-qa .post-accordion-contents {
  display: none;
}
#app-qa .text-box p {
  margin-top: 1em;
}
#app-qa .text-box p:first-child {
  margin-top: 0;
}
#app-qa .text-box h3 {
  color: #f2b50e;
  font-size: 1.25em;
  font-weight: bold;
  margin: 1em 0 0;
}
#app-qa .text-box ul {
  margin-top: 0.5em;
}
#app-qa .text-box ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#app-qa .text-box ul ul {
  margin-bottom: 0.5em;
}
#app-qa .text-box ul ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#app-mission-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#app-mission-nav li {
  margin: 0 0.5em;
  width: calc(16.6666666667% - 1em);
}
#app-mission-nav li.on a {
  padding-bottom: 15px;
}
#app-mission-nav li:nth-child(1) a {
  background-color: #f29600;
}
#app-mission-nav li:nth-child(2) a {
  background-color: #6fb92c;
}
#app-mission-nav li:nth-child(3) a {
  background-color: #2ca6e0;
}
#app-mission-nav li:nth-child(4) a {
  background-color: #ec6d45;
}
#app-mission-nav li:nth-child(5) a {
  background-color: #cc99ca;
}
#app-mission-nav li:nth-child(6) a {
  background-color: #fcee21;
}
#app-mission-nav a {
  display: block;
  padding-top: 15px;
  padding-bottom: 5px;
}
#app-mission-nav a img {
  display: block;
  width: 80%;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  #app-mission-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #app-mission-nav li {
    margin: 0;
    width: 33.3333333333%;
  }
  #app-mission-nav li.on a {
    padding-bottom: 5px;
  }
}
#archive-missionlist {
  background-color: #fff;
  margin: auto 0.5em;
  padding: 1em 2em 2em;
  width: calc(100% - 1em);
}
#archive-missionlist.health {
  border-top: 10px solid #f29600;
}
#archive-missionlist.social {
  border-top: 10px solid #6fb92c;
}
#archive-missionlist.motion {
  border-top: 10px solid #2ca6e0;
}
#archive-missionlist.meal {
  border-top: 10px solid #ec6d45;
}
#archive-missionlist.chance {
  border-top: 10px solid #cc99ca;
}
#archive-missionlist.challenge {
  border-top: 10px solid #fcee21;
}
#archive-missionlist ul {
  border-bottom: 1px solid #ccc;
  padding: 2em 0;
  overflow: hidden;
}
#archive-missionlist ul .title {
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 2px;
}
#archive-missionlist ul .img {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  #archive-missionlist {
    margin: auto;
    padding: 1em 1em 2em;
    width: 100%;
  }
  #archive-missionlist.health {
    border-top: none;
    border-left: 8px solid #f29600;
  }
  #archive-missionlist.social {
    border-top: none;
    border-left: 8px solid #6fb92c;
  }
  #archive-missionlist.motion {
    border-top: none;
    border-left: 8px solid #2ca6e0;
  }
  #archive-missionlist.meal {
    border-top: none;
    border-left: 8px solid #ec6d45;
  }
  #archive-missionlist.chance {
    border-top: none;
    border-left: 8px solid #cc99ca;
  }
  #archive-missionlist.challenge {
    border-top: none;
    border-left: 8px solid #fcee21;
  }
}
#kentei-hero img {
  width: 100%;
}
#kentei-about .container {
  max-width: 800px;
  padding-top: 4em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 640px) {
  #kentei-about .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
#kentei-about h2 {
  width: 80%;
  max-width: 400px;
  margin: auto auto 1.5em;
}
#kentei-about h2 img {
  width: 100%;
}
#kentei-about h3 {
  margin: auto auto 1.5em;
}
#kentei-about h3 img {
  width: 100%;
}
#kentei-about p {
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #kentei-about p {
    text-align: left;
  }
}
#kentei-about .button {
  background-color: #1eaa39;
  border-radius: 50px;
  border: 2px solid #1eaa39;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  max-width: 300px;
  margin: 2em auto 0;
  padding: 1em 0.5em;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
#kentei-about .button:hover {
  background-color: #fff;
  color: #1eaa39;
}
@media only screen and (max-width: 640px) {
  #kentei-about .button {
    font-size: 1.1428571429em;
  }
}
#kentei-question {
  background-color: #e1eecd;
  padding: 1em 15px 4em;
  position: relative;
}
#kentei-question .question-wrapper {
  border-radius: 20px;
  border: 4px solid #1eaa39;
  background-color: #fff;
  max-width: 1000px;
  margin: auto;
  padding: 3em 2em;
}
@media only screen and (max-width: 640px) {
  #kentei-question .question-wrapper {
    padding: 1.5em 1em;
  }
}
#kentei-question dl {
  border-top: 1px solid #b3b3b3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 2.5em 0;
}
#kentei-question dl:first-child {
  border: none;
  padding-top: 0;
}
#kentei-question dl:last-child {
  border-bottom: 1px solid #b3b3b3;
}
@media only screen and (max-width: 640px) {
  #kentei-question dl {
    display: block;
    padding: 2em 0;
  }
}
#kentei-question dl dt {
  background-color: #1eaa39;
  border-radius: 8px;
  color: #fff;
  font-size: 1.375em;
  padding: 0.25em 0.5em;
  text-align: center;
  width: 80px;
}
@media only screen and (max-width: 640px) {
  #kentei-question dl dt {
    margin-bottom: 0.5em;
  }
}
#kentei-question dl dd {
  width: calc(100% - 80px);
  padding-left: 1.5em;
}
@media only screen and (max-width: 640px) {
  #kentei-question dl dd {
    width: 100%;
    padding-left: 0;
  }
}
#kentei-question dl dd .text {
  font-size: 1.25em;
}
#kentei-question dl dd .choicebtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#kentei-question dl dd .choices input[type="radio"] {
  display: none;
}
#kentei-question dl dd .choices input[type="radio"]:checked + label {
  background-color: #24b332;
  color: #fff;
}
#kentei-question dl dd .choices .label {
  cursor: pointer;
  background-color: #fff;
  color: #1eaa39;
  border-radius: 8px;
  border: 2px solid #1eaa39;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25em;
  text-align: left;
  text-decoration: none;
  margin: 1em 1em 0 0;
  padding: 0.5em;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
#kentei-question dl dd .choices .label:hover {
  background-color: #1eaa39;
  color: #fff;
}
#kentei-question input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
  background: #f29600;
  color: #fff;
  border-radius: 50px;
  border: 2px solid #f29600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 1em 1em 0 0;
  padding: 1em 0.5em;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  width: 100%;
  max-width: 300px;
  margin: 2em auto 0;
}
#kentei-question input[type="button"]:disabled {
  border: 2px solid #cdcdcd;
  background: #cdcdcd;
  color: #fff;
}
#kentei-question input[type="button"]:disabled:hover {
  border: 2px solid #cdcdcd;
  background: #cdcdcd;
  color: #fff;
}
#kentei-question input[type="button"]:hover {
  background: #fff;
  color: #f29600;
}
#kentei-question #check-counter {
  position: sticky;
  top: 2rem;
  background-color: #fff000;
  width: 170px;
  text-align: center;
  padding: 1.2em 0.5em;
  margin: 1em 0 1em auto;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  #kentei-question #check-counter {
    top: 0;
    width: 90%;
    padding: 0.75em 0.5em;
    margin: 1em auto 1.5em;
  }
}
#kentei-question #check-counter p {
  font-weight: 700;
  font-size: 1.5em;
}
#kentei-question #check-counter p .count {
  font-weight: bold;
  font-size: 120%;
}
#kentei-result {
  display: none;
  padding: 8em 15px 6em;
}
#kentei-result .container {
  max-width: 830px;
  padding: 0;
}
#kentei-result #result-board-wrapper {
  background-color: #1eaa39;
  border-radius: 20px;
  padding: 2.5em 2em 4em;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board-wrapper {
    padding: 2.5em 1em 2em;
  }
}
#kentei-result #result-board-wrapper:after {
  background-image: url(../images/kentei/icon-result-board.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  content: "";
  display: block;
  width: 400px;
  height: 138px;
  position: absolute;
  top: -86px;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board-wrapper:after {
    width: 80%;
  }
}
#kentei-result #result-board-wrapper .button {
  background-color: #f29600;
  border-radius: 50px;
  border: 2px solid #f29600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  max-width: 300px;
  margin: 2em auto 0;
  padding: 1em 0.5em;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
#kentei-result #result-board-wrapper .button:hover {
  background-color: #fff;
  color: #f29600;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board-wrapper .button {
    font-size: 1.1428571429em;
  }
}
#kentei-result #result-board {
  background-color: #fff8b0;
  border-radius: 20px;
  padding: 4em 2em;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board {
    padding: 2em 1em;
  }
}
#kentei-result #result-board .text {
  color: #ed1c24;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board .text {
    font-size: 2.1428571429em;
  }
}
#kentei-result #result-board #kentei-score-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: center;
  margin-bottom: 2em;
}
#kentei-result #result-board dt {
  font-size: 3.125em;
  border-bottom: 4px solid;
}
#kentei-result #result-board dt span {
  font-size: 150%;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board dt {
    font-size: 6vw;
  }
}
#kentei-result #result-board dd {
  font-size: 2.5em;
}
#kentei-result #result-board dd span {
  font-size: 120%;
  padding: 0 0.25em;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board dd {
    font-size: 6vw;
  }
}
#kentei-result #result-board .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board .flex-box {
    display: block;
  }
}
#kentei-result #result-board .img-box {
  width: 40%;
}
#kentei-result #result-board .img-box img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board .img-box {
    max-width: 180px;
    width: 80%;
    margin: auto auto 1em;
  }
}
#kentei-result #result-board .text-box {
  width: 60%;
  padding-left: 3em;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board .text-box {
    width: 100%;
    padding-left: 0;
  }
}
#kentei-result #result-board .comment01 {
  font-size: 2.25em;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #kentei-result #result-board .comment01 {
    font-size: 7vw;
  }
}
#kentei-result #result-board .comment02 {
  font-size: 1.25em;
  margin-top: 1em;
}
#kentei-result #commentary {
  display: none;
}
#kentei-result .commentary-list {
  border-radius: 20px;
  border: 4px solid #1eaa39;
  background-color: #fff;
  max-width: 830px;
  margin: 6em auto 0;
  padding: 3em 2em;
}
@media only screen and (max-width: 640px) {
  #kentei-result .commentary-list {
    margin: 3em auto 0;
    padding: 1.5em 1em;
  }
}
#kentei-result .commentary {
  border-top: 1px solid #b3b3b3;
  padding: 2.5em 0;
}
#kentei-result .commentary:first-child {
  border: none;
  padding-top: 0;
}
#kentei-result .commentary:last-child {
  border-bottom: 1px solid #b3b3b3;
}
@media only screen and (max-width: 640px) {
  #kentei-result .commentary {
    padding: 2em 0;
  }
}
#kentei-result .commentary .selsct_anser-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1em;
}
@media only screen and (max-width: 640px) {
  #kentei-result .commentary .selsct_anser-wrapper {
    display: block;
  }
}
#kentei-result .commentary .selsct_anser-wrapper dt {
  background-color: #1eaa39;
  border-radius: 8px;
  color: #fff;
  font-size: 1.375em;
  padding: 0.25em 0.5em;
  text-align: center;
  width: 80px;
}
@media only screen and (max-width: 640px) {
  #kentei-result .commentary .selsct_anser-wrapper dt {
    margin-bottom: 0.5em;
  }
}
#kentei-result .commentary .selsct_anser-wrapper dd {
  width: calc(100% - 80px);
  padding-left: 1.5em;
}
@media only screen and (max-width: 640px) {
  #kentei-result .commentary .selsct_anser-wrapper dd {
    width: 100%;
    padding-left: 0;
  }
}
#kentei-result .commentary .selsct_anser-wrapper dd .text {
  font-size: 1.25em;
}
#kentei-result .commentary .selsct_anser-wrapper dd .selsct_anser {
  display: inline-block;
  font-weight: bold;
}
#kentei-result .commentary .selsct_anser-wrapper dd .correct {
  color: #ed1c24;
}
#kentei-result .commentary .selsct_anser-wrapper dd .incorrect {
  color: #0071bc;
}
#kentei-result .commentary .anser-wrapper dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1em;
}
#kentei-result .commentary .anser-wrapper dl dt {
  background-color: #f29600;
  border-radius: 8px;
  color: #fff;
  font-size: 1.5em;
  padding: 0.25em 0.5em;
  text-align: center;
  width: 80px;
}
#kentei-result .commentary .anser-wrapper dl dd {
  width: calc(100% - 80px);
  padding-left: 1.5em;
}
#kentei-result .commentary .anser-wrapper dl dd .text {
  font-size: 1.25em;
}
#kentei-result .commentary .anser-wrapper .commentary-text {
  color: #f29600;
  font-size: 1.125em;
}

#vegetables-first-hero img {
  width: 100%;
}
#vegetables-first-hero .movie-bg {
  background-color: #000;
}
#vegetables-first-hero .movie-wrapper {
  max-width: 1280px;
  max-height: 500px;
  margin: auto;
  width: 100%;
  height: 100%;
}
#vegetables-first-hero .movie {
  position: relative;
  width: 100%;
}
#vegetables-first-hero .movie .movie-inner {
  padding-top: 39.05%;
}
@media only screen and (max-width: 640px) {
  #vegetables-first-hero .movie .movie-inner {
    padding-top: 56.25%;
  }
}
#vegetables-first-hero .movie .movie_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 500px;
}
#vegetables-first-hero .movie .movie_img iframe {
  width: 100%;
  height: 100%;
}
.vegetables-first-header .flex-contents .left-contents #vegetables-first-header-logo {
  margin: 0 auto 1em;
  max-width: 450px;
}
.vegetables-first-header .flex-contents .left-contents #global-nav ul li {
  padding: 0 0.5em;
}
.vegetables-first-header .flex-contents .left-contents #global-nav ul li a {
  font-size: 0.9em;
}
.vegetables-first-header .flex-contents .left-contents #global-nav ul li::after {
  height: 40px;
}
#vegetables-first-about-01 .container {
  max-width: 960px;
  padding-top: 4em;
  padding-bottom: 2em;
}
#vegetables-first-about-01 .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 3em;
}
#vegetables-first-about-01 .img-box {
  width: 39%;
}
#vegetables-first-about-01 .img-box img {
  display: block;
  max-width: 250px;
  margin: auto;
  width: 100%;
}
#vegetables-first-about-01 .text-box {
  width: 59%;
}
#vegetables-first-about-01 h2 {
  color: #e95239;
  font-size: 1.875em;
  font-weight: bold;
  margin: 0 auto 0.2em;
}
#vegetables-first-about-01 p {
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 0.6em;
}
#vegetables-first-about-01 li {
  margin-bottom: 0.6em;
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width: 1000px) {
  #vegetables-first-about-01 .flex-contents {
    padding: 2em 1.5em;
  }
  #vegetables-first-about-01 h2 {
    font-size: 1.5em;
    margin: 1em 0 0.6em;
  }
  #vegetables-first-about-01 p {
    font-size: 1.375em;
  }
}
@media only screen and (max-width: 640px) {
  #vegetables-first-about-01 .container {
    padding-top: 3em;
    padding-bottom: 1em;
  }
  #vegetables-first-about-01 .flex-contents {
    display: block;
    padding: 2em 1.25em;
  }
  #vegetables-first-about-01 .img-box {
    width: 100%;
  }
  #vegetables-first-about-01 .img-box img {
    display: block;
    max-width: 250px;
    margin: auto;
    width: 100%;
  }
  #vegetables-first-about-01 .text-box {
    width: 100%;
  }
  #vegetables-first-about-01 h2 {
    text-align: center;
  }
}
#vegetables-first-about-02 .container {
  padding-top: 2em;
  padding-bottom: 4em;
  max-width: 960px;
}
#vegetables-first-about-02 .box-wrapper {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 3em;
}
#vegetables-first-about-02 h2 {
  max-width: 646px;
  width: 100%;
  margin: 0 auto 3em;
}
#vegetables-first-about-02 h2 img {
  width: 100%;
}
#vegetables-first-about-02 .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#vegetables-first-about-02 .img-box {
  width: 26%;
}
#vegetables-first-about-02 .img-box img {
  width: 100%;
}
#vegetables-first-about-02 .text-box {
  width: 70%;
}
#vegetables-first-about-02 .heads-up {
  margin-top: 1em;
}
#vegetables-first-about-02 .heads-up ul {
  font-size: 0.875em;
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width: 1000px) {
  #vegetables-first-about-02 .box-wrapper {
    padding: 3em 2em;
  }
  #vegetables-first-about-02 .img-box {
    width: 30%;
  }
  #vegetables-first-about-02 .text-box {
    width: 64%;
  }
}
@media only screen and (max-width: 640px) {
  #vegetables-first-about-02 .container {
    padding-top: 2em;
    padding-bottom: 3em;
  }
  #vegetables-first-about-02 h2 {
    margin: 0 auto 2em;
  }
  #vegetables-first-about-02 .box-wrapper {
    padding: 2em 1.25em;
  }
  #vegetables-first-about-02 .flex-contents {
    display: block;
  }
  #vegetables-first-about-02 .img-box {
    width: 100%;
    margin-bottom: 2em;
  }
  #vegetables-first-about-02 .img-box img {
    display: block;
    max-width: 250px;
    margin: auto;
    width: 80%;
  }
  #vegetables-first-about-02 .text-box {
    width: 100%;
  }
}
#lets-vegetables-first .container {
  padding-top: 4em;
}
#lets-vegetables-first .container:nth-child(1) {
  padding-bottom: 0;
}

div#lets-vegetables-first div.container div.box-wrapper div.h2box {
  background: none;
}

#mymainback #main_body div#lets-vegetables-first div.container div.box-wrapper div.h2box h2 {
	margin: 0 auto 60px;
	background-color: transparent;
	padding: 0;
}

#lets-vegetables-first h2 {
  max-width: 560px;
  width: 100%;
  margin: 0 auto 3em;
}
#lets-vegetables-first h2 img {
  width: 100%;
}
#lets-vegetables-first .flex-contents {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  width: 100%;
  align-items: flex-start;
}
#lets-vegetables-first .flex-contents li {
  margin: 0 1em 2em;
  width: calc(33.3333333333% - 2em);
}
#lets-vegetables-first .flex-contents a {
  color: inherit;
  display: block;
  text-align: center;
  text-decoration: none;
}
#lets-vegetables-first .flex-contents img {
  width: 100%;
}
#lets-vegetables-first .flex-contents p {
  font-size: 0.9375em;
  font-weight: bold;
  margin-top: 0.5em;
}
#lets-vegetables-first .flex-contents p span {
  color: #1eaa38;
}
#lets-vegetables-first .button-comic-video {
  background-color: #f2b50e;
  border: 1px solid #f2b50e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 0.9375em;
  padding: 0.75em 0.5em;
  margin-top: 0.75em;
  position: relative;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
#lets-vegetables-first .button-comic-video:hover {
  background-color: #fff;
}
#lets-vegetables-first .supplement {
  text-align: right;
}
@media only screen and (max-width: 1000px) {
  #lets-vegetables-first .box-wrapper {
    padding: 3em 2em;
  }
  #lets-vegetables-first .flex-contents li {
    margin: 0 0.5em 2em;
    width: calc(33.3333333333% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #lets-vegetables-first .container {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  #lets-vegetables-first h2 {
    max-width: 380px;
    width: 95%;
    margin: 0 auto 2em;
  }
  #lets-vegetables-first .box-wrapper {
    padding: 0;
  }
  #lets-vegetables-first .flex-contents li {
    margin: 0 0.5em 2em;
    width: calc(50% - 1em);
  }
  #lets-vegetables-first .supplement {
    text-align: left;
    font-size: 90%;
  }
}
.lets-vegetables-first-modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99999;
}
.lets-vegetables-first-modal .modal_bg {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 1;
}
.lets-vegetables-first-modal .modal_content {
  background: #fff;
  padding: 2em;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  max-width: 500px;
  width: 85%;
}
.lets-vegetables-first-modal .modal_content img {
  width: 100%;
}
.lets-vegetables-first-modal .modal_content .js-modal-sp {
  display: none;
}
.lets-vegetables-first-modal .modal_content a {
  border: 1px solid #000;
  color: #000;
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 10px;
  width: 150px;
  margin: 2em auto 0;
}
.lets-vegetables-first-modal .modal_content a:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
@media only screen and (max-width: 640px) {
  .lets-vegetables-first-modal .modal_content {
    padding: 1em 1em 2em;
    max-width: 500px;
    overflow-y: scroll;
  }
  .lets-vegetables-first-modal .modal_content.ver_scroll {
    height: 90%;
  }
  .lets-vegetables-first-modal .modal_content img {
    width: 100%;
  }
  .lets-vegetables-first-modal .modal_content .js-modal-sp {
    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: 10px;
  }
  .lets-vegetables-first-modal .modal_content .js-modal-sp .js-modal-close-sp {
    margin: 0;
    max-width: 60px;
    width: 24.6%;
    padding: 11px 5px;
    font-size: 24px;
  }
  .lets-vegetables-first-modal .modal_content .js-modal-sp .modal-text {
    width: 75%;
  }
  .lets-vegetables-first-modal .modal_content a {
    padding: 5px;
  }
}
#vegetables-first-mission .container {
  padding-top: 4em;
  padding-bottom: 4em;
  max-width: 960px;
}
#vegetables-first-mission .box-wrapper {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 3em;
}
#vegetables-first-mission .mission-message {
  max-width: 450px;
  width: 100%;
  margin: 0 auto 2em;
}
#vegetables-first-mission .mission-message img {
  width: 100%;
}
#vegetables-first-mission .mission-logo {
  max-width: 200px;
  width: 100%;
  margin: 0 auto 2em;
}
#vegetables-first-mission .mission-logo img {
  width: 100%;
}
#vegetables-first-mission h2 {
  max-width: 550px;
  width: 100%;
  margin: 0 auto 2em;
}
#vegetables-first-mission h2 img {
  width: 100%;
}
#vegetables-first-mission .flex-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
#vegetables-first-mission .img-box {
  width: 26%;
}
#vegetables-first-mission .img-box img {
  width: 100%;
}
#vegetables-first-mission .text-box {
  width: 70%;
}
#vegetables-first-mission .text-box span {
  display: block;
  color: gray;
  font-size: 90%;
  margin-top: 0.5em;
}
#vegetables-first-mission .button-wrapper {
  max-width: 320px;
  margin: 2em auto 0;
}
#vegetables-first-mission .button-wrapper a {
  background-color: #3b4043;
  border: 1px solid #3b4043;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 1em 1.5em;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}
#vegetables-first-mission .button-wrapper a:after {
  content: "";
  display: block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 12px;
  height: 12px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 20px;
  margin: auto;
}
#vegetables-first-mission .button-wrapper a:hover {
  background-color: #fff;
  color: #3b4043;
}
#vegetables-first-mission .button-wrapper a:hover:after {
  border-top: 2px solid #3b4043;
  border-right: 2px solid #3b4043;
}
@media only screen and (max-width: 1000px) {
  #vegetables-first-mission .box-wrapper {
    padding: 3em 2em;
  }
  #vegetables-first-mission .img-box {
    width: 30%;
  }
  #vegetables-first-mission .text-box {
    width: 64%;
  }
  #vegetables-first-mission .button-wrapper {
    margin: 3em auto 0;
  }
}
@media only screen and (max-width: 640px) {
  #vegetables-first-mission .container {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  #vegetables-first-mission h2 {
    margin: 0 auto 2em;
  }
  #vegetables-first-mission .box-wrapper {
    padding: 2em 1em 3em;
  }
  #vegetables-first-mission .flex-contents {
    display: block;
  }
  #vegetables-first-mission .img-box {
    width: 100%;
    margin: 2em 0;
  }
  #vegetables-first-mission .img-box img {
    display: block;
    max-width: 250px;
    margin: auto;
    width: 80%;
  }
  #vegetables-first-mission .text-box {
    width: 100%;
  }
  #vegetables-first-mission .button-wrapper {
    margin: 2em auto 0;
  }
}
#vegetables-first-campaign .hero {
  background-color: #ffe33f;
}
#vegetables-first-campaign .hero .container {
  padding-top: 3em;
  padding-bottom: 3em;
}
#vegetables-first-campaign .hero img {
  width: 100%;
}
#vegetables-first-campaign .present {
  background-color: #946134;
}
#vegetables-first-campaign .present .container {
  padding-top: 3em;
  padding-bottom: 3em;
}
#vegetables-first-campaign .present img {
  width: 100%;
}
#vegetables-first-campaign .kikan .container {
  max-width: 960px;
  padding-top: 3em;
  padding-bottom: 3em;
}
#vegetables-first-campaign .kikan .text-box {
  background-image: url(../images/vegetables-first/campaign-07-pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  padding: 4.5em 2.5em 3em;
}
#vegetables-first-campaign .kikan .obokikan {
  text-align: center;
  font-size: 2.1875em;
  font-weight: bold;
  letter-spacing: -0.01em;
}
#vegetables-first-campaign .kikan .obokikan span {
  font-size: 25px;
}
#vegetables-first-campaign .kikan .obokikan .red {
  color: #dc4a2b;
}
#vegetables-first-campaign #instagram.method {
  position: relative;
  max-width: 960px;
  width: 95%;
  text-align: center;
  margin: 30px auto 50px;
  padding: 75px 0;
}
#vegetables-first-campaign #instagram.method:before {
  content: "";
  background-image: url(../images/vegetables-first/campaign-bg1.png);
  width: 100%;
  height: 13%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#vegetables-first-campaign #instagram.method:after {
  content: "";
  background-image: url(../images/vegetables-first/campaign-bg3.png);
  width: 100%;
  height: 6%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#vegetables-first-campaign #instagram .method_bg {
  background-image: url(../images/vegetables-first/campaign-bg2.jpg);
  background-repeat: repeat-y;
  background-size: contain;
}
#vegetables-first-campaign #instagram .method-flex {
  width: 95%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
#vegetables-first-campaign #instagram .left {
  width: 29.2%;
  margin: 15px;
}
#vegetables-first-campaign #instagram .left img {
  width: 100%;
  margin: auto;
}
#vegetables-first-campaign #instagram .right {
  width: 29.2%;
  margin: 15px;
}
#vegetables-first-campaign #instagram .right img {
  width: 100%;
  margin: auto;
}
#vegetables-first-campaign #instagram .text-box {
  width: 90%;
  margin: 25px auto 30px;
}
#vegetables-first-campaign #instagram .text-box .text {
  padding: 0;
  font-size: 20px;
  text-align: left;
  font-weight: bold;
}
#vegetables-first-campaign #instagram .question-wrapper {
  width: 90%;
  margin: auto;
  background-color: #fef8ef;
  padding: 40px 30px;
  position: relative;
}
#vegetables-first-campaign #instagram .question-title {
  position: relative;
}
#vegetables-first-campaign #instagram .question-title:before {
  content: "蝠城｡�";
  font-size: 30px;
  padding: 26px 20px;
  background-color: #e95239;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
#vegetables-first-campaign #instagram .question-title .text {
  padding-left: 120px;
  font-size: 20px;
  text-align: left;
  letter-spacing: -1px;
  font-weight: bold;
}
#vegetables-first-campaign #instagram .question-title span {
  font-size: 18px;
}
#vegetables-first-campaign #instagram .question .question-text {
  margin-top: 40px;
  padding-left: 80px;
  position: relative;
}
#vegetables-first-campaign #instagram .question .question-text.q1:before {
  content: "";
  background-image: url(../images/vegetables-first/question-01.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
#vegetables-first-campaign #instagram .question .question-text.q2:before {
  content: "";
  background-image: url(../images/vegetables-first/question-02.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
#vegetables-first-campaign #instagram .question .question-text .text {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}
#vegetables-first-campaign #instagram .question .question-text .answer {
  text-align: left;
  font-size: 24px;
  font-weight: bold;
}
#vegetables-first-campaign #instagram .question .question-text.q3:before {
  content: "";
  background-image: url(../images/vegetables-first/question-03.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
#vegetables-first-campaign #instagram .pos {
  position: absolute;
  width: 20%;
  bottom: 7%;
  right: 2%;
}
#vegetables-first-campaign #instagram .pos img {
  width: 100%;
}
#vegetables-first-campaign .shikaku .container {
  max-width: 960px;
  padding-top: 1em;
  padding-bottom: 1em;
}
#vegetables-first-campaign .shikaku .text-box {
  background-image: url(../images/vegetables-first/campaign-12-pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 4em 2.5em 3em;
}
#vegetables-first-campaign .shikaku .text {
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: -0.01em;
}
#vegetables-first-campaign .shikaku .text span {
  font-size: 25px;
}
#vegetables-first-campaign .shikaku .text .red {
  color: #dc4a2b;
}
#vegetables-first-campaign .contact .container {
  max-width: 960px;
  padding-top: 1em;
  padding-bottom: 4em;
}
#vegetables-first-campaign .contact .text-box {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  background-image: url(../images/vegetables-first/campaign-14-pc.png);
  padding: 4.25em 2.5em 3em;
}
#vegetables-first-campaign .contact .text {
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 1000px) {
  #vegetables-first-campaign .kikan .text-box {
    padding: 8vw 2.5em 3em;
  }
  #vegetables-first-campaign .kikan .obokikan {
    font-size: 3.2vw;
  }
  #vegetables-first-campaign .kikan .obokikan span {
    font-size: 90%;
  }
  #vegetables-first-campaign #instagram.method {
    position: relative;
    max-width: 960px;
    width: 95%;
    text-align: center;
    margin: 30px auto 50px;
    padding: 75px 0;
  }
  #vegetables-first-campaign #instagram.method:before {
    content: "";
    background-image: url(../images/vegetables-first/campaign-bg1-sp.png);
    width: 100%;
    height: 9%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  #vegetables-first-campaign #instagram.method:after {
    content: "";
    background-image: url(../images/vegetables-first/campaign-bg3-sp.png);
    width: 100%;
    height: 6%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  #vegetables-first-campaign #instagram .method_bg {
    background-image: url(../images/vegetables-first/campaign-bg2-sp.jpg);
    background-repeat: repeat-y;
    background-size: contain;
  }
  #vegetables-first-campaign #instagram .method-flex {
    width: 90%;
  }
  #vegetables-first-campaign #instagram .left {
    width: 47%;
    margin: auto;
  }
  #vegetables-first-campaign #instagram .right {
    width: 47%;
    margin: auto;
  }
  #vegetables-first-campaign #instagram .text-box {
    width: 85%;
    margin: 4vw auto 4.5vw;
  }
  #vegetables-first-campaign #instagram .text-box .text {
    font-size: 3.1vw;
  }
  #vegetables-first-campaign #instagram .question-wrapper {
    width: 90%;
    margin: auto;
    background-color: #fef8ef;
    padding: 40px 30px;
    position: relative;
  }
  #vegetables-first-campaign #instagram .question-title {
    position: relative;
  }
  #vegetables-first-campaign #instagram .question-title:before {
    font-size: 3.9vw;
    padding: 3.45vw 2.6vw;
  }
  #vegetables-first-campaign #instagram .question-title .text {
    font-size: 2.9vw;
    padding-left: 15.7vw;
    letter-spacing: -0.5px;
  }
  #vegetables-first-campaign #instagram .question-title span {
    font-size: 18px;
  }
  #vegetables-first-campaign #instagram .question .question-text {
    padding-left: 10vw;
    margin-top: 4vw;
  }
  #vegetables-first-campaign #instagram .question .question-text.q1:before {
    background-size: contain;
    width: 7.8vw;
    height: 7.8vw;
  }
  #vegetables-first-campaign #instagram .question .question-text.q2:before {
    background-size: contain;
    width: 7.8vw;
    height: 7.8vw;
  }
  #vegetables-first-campaign #instagram .question .question-text .text {
    font-size: 2.9vw;
  }
  #vegetables-first-campaign #instagram .question .question-text span {
    font-size: 2.6vw;
  }
  #vegetables-first-campaign #instagram .question .question-text .answer {
    font-size: 3.4vw;
  }
  #vegetables-first-campaign #instagram .question .question-text.q3:before {
    background-size: contain;
    width: 7.8vw;
    height: 7.8vw;
  }
  #vegetables-first-campaign #instagram .pos {
    position: static;
    width: 65.4%;
    margin: 2.6vw auto;
  }
  #vegetables-first-campaign #instagram .pos img {
    width: 100%;
  }
  #vegetables-first-campaign .shikaku .text-box {
    padding: 7vw 2.5em 2em;
  }
  #vegetables-first-campaign .shikaku .text {
    font-size: 2vw;
  }
  #vegetables-first-campaign .shikaku .text span {
    font-size: 1vw;
  }
  #vegetables-first-campaign .contact .text-box {
    padding: 7.5vw 2.5em 3em;
  }
  #vegetables-first-campaign .contact .text {
    font-size: 2vw;
  }
}
@media only screen and (max-width: 640px) {
  #vegetables-first-campaign .hero .container {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  #vegetables-first-campaign .present .container {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  #vegetables-first-campaign .kikan .container {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  #vegetables-first-campaign .kikan .text-box {
    background-image: url(../images/vegetables-first/campaign-07-sp.png);
    padding: 14vw 1em 2em;
  }
  #vegetables-first-campaign .kikan .obokikan {
    font-size: 3.8vw;
  }
  #vegetables-first-campaign .kikan .obokikan span {
    font-size: 90%;
  }
  #vegetables-first-campaign #instagram.method {
    position: relative;
    max-width: 960px;
    width: 95%;
    text-align: center;
    margin: 30px auto 50px;
    padding: 75px 0;
  }
  #vegetables-first-campaign #instagram.method:before {
    content: "";
    background-image: url(../images/vegetables-first/campaign-bg1-sp.png);
    width: 100%;
    height: 9%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  #vegetables-first-campaign #instagram.method:after {
    content: "";
    background-image: url(../images/vegetables-first/campaign-bg3-sp.png);
    width: 100%;
    height: 6%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  #vegetables-first-campaign #instagram .method_bg {
    background-image: url(../images/vegetables-first/campaign-bg2-sp.jpg);
    background-repeat: repeat-y;
    background-size: contain;
  }
  #vegetables-first-campaign #instagram .method-flex {
    width: 90%;
  }
  #vegetables-first-campaign #instagram .left {
    width: 47%;
    margin: auto;
  }
  #vegetables-first-campaign #instagram .right {
    width: 47%;
    margin: auto;
  }
  #vegetables-first-campaign #instagram .text-box {
    width: 85%;
    margin: 4vw auto 4.5vw;
  }
  #vegetables-first-campaign #instagram .text-box .text {
    font-size: 3.1vw;
  }
  #vegetables-first-campaign #instagram .question-wrapper {
    width: 90%;
    margin: auto;
    background-color: #fef8ef;
    padding: 40px 30px;
    position: relative;
  }
  #vegetables-first-campaign #instagram .question-title {
    position: relative;
  }
  #vegetables-first-campaign #instagram .question-title:before {
    font-size: 3.9vw;
    padding: 3.45vw 2.6vw;
  }
  #vegetables-first-campaign #instagram .question-title .text {
    font-size: 2.9vw;
    padding-left: 15.7vw;
    letter-spacing: -0.5px;
  }
  #vegetables-first-campaign #instagram .question-title span {
    font-size: 18px;
  }
  #vegetables-first-campaign #instagram .question .question-text {
    padding-left: 10vw;
    margin-top: 4vw;
  }
  #vegetables-first-campaign #instagram .question .question-text.q1:before {
    background-size: contain;
    width: 7.8vw;
    height: 7.8vw;
  }
  #vegetables-first-campaign #instagram .question .question-text.q2:before {
    background-size: contain;
    width: 7.8vw;
    height: 7.8vw;
  }
  #vegetables-first-campaign #instagram .question .question-text .text {
    font-size: 2.9vw;
  }
  #vegetables-first-campaign #instagram .question .question-text span {
    font-size: 2.6vw;
  }
  #vegetables-first-campaign #instagram .question .question-text .answer {
    font-size: 3.4vw;
  }
  #vegetables-first-campaign #instagram .question .question-text.q3:before {
    background-size: contain;
    width: 7.8vw;
    height: 7.8vw;
  }
  #vegetables-first-campaign #instagram .pos {
    position: static;
    width: 65.4%;
    margin: 2.6vw auto;
  }
  #vegetables-first-campaign #instagram .pos img {
    width: 100%;
  }
  #vegetables-first-campaign .shikaku .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  #vegetables-first-campaign .shikaku .text-box {
    background-image: url(../images/vegetables-first/campaign-12-sp.png);
    padding: 12vw 2.5em 2em;
  }
  #vegetables-first-campaign .shikaku .text {
    font-size: 3.5vw;
  }
  #vegetables-first-campaign .shikaku .text span {
    font-size: 1vw;
  }
  #vegetables-first-campaign .contact .container {
    padding-top: 1em;
    padding-bottom: 2em;
  }
  #vegetables-first-campaign .contact .text-box {
    background-image: url(../images/vegetables-first/campaign-14-sp.png);
    padding: 16.5vw 2.5em 3em;
  }
  #vegetables-first-campaign .contact .text {
    font-size: 3vw;
  }
}
#vegetables-first-tool .container {
  padding-top: 4em;
  padding-bottom: 4em;
  max-width: 960px;
}
#vegetables-first-tool .dl-logo {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 3em;
}
#vegetables-first-tool ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 90%;
  margin: auto;
  gap: 2em;
}
#vegetables-first-tool ul li {
  width: calc(50% - 1em);
}
#vegetables-first-tool a {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#vegetables-first-tool a:hover {
  opacity: 0.8;
}
#vegetables-first-tool img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #vegetables-first-tool ul {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #vegetables-first-tool .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #vegetables-first-tool .dl-logo {
    padding: 2em 1em 1em;
  }
  #vegetables-first-tool ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5em;
  }
  #vegetables-first-tool ul li {
    width: 100%;
  }
}
@-webkit-keyframes jump {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  50% {
    -webkit-transform: scale(0.95, 1.05) translate(0%, -3%);
    transform: scale(0.95, 1.05) translate(0%, -3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0%, 0%);
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes jump {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  50% {
    -webkit-transform: scale(0.95, 1.05) translate(0%, -3%);
    transform: scale(0.95, 1.05) translate(0%, -3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0%, 0%);
    transform: scale(1, 1) translate(0%, 0%);
  }
}
.jump {
  opacity: 0;
}
.jump.active {
  -webkit-animation: jump 0.5s;
  animation: jump 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fadein {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
#vege_quiz_cp .vege_quiz_bg_01 {
  background-color: #63a745;
}
#vege_quiz_cp #hero {
  background-image: url(../images/vege_quiz_cp/background_hero_pc.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 70px 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #hero {
    background-image: url(../images/vege_quiz_cp/background_hero_sp.jpg);
    padding: 30px 0;
  }
}
#vege_quiz_cp #hero h1 {
  max-width: 940px;
  width: 95%;
  margin: auto;
  position: relative;
}
#vege_quiz_cp #hero h1 img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #hero h1 {
    width: 75%;
  }
}
#vege_quiz_cp #cp_about {
  padding: 100px 0 30px;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  #vege_quiz_cp #cp_about {
    padding: 50px 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_about {
    padding: 50px 0 15px;
  }
}
#vege_quiz_cp #cp_about .container {
  width: 90%;
  padding: 0;
  margin: auto;
}
#vege_quiz_cp #cp_about .text-box p.lead {
  margin-bottom: 1.5rem;
  padding-right: 16%;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_about .text-box p.lead {
    padding-right: 0;
  }
}
#vege_quiz_cp #cp_about .text-box p.lead img {
  width: 100%;
}
#vege_quiz_cp #cp_about .text-box p.text {
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  padding-right: 16%;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_about .text-box p.text {
    font-size: 0.9375em;
    padding-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_about .text-box p.text.last {
    padding-right: 26%;
    padding-bottom: 18%;
  }
}
#vege_quiz_cp #cp_about .text-box p.text.last:after {
  background-image: url(../images/vege_quiz_cp/illust_01.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  width: 15%;
  height: 220px;
  margin: auto;
  bottom: 0;
  right: -2%;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_about .text-box p.text.last:after {
    background-position: center bottom;
    width: 25%;
    max-height: 120px;
  }
}
#vege_quiz_cp #cp_present {
  padding: 20px 0 40px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_present {
    padding: 15px 0 20px;
  }
}
#vege_quiz_cp #cp_present .container {
  width: 90%;
  padding: 0;
  margin: auto;
}
#vege_quiz_cp #cp_present .present_list {
  margin-bottom: 2rem;
}
#vege_quiz_cp #cp_present .present_list img {
  width: 100%;
}
#vege_quiz_cp #cp_present .present_text {
  text-align: center;
  color: #fff;
  font-size: 1.125em;
  margin-top: 1rem;
}
#vege_quiz_cp #cp_present .present_text span {
  display: inline-block;
  margin: 2%;
}
#vege_quiz_cp #cp_present .text-box dl {
  background-color: #fff;
  border-radius: 12px;
  padding: 1.5rem;
}
#vege_quiz_cp #cp_present .text-box dt {
  color: #63a745;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#vege_quiz_cp #cp_present .text-box dd {
  font-size: 0.9375em;
}
#vege_quiz_cp #cp_task {
  padding: 40px 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_task {
    padding: 20px 0;
  }
}
#vege_quiz_cp #cp_task .container {
  width: 90%;
  padding: 0;
  margin: auto;
}
#vege_quiz_cp #cp_task img {
  width: 100%;
}
#vege_quiz_cp #cp_quiz {
  background-color: #f5dd50;
  position: relative;
}
#vege_quiz_cp #cp_quiz:after {
  background-color: #63a745;
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
#vege_quiz_cp #cp_quiz .container {
  width: 90%;
  padding: 0;
  margin: auto;
  position: relative;
  z-index: 2;
}
#vege_quiz_cp #cp_quiz .quiz_group {
  background-color: #fff;
  border-radius: 12px;
  padding: 5%;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group {
    padding: 8% 5%;
  }
}
#vege_quiz_cp #cp_quiz .quiz_group h2 {
  background-color: #63a745;
  border-radius: 12px;
  padding: 3% 0;
  margin-bottom: 1.5rem;
}
#vege_quiz_cp #cp_quiz .quiz_group h2 img {
  display: block;
  margin: auto;
  max-width: 600px;
  width: 90%;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group h2 {
    padding: 5% 0;
    margin-bottom: 0.5rem;
  }
}
#vege_quiz_cp #cp_quiz .quiz_group .lead {
  color: #63a745;
  font-size: 2.875em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}
#vege_quiz_cp #cp_quiz .quiz_group .lead span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff00));
  background: linear-gradient(transparent 60%, #ffff00 60%);
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group .lead {
    font-size: 1.8571428571em;
    margin-bottom: 1rem;
  }
}
#vege_quiz_cp #cp_quiz .quiz_group .ex_text {
  font-size: 2.25em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1000px) {
  #vege_quiz_cp #cp_quiz .quiz_group .ex_text {
    text-align: left;
    padding-left: 2.25em;
    text-indent: -2.25em;
  }
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group .ex_text {
    font-size: 1.4285714286em;
    margin-bottom: 1rem;
  }
}
#vege_quiz_cp #cp_quiz .quiz_group .example-box {
  position: relative;
  padding-bottom: 5rem;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group .example-box {
    padding-bottom: 2rem;
  }
}
#vege_quiz_cp #cp_quiz .quiz_group .example-box:after {
  background-image: url(../images/vege_quiz_cp/line_01.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#vege_quiz_cp #cp_quiz .quiz_group .example-box p {
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1000px) {
  #vege_quiz_cp #cp_quiz .quiz_group .example-box p {
    padding-right: 36%;
  }
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group .example-box p {
    padding-right: 0;
    margin-bottom: 3rem;
  }
}
#vege_quiz_cp #cp_quiz .quiz_group .example-box .img-box {
  width: 70%;
  margin: auto;
}
#vege_quiz_cp #cp_quiz .quiz_group .example-box .img-box img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group .example-box .img-box {
    position: relative;
    width: 100%;
    margin: 0;
  }
  #vege_quiz_cp #cp_quiz .quiz_group .example-box .img-box img {
    display: block;
    width: 70%;
    margin-left: -10px;
  }
}
#vege_quiz_cp #cp_quiz .quiz_group .example-box .img-box .illust_01 {
  width: 35%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group .example-box .img-box .illust_01 {
    top: -30px;
    right: -10px;
    width: 50%;
  }
}
#vege_quiz_cp #cp_quiz .quiz_group .example-box .illust_02 {
  display: block;
  width: 80%;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz_group .example-box .illust_02 {
    width: 100%;
  }
}
#vege_quiz_cp #cp_quiz .quiz-box {
  margin-top: 5rem;
}
#vege_quiz_cp #cp_quiz .quiz-box.first {
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz-box {
    margin-top: 2rem;
  }
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-title {
  background-image: url(../images/vege_quiz_cp/background_q.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 2rem;
  padding: 20px;
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-title img {
  width: auto;
  height: 50px;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz-box .quiz-title {
    margin-bottom: 1rem;
  }
  #vege_quiz_cp #cp_quiz .quiz-box .quiz-title img {
    width: 100%;
    height: auto;
  }
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-img-box {
  width: 90%;
  height: auto;
  margin: auto;
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-img-box img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz-box .quiz-img-box {
    width: 100%;
  }
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-img-box svg .cls-1 {
  cursor: pointer;
  fill: rgba(255, 255, 255, 0);
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-img-box svg .cls-1.checked {
  stroke: red;
  stroke-miterlimit: 10;
  stroke-width: 6px;
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-img-box svg .cls-1:hover {
  stroke: red;
  stroke-miterlimit: 10;
  stroke-width: 6px;
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-img-box svg image {
  width: 100%;
  height: auto;
}
#vege_quiz_cp #cp_quiz .quiz-box .quiz-text {
  width: 90%;
  margin: 0.5rem auto 0;
  font-size: 1.125em;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .quiz-box .quiz-text {
    width: 100%;
    margin: 0 auto;
  }
}
#vege_quiz_cp #cp_quiz .tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80%;
  margin: auto;
  padding: 3rem 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .tips {
    width: 100%;
    padding: 1.5rem 0;
  }
}
#vege_quiz_cp #cp_quiz .tips img {
  width: 100%;
}
#vege_quiz_cp #cp_quiz .tips .img-box {
  width: 20%;
}
#vege_quiz_cp #cp_quiz .tips .comment-box {
  width: 80%;
}
#vege_quiz_cp #cp_quiz .check-the-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 70%;
  margin: auto;
  padding: 2rem 0 5rem;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_quiz .check-the-answer {
    width: 100%;
    padding: 1rem 0 3rem;
  }
}
#vege_quiz_cp #cp_quiz .check-the-answer img {
  width: 100%;
}
#vege_quiz_cp #cp_quiz .check-the-answer .img-box {
  width: 20%;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
#vege_quiz_cp #cp_quiz .check-the-answer .comment-box {
  width: 80%;
  padding-right: 2%;
}
#vege_quiz_cp #cp_quiz .check-the-answer .check-button-wrapper {
  width: 100%;
}
#vege_quiz_cp #cp_quiz .check-the-answer #check-button {
  cursor: pointer;
  max-width: 500px;
  width: 90%;
  margin: 3rem auto 0;
}
#vege_quiz_cp #cp_quiz .check-the-answer #check-button.disabled {
  pointer-events: none;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
#vege_quiz_cp #cp_result {
  display: none;
  padding: 5rem 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result {
    padding: 3rem 0;
  }
}
#vege_quiz_cp #cp_result .container {
  width: 90%;
  padding: 0;
  margin: auto;
}
#vege_quiz_cp #cp_result #result-board .text {
  background-color: #63a745;
  border-radius: 8px;
  color: #fff;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
  padding: 0.5em 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result #result-board .text {
    font-size: 2.1428571429em;
  }
}
#vege_quiz_cp #cp_result #result-board #cp-score-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: center;
  margin-bottom: 2em;
}
#vege_quiz_cp #cp_result #result-board dt {
  color: #dd5239;
  font-size: 3.125em;
  line-height: 1;
}
#vege_quiz_cp #cp_result #result-board dt span {
  font-size: 150%;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result #result-board dt {
    font-size: 6vw;
  }
}
#vege_quiz_cp #cp_result #result-board dd {
  font-size: 2.5em;
  line-height: 1;
}
#vege_quiz_cp #cp_result #result-board dd span {
  font-size: 120%;
  padding: 0 0.25em;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result #result-board dd {
    font-size: 6vw;
  }
}
#vege_quiz_cp #cp_result #result-board .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80%;
  margin: auto auto 3rem;
}
#vege_quiz_cp #cp_result #result-board .flex-box img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result #result-board .flex-box {
    width: 100%;
    margin: auto auto 2rem;
  }
}
#vege_quiz_cp #cp_result #result-board .img-box {
  width: 25%;
}
#vege_quiz_cp #cp_result #result-board .text-box {
  width: 75%;
}
#vege_quiz_cp #cp_result #result-board .comment01 {
  font-size: 2.25em;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result #result-board .comment01 {
    font-size: 7vw;
  }
}
#vege_quiz_cp #cp_result .result-button-menue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result .result-button-menue {
    display: block;
  }
}
#vege_quiz_cp #cp_result .result-button-menue div {
  width: calc(33.3333333333% - 2rem);
  margin: 0 1rem;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result .result-button-menue div {
    width: calc(50% - 2rem);
  }
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_result .result-button-menue div {
    width: 80%;
    margin: 1rem auto;
  }
}
#vege_quiz_cp #cp_result .result-button-menue img {
  width: 100%;
}
#vege_quiz_cp #cp_result .result-button-menue .retry-button {
  display: none;
}
#vege_quiz_cp #cp_result .result-button-menue .form-button {
  display: none;
}
#vege_quiz_cp #cp_result .result-button-menue .form-button span {
  display: block;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
  width: 100%;
}
#vege_quiz_cp #commentary {
  display: none;
  background-color: #a4d3e3;
  padding: 5rem 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #commentary {
    padding: 3rem 0;
  }
}
#vege_quiz_cp #commentary .container {
  background-color: #fff;
  border-radius: 12px;
  width: 90%;
  padding: 5%;
  margin: auto;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #commentary .container {
    padding: 8% 3%;
  }
}
#vege_quiz_cp #commentary .text {
  background-color: #a4d3e3;
  border-radius: 8px;
  color: #fff;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  padding: 0.5em 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #commentary .text {
    font-size: 2.1428571429em;
    margin-bottom: 1rem;
  }
}
#vege_quiz_cp #commentary .illust_01 {
  width: 90%;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #commentary .illust_01 {
    width: 100%;
  }
}
#vege_quiz_cp #commentary ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#vege_quiz_cp #commentary ul li {
  width: 33.3333333333%;
  border-bottom: 1px solid #000;
  margin: 0;
  padding: 2rem 1.5rem;
  position: relative;
}
#vege_quiz_cp #commentary ul li:after {
  background-color: #000;
  content: "";
  display: block;
  width: 1px;
  height: 80%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#vege_quiz_cp #commentary ul li:nth-child(3n + 1):after {
  content: none;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #commentary ul li {
    width: 50%;
    padding: 1rem 0.5rem;
  }
  #vege_quiz_cp #commentary ul li:nth-child(3n + 1):after {
    background-color: #000;
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  #vege_quiz_cp #commentary ul li:nth-child(2n + 1):after {
    content: none;
  }
}
#vege_quiz_cp #commentary ul img {
  width: 100%;
}
#vege_quiz_cp #commentary ul p {
  font-size: 0.9375em;
  margin-top: 0.5rem;
}
#vege_quiz_cp #commentary .illust_02 {
  width: 50%;
  margin: 0 auto;
  display: block;
  position: absolute;
  right: 5%;
  bottom: 5%;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #commentary .illust_02 {
    margin: 2rem auto 0;
    position: static;
    width: 100%;
  }
}
#vege_quiz_cp #announce {
  display: none;
  position: fixed;
  top: 22%;
  right: 1%;
  z-index: 15;
  width: 122px;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #announce {
    top: auto;
    bottom: 10%;
    width: 80px;
  }
}
#vege_quiz_cp #announce a {
  display: block;
}
#vege_quiz_cp #announce a img {
  width: 100%;
}
#vege_quiz_cp #cp_form {
  display: none;
  background-color: #fff8b0;
  padding: 5rem 0;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_form {
    padding: 3rem 0;
  }
}
#vege_quiz_cp #cp_form h2 {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
}
#vege_quiz_cp #cp_form h2 span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff00));
  background: linear-gradient(transparent 60%, #ffff00 60%);
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_form h2 {
    font-size: 1.5714285714em;
    margin-bottom: 1rem;
  }
}
#vege_quiz_cp #cp_form .container {
  background-color: #fff;
  border-radius: 12px;
  width: 90%;
  padding: 5%;
  margin: auto;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_form .container {
    padding: 8% 3%;
  }
}
#vege_quiz_cp #cp_form .lead {
  font-size: 1.125em;
  line-height: 2;
  text-align: center;
  margin-bottom: 2em;
  padding: 0 2rem;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_form .lead {
    font-size: 1em;
    padding: 0 10px;
    text-align: left;
  }
}
#vege_quiz_cp #cp_form .lead span {
  color: #dc3232;
}
#vege_quiz_cp #cp_form #campaign-rules {
  margin-bottom: 2.5em;
}
#vege_quiz_cp #cp_form #campaign-rules .container {
  border: 1px solid #4d4d4d;
  padding: 1em;
  width: 100%;
}
#vege_quiz_cp #cp_form #campaign-rules .scroll-area {
  height: 200px;
  overflow-y: scroll;
}
#vege_quiz_cp #cp_form #campaign-rules h3 {
  color: #dd5239;
  margin-top: 1em;
}
#vege_quiz_cp #cp_form #campaign-rules p {
  margin-top: 5px;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_form #campaign-rules {
    margin-bottom: 2em;
  }
  #vege_quiz_cp #cp_form #campaign-rules .container {
    margin: auto;
    padding: 1em 10px;
    width: 100%;
  }
}
#vege_quiz_cp #cp_form form {
  width: 90%;
  max-width: 800px;
  margin: auto;
}
#vege_quiz_cp #cp_form .input_points {
  display: none !important;
}
#vege_quiz_cp #cp_form .required {
  background-color: #dd5239;
  color: #fff;
  padding: 2px 5px;
  margin-left: 5px;
}
#vege_quiz_cp #cp_form .wpcf7-list-item {
  margin-left: 0;
  margin-right: 1em;
}
#vege_quiz_cp #cp_form .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#vege_quiz_cp #cp_form input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
#vege_quiz_cp #cp_form .form_personal input[type="text"] {
  border: 1px solid #000;
  font-size: 16px;
  padding: 5px;
  height: 30px;
}
#vege_quiz_cp #cp_form .form_personal input[type="email"] {
  border: 1px solid #000;
  font-size: 16px;
  padding: 5px;
  height: 30px;
}
#vege_quiz_cp #cp_form .form_personal dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
}
#vege_quiz_cp #cp_form .form_personal dl.input_text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#vege_quiz_cp #cp_form .form_personal dt,
#vege_quiz_cp #cp_form .form_personal dd {
  font-size: 1em;
  line-height: 1.6;
  padding: 0.75em 1em;
}
#vege_quiz_cp #cp_form .form_personal dt {
  padding-right: 0;
  width: 200px;
}
#vege_quiz_cp #cp_form .form_personal dd {
  width: calc(100% - 200px);
}
#vege_quiz_cp #cp_form .form_personal .zip .sub_text {
  padding-right: 5px;
}
#vege_quiz_cp #cp_form .form_personal .zip input[type="text"] {
  width: 180px;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_form .form_personal input[type="text"] {
    width: 100%;
  }
  #vege_quiz_cp #cp_form .form_personal input[type="email"] {
    width: 100%;
  }
  #vege_quiz_cp #cp_form .form_personal dl {
    display: block;
    margin-bottom: 0.8em;
  }
  #vege_quiz_cp #cp_form .form_personal dt,
  #vege_quiz_cp #cp_form .form_personal dd {
    font-size: 1.1428571429em;
    line-height: 1.6;
    padding: 4px 0;
  }
  #vege_quiz_cp #cp_form .form_personal dt {
    width: 100%;
  }
  #vege_quiz_cp #cp_form .form_personal dd {
    width: 100%;
  }
}
#vege_quiz_cp #cp_form .privacy-policy_check {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}
#vege_quiz_cp #cp_form .privacy-policy_check input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
#vege_quiz_cp #cp_form .privacy-policy_check .wpcf7-list-item {
  margin: 0;
}
#vege_quiz_cp #cp_form .privacy-policy_check .wpcf7-list-item label {
  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;
}
#vege_quiz_cp #cp_form .privacy-policy_check a {
  color: #2271b1;
  font-weight: bold;
}
#vege_quiz_cp #cp_form .privacy-policy_check a:hover {
  text-decoration: none;
}
#vege_quiz_cp #cp_form .send-button {
  width: 100%;
  max-width: 240px;
  margin: auto;
}
#vege_quiz_cp #cp_form .send-button input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  background-color: #dd5239;
  border: 1px solid #dd5239;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  padding: 0.75em 2em;
  width: 100%;
  height: auto;
  position: relative;
}
#vege_quiz_cp #cp_form .send-button input[type="submit"]:hover {
  background-color: #fff;
  color: #dd5239;
}
#vege_quiz_cp #cp_form .send-button input[type="submit"]:disabled {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #ccc;
}
#vege_quiz_cp #cp_form .send-button input[type="submit"]:disabled:hover {
  background-color: #fff;
  color: #ccc;
}
#vege_quiz_cp #cp_form .wpcf7 form .wpcf7-response-output {
  margin: 0 0.5em 1em;
}
@media only screen and (max-width: 640px) {
  #vege_quiz_cp #cp_form .lead {
    text-align: left;
    margin-bottom: 1em;
  }
  #vege_quiz_cp #cp_form .contactform dl {
    display: block;
    margin-bottom: 1em;
  }
  #vege_quiz_cp #cp_form .contactform dt,
  #vege_quiz_cp #cp_form .contactform dd {
    font-size: 1.125em;
    line-height: 1.6;
    padding: 0;
  }
  #vege_quiz_cp #cp_form .contactform dt {
    margin-bottom: 6px;
    width: 100%;
  }
  #vege_quiz_cp #cp_form .contactform dd {
    width: 100%;
  }
  #vege_quiz_cp #cp_form .contactform input {
    height: 40px;
  }
  #vege_quiz_cp #cp_form .contactform .privacy-policy_check {
    text-align: center;
    margin-bottom: 2em;
  }
}
#vege_insta_cp {
  background: #fff9f0;
  color: #000;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .nosp {
    display: none;
  }
}
#vege_insta_cp .nopc {
  display: none;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .nopc {
    display: block;
  }
}
#vege_insta_cp section {
  max-width: 890px;
  margin: 140px auto 170px;
  border: 20px solid #fff;
  background: #fff;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp section {
    margin: 70px auto 85px;
    border-width: 10px;
  }
}
#vege_insta_cp .container {
  width: 100%;
  padding: 40px 6.7415730337% 80px;
  background: #fff;
  border-radius: 20px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .container {
    padding: 20px 4% 40px;
    background-repeat: 10px;
  }
}
#vege_insta_cp img {
  width: 100%;
}
#vege_insta_cp .sec01 {
  background: #e95239;
  border-color: #e95239;
}
#vege_insta_cp .sec01 .kv {
  max-width: 600px;
  margin: 0 auto 60px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec01 .kv {
    margin-bottom: 40px;
  }
}
#vege_insta_cp .sec01 .title {
  font-size: 25px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec01 .title {
    font-size: 18px;
    margin-bottom: 30px;
    gap: 5px;
  }
}
#vege_insta_cp .sec01 .title::before,
#vege_insta_cp .sec01 .title::after {
  content: "";
  min-width: 60px;
  width: 60px;
  height: 60px;
  background-image: url(../images/vege_insta_cp/d01.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec01 .title::before,
  #vege_insta_cp .sec01 .title::after {
    min-width: 30px;
  }
}
#vege_insta_cp .sec01 .title::after {
  background-image: url(../images/vege_insta_cp/d02.svg);
}
#vege_insta_cp .sec01 .copy {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec01 .copy {
    font-size: 16px;
  }
}
#vege_insta_cp .flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .flow {
    gap: 30px;
  }
}
#vege_insta_cp .flow li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .flow li {
    gap: 5px;
  }
}
#vege_insta_cp .flow .flow__no {
  min-width: 62px;
  width: 62px;
  margin-top: 15px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .flow .flow__no {
    min-width: 40px;
  }
}
#vege_insta_cp .flow .flow__title {
  font-size: 30px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .flow .flow__title {
    font-size: 18px;
  }
}
#vege_insta_cp .flow .flow__title span {
  display: inline-block;
}
#vege_insta_cp .flow .flow__copy {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .flow .flow__copy {
    font-size: 15px;
  }
}
#vege_insta_cp .flow .flow__link {
  color: #85c21a;
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .flow .flow__link {
    font-size: 12px;
  }
}
#vege_insta_cp .present::before {
  content: "";
  width: 75px;
  height: 38px;
  background-image: url(../images/vege_insta_cp/d03.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 20px auto;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .present::before {
    width: 50px;
    height: 25px;
  }
}
#vege_insta_cp .present .present__title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .present .present__title {
    font-size: 18px;
  }
}
#vege_insta_cp .present .present__box {
  background: #000;
  border: 4px solid #000;
}
#vege_insta_cp .present .present__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #dadf00;
  padding: 15px;
  gap: 15px;
}
#vege_insta_cp .present .present__copy {
  font-size: 25px;
  font-weight: 500;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .present .present__copy {
    font-size: 16px;
  }
}
#vege_insta_cp .present .present__copy span {
  display: inline-block;
}
#vege_insta_cp .present .present__copy b {
  font-size: 1.08em;
  font-weight: bold;
}
#vege_insta_cp .present .present__img {
  min-width: 240px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#vege_insta_cp .present .present__more {
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .present .present__more {
    font-size: 16px;
  }
}
#vege_insta_cp .sec02 .img {
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec02 .img {
    margin-bottom: 30px;
  }
}
#vege_insta_cp .sec02 .title {
  color: #e95239;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec02 .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#vege_insta_cp .sec02 .title-g {
  color: #85c21a;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec02 .title-g {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#vege_insta_cp .sec02 .copy-more {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec02 .copy-more {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#vege_insta_cp .sec02 .copy-more::before {
  content: "";
  width: 94px;
  height: 47px;
  background-image: url(../images/vege_insta_cp/d04.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec02 .copy-more::before {
    width: 40px;
    height: 20px;
  }
}
#vege_insta_cp .sec02 .copy {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec02 .copy {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
#vege_insta_cp .sec02 .copy-c {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec02 .copy-c {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
#vege_insta_cp .sec02 .copy-end {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-top: 40px;
}
@media only screen and (max-width: 640px) {
  #vege_insta_cp .sec02 .copy-end {
    font-size: 16px;
    margin-top: 30px;
  }
}
#vege_insta_cp .sec02 .copy-end span {
  display: inline-block;
}
#virtualwalk2021 {
  background-color: #bbdcf4;
}
#virtualwalk2021 img {
  width: 100%;
}
#virtualwalk2021 .virtualwalk2021-title .pc {
  display: block !important;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .virtualwalk2021-title .pc {
    display: none !important;
  }
}
#virtualwalk2021 .virtualwalk2021-title .sp {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .virtualwalk2021-title .sp {
    display: block !important;
  }
}
#virtualwalk2021 .virtualwalk2021-contents {
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
}
#virtualwalk2021 .contents-title {
  background-color: #fff;
  font-size: 40px;
  font-weight: 700;
  color: #1eaa38;
  text-align: center;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .contents-title {
    font-size: 24px;
    line-height: 1.5;
    padding: 10px;
  }
}
#virtualwalk2021 .virtualwalk2021-sentens {
  max-width: 736px;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
}
#virtualwalk2021 .virtualwalk2021-sentens .pc {
  display: block !important;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .virtualwalk2021-sentens .pc {
    display: none !important;
  }
}
#virtualwalk2021 .virtualwalk2021-sentens .sp {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .virtualwalk2021-sentens .sp {
    display: block !important;
  }
}
#virtualwalk2021 .virtualwalk2021-present {
  max-width: 736px;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .virtualwalk2021-present {
    width: 92%;
    padding-bottom: 30px;
  }
}
#virtualwalk2021 .presentation {
  background-image: url(../images/kenmincard/virtualwalk2021/illust_back.png);
  background-repeat: repeat-y;
  background-size: contain;
  max-width: 982px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation {
    display: contents;
  }
}
#virtualwalk2021 .presentation .container {
  padding-top: 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container {
    padding-bottom: 15px;
  }
}
#virtualwalk2021 .presentation .container .textbox {
  max-width: 736px;
  width: 100%;
  margin: auto;
  background: #fff;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox {
    margin-bottom: 30px;
  }
}
#virtualwalk2021 .presentation .container .textbox .pc {
  width: 100%;
  padding-bottom: 20px;
}
#virtualwalk2021 .presentation .container .textbox .category_title_wrapper {
  padding: 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .category_title_wrapper {
    padding: 40px 20px 10px 20px;
  }
}
#virtualwalk2021 .presentation .container .textbox .category_title_wrapper .category_title {
  width: 100%;
  margin: 0 auto;
  border-radius: 25px;
  background-color: #1eaa38;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .category_title_wrapper .category_title {
    width: 100%;
    font-size: 20px;
  }
}
#virtualwalk2021 .presentation .container .textbox .ranking-flex {
  max-width: 680px;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .ranking-flex {
    padding: 10px;
  }
}
#virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container {
    display: block;
    text-align: center;
  }
}
#virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container img {
  max-width: 150px;
  height: 177px;
}
#virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container .ranking-list {
  width: 460px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container .ranking-list {
    width: 300px;
    margin: 0 auto;
  }
}
#virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container .ranking-list .team-name {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  border-bottom: solid 1px #000;
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container .ranking-list .team-name {
    font-size: 21px;
  }
}
#virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container .ranking-list .team-member {
  font-size: 19px;
  font-weight: bold;
  color: #000;
  padding: 10px;
  border-bottom: solid 1px #000;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container .ranking-list .team-member {
    font-size: 16px;
  }
}
#virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container .ranking-list .team-step {
  font-size: 19px;
  font-weight: bold;
  color: #000;
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .ranking-flex .ranking-container .ranking-list .team-step {
    font-size: 16px;
  }
}
#virtualwalk2021 .presentation .container .textbox .ranking-flex .circle {
  width: 150px;
  height: 150px;
  border-radius: 74px;
  background-color: #22ac38;
  text-align: center;
  line-height: 145px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .ranking-flex .circle {
    margin: 0 auto;
  }
}
#virtualwalk2021 .presentation .container .textbox .table_ippan {
  padding: 20px 50px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .table_ippan {
    padding: 10px;
  }
}
#virtualwalk2021 .presentation .container .textbox .text-thanks {
  text-align: center;
  font-size: 22px;
  color: #000;
  padding: 30px 0;
  margin: 15px 0;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .text-thanks {
    font-size: 19px;
    padding: 15px;
    margin-bottom: 0;
  }
}
#virtualwalk2021 .presentation .container .textbox .btn--orange-wrapper {
  text-align: center;
  padding: 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .btn--orange-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#virtualwalk2021 .presentation .container .textbox .btn--orange,
#virtualwalk2021 .presentation .container .textbox a.btn--orange {
  background-color: #fb9038;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  max-width: 640px;
  width: 100%;
  border-radius: 140px;
  margin: auto;
  cursor: pointer;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .btn--orange,
  #virtualwalk2021 .presentation .container .textbox a.btn--orange {
    font-size: 18px;
    width: 95%;
    border-radius: 70px;
  }
}
#virtualwalk2021 .presentation .container .textbox .effortaward_text {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  padding-top: 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .effortaward_text {
    font-size: 15px;
  }
}
#virtualwalk2021 .presentation .container .textbox .effortaward_list {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .effortaward_list {
    display: block;
  }
}
#virtualwalk2021 .presentation .container .textbox .effortaward_list .effortaward_menu {
  width: 44%;
  background-color: #f3f8e9;
  border-radius: 10px;
  margin: 0 1em 2em;
  padding: 2em 1em 1em;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .presentation .container .textbox .effortaward_list .effortaward_menu {
    width: 90%;
  }
}
#virtualwalk2021 .presentation .container .textbox .effortaward_list .text-box {
  width: 100%;
}
#virtualwalk2021 .presentation .container .textbox .effortaward_list dl {
  margin-bottom: 20px;
}
#virtualwalk2021 .presentation .container .textbox .effortaward_list dt {
  background-color: #22ac38;
  border-radius: 20px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
  padding: 0.25em;
  text-align: center;
}
#virtualwalk2021 .presentation .container .textbox .effortaward_list dd {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
}
#virtualwalk2021 .entry-title {
  background-color: #1eaa38;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .entry-title {
    font-size: 25px;
  }
}
#virtualwalk2021 #entry-method .entry-method-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container {
    max-width: 357px;
    width: 93%;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 5px;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox {
  max-width: 736px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .pc {
  display: block !important;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .pc {
    display: none !important;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .sp {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .sp {
    display: block !important;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method-appli {
  text-align: center;
  padding-top: 10px;
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method-appli img {
  max-width: 736px;
  width: 80%;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method-appli img {
    width: 100%;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method02-text {
  font-size: 23px;
  line-height: 2.5rem;
  padding-top: 10px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method02-text {
    font-size: 17px;
    line-height: 2rem;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox span {
  color: #e60012;
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method03-text {
  font-size: 23px;
  line-height: 2.5rem;
  padding-top: 10px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method03-text {
    font-size: 17px;
    line-height: 2rem;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .btn--green-wrapper {
  text-align: center;
  padding-top: 30px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .btn--green-wrapper {
    padding-top: 15px;
    margin-bottom: 15px;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .btn--green,
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox a.btn--green {
  background-color: #1eaa38;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  max-width: 530px;
  width: 100%;
  height: 60px;
  border-radius: 140px;
  margin-top: 30px;
  margin-bottom: 30px;
  cursor: pointer;
  text-decoration: none;
  padding: 0.5rem 2rem;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .btn--green,
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox a.btn--green {
    font-size: 16px;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod02-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod02-list {
    display: block;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod02-list .entrymethod02-container {
  margin: 10px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod02-list .entrymethod02-container {
    margin: 30px;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 21.7px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e60012;
  margin-top: 117px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .triangle {
    display: none;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 640px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod-flex-contents {
    display: block;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod-flex-contents .entrymethod-left-contents {
  width: 35%;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod-flex-contents .entrymethod-left-contents {
    width: 65%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod-flex-contents .entrymethod-right-contents {
  width: 35%;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entrymethod-flex-contents .entrymethod-right-contents {
    width: 65%;
    margin: 0 auto;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method04-text {
  max-width: 410px;
  width: 100%;
  font-size: 23px;
  line-height: 2.5rem;
  padding-right: 10px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method04-text {
    font-size: 17px;
    line-height: 2rem;
  }
}
#virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method04-img {
  max-width: 220px;
  width: 100%;
  padding-top: 10px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 #entry-method .entry-method-container .entry-method-textbox .entry-method04-img {
    max-width: 220px;
    width: 57%;
    margin: 0 auto;
    padding-top: 35px;
  }
}
#virtualwalk2021 .notes-contents {
  background-color: #ffed00;
  margin-bottom: 100px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .notes-contents {
    padding: 15px;
    margin-bottom: 50px;
  }
}
#virtualwalk2021 .notes-contents .win {
  max-width: 736px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .notes-contents .win {
    padding: 20px 0px;
  }
}
#virtualwalk2021 .notes-contents p {
  text-align: center;
  font-size: 33px;
  color: #000;
  font-weight: bold;
  padding: 40px 0px;
  line-height: 3.5rem;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .notes-contents p {
    font-size: 24px;
    line-height: 2.3rem;
  }
}
#virtualwalk2021 .notes-title {
  background-color: #ee7629;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .notes-title {
    font-size: 25px;
  }
}
#virtualwalk2021 .notes-text {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 10px;
  line-height: 1.7rem;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .notes-text {
    width: 91%;
    padding-top: 15px;
    padding-bottom: 2px;
  }
}
#virtualwalk2021 .entry-detail-area {
  background-color: #1eaa38;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .entry-detail-area {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
#virtualwalk2021 .entry-detail-area h3 {
  background: #fff;
  font-size: 35px;
  font-weight: 700;
  color: #1eaa38;
  text-align: center;
  line-height: 1.5;
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .entry-detail-area h3 {
    font-size: 22px;
  }
}
#virtualwalk2021 .entry-detail-area .start-contents-area {
  max-width: 736px;
  width: 100%;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .entry-detail-area .start-contents-area {
    width: 90%;
  }
}
#virtualwalk2021 .entry-detail-area .start-contents-area p {
  font-size: 20px;
  line-height: 1.6em;
  color: #fff;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .entry-detail-area .start-contents-area p {
    font-size: 15px;
  }
}
#virtualwalk2021 .entry-detail {
  max-width: 736px;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  border: 1px solid #fff;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .entry-detail {
    width: 90%;
  }
}
#virtualwalk2021 .entry-detail-title {
  background-color: #fff;
  color: #1eaa38;
  font-size: 25px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .entry-detail-title {
    font-size: 22px;
  }
}
#virtualwalk2021 .entry-detail-text {
  font-size: 20px;
  text-align: left;
  padding: 1.5rem;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021 .entry-detail-text {
    font-size: 17px;
  }
}
#virtualwalk2021-form .form-wrapper {
  background-color: #1eaa38;
}
#virtualwalk2021-form .form-wrapper .form {
  max-width: 736px;
  width: 100%;
  margin: 0 auto;
  line-height: 2rem;
  padding-top: 50px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021-form .form-wrapper .form {
    width: 93%;
    padding-top: 25px;
  }
}
#virtualwalk2021-form .form-wrapper .form-title {
  background-color: #fff;
  font-size: 30px;
  font-weight: 700;
  color: #1eaa38;
  text-align: center;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021-form .form-wrapper .form-title {
    font-size: 25px;
  }
}
#virtualwalk2021-form .form-wrapper .contact-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021-form .form-wrapper .contact-area {
    display: block;
    padding-bottom: 30px;
  }
}
#virtualwalk2021-form .form-wrapper .contact-title {
  max-width: 230px;
  width: 100%;
  font-size: 20px;
  color: #fff;
}
#virtualwalk2021-form .form-wrapper .hissu {
  color: #fff;
  font-size: 15px;
  background-color: #c1272d;
  padding: 1px 10px;
  margin-right: 20px;
}
#virtualwalk2021-form .form-wrapper input[type="text"],
#virtualwalk2021-form .form-wrapper input[type="email"],
#virtualwalk2021-form .form-wrapper input[type="tel"] {
  padding: 5px 5px;
  max-width: 220px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021-form .form-wrapper input[type="text"],
  #virtualwalk2021-form .form-wrapper input[type="email"],
  #virtualwalk2021-form .form-wrapper input[type="tel"] {
    width: 98%;
  }
}
#virtualwalk2021-form .form-wrapper input[type="number"]::-webkit-outer-spin-button,
#virtualwalk2021-form .form-wrapper input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#virtualwalk2021-form .form-wrapper .sub-contact-wrapper {
  border: 1px solid #fff;
  padding: 20px 20px 10px 20px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021-form .form-wrapper .sub-contact-wrapper {
    padding: 12px;
  }
}
#virtualwalk2021-form .form-wrapper select {
  padding: 6px;
  width: 84%;
  font-size: 14px;
}
#virtualwalk2021-form .form-wrapper .attention {
  color: #fff;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021-form .form-wrapper .attention {
    font-size: 17px;
  }
}
#virtualwalk2021-form .form-wrapper .sub-contact-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021-form .form-wrapper .sub-contact-area {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
#virtualwalk2021-form .form-wrapper .menu {
  width: 100%;
}
#virtualwalk2021-form .form-wrapper .menu input {
  display: none;
}
#virtualwalk2021-form .form-wrapper .menu label {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #1eaa38;
  line-height: 1;
  position: relative;
  margin: 0 0 10px;
  padding: 10px;
  background-color: #fff;
}
#virtualwalk2021-form .form-wrapper .menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
#virtualwalk2021-form .form-wrapper .menu li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s;
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
}
#virtualwalk2021-form .form-wrapper #menu_bar01:checked ~ #links01 li,
#virtualwalk2021-form .form-wrapper #menu_bar02:checked ~ #links02 li {
  height: auto;
  opacity: 1;
  background: #fff;
  padding: 10px 30px;
}
#virtualwalk2021-form .form-wrapper #menu_bar01:checked ~ #links01 li:last-child,
#virtualwalk2021-form .form-wrapper #menu_bar02:checked ~ #links02 li:last-child {
  margin-bottom: 20px;
}
#virtualwalk2021-form .form-wrapper .menu label:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: #1eaa38 2px solid;
  border-right: #1eaa38 2px solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}
#virtualwalk2021-form .form-wrapper .menu input[type="checkbox"]:checked + label:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin: auto;
}
#virtualwalk2021-form .button-wrapper {
  max-width: 330px;
  width: 100%;
  margin: 0 auto;
}
#virtualwalk2021-form input[type="submit"] {
  background-color: #fff100;
  color: #221815;
  font-size: 21px;
  font-weight: 700;
  max-width: 380px;
  width: 100%;
  height: 55px;
  border-radius: 30px;
  margin-top: 30px;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2021-form input[type="submit"] {
    font-size: 19px;
  }
}
#kenmin-appli-btn {
  background-color: #1eaa38;
  text-align: center;
}
#kenmin-appli-btn .btn--yellow-wrapper {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 60px;
}
#kenmin-appli-btn .btn--yellow,
#kenmin-appli-btn a.btn--yellow {
  background-color: #fff100;
  color: #221815;
  font-size: 21px;
  font-weight: 700;
  max-width: 530px;
  width: 100%;
  height: 60px;
  border-radius: 140px;
  margin-top: 30px;
  margin-bottom: 30px;
  cursor: pointer;
  text-decoration: none;
  padding: 0.5rem 2rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-appli-btn .btn--yellow,
  #kenmin-appli-btn a.btn--yellow {
    font-size: 19px;
  }
}
#virtualwalk2024 {
  background-color: #1eaa39;
}
#virtualwalk2024 img {
  width: 100%;
}
#virtualwalk2024 .max-width {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto;
}
#virtualwalk2024 .lead-wrapper {
  padding: 0 0 50px;
}
#virtualwalk2024 .lead .title {
  font-size: 47px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .lead .title {
    font-size: 26px;
    margin-bottom: 10px;
  }
}
#virtualwalk2024 .lead .sub {
  font-size: 24px;
  color: #000;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .lead .sub {
    font-size: 18px;
  }
}
#virtualwalk2024 .lead .sub .logo-img {
  height: 35px;
  width: 200px;
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .lead .sub .logo-img {
    width: 140px;
  }
}
#virtualwalk2024 .lead .sub .logo-img img {
  vertical-align: bottom;
}
#virtualwalk2024 .lead .sub .yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff000));
  background: linear-gradient(transparent 50%, #fff000 50%);
}
#virtualwalk2024 .day-wrapper {
  padding: 0 0 50px;
}
#virtualwalk2024 .info-wrapper {
  padding: 0 0 10px;
}
#virtualwalk2024 .info .none-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#virtualwalk2024 .entry-btn {
  text-align: center;
  max-width: 650px;
}
#virtualwalk2024 .entry-btn-wrapper {
  padding: 0 0 80px;
}
#virtualwalk2024 .entry-btn p {
  background-color: #fff;
  border-radius: 30px;
}
#virtualwalk2024 .entry-btn a {
  display: block;
  border-radius: 30px;
  max-width: 650px;
  margin: auto;
  text-align: center;
  background-color: #fff;
  color: #1eaa39;
  font-weight: bold;
  font-size: 28px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .entry-btn a {
    font-size: 20px;
  }
}
#virtualwalk2024 .entry-btn a:hover {
  opacity: 0.8;
}
#virtualwalk2024 .entry-btn a:hover::after {
  right: 10px;
}
#virtualwalk2024 .entry-btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  width: 12px;
  height: 12px;
  border: 2px solid;
  border-color: #1eaa39 #1eaa39 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#virtualwalk2024 .list-wrapper {
  padding: 50px 0;
  background-color: #fff;
}
#virtualwalk2024 .list h2 {
  text-align: center;
  background-color: #1eaa39;
  color: #fff;
  font-size: 34px;
  border-radius: 30px;
  margin: 50px auto 40px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .list h2 {
    font-size: 23px;
  }
}
#virtualwalk2024 .list .list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 100px;
}
#virtualwalk2024 .list .list-flex .box {
  width: calc(50% - 20px - 0.1px);
  margin: 0 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .list .list-flex .box {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#virtualwalk2024 .list .list-flex .box .photo {
  width: 45%;
}
#virtualwalk2024 .list .list-flex .box .text {
  width: 50%;
}
#virtualwalk2024 .list .coming {
  max-width: 500px;
  width: 70%;
  margin: 50px auto 110px;
}
#virtualwalk2024 .gaiyou-wrapper {
  padding: 50px 0;
}
#virtualwalk2024 .gaiyou .midashi {
  background-color: #fff;
}
#virtualwalk2024 .gaiyou .midashi h2 {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  padding: 10px;
  color: #1eaa39;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .gaiyou .midashi h2 {
    font-size: 23px;
  }
}
#virtualwalk2024 .gaiyou .area {
  padding: 50px 0;
  max-width: 650px;
}
#virtualwalk2024 .gaiyou .area p {
  color: #fff;
  text-indent: -1em;
  padding-left: 1em;
}
#virtualwalk2024 .gaiyou .area p.mb {
  margin-bottom: 30px;
}
#virtualwalk2024 .gaiyou .area h3 {
  background-color: #fff;
  color: #1eaa39;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .gaiyou .area h3 {
    font-size: 18px;
  }
}
#virtualwalk2024 .gaiyou .area .area-text {
  border: 1px solid #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#virtualwalk2024 .sec01 .contents__block {
  margin: 80px auto;
}
#virtualwalk2024 .sec01 .headline {
  padding-bottom: 1rem;
}
#virtualwalk2024 .sec01 .headline h2 {
  text-align: center;
  color: #fff;
  line-height: 1.6;
  font-size: clamp(1.375rem, 0.9349rem + 1.8779vw, 2.625rem);
  font-weight: bold;
}
#virtualwalk2024 .sec01 [class*="-box"] {
  background-color: #fff;
  padding: 2rem;
  border-radius: 15px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 [class*="-box"] {
    padding: 2rem 1rem;
  }
}
#virtualwalk2024 .sec01 [class*="-box"] p {
  font-size: clamp(0.875rem, 0.721rem + 0.6573vw, 1.3125rem);
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
#virtualwalk2024 .sec01 [class*="-box"] p span {
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
}
#virtualwalk2024 .sec01 [class*="-box"] .company__list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  place-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2rem 3rem;
  padding-top: 2rem;
}
@media only screen and (max-width: 1000px) {
  #virtualwalk2024 .sec01 [class*="-box"] .company__list {
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    -webkit-column-gap: _get_vw(48, 1000);
    -moz-column-gap: _get_vw(48, 1000);
    column-gap: _get_vw(48, 1000);
    row-gap: 32px;
    row-gap: _get_vw(32, 1000);
  }
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 [class*="-box"] .company__list {
    display: block;
    padding-top: 1rem;
  }
}
#virtualwalk2024 .sec01 [class*="-box"] .company__list-item {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 [class*="-box"] .company__list-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #virtualwalk2024 .sec01 [class*="-box"] .company__list-item + .company__list-item {
    padding-top: 1rem;
  }
}
#virtualwalk2024 .sec01 [class*="-box"] .company__list-item .logo {
  display: block;
  width: calc(100vw / (1000 / (var(--logo-w) * 0.5)));
  max-width: calc(var(--logo-w) * 0.5px);
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 [class*="-box"] .company__list-item .logo {
    width: calc(var(--logo-w) * 0.25px);
    max-width: inherit;
  }
}
#virtualwalk2024 .sec01 [class*="-box"] .company__list-item .logo img {
  width: 100%;
  height: auto;
}
#virtualwalk2024 .sec01 [class*="-box"] .company__list-item .name {
  font-size: 21px;
  font-weight: bold;
  margin-left: 1em;
}
@media only screen and (max-width: 1000px) {
  #virtualwalk2024 .sec01 [class*="-box"] .company__list-item .name {
    font-size: 21px;
    font-size: _get_vw(21, 1000);
  }
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 [class*="-box"] .company__list-item .name {
    font-size: 12px;
  }
}
#virtualwalk2024 .sec01 .promotion-company-box .company__list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  place-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2rem 3rem;
  padding-top: 2rem;
}
@media only screen and (max-width: 1000px) {
  #virtualwalk2024 .sec01 .promotion-company-box .company__list {
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    -webkit-column-gap: _get_vw(48, 1000);
    -moz-column-gap: _get_vw(48, 1000);
    column-gap: _get_vw(48, 1000);
    row-gap: 32px;
    row-gap: _get_vw(32, 1000);
  }
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 .promotion-company-box .company__list {
    display: block;
    padding-top: 1rem;
  }
}
#virtualwalk2024 .sec01 .promotion-company-box .company__list-item .logo {
  height: 85px;
  height: _get_vw(85, 1000);
  max-height: 85px;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 .promotion-company-box .company__list-item .logo {
    height: 50px;
    height: _get_vw(50, 375);
    max-height: inherit;
  }
}
#virtualwalk2024 .sec01 .promotion-company-box .company__list-item .logo img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
#virtualwalk2024 .sec01 [class*="-box"] .company__list-item .logo.docomo {
  --logo-w: 500;
  margin-left: 0.5em;
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 [class*="-box"] .company__list-item .logo.docomo {
    --logo-w: 670;
    margin-left: 0.2em;
  }
}
#virtualwalk2024 .sec01 .promotion-company-box .company__list-item .name {
  font-size: 16px;
}
@media only screen and (max-width: 1000px) {
  #virtualwalk2024 .sec01 .promotion-company-box .company__list-item .name {
    font-size: 16px;
    font-size: _get_vw(16, 1000);
  }
}
@media only screen and (max-width: 640px) {
  #virtualwalk2024 .sec01 .promotion-company-box .company__list-item .name {
    font-size: 12px;
  }
}
#nidaicampaign img {
  width: 100%;
}
#nidaicampaign .max-width {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto;
}
#nidaicampaign p {
  color: #595757;
}
#nidaicampaign .top-wrapper {
  background-color: #fff9bb;
}
#nidaicampaign .lead-wrapper {
  padding: 0 0 70px;
}
#nidaicampaign .lead .title {
  text-align: center;
  font-size: 36px;
  margin: 70px auto 30px;
  color: #595757;
  font-weight: bold;
  font-family: "Zen Maru Gothic";
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .lead .title {
    font-size: 18px;
    letter-spacing: -1px;
  }
}
#nidaicampaign .lead .sub {
  color: #595757;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  font-family: "Zen Maru Gothic";
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .lead .sub {
    font-size: 16px;
  }
}
#nidaicampaign .info-wrapper {
  background-color: #f2fcff;
  padding: 50px 0;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .info-wrapper {
    padding: 10px 0 50px;
  }
}
#nidaicampaign .info .img {
  margin: 50px auto;
  position: relative;
}
#nidaicampaign .info .img .map01 .map01-01::after {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  content: "";
  display: block;
  width: 40%;
  height: 15%;
  top: 44%;
  left: 3%;
  margin: auto;
  background-color: #fff;
  opacity: 0;
}
#nidaicampaign .info .img .map01 .map01-01:hover::after {
  opacity: 0.2;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .info .img .map01 .map01-01:hover::after {
    width: 75%;
    height: 6%;
    top: 27%;
    left: 12%;
  }
}
#nidaicampaign .info .img .map01 .map01-02::after {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  content: "";
  display: block;
  width: 40%;
  height: 15%;
  top: 44%;
  right: 3%;
  margin: auto;
  background-color: #fff;
  opacity: 0;
}
#nidaicampaign .info .img .map01 .map01-02:hover::after {
  opacity: 0.2;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .info .img .map01 .map01-02:hover::after {
    width: 75%;
    height: 6%;
    top: 63%;
    right: 12%;
  }
}
#nidaicampaign .gaiyou-wrapper {
  padding: 50px 0;
}
#nidaicampaign .gaiyou h2 {
  background-color: #1eaa39;
  color: #fff;
  font-size: 34px;
  text-align: center;
  padding: 10px;
  margin: 30px auto;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .gaiyou h2 {
    font-size: 23px;
  }
}
#nidaicampaign .gaiyou p {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 2em;
  font-family: "Zen Maru Gothic";
}
#nidaicampaign .gaiyou .h3 {
  text-align: center;
  font-family: "Zen Maru Gothic";
}
#nidaicampaign .gaiyou .h3 p {
  display: inline-block;
  background-color: #eb6d73;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
  text-indent: 0;
  margin-top: 30px;
  max-width: 800px;
  width: 90%;
  line-height: 1.5em;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .gaiyou .h3 p {
    font-size: 20px;
  }
}
#nidaicampaign .gaiyou .sub {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto 50px;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .gaiyou .sub {
    font-size: 13px;
  }
}
#nidaicampaign .gaiyou .entry-btn {
  text-align: center;
}
#nidaicampaign .gaiyou .entry-btn-wrapper {
  padding: 0 0 50px;
}
#nidaicampaign .gaiyou .entry-btn a {
  display: block;
  border-radius: 30px;
  max-width: 650px;
  margin: auto;
  text-align: center;
  background-color: #ed7628;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .gaiyou .entry-btn a {
    font-size: 20px;
  }
}
#nidaicampaign .gaiyou .entry-btn a:hover {
  opacity: 0.8;
}
#nidaicampaign .gaiyou .entry-btn a:hover::after {
  right: 10px;
}
#nidaicampaign .gaiyou .entry-btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  width: 12px;
  height: 12px;
  border: 2px solid;
  border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#nidaicampaign .info-end-wrapper {
  background-color: #ec752a;
  padding: 2rem 0;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .info-end-wrapper {
    padding: 1.5rem 0;
  }
}
#nidaicampaign .info-end .title {
  text-align: center;
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  font-family: "Zen Maru Gothic";
}
@media only screen and (max-width: 640px) {
  #nidaicampaign .info-end .title {
    font-size: 18px;
    letter-spacing: -1px;
  }
}
#nidaicampaign-form img {
  width: 100%;
}
#nidaicampaign-form .max-width {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto;
}
#nidaicampaign-form .max-width02 {
  width: calc(100% - 40px);
  max-width: 1150px;
  margin: 0 auto;
}
#nidaicampaign-form p {
  color: #595757;
}
#nidaicampaign-form .nidaiform-wrapper {
  background-color: #ebebeb;
  padding: 50px 0;
}
#nidaicampaign-form .nidaiform h2 {
  background-color: #1eaa39;
  color: #fff;
  font-size: 34px;
  text-align: center;
  margin: 30px auto;
  padding: 20px 0;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform h2 {
    font-size: 24px;
  }
}
#nidaicampaign-form .nidaiform .form-area {
  background-color: #fff;
  padding: 50px 20px;
  border-radius: 15px;
}
#nidaicampaign-form .nidaiform .form-area .wpcf7 {
  max-width: 1000px;
  margin: auto;
}
#nidaicampaign-form .nidaiform .form-area input {
  font-size: 16px;
  padding: 0 0.5em;
}
#nidaicampaign-form .nidaiform .form-area .text01 {
  color: #eb6d73;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area .text01 {
    font-size: 18px;
  }
}
#nidaicampaign-form .nidaiform .form-area .radio-btn span {
  font-size: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area .radio-btn span {
    font-size: 16px;
  }
}
#nidaicampaign-form .nidaiform .form-area .radio-btn input[type="radio"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#nidaicampaign-form .nidaiform .form-area .radio-btn span.wpcf7-list-item {
  display: block;
  margin: 10px;
}
#nidaicampaign-form .nidaiform .form-area .radio-btn span.wpcf7-list-item-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area .radio-btn span.wpcf7-list-item-label {
    padding-left: 30px;
  }
}
#nidaicampaign-form .nidaiform .form-area .radio-btn span.wpcf7-list-item-label::before {
  display: block;
  content: "";
  border: 1px solid #b1b1b2;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area .radio-btn span.wpcf7-list-item-label::before {
    width: 20px;
    height: 20px;
    left: 0;
    position: absolute;
  }
}
#nidaicampaign-form .nidaiform .form-area .radio-btn span.wpcf7-list-item-label::after {
  display: block;
  position: absolute;
  content: "";
  width: 24px;
  height: 26px;
  background-image: url(../images/nidaicampaign/check.svg);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  background-size: contain;
  background-repeat: no-repeat;
  left: 4px;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area .radio-btn span.wpcf7-list-item-label::after {
    width: 20px;
    height: 22px;
  }
}
#nidaicampaign-form .nidaiform .form-area .radio-btn input[type="radio"]:checked + span.wpcf7-list-item-label::after {
  display: block;
}
#nidaicampaign-form .nidaiform .form-area .input_text {
  margin: 30px auto;
}
#nidaicampaign-form .nidaiform .form-area .input_text dt .required {
  font-size: 13px;
  color: #fff;
  background-color: #eb6d73;
  border-radius: 5px;
  padding: 1px 10px;
  margin-right: 10px;
}
#nidaicampaign-form .nidaiform .form-area .input_text dd input {
  width: 100%;
  margin-top: 10px;
  line-height: 2em;
}
#nidaicampaign-form .nidaiform .form-area .input_text .logo-file {
  margin-bottom: 10px;
}
#nidaicampaign-form .nidaiform .form-area .codedropz-upload-inner h3 {
  line-height: normal;
  font-size: inherit;
  margin: 0;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area .codedropz-upload-inner h3 {
    font-size: 14px;
  }
}
#nidaicampaign-form .nidaiform .form-area .area-policy {
  height: 500px;
  overflow-y: scroll;
  border: 1px solid #b1b1b2;
  padding: 20px;
}
#nidaicampaign-form .nidaiform .form-area .area-policy h3 {
  color: #1eaa39;
  font-size: 24px;
  margin: 15px auto 10px;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area .area-policy h3 {
    font-size: 18px;
  }
}
#nidaicampaign-form .nidaiform .form-area .acceptance-wrapper {
  text-align: center;
  margin: 20px auto;
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area .acceptance-wrapper {
    font-size: 14px;
  }
}
#nidaicampaign-form .nidaiform .form-area input[type="submit"] {
  display: block;
  border-radius: 30px;
  max-width: 650px;
  margin: 50px auto;
  text-align: center;
  background-color: #eb6d73;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
  width: 90%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media only screen and (max-width: 640px) {
  #nidaicampaign-form .nidaiform .form-area input[type="submit"] {
    font-size: 20px;
  }
}
#nidaicampaign-form .nidaiform .form-area input[type="submit"]:hover {
  opacity: 0.8;
}
#kenmin-life .anchor {
  display: block;
  padding-top: -2rem;
  margin-top: -2rem;
}
#kenmin-life .bc {
  background-color: #fff8b0;
}
#kenmin-life .button {
  background-color: #5bb431;
  border-radius: 50px;
  color: #fff;
  display: block;
  font-size: 1.5em;
  line-height: 1.2;
  padding: 0.75em 50px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
#kenmin-life .button-wrapper {
  max-width: 490px;
  margin: 2rem auto 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-life .button-wrapper {
    padding: 0 10px;
    margin: 2rem auto 0;
  }
}
@media only screen and (max-width: 640px) {
  #kenmin-life .button {
    font-size: 1.1428571429em;
    padding: 0.75em 30px;
  }
}
#kenmin-life .button::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 640px) {
  #kenmin-life .button::before {
    width: 10px;
    height: 10px;
  }
}
#kenmin-life .headline {
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
  z-index: 2;
}
#kenmin-life .headline h2.title {
  font-size: 1.875em;
  font-weight: 700;
  display: inline-block;
  padding: 0 37px 5px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #kenmin-life .headline h2.title {
    font-size: 1.375em;
  }
}
#kenmin-life .headline h3.title {
  font-size: 2em;
  font-weight: 700;
  display: block;
  text-align: left;
  position: relative;
}
#kenmin-life .headline h4.title {
  font-size: 2em;
  font-weight: 700;
  display: inline-block;
  text-align: left;
  position: relative;
}
#kenmin-life .headline .underline {
  width: 100%;
  height: 27px;
  display: inline-block;
  background: #fff000;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-life .headline .underline {
    bottom: auto;
  }
}
#kenmin-life .headline .underline::before,
#kenmin-life .headline .underline::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  bottom: 0;
  margin: auto;
  z-index: -1;
}
#kenmin-life .headline .underline::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-width: 13.5px 0 13.5px 13.5px;
  left: 0;
}
#kenmin-life .headline .underline::after {
  border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-width: 13.5px 13.5px 13.5px 0;
  right: 0;
}
#kenmin-life .headline .num {
  display: inline-block;
  width: 57px;
  font-size: 1.2em;
  color: #fff;
  background-color: #5cb531;
  text-align: center;
  border-radius: 50%;
}
#kenmin-life .container {
  width: 90%;
  max-width: 940px;
  margin: 0 auto;
  padding: 6rem 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-life .container {
    padding: 3rem 0;
  }
}
#kenmin-life #hero img {
  width: 100%;
}
#kenmin-life #cp_about .text-box p {
  font-size: 1.5em;
  line-height: 2.2;
  text-align: center;
  letter-spacing: 0.15em;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_about .text-box p {
    font-size: 1.125em;
    text-align: left;
  }
}
#kenmin-life #cp_about .text-box p:last-child {
  line-height: 2.4;
}
#kenmin-life #cp_about .text-box p > span {
  font-size: 1.875em;
  font-weight: bold;
  display: inline-block;
  line-height: 1.2;
  padding: 0 10px;
  margin: 0 5px;
}
#kenmin-life #cp_about .text-box p > span.red {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ec7980));
  background: linear-gradient(transparent 70%, #ec7980 0%);
}
#kenmin-life #cp_about .text-box p > span.blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #00adba));
  background: linear-gradient(transparent 70%, #00adba 0%);
}
#kenmin-life #cp_about .text-box p > span.green {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #5bb431));
  background: linear-gradient(transparent 70%, #5bb431 0%);
}
#kenmin-life #cp_present {
  position: relative;
  margin: 20px auto;
}
#kenmin-life #cp_present::before,
#kenmin-life #cp_present::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background-repeat: repeat-x;
  background-image: url(../images/kenminlife/bg_dec.png);
  z-index: -1;
}
#kenmin-life #cp_present::before {
  bottom: -20px;
}
#kenmin-life #cp_present::after {
  top: -20px;
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
#kenmin-life #cp_present .headline .title {
  padding: 0 30px 5px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_present .headline .title {
    padding: 0 24px 5px;
    font-size: 1.125em;
  }
}
#kenmin-life #cp_present .headline .underline::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff8b0;
}
#kenmin-life #cp_present .headline .underline::after {
  border-color: rgba(0, 0, 0, 0) #fff8b0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
#kenmin-life #cp_present .present .img-box {
  padding: 2rem 0 4rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_present .present .img-box {
    padding: 0 0 1.5rem;
  }
}
#kenmin-life #cp_present .present .img-box img {
  width: 100%;
}
#kenmin-life #cp_present .present .text-box p {
  font-size: 1.25em;
  line-height: 1.8;
}
#kenmin-life #cp_present .present .text-box p:first-child {
  font-weight: 700;
}
#kenmin-life #cp_flow .cp_flow {
  margin-top: 3rem;
}
#kenmin-life #cp_flow .cp_flow .step {
  padding-bottom: 4rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_flow .cp_flow .step {
    padding-bottom: 2rem;
  }
}
#kenmin-life #cp_flow .cp_flow .step:last-child {
  padding-bottom: 0;
}
#kenmin-life #cp_flow .cp_flow .step .headline {
  margin-bottom: 1.25rem;
}
#kenmin-life #cp_flow .cp_flow .step .headline h3.title {
  font-size: 1.625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-left: 58px;
}
#kenmin-life #cp_flow .cp_flow .step .headline h3.title .num {
  margin-right: 0.5em;
  width: 46px;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_flow .cp_flow .step .headline h3.title {
    padding-left: 50px;
  }
  #kenmin-life #cp_flow .cp_flow .step .headline h3.title .num {
    width: 40px;
  }
}
#kenmin-life #cp_flow .cp_flow .step .about .headline {
  margin-bottom: 1.5rem;
  text-align: left;
}
#kenmin-life #cp_flow .cp_flow .step .about .headline h4.title {
  font-size: 1.75em;
}
#kenmin-life #cp_flow .cp_flow .step .about .headline h4.title span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #fff000));
  background: linear-gradient(transparent 60%, #fff000 0%);
}
#kenmin-life #cp_flow .cp_flow .step .about .headline h4.title .underline {
  display: inline;
}
#kenmin-life #cp_flow .cp_flow .step .about .headline h4.title .underline::before,
#kenmin-life #cp_flow .cp_flow .step .about .headline h4.title .underline::after {
  content: none;
}
#kenmin-life #cp_flow .cp_flow .step .about .shop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_flow .cp_flow .step .about .shop-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#kenmin-life #cp_flow .cp_flow .step .about .shop-list .list {
  width: 24%;
  margin: 0 0.5%;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_flow .cp_flow .step .about .shop-list .list {
    width: 31.3333333333%;
    margin: 0 1% 1rem;
  }
}
#kenmin-life #cp_flow .cp_flow .step .about .shop-list .list img {
  width: 100%;
}
#kenmin-life #cp_flow .cp_flow .step .about .shop-list .list a {
  margin: 1rem auto 0;
  display: block;
  width: 100%;
  max-width: 110px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#kenmin-life #cp_flow .cp_flow .step .about .shop-list .list a:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
#kenmin-life #cp_flow .cp_flow .step .about .text-box {
  margin-bottom: 2rem;
}
#kenmin-life #cp_flow .cp_flow .step .about .text-box p {
  font-size: 1.125em;
}
#kenmin-life #cp_flow .cp_flow .step .about .button-wrapper {
  padding-top: 2rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_flow .cp_flow .step .about .button-wrapper {
    padding-top: 0;
  }
}
#kenmin-life #cp_flow .cp_flow .step .about .arrow {
  display: block;
  width: 100%;
  padding-top: 5rem;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_flow .cp_flow .step .about .arrow {
    padding-top: 4rem;
  }
}
#kenmin-life #cp_flow .cp_flow .step .about .arrow::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 40px 0 40px;
  border-color: #fff000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
}
#kenmin-life #entry-ex {
  padding: 0 0 4rem;
}
#kenmin-life #entry-ex .container {
  padding: 4rem 0;
  background-color: #fff8b0;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 30px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #entry-ex .container {
    border-radius: 15px;
    display: block;
    padding: 2rem 0;
  }
}
#kenmin-life #entry-ex .container > .headline h2.title {
  color: #5bb431;
  font-size: 2.125em;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #entry-ex .container > .headline h2.title {
    font-size: 1.875em;
  }
}
#kenmin-life #entry-ex .container .entry-ex {
  width: 90%;
  margin: 0 auto;
}
#kenmin-life #entry-ex .container .entry-ex .ex {
  padding-bottom: 4rem;
}
@media only screen and (max-width: 1000px) {
  #kenmin-life #entry-ex .container .entry-ex .ex {
    padding-bottom: 2rem;
  }
}
#kenmin-life #entry-ex .container .entry-ex .ex:last-child {
  padding-bottom: 0;
}
#kenmin-life #entry-ex .container .entry-ex .ex .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kenmin-life #entry-ex .container .entry-ex .ex .text-box .headline {
  width: 160px;
}
#kenmin-life #entry-ex .container .entry-ex .ex .text-box .headline .title {
  font-size: 1.625em;
}
#kenmin-life #entry-ex .container .entry-ex .ex .text-box .headline .num {
  width: 40px;
  padding: 1px 0;
  font-size: 1em;
  margin-left: 0.25em;
}
#kenmin-life #entry-ex .container .entry-ex .ex .text-box .text-area {
  width: calc(100% - 180px);
}
#kenmin-life #entry-ex .container .entry-ex .ex .text-box .text-area p {
  font-size: 1.125em;
  line-height: 1.8;
}
#kenmin-life #entry-ex .container .entry-ex .ex .text-box .text-area p:last-child {
  font-size: 1.125em;
  padding-top: 0.5em;
}
#kenmin-life #entry-ex .container .entry-ex .ex .text-box .text-area p:last-child > span {
  font-size: 1.2em;
  font-weight: bold;
  display: inline;
  padding: 0 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #fff000));
  background: linear-gradient(transparent 70%, #fff000 0%);
}
@media only screen and (max-width: 1000px) {
  #kenmin-life #entry-ex .container .entry-ex .ex .text-box {
    display: block;
  }
  #kenmin-life #entry-ex .container .entry-ex .ex .text-box .headline {
    width: 160px;
    margin-bottom: 1rem;
  }
  #kenmin-life #entry-ex .container .entry-ex .ex .text-box .headline .num {
    width: 36px;
  }
  #kenmin-life #entry-ex .container .entry-ex .ex .text-box .text-area {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #kenmin-life #entry-ex .container .entry-ex .ex .text-box {
    display: block;
  }
}
#kenmin-life #entry-ex .container .entry-ex .ex .img-box {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5em;
  margin-top: 2rem;
}
#kenmin-life #entry-ex .container .entry-ex .ex .img-box li {
  width: 49%;
}
#kenmin-life #entry-ex .container .entry-ex .ex .img-box img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #entry-ex .container .entry-ex .ex .img-box {
    display: block;
  }
  #kenmin-life #entry-ex .container .entry-ex .ex .img-box li {
    width: 100%;
  }
  #kenmin-life #entry-ex .container .entry-ex .ex .img-box li:last-child {
    margin-top: 0.5em;
  }
  #kenmin-life #entry-ex .container .entry-ex .ex .img-box img {
    width: 100%;
  }
}
#kenmin-life .text_cs {
  font-size: 2.25em;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 95%;
  margin: 2rem auto 0;
  padding: 1.75em 5px;
}
#kenmin-life #challenge-list .container {
  padding-top: 3rem;
  padding-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #challenge-list .container {
    padding-top: 2rem;
    padding-bottom: 0;
  }
}
#kenmin-life #challenge-list .challenge_info {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  position: relative;
  margin: 5rem 0;
  padding: 4.25rem 0 3rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #challenge-list .challenge_info {
    margin: 3.5rem 0;
    padding: 4.25rem 0 2.5rem;
  }
}
#kenmin-life #challenge-list .course_title {
  position: absolute;
  top: 0;
  left: 0;
}
#kenmin-life #challenge-list .course_title span {
  border-radius: 0 0 12px 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.25em;
  padding: 4px 20px;
}
#kenmin-life #challenge-list .get_point {
  width: 142px;
  position: absolute;
  top: 0;
  right: 0;
}
#kenmin-life #challenge-list .get_point img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #challenge-list .get_point {
    width: 70px;
  }
}
#kenmin-life #challenge-list .challenge_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.875em;
  font-weight: bold;
  padding: 0 160px 0 4rem;
  margin-left: 2rem;
  margin-bottom: 1rem;
  position: relative;
}
#kenmin-life #challenge-list .challenge_title.close {
  padding: 0;
}
#kenmin-life #challenge-list .challenge_title span {
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  width: 50px;
  height: 50px;
  margin-right: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #challenge-list .challenge_title {
    font-size: 1.625em;
    padding: 0 10px 0 3rem;
    margin-left: 10px;
  }
  #kenmin-life #challenge-list .challenge_title.close {
    padding: 0;
  }
  #kenmin-life #challenge-list .challenge_title span {
    width: 40px;
    height: 40px;
  }
}
#kenmin-life #challenge-list .period {
  padding: 0 160px 0 1.75rem;
}
#kenmin-life #challenge-list .period img {
  max-width: 380px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #challenge-list .period {
    padding: 0 10px;
  }
}
#kenmin-life #challenge-list .text {
  font-size: 1.125em;
  padding: 1rem 2rem 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #challenge-list .text {
    padding: 1rem 10px 0;
  }
}
#kenmin-life .course_01 .text_cs {
  background-color: rgba(236, 121, 128, 0.2);
}
#kenmin-life .course_01 .text_cs span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, #ec7980));
  background: linear-gradient(transparent 80%, #ec7980 80%);
}
#kenmin-life .course_01 .course_title span {
  background-color: #ec7980;
}
#kenmin-life .course_01 .challenge_title {
  color: #ec7980;
}
#kenmin-life .course_01 .challenge_title span {
  background-color: #ec7980;
}
#kenmin-life .course_02 .text_cs {
  background-color: rgba(0, 173, 186, 0.2);
}
#kenmin-life .course_02 .text_cs span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, #00adba));
  background: linear-gradient(transparent 80%, #00adba 80%);
}
#kenmin-life .course_02 .course_title span {
  background-color: #00adba;
}
#kenmin-life .course_02 .challenge_title {
  color: #00adba;
}
#kenmin-life .course_02 .challenge_title span {
  background-color: #00adba;
}
#kenmin-life .course_03 .text_cs {
  background-color: rgba(91, 180, 49, 0.2);
}
#kenmin-life .course_03 .text_cs span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, #5bb431));
  background: linear-gradient(transparent 80%, #5bb431 80%);
}
#kenmin-life .course_03 .course_title span {
  background-color: #5bb431;
}
#kenmin-life .course_03 .challenge_title {
  color: #5bb431;
}
#kenmin-life .course_03 .challenge_title span {
  background-color: #5bb431;
}
#kenmin-life #flow-genen .detail_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90%;
  margin: auto;
  margin-top: 1.25rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #flow-genen .detail_box {
    display: block;
    margin-top: 0;
  }
}
#kenmin-life #flow-genen .detail_01 {
  width: 48%;
}
#kenmin-life #flow-genen .detail_01 li img {
  width: 100%;
}
#kenmin-life #flow-genen .detail_01 li:first-child {
  max-width: 250px;
  margin: auto;
  margin-top: 2rem;
}
#kenmin-life #flow-genen .detail_01 li:last-child {
  max-width: 350px;
  margin: auto;
  margin-top: 2rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #flow-genen .detail_01 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem;
  }
  #kenmin-life #flow-genen .detail_01 li:first-child {
    width: 40%;
    max-width: 100%;
    margin: auto;
  }
  #kenmin-life #flow-genen .detail_01 li:last-child {
    width: 56%;
    max-width: 100%;
    margin: auto;
  }
}
#kenmin-life #flow-genen .detail_02 {
  width: 49%;
}
#kenmin-life #flow-genen .detail_02 li img {
  width: 100%;
}
#kenmin-life #flow-genen .detail_02 li:first-child {
  max-width: 320px;
  margin: auto;
  margin-top: 2rem;
}
#kenmin-life #flow-genen .detail_02 li:last-child {
  margin: auto;
  margin-top: 2rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #flow-genen .detail_02 {
    width: 100%;
    margin-top: 1rem;
  }
  #kenmin-life #flow-genen .detail_02 li:first-child {
    width: 80%;
  }
  #kenmin-life #flow-genen .detail_02 li:last-child {
    width: 100%;
  }
}
#kenmin-life #movie-menu .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 2rem;
  margin-top: 1.25rem;
}
#kenmin-life #movie-menu .flex-contents .text-box {
  width: 58%;
  padding: 0;
}
#kenmin-life #movie-menu .flex-contents .text-box .text {
  padding: 0;
}
#kenmin-life #movie-menu .flex-contents .text-box .shokuiku_text {
  background-color: #ec7980;
  color: #fff;
  display: block;
  margin: 15px 0 10px;
  padding: 2px;
  text-align: center;
}
#kenmin-life #movie-menu .flex-contents .text-box .shokuiku_img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
#kenmin-life #movie-menu .flex-contents .img-box {
  width: 40%;
}
#kenmin-life #movie-menu .flex-contents .img-box img {
  width: 100%;
}
#kenmin-life #movie-menu .shokuiku_com {
  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;
}
#kenmin-life #movie-menu .shokuiku_com li {
  width: 24%;
  margin: 0 0.5% 0;
}
#kenmin-life #movie-menu .shokuiku_com img {
  width: 100%;
}
#kenmin-life #movie-menu .list_movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 2rem;
}
#kenmin-life #movie-menu .list_movie .movie {
  width: 32.3333333333%;
  margin: 2rem 0.5% 0;
}
#kenmin-life #movie-menu .list_movie .movie a {
  color: inherit;
  display: block;
  margin: auto;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#kenmin-life #movie-menu .list_movie .movie a:hover {
  opacity: 0.8;
}
#kenmin-life #movie-menu .list_movie .img-box {
  position: relative;
}
#kenmin-life #movie-menu .list_movie .img-box img {
  width: 100%;
  position: relative;
  z-index: 0;
}
#kenmin-life #movie-menu .list_movie .img-box.icon-movie {
  border: 1px solid #ccc;
}
#kenmin-life #movie-menu .list_movie .img-box.icon-movie:after {
  background-image: url(../images/portal/icon-video.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
  height: 50px;
  z-index: 1;
}
#kenmin-life #movie-menu .list_movie .text-box h3 {
  color: #707070;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 0.5em;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #movie-menu .flex-contents {
    display: block;
    padding: 0 10px;
  }
  #kenmin-life #movie-menu .flex-contents .text-box {
    width: 100%;
  }
  #kenmin-life #movie-menu .flex-contents .img-box {
    margin-top: 1rem;
    width: 100%;
  }
  #kenmin-life #movie-menu .shokuiku_com {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #kenmin-life #movie-menu .shokuiku_com li {
    width: 48%;
    margin: 0 1% 0;
  }
  #kenmin-life #movie-menu .list_movie {
    margin-top: 0.5rem;
    padding: 0 10px;
  }
  #kenmin-life #movie-menu .list_movie .movie {
    width: 48%;
    margin: 1rem 1% 0;
  }
  #kenmin-life #movie-menu .list_movie .img-box.icon-movie:after {
    width: 50px;
    height: 36px;
  }
  #kenmin-life #movie-menu .list_movie .text-box h3 {
    font-size: 3.8vw;
  }
}
#kenmin-life #movie-undo .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 2rem;
  margin-top: 1.25rem;
}
#kenmin-life #movie-undo .flex-contents .text {
  width: 58%;
  padding: 0;
}
#kenmin-life #movie-undo .flex-contents .img-box {
  width: 40%;
}
#kenmin-life #movie-undo .flex-contents .img-box img {
  width: 100%;
}
#kenmin-life #movie-undo .list_movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 2rem;
}
#kenmin-life #movie-undo .list_movie .movie {
  width: 32.3333333333%;
  margin: 2rem 0.5% 0;
}
#kenmin-life #movie-undo .list_movie .movie a {
  color: inherit;
  display: block;
  margin: auto;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#kenmin-life #movie-undo .list_movie .movie a:hover {
  opacity: 0.8;
}
#kenmin-life #movie-undo .list_movie .img-box {
  position: relative;
}
#kenmin-life #movie-undo .list_movie .img-box img {
  width: 100%;
  position: relative;
  z-index: 0;
}
#kenmin-life #movie-undo .list_movie .img-box.icon-movie {
  border: 1px solid #ccc;
}
#kenmin-life #movie-undo .list_movie .img-box.icon-movie:after {
  background-image: url(../images/portal/icon-video.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
  height: 50px;
  z-index: 1;
}
#kenmin-life #movie-undo .list_movie .text-box h3 {
  color: #707070;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 0.5em;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #movie-undo .flex-contents {
    display: block;
    padding: 0 10px;
  }
  #kenmin-life #movie-undo .flex-contents .text {
    width: 100%;
  }
  #kenmin-life #movie-undo .flex-contents .img-box {
    margin-top: 1rem;
    width: 100%;
  }
  #kenmin-life #movie-undo .list_movie {
    margin-top: 0.5rem;
    padding: 0 10px;
  }
  #kenmin-life #movie-undo .list_movie .movie {
    width: 48%;
    margin: 1rem 1% 0;
  }
  #kenmin-life #movie-undo .list_movie .img-box.icon-movie:after {
    width: 50px;
    height: 36px;
  }
  #kenmin-life #movie-undo .list_movie .text-box h3 {
    font-size: 3.8vw;
  }
}
#kenmin-life #flow-virtualwalk .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 2rem;
  margin-top: 1.25rem;
}
#kenmin-life #flow-virtualwalk .flex-contents .text {
  width: 58%;
  padding: 0;
}
#kenmin-life #flow-virtualwalk .flex-contents .img-box {
  width: 40%;
}
#kenmin-life #flow-virtualwalk .flex-contents .img-box img {
  width: 100%;
}
#kenmin-life #flow-virtualwalk .link-button {
  background-color: #fff000;
  border-radius: 50px;
  color: #4d4d4d;
  display: block;
  font-size: 1.5em;
  line-height: 1.2;
  padding: 0.75em 50px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
#kenmin-life #flow-virtualwalk .link-button:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #4d4d4d;
  border-right: 2px solid #4d4d4d;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#kenmin-life #flow-virtualwalk .link-button-wrapper {
  max-width: 490px;
  margin: 2.5rem auto 0;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #flow-virtualwalk .flex-contents {
    display: block;
    padding: 0 10px;
  }
  #kenmin-life #flow-virtualwalk .flex-contents .text {
    width: 100%;
  }
  #kenmin-life #flow-virtualwalk .flex-contents .img-box {
    margin-top: 1rem;
    width: 100%;
  }
  #kenmin-life #flow-virtualwalk .link-button {
    font-size: 1.1428571429em;
    padding: 0.75em 30px;
  }
  #kenmin-life #flow-virtualwalk .link-button:before {
    width: 10px;
    height: 10px;
  }
  #kenmin-life #flow-virtualwalk .link-button-wrapper {
    padding: 0 10px;
    margin: 2.5rem auto 0;
  }
}
#kenmin-life #flow-kenmincm .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 2rem;
  margin-top: 1.25rem;
}
#kenmin-life #flow-kenmincm .flex-contents .text {
  width: 58%;
  padding: 0;
}
#kenmin-life #flow-kenmincm .flex-contents .img-box {
  width: 40%;
}
#kenmin-life #flow-kenmincm .flex-contents .img-box img {
  width: 100%;
}
#kenmin-life #flow-kenmincm .list_movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 2rem;
}
#kenmin-life #flow-kenmincm .list_movie .movie {
  width: 32.3333333333%;
  margin: 2rem 0.5% 0;
}
#kenmin-life #flow-kenmincm .list_movie .movie a {
  color: inherit;
  display: block;
  margin: auto;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#kenmin-life #flow-kenmincm .list_movie .movie a:hover {
  opacity: 0.8;
}
#kenmin-life #flow-kenmincm .list_movie .img-box {
  position: relative;
}
#kenmin-life #flow-kenmincm .list_movie .img-box img {
  width: 100%;
  position: relative;
  z-index: 0;
}
#kenmin-life #flow-kenmincm .list_movie .img-box.icon-movie {
  border: 1px solid #ccc;
}
#kenmin-life #flow-kenmincm .list_movie .img-box.icon-movie:after {
  background-image: url(../images/portal/icon-video.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
  height: 50px;
  z-index: 1;
}
#kenmin-life #flow-kenmincm .list_movie .text-box h3 {
  color: #707070;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 0.5em;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #flow-kenmincm .flex-contents {
    display: block;
    padding: 0 10px;
  }
  #kenmin-life #flow-kenmincm .flex-contents .text {
    width: 100%;
  }
  #kenmin-life #flow-kenmincm .flex-contents .img-box {
    margin-top: 1rem;
    width: 100%;
  }
  #kenmin-life #flow-kenmincm .list_movie {
    margin-top: 0.5rem;
    padding: 0 10px;
  }
  #kenmin-life #flow-kenmincm .list_movie .movie {
    width: 48%;
    margin: 1rem 1% 0;
  }
  #kenmin-life #flow-kenmincm .list_movie .img-box.icon-movie:after {
    width: 50px;
    height: 36px;
  }
  #kenmin-life #flow-kenmincm .list_movie .text-box h3 {
    font-size: 3.8vw;
  }
}
#kenmin-life #flow-quiz .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 2rem;
  margin-top: 1.25rem;
}
#kenmin-life #flow-quiz .flex-contents .text {
  width: 58%;
  padding: 0;
}
#kenmin-life #flow-quiz .flex-contents .img-box {
  width: 40%;
}
#kenmin-life #flow-quiz .flex-contents .img-box img {
  width: 100%;
}
#kenmin-life #flow-quiz .list_quiz-wrapper .title {
  font-size: 1.25em;
  font-weight: bold;
  padding: 0 2rem;
  margin: 2.5rem 0 0;
}
#kenmin-life #flow-quiz .list_quiz-wrapper .title span {
  color: #5bb431;
}
@media only screen and (max-width: 1000px) {
  #kenmin-life #flow-quiz .list_quiz-wrapper .title {
    padding: 0 10px;
  }
}
#kenmin-life #flow-quiz .list_quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 1rem;
}
#kenmin-life #flow-quiz .list_quiz li {
  width: 24%;
  margin: 1rem 0.5%;
  text-align: center;
}
#kenmin-life #flow-quiz .list_quiz li img {
  width: 100%;
}
#kenmin-life #flow-quiz .list_quiz .archive-question {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 80%;
}
@media only screen and (max-width: 1000px) {
  #kenmin-life #flow-quiz .list_quiz .archive-question {
    padding-top: 65%;
  }
}
#kenmin-life #flow-quiz .list_quiz .archive-question img {
  border: 1px solid #f2f2f2;
  display: block;
  width: auto;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  vertical-align: middle;
  z-index: 1;
}
#kenmin-life #flow-quiz .list_quiz .archive-day {
  color: #5bb431;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
#kenmin-life #flow-quiz .list_quiz .archive-day span {
  display: inline-block;
}
#kenmin-life #flow-quiz .list_quiz button {
  -webkit-appearance: none;
  border-radius: 0;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  background-color: #5bb431;
  border: 1px solid #5bb431;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  padding: 0.25em 2em;
  margin: 1rem 0 0;
  max-width: 180px;
  width: 100%;
  height: auto;
  position: relative;
}
#kenmin-life #flow-quiz .list_quiz button:hover {
  background-color: #fff;
  color: #5bb431;
}
@media only screen and (max-width: 1000px) {
  #kenmin-life #flow-quiz .list_quiz li {
    width: 31.3333333333%;
  }
}
@media only screen and (max-width: 640px) {
  #kenmin-life #flow-quiz .flex-contents {
    display: block;
    padding: 0 10px;
  }
  #kenmin-life #flow-quiz .flex-contents .text {
    width: 100%;
  }
  #kenmin-life #flow-quiz .flex-contents .img-box {
    margin-top: 1rem;
    width: 100%;
  }
  #kenmin-life #flow-quiz .list_quiz {
    padding: 0 10px;
  }
  #kenmin-life #flow-quiz .list_quiz li {
    width: 48%;
    margin: 1rem 1% 0;
    text-align: center;
  }
  #kenmin-life #flow-quiz .list_quiz li img {
    width: 100%;
  }
  #kenmin-life #flow-quiz .list_quiz .archive-day {
    color: #5bb431;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #kenmin-life #flow-quiz .list_quiz button {
    font-size: 1em;
  }
}
#kenmin-life #flow-kenshin .flex-contents {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 0 2rem;
  margin-top: 1.25rem;
}
#kenmin-life #flow-kenshin .flex-contents .text {
  width: 58%;
  padding: 0;
}
#kenmin-life #flow-kenshin .flex-contents .img-box {
  width: 40%;
  margin-top: -10%;
}
#kenmin-life #flow-kenshin .flex-contents .img-box img {
  width: 100%;
}
#kenmin-life #flow-kenshin .link-button {
  background-color: #5bb431;
  border-radius: 50px;
  color: #fff;
  display: block;
  font-size: 1.5em;
  line-height: 1.2;
  padding: 0.75em 50px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
#kenmin-life #flow-kenshin .link-button:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#kenmin-life #flow-kenshin .link-button-wrapper {
  max-width: 490px;
  margin: 2.5rem auto 0;
}
@media only screen and (max-width: 1000px) {
  #kenmin-life #flow-kenshin .flex-contents .img-box {
    margin-top: -4%;
  }
}
@media only screen and (max-width: 640px) {
  #kenmin-life #flow-kenshin .flex-contents {
    display: block;
    padding: 0 10px;
  }
  #kenmin-life #flow-kenshin .flex-contents .text {
    width: 100%;
  }
  #kenmin-life #flow-kenshin .flex-contents .img-box {
    margin-top: 1rem;
    width: 100%;
  }
  #kenmin-life #flow-kenshin .link-button {
    font-size: 1.1428571429em;
    padding: 0.75em 30px;
  }
  #kenmin-life #flow-kenshin .link-button:before {
    width: 10px;
    height: 10px;
  }
  #kenmin-life #flow-kenshin .link-button-wrapper {
    padding: 0 10px;
    margin: 2.5rem auto 0;
  }
}
#kenmin-life #cp_notes .container {
  padding-top: 1rem;
  padding-bottom: 6rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_notes .container {
    padding-bottom: 4rem;
  }
}
#kenmin-life #cp_notes h3 {
  font-size: 1.125em;
  margin-bottom: 5px;
}
#kenmin-life #cp_notes ul {
  margin-bottom: 1rem;
}
#kenmin-life #cp_notes ul li {
  font-size: 1.125em;
  padding-left: 1em;
  text-indent: -1em;
}
#kenmin-life #cp_notes ul span {
  color: #ed7980;
}
#kenmin-life #cp_qa .container {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_qa .container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
#kenmin-life #cp_qa dl {
  border-bottom: 1px solid #4d4d4d;
  padding: 2rem 0;
}
#kenmin-life #cp_qa dl:nth-child(2) {
  padding: 0.5rem 0 2rem;
}
#kenmin-life #cp_qa dt {
  font-size: 1.125em;
  padding-left: 2.2rem;
  position: relative;
}
#kenmin-life #cp_qa dt:before {
  color: #00aebb;
  content: "Q";
  display: inline-block;
  font-size: 1.625em;
  line-height: 1;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
}
#kenmin-life #cp_qa dd {
  font-size: 1.125em;
  margin-top: 1rem;
  padding-left: 2.2rem;
  position: relative;
}
#kenmin-life #cp_qa dd:before {
  color: #ed7980;
  content: "A";
  display: inline-block;
  font-size: 1.625em;
  line-height: 1;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
}
#kenmin-life #cp_form {
  background-color: #fff8b0;
  padding-top: 6em;
  padding-bottom: 6em;
}
#kenmin-life #cp_form .container {
  background-color: #fff;
  padding-top: 3em;
  padding-bottom: 3em;
}
#kenmin-life #cp_form .lead {
  font-size: 1.125em;
  line-height: 2;
  text-align: center;
  margin-bottom: 2em;
  padding: 0 2rem;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form .lead {
    font-size: 1em;
    padding: 0 10px;
    text-align: left;
  }
}
#kenmin-life #cp_form .lead span {
  color: #dc3232;
}
#kenmin-life #cp_form #campaign-rules {
  margin-bottom: 2.5em;
}
#kenmin-life #cp_form #campaign-rules .container {
  border: 1px solid #4d4d4d;
  padding: 1em;
}
#kenmin-life #cp_form #campaign-rules .scroll-area {
  height: 200px;
  overflow-y: scroll;
}
#kenmin-life #cp_form #campaign-rules h3 {
  color: #ec7980;
  margin-top: 1em;
}
#kenmin-life #cp_form #campaign-rules p {
  margin-top: 5px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form #campaign-rules {
    margin-bottom: 2em;
  }
  #kenmin-life #cp_form #campaign-rules .container {
    margin: auto;
    padding: 1em 10px;
    width: 100%;
  }
}
#kenmin-life #cp_form form {
  width: 90%;
  max-width: 800px;
  margin: auto;
}
#kenmin-life #cp_form .required {
  background-color: #ec7980;
  color: #fff;
  padding: 2px 5px;
  margin-left: 5px;
}
#kenmin-life #cp_form .wpcf7-list-item {
  margin-left: 0;
  margin-right: 1em;
}
#kenmin-life #cp_form .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#kenmin-life #cp_form input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
#kenmin-life #cp_form .form_personal input[type="text"] {
  border: 1px solid #000;
  font-size: 16px;
  padding: 5px;
  height: 30px;
}
#kenmin-life #cp_form .form_personal input[type="email"] {
  border: 1px solid #000;
  font-size: 16px;
  padding: 5px;
  height: 30px;
}
#kenmin-life #cp_form .form_personal dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
}
#kenmin-life #cp_form .form_personal dl.input_text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#kenmin-life #cp_form .form_personal dt,
#kenmin-life #cp_form .form_personal dd {
  font-size: 1em;
  line-height: 1.6;
  padding: 0.75em 1em;
}
#kenmin-life #cp_form .form_personal dt {
  padding-right: 0;
  width: 200px;
}
#kenmin-life #cp_form .form_personal dd {
  width: calc(100% - 200px);
}
#kenmin-life #cp_form .form_personal .zip .sub_text {
  padding-right: 5px;
}
#kenmin-life #cp_form .form_personal .zip input[type="text"] {
  width: 180px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form .form_personal input[type="text"] {
    width: 100%;
  }
  #kenmin-life #cp_form .form_personal input[type="email"] {
    width: 100%;
  }
  #kenmin-life #cp_form .form_personal dl {
    display: block;
    margin-bottom: 0.8em;
  }
  #kenmin-life #cp_form .form_personal dt,
  #kenmin-life #cp_form .form_personal dd {
    font-size: 1.1428571429em;
    line-height: 1.6;
    padding: 4px 0;
  }
  #kenmin-life #cp_form .form_personal dt {
    width: 100%;
  }
  #kenmin-life #cp_form .form_personal dd {
    width: 100%;
  }
}
#kenmin-life #cp_form .form_challenge {
  margin: 3rem 0 0;
}
#kenmin-life #cp_form .form_challenge .challenge_title {
  border-top: 1px solid #4d4d4d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.25em;
  font-weight: bold;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
}
#kenmin-life #cp_form .form_challenge .challenge_title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  width: 34px;
  height: 34px;
  margin-right: 12px;
}
#kenmin-life #cp_form .form_challenge dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
}
#kenmin-life #cp_form .form_challenge dt,
#kenmin-life #cp_form .form_challenge dd {
  font-size: 1em;
  line-height: 1.6;
  padding: 0.75em 1em 0.75em 0;
}
#kenmin-life #cp_form .form_challenge dt {
  padding-right: 0;
  width: 200px;
}
#kenmin-life #cp_form .form_challenge dd {
  width: calc(100% - 200px);
}
#kenmin-life #cp_form .form_challenge input[type="number"] {
  border: 1px solid #000;
  font-size: 16px;
  padding: 5px;
  width: 130px;
  height: 30px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form .form_challenge dl {
    display: block;
  }
  #kenmin-life #cp_form .form_challenge dt,
  #kenmin-life #cp_form .form_challenge dd {
    font-size: 1.1428571429em;
    line-height: 1.6;
    padding: 6px 0;
  }
  #kenmin-life #cp_form .form_challenge dt {
    width: 100%;
  }
  #kenmin-life #cp_form .form_challenge dd {
    width: 100%;
  }
}
#kenmin-life #cp_form .form_challenge .get_point {
  margin-top: 1rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#kenmin-life #cp_form .form_challenge .get_point dt span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 4px 10px;
}
#kenmin-life #cp_form .form_challenge .get_point dt .note {
  color: #4d4d4d;
  font-size: 0.8em;
  margin-top: 5px;
}
#kenmin-life #cp_form .form_challenge .get_point dd .sub_text {
  padding-left: 10px;
}
#kenmin-life #cp_form .form_challenge .keyword {
  margin-top: 1rem;
}
#kenmin-life #cp_form .form_challenge .keyword input[type="text"] {
  font-size: 16px;
  padding: 5px;
  height: 30px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form .form_challenge .keyword input[type="text"] {
    width: 100%;
  }
}
#kenmin-life #cp_form .form_challenge .keyword dt span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 4px 10px;
}
#kenmin-life #cp_form .form_challenge .keyword_group {
  margin-top: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#kenmin-life #cp_form .form_challenge .keyword_group input[type="text"] {
  font-size: 16px;
  padding: 5px;
  width: 120px;
  height: 30px;
}
#kenmin-life #cp_form .form_challenge .keyword_group dt span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 4px 10px;
}
#kenmin-life #cp_form .form_challenge .keyword_group dd {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 0;
}
#kenmin-life #cp_form .form_challenge .keyword_group dd p {
  text-align: center;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
#kenmin-life #cp_form .form_challenge .keyword_group dd p span {
  font-size: 0.9em;
  display: block;
}
#kenmin-life #cp_form .form_challenge .course_01 input[type="text"] {
  border: 1px solid #ec7980;
}
#kenmin-life #cp_form .form_challenge .course_01 input[type="number"] {
  border: 1px solid #ec7980;
}
#kenmin-life #cp_form .form_challenge .course_01 .challenge_title {
  color: #ec7980;
}
#kenmin-life #cp_form .form_challenge .course_01 .challenge_title span {
  background-color: #ec7980;
}
#kenmin-life #cp_form .form_challenge .course_01 .challenge_title:first-child {
  border: none;
  padding-top: 0;
}
#kenmin-life #cp_form .form_challenge .course_01 .get_point dt span {
  background-color: #ec7980;
}
#kenmin-life #cp_form .form_challenge .course_01 .get_point dd .sub_text {
  color: #ec7980;
}
#kenmin-life #cp_form .form_challenge .course_01 .keyword_group dt span {
  background-color: #ec7980;
}
#kenmin-life #cp_form .form_challenge .course_02 input[type="text"] {
  border: 1px solid #00adba;
}
#kenmin-life #cp_form .form_challenge .course_02 input[type="number"] {
  border: 1px solid #00adba;
}
#kenmin-life #cp_form .form_challenge .course_02 .challenge_title {
  color: #00adba;
}
#kenmin-life #cp_form .form_challenge .course_02 .challenge_title span {
  background-color: #00adba;
}
#kenmin-life #cp_form .form_challenge .course_02 .get_point dt span {
  background-color: #00adba;
}
#kenmin-life #cp_form .form_challenge .course_02 .get_point dd .sub_text {
  color: #00adba;
}
#kenmin-life #cp_form .form_challenge .course_02 .keyword dt span {
  background-color: #00adba;
}
#kenmin-life #cp_form .form_challenge .course_02 .keyword_group dt span {
  background-color: #00adba;
}
#kenmin-life #cp_form .form_challenge .course_03 input[type="text"] {
  border: 1px solid #5bb431;
}
#kenmin-life #cp_form .form_challenge .course_03 input[type="number"] {
  border: 1px solid #5bb431;
}
#kenmin-life #cp_form .form_challenge .course_03 .challenge_title {
  color: #5bb431;
}
#kenmin-life #cp_form .form_challenge .course_03 .challenge_title span {
  background-color: #5bb431;
}
#kenmin-life #cp_form .form_challenge .course_03 .get_point dt span {
  background-color: #5bb431;
}
#kenmin-life #cp_form .form_challenge .course_03 .get_point dd .sub_text {
  color: #5bb431;
}
#kenmin-life #cp_form .form_challenge .course_03 .keyword dt span {
  background-color: #5bb431;
}
#kenmin-life #cp_form .form_challenge .course_03 .keyword_group dt span {
  background-color: #5bb431;
}
#kenmin-life #cp_form .form_challenge .photo {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmin-life #cp_form .form_challenge .photo li {
  width: 48%;
}
#kenmin-life #cp_form .form_challenge .photo li img {
  width: 100%;
}
#kenmin-life #cp_form .form_challenge .input_upload {
  margin-top: 2rem;
}
#kenmin-life #cp_form .form_challenge .input_upload .codedropz-upload-container {
  padding: 20px;
}
#kenmin-life #cp_form .form_challenge .input_upload .codedropz-upload-inner h3 {
  font-size: 1.8em;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form .form_challenge .input_upload .codedropz-upload-inner h3 {
    font-size: 4.2vw;
  }
}
#kenmin-life #cp_form .form_challenge .input_upload .codedropz-upload-inner span {
  font-size: 1.25em;
}
#kenmin-life #cp_form .form_challenge .input_upload .codedropz-btn-wrap {
  margin-top: 4px;
}
#kenmin-life #cp_form .form_challenge .input_upload .cd-upload-btn {
  font-size: 1.25em;
}
#kenmin-life #cp_form .total_point dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kenmin-life #cp_form .total_point dt,
#kenmin-life #cp_form .total_point dd {
  font-size: 1em;
  line-height: 1.6;
  padding: 0.75em 1em 0.75em 0;
}
#kenmin-life #cp_form .total_point dt {
  padding-right: 0;
  width: 200px;
}
#kenmin-life #cp_form .total_point dd {
  width: calc(100% - 200px);
}
#kenmin-life #cp_form .total_point input[type="number"] {
  border: 1px solid #000;
  font-size: 16px;
  padding: 5px;
  width: 130px;
  height: 30px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form .total_point dl {
    display: block;
  }
  #kenmin-life #cp_form .total_point dt,
  #kenmin-life #cp_form .total_point dd {
    font-size: 1.1428571429em;
    line-height: 1.6;
    padding: 6px 0;
  }
  #kenmin-life #cp_form .total_point dt {
    width: 100%;
  }
  #kenmin-life #cp_form .total_point dd {
    width: 100%;
  }
}
#kenmin-life #cp_form .total_point .get_point {
  margin-top: 1rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#kenmin-life #cp_form .total_point .get_point dt span {
  background-color: #e73820;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 4px 10px;
}
#kenmin-life #cp_form .total_point .get_point dt .note {
  color: #4d4d4d;
  font-size: 0.8em;
  margin-top: 5px;
}
#kenmin-life #cp_form .total_point .get_point dd .sub_text {
  color: #e73820;
  padding-left: 10px;
}
#kenmin-life #cp_form .form_present {
  margin: 0 0 3rem;
}
#kenmin-life #cp_form .form_present input[type="number"] {
  border: 1px solid #4d4d4d;
  font-size: 16px;
  padding: 5px;
  width: 80px;
  height: 30px;
}
#kenmin-life #cp_form .form_present h3 {
  margin: 1.5rem 0 0.5rem;
}
#kenmin-life #cp_form .form_present dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kenmin-life #cp_form .form_present dl.input_text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#kenmin-life #cp_form .form_present dt,
#kenmin-life #cp_form .form_present dd {
  font-size: 1em;
  line-height: 1.6;
  padding: 0.25em 1em;
}
#kenmin-life #cp_form .form_present dt {
  width: calc(100% - 200px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#kenmin-life #cp_form .form_present dt p:first-child {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 4px 10px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}
#kenmin-life #cp_form .form_present dt p.type00 {
  background-color: #f29600;
}
#kenmin-life #cp_form .form_present dt p.typea {
  background-color: #ec7980;
}
#kenmin-life #cp_form .form_present dt p.typeb {
  background-color: #b979b0;
}
#kenmin-life #cp_form .form_present dt p.typec {
  background-color: #5bb431;
}
#kenmin-life #cp_form .form_present dt p.typed {
  background-color: #e73820;
}
#kenmin-life #cp_form .form_present dt p.typee {
  background-color: #00adba;
}
#kenmin-life #cp_form .form_present dt p.typef {
  background-color: #a38a77;
}
#kenmin-life #cp_form .form_present dd {
  width: 200px;
}
#kenmin-life #cp_form .form_present dd .sub_text {
  padding-left: 10px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form .form_present dl {
    display: block;
    margin-bottom: 0.5em;
  }
  #kenmin-life #cp_form .form_present dt,
  #kenmin-life #cp_form .form_present dd {
    font-size: 1em;
    line-height: 1.6;
    padding: 4px 0;
  }
  #kenmin-life #cp_form .form_present dt {
    width: 100%;
  }
  #kenmin-life #cp_form .form_present dd {
    width: 100%;
  }
  #kenmin-life #cp_form .form_present dd .sub_text {
    padding-left: 10px;
  }
}
#kenmin-life #cp_form .form_questionnaire h3 {
  font-size: 1.625em;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1em;
}
#kenmin-life #cp_form .form_questionnaire h3:before,
#kenmin-life #cp_form .form_questionnaire h3:after {
  content: "";
  display: inline-block;
  width: 120px;
  height: 2px;
  background-color: #4d4d4d;
}
#kenmin-life #cp_form .form_questionnaire h3:before {
  margin-right: 2%;
}
#kenmin-life #cp_form .form_questionnaire h3:after {
  margin-left: 2%;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_form .form_questionnaire h3:before,
  #kenmin-life #cp_form .form_questionnaire h3:after {
    width: 60px;
  }
}
#kenmin-life #cp_form .form_questionnaire p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
#kenmin-life #cp_form .form_questionnaire p .icon_checkbox {
  display: block;
  width: auto;
  height: 22px;
  padding: 0 4px;
}
#kenmin-life #cp_form .form_questionnaire dl {
  margin-top: 2em;
}
#kenmin-life #cp_form .form_questionnaire dt,
#kenmin-life #cp_form .form_questionnaire dd {
  font-size: 1em;
  line-height: 1.6;
}
#kenmin-life #cp_form .form_questionnaire dt {
  font-weight: bold;
  position: relative;
  padding-left: 40px;
  margin-bottom: 1em;
}
#kenmin-life #cp_form .form_questionnaire dt span {
  background-color: #4d4d4d;
  color: #fff;
  padding: 2px 5px;
  position: absolute;
  top: -2px;
  left: 0;
}
#kenmin-life #cp_form .privacy-policy_check {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}
#kenmin-life #cp_form .privacy-policy_check input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
#kenmin-life #cp_form .privacy-policy_check .wpcf7-list-item {
  margin: 0;
}
#kenmin-life #cp_form .privacy-policy_check .wpcf7-list-item label {
  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;
}
#kenmin-life #cp_form .privacy-policy_check a {
  color: #2271b1;
  font-weight: bold;
}
#kenmin-life #cp_form .privacy-policy_check a:hover {
  text-decoration: none;
}
#kenmin-life #cp_form .send-button {
  width: 100%;
  max-width: 240px;
  margin: auto;
}
#kenmin-life #cp_form .send-button input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  background-color: #ec7980;
  border: 1px solid #ec7980;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  padding: 0.75em 2em;
  width: 100%;
  height: auto;
  position: relative;
}
#kenmin-life #cp_form .send-button input[type="submit"]:hover {
  background-color: #fff;
  color: #ec7980;
}
#kenmin-life #cp_form .send-button input[type="submit"]:disabled {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #ccc;
}
#kenmin-life #cp_form .send-button input[type="submit"]:disabled:hover {
  background-color: #fff;
  color: #ccc;
}
#kenmin-life #cp_form .wpcf7 form .wpcf7-response-output {
  margin: 0 0.5em 1em;
}
#kenmin-life #cp_footer {
  border-top: 1px solid #4d4d4d;
}
#kenmin-life #cp_footer .container {
  padding: 4rem 0;
}
#kenmin-life #cp_footer .footer_01 {
  border-bottom: 1px solid #4d4d4d;
  padding-bottom: 3em;
  margin-bottom: 3em;
}
#kenmin-life #cp_footer .footer_01 ul {
  text-align: center;
}
#kenmin-life #cp_footer .footer_01 li.title {
  font-size: 1.5em;
  font-weight: bold;
}
#kenmin-life #cp_footer .footer_01 li.address {
  font-size: 1.875em;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_footer .footer_01 li.address {
    font-size: 6vw;
  }
}
#kenmin-life #cp_footer .footer_01 li.tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.5em;
  font-weight: bold;
  position: relative;
}
#kenmin-life #cp_footer .footer_01 li.tel img {
  width: auto;
  height: 38px;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_footer .footer_01 li.tel {
    font-size: 2.1428571429em;
    margin: 5px 0;
  }
}
#kenmin-life #cp_footer .footer_01 li a {
  color: inherit;
  display: block;
  margin-left: 5px;
  text-decoration: none;
}
#kenmin-life #cp_footer .footer_01 li a:hover {
  text-decoration: underline;
}
#kenmin-life #cp_footer .footer_01 li.time {
  font-size: 1.25em;
}
#kenmin-life #cp_footer .footer_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmin-life #cp_footer .footer_02 .title {
  font-size: 1.125em;
  margin-bottom: 10px;
  position: relative;
}
#kenmin-life #cp_footer .footer_02 .title:after {
  background-color: #4d4d4d;
  content: "";
  display: block;
  width: 95%;
  height: 1px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}
#kenmin-life #cp_footer .footer_02 .title span {
  background-color: #fff;
  padding: 5px 10px 5px 5px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_footer .footer_02 {
    display: block;
  }
  #kenmin-life #cp_footer .footer_02 .title {
    font-size: 1.2857142857em;
  }
}
#kenmin-life #cp_footer .organizer {
  width: 29%;
}
#kenmin-life #cp_footer .organizer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#kenmin-life #cp_footer .organizer li {
  width: 49%;
}
#kenmin-life #cp_footer .organizer li img {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_footer .organizer {
    width: 100%;
  }
  #kenmin-life #cp_footer .organizer ul {
    width: 95%;
    margin: auto;
  }
}
#kenmin-life #cp_footer .sponsors {
  width: 69%;
}
#kenmin-life #cp_footer .sponsors ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#kenmin-life #cp_footer .sponsors li {
  margin: 0 1%;
}
#kenmin-life #cp_footer .sponsors li img {
  width: 100%;
}
#kenmin-life #cp_footer .sponsors .note {
  font-size: 0.875em;
  text-align: right;
}
@media only screen and (max-width: 640px) {
  #kenmin-life #cp_footer .sponsors {
    width: 100%;
    margin-top: 1em;
  }
  #kenmin-life #cp_footer .sponsors ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 95%;
    margin: auto;
  }
  #kenmin-life #cp_footer .sponsors li {
    width: 48%;
    margin: 0 1%;
  }
  #kenmin-life #cp_footer .sponsors li img {
    width: 100%;
  }
}
.quiz-modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99999;
}
.quiz-modal .modal_bg {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 1;
}
.quiz-modal .modal_content {
  background: #fff;
  padding: 3em 1em 1em;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  max-width: 1000px;
  width: 90%;
  height: 90vh;
}
.quiz-modal .modal_content img {
  display: block;
  width: 100%;
}
.quiz-modal .modal_content a {
  color: #000;
  display: block;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  position: absolute;
  top: 2px;
  right: 6px;
}
.quiz-modal .modal_content a:hover {
  opacity: 0.8;
}
.quiz-modal .scroll-wrapper {
  overflow: scroll;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .quiz-modal .modal_content img {
    display: block;
    width: 100%;
  }
}
#portal-page-title.health-check {
  padding: 0;
}
#portal-page-title.health-check h1 img {
  width: 100%;
}
#portal-health-check-01 .container {
  padding: 12rem 0 6rem;
  width: 90%;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-01 .container {
    padding: 8rem 0 4rem;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-01 .container {
    padding: 6rem 0 3rem;
  }
}
#portal-health-check-01 .headline {
  text-align: center;
}
#portal-health-check-01 .headline .title {
  font-size: 2em;
  color: #5bb431;
  font-weight: 700;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-01 .headline .title {
    font-size: 1.8em;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-01 .headline .title {
    font-size: 1.5em;
  }
}
#portal-health-check-01 .headline .title .item01 {
  display: inline-block;
  width: 53px;
  height: 80px;
  background-image: url(../images/life/health-check/item01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: -22px;
  margin: auto 20px auto 0;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-01 .headline .title .item01 {
    width: 40px;
    height: 60px;
    vertical-align: -15px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-01 .headline .title .item01 {
    display: block;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    margin: 0 auto 10px;
  }
}
#portal-health-check-01 .text-box {
  width: 100%;
  max-width: 780px;
  margin: 3rem auto 0;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-01 .text-box {
    margin: 2rem auto 0;
  }
}
#portal-health-check-01 .text-box p {
  text-align: center;
  font-size: 1.4em;
  line-height: 1.8;
  letter-spacing: 0.15rem;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-01 .text-box p {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-01 .text-box p {
    text-align: left;
    font-size: 1.1em;
  }
}
#portal-health-check-02 .container {
  padding: 6rem 0;
  width: 90%;
  max-width: 1280px;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 .container {
    padding: 4rem 0;
    width: 95%;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 .container {
    padding: 3rem 0;
    width: 100%;
  }
}
#portal-health-check-02 #check {
  width: 100%;
  max-width: 980px;
  margin: -8rem auto 0;
  background-color: #5bb431;
  border-radius: 30px;
  padding: 50px 30px 30px 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check {
    margin: -5rem auto 0;
    border-radius: 20px;
    padding: 30px 20px 20px 20px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check {
    margin: 0 auto 0;
    border-radius: 10px;
    padding: 20px 10px 10px 10px;
  }
}
#portal-health-check-02 #check .item02 {
  display: block;
  width: 100%;
  height: 142px;
  background-image: url(../images/life/health-check/item02.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check .item02 {
    height: 100px;
    top: -50px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check .item02 {
    height: 71px;
    top: -35px;
  }
}
#portal-health-check-02 #check .check-inner {
  width: 100%;
  margin: 0 auto;
  background-color: #fffbe1;
  border-radius: 20px;
  padding: 100px 50px;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check .check-inner {
    border-radius: 10px;
    padding: 70px 20px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check .check-inner {
    border-radius: 5px;
    padding: 40px 10px;
  }
}
#portal-health-check-02 #check .enquete-list {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check .enquete-list {
    padding-bottom: 4rem;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check .enquete-list {
    padding-bottom: 2.5rem;
  }
}
#portal-health-check-02 #check .enquete-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check .enquete-question {
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check .enquete-question {
    display: block;
    padding-bottom: 1.5rem;
  }
}
#portal-health-check-02 #check .enquete-question p.q {
  height: 100%;
  font-size: 2.25em;
  padding: 0 6px 4px;
  text-align: center;
  background-color: #fff000;
  color: #3c4348;
  margin: 0;
  border-radius: 5px;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check .enquete-question p.q {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0.5rem;
    border-radius: 2.5px;
  }
}
#portal-health-check-02 #check .enquete-question p.text {
  font-size: 2em;
  text-align: justify;
  width: 86%;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check .enquete-question p.text {
    font-size: 1.8em;
    width: 84%;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check .enquete-question p.text {
    font-size: 1.5em;
    width: 100%;
  }
}
#portal-health-check-02 #check .enquete-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check .enquete-answer {
    display: block;
  }
}
#portal-health-check-02 #check-counter {
  position: sticky;
  top: 6rem;
  background-color: #fff000;
  width: 170px;
  text-align: center;
  padding: 34px 0;
  margin-bottom: 0rem;
  margin-left: auto;
  z-index: 2;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check-counter {
    width: 140px;
    top: 3rem;
    padding: 20px 0;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check-counter {
    top: 0;
    width: 90%;
    margin: 0 auto 3rem;
    padding: 17px 0;
  }
}
#portal-health-check-02 #check-counter p {
  font-weight: 700;
  font-size: 1.3em;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check-counter p {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check-counter p {
    font-size: 1.1em;
  }
}
#portal-health-check-02 #check-counter p .count {
  font-weight: 700;
  font-size: 1.65em;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-02 #check-counter p .count {
    font-size: 1.45em;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-02 #check-counter p .count {
    font-size: 1.3em;
  }
}
#portal-health-check-03 .container {
  width: 90%;
  max-width: 825px;
  padding-left: 0;
  padding-right: 0;
  opacity: 0;
  display: none;
}
#portal-health-check-03 .result {
  background-color: #fff;
  padding: 100px 0;
  position: relative;
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result {
    padding: 50px 0;
  }
}
#portal-health-check-03 .result-inner {
  width: 80%;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner {
    width: 90%;
  }
}
#portal-health-check-03 .result-inner .result-setup p {
  font-size: 2em;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .result-setup p {
    font-size: 1.6em;
  }
}
#portal-health-check-03 .result-inner .result-setup p .result-score {
  font-size: 1.5em;
  margin-left: 0.25em;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .result-setup p .result-score {
    font-size: 1.25em;
  }
}
#portal-health-check-03 .result-inner .result-view {
  opacity: 0;
  display: none;
}
#portal-health-check-03 .result-inner .result-view > p:nth-child(1) {
  font-size: 1.75em;
  text-align: center;
  margin: 1rem 0 0;
}
#portal-health-check-03 .result-inner .result-view > p:nth-child(1) span {
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .result-view > p:nth-child(1) {
    font-size: 1.5em;
  }
}
#portal-health-check-03 .result-inner .result-view .result-view-text-box {
  margin: 0.5rem auto 2rem;
}
#portal-health-check-03 .result-inner .result-view .result-view-text-box p {
  font-size: 3.4em;
  width: 100%;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  padding: 12px 0;
  letter-spacing: 0.1em;
  color: #fff;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .result-inner .result-view .result-view-text-box p {
    font-size: 3em;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .result-view .result-view-text-box p {
    font-size: 2em;
    padding: 24px 0;
    border-radius: 25px;
  }
}
#portal-health-check-03 .result-inner .result-view .result-view-voice-text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .result-inner .result-view .result-view-voice-text-box {
    display: block;
  }
}
#portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .voice-box {
  max-width: 570px;
  background-color: #f2f2f2;
  border-radius: 50px;
  padding: 30px;
  margin-bottom: 55px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .voice-box {
    max-width: inherit;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .voice-box {
    border-radius: 25px;
    padding: 25px;
  }
}
#portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .voice-box::before {
  content: "";
  position: absolute;
  width: 41px;
  height: 40px;
  bottom: -5px;
  left: 10px;
  background-image: url(../images/life/health-check/item06.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .voice-box::before {
    bottom: -20px;
    left: 100px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .voice-box::before {
    left: 0;
    right: 70px;
    margin: auto;
  }
}
#portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .voice-box p {
  font-size: 1.5em;
  text-align: justify;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .voice-box p {
    font-size: 1.3em;
  }
}
#portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .icon-box {
  position: absolute;
  width: 110px;
  bottom: 0;
  left: -25px;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .icon-box {
    position: static;
    display: block;
  }
}
#portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .icon-box .icon {
  margin: 0;
  width: 100%;
}
#portal-health-check-03 .result-inner .result-view .result-view-voice-text-box .icon-box .icon img {
  width: 100%;
}
#portal-health-check-03 .result-inner .result-view .result-text-box {
  margin: 2rem auto;
}
#portal-health-check-03 .result-inner .result-view .result-text-box p:first-child {
  text-align: justify;
  font-size: 1.3em;
}
#portal-health-check-03 .result-inner .result-view .result-text-box p:last-child {
  font-size: 1.15em;
  text-align: right;
}
#portal-health-check-03 .result-inner .enquete-commentary {
  margin-top: 4rem;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .enquete-commentary {
    margin-top: 2rem;
  }
}
#portal-health-check-03 .result-inner .enquete-term {
  font-size: 1.65em;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  background-color: #fff;
  color: #5bb431;
  border: 5px solid #5bb431;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .result-inner .enquete-term {
    font-size: 1.45em;
    border-width: 4px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .enquete-term {
    font-size: 1.3em;
    border-width: 2px;
  }
}
#portal-health-check-03 .result-inner .enquete-description {
  font-size: 1.3em;
  text-align: justify;
  border: 5px solid #5bb431;
  border-top: none;
  padding: 20px;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .result-inner .enquete-description {
    font-size: 1.2em;
    border-width: 4px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .enquete-description {
    font-size: 1.1em;
    padding: 30px 10px;
    border-width: 2px;
  }
}
#portal-health-check-03 .result-inner .enquete-description p {
  margin-bottom: 30px;
}
#portal-health-check-03 .result-inner .enquete-description p .q {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  font-size: 1.65em;
  padding: 0 6px 4px;
  text-align: center;
  background-color: #fff000;
  color: #3c4348;
  margin: 0 0 10px;
  border-radius: 5px;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .enquete-description p .q {
    border-radius: 2.5px;
    margin-bottom: 5px;
  }
}
#portal-health-check-03 .result-inner .enquete-description p .your-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .enquete-description p .your-selected {
    display: block;
  }
}
#portal-health-check-03 .result-inner .enquete-description p .your-selected .text {
  font-size: 1em;
  font-weight: 700;
  width: 135px;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .enquete-description p .your-selected .text {
    width: 100%;
  }
}
#portal-health-check-03 .result-inner .enquete-description p .your-selected .selected-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 70%;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .enquete-description p .your-selected .selected-list {
    width: 100%;
    margin-bottom: 10px;
  }
}
#portal-health-check-03 .result-inner .enquete-description p .your-selected .selected-list .list {
  display: block;
  width: 100%;
  font-size: 1.2em;
  margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .result-inner .enquete-description p .your-selected .selected-list .list {
    width: 50% !important;
  }
}
#portal-health-check-03 .result-inner .enquete-description p .your-selected .selected-list .list > span {
  display: inline-block;
  width: 80px;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
}
#portal-health-check-03 .result-inner .enquete-description p:last-child {
  margin-bottom: 0;
}
#portal-health-check-03 .result-inner .enquete-description p:nth-child(2) .your-selected .selected-list .list {
  width: 140px;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .result-inner .enquete-description p:nth-child(2) .your-selected .selected-list .list {
    width: 40%;
  }
}
#portal-health-check-03 .result-inner .enquete-description p:nth-child(10) .your-selected .selected-list .list {
  width: 40%;
}
#portal-health-check-03 .result .button-post-accordion:hover,
#portal-health-check-03 .result .button-post-accordion.open {
  background-color: #5bb431;
  color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#portal-health-check-03 .result .button-post-accordion:hover::after,
#portal-health-check-03 .result .button-post-accordion.open::after {
  border-color: #fff;
}
#portal-health-check-03 .line-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
}
#portal-health-check-03 .line-box .line-r,
#portal-health-check-03 .line-box .line-g,
#portal-health-check-03 .line-box .line-b {
  width: 100%;
  height: 100%;
  will-change: transform;
  -webkit-transition: -webkit-transform 1s linear;
  transition: -webkit-transform 1s linear;
  transition: transform 1s linear;
  transition: transform 1s linear, -webkit-transform 1s linear;
}
#portal-health-check-03 .line-box .line-r {
  background-color: #ec7980;
}
#portal-health-check-03 .line-box .line-g {
  background-color: #5bb431;
}
#portal-health-check-03 .line-box .line-b {
  background-color: #00adba;
}
#portal-health-check-03 .line-box.top {
  top: 0;
  left: 0;
  width: calc(100% - 20px);
  height: 20px;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .line-box.top {
    width: calc(100% - 10px);
    height: 10px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .line-box.top {
    width: calc(100% - 5px);
    height: 5px;
  }
}
#portal-health-check-03 .line-box.top .line-r {
  max-width: 35%;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
#portal-health-check-03 .line-box.top .line-g {
  max-width: 65%;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
#portal-health-check-03 .line-box.right {
  right: 0;
  top: 0;
  width: 20px;
  height: calc(100% - 20px + 0.1%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .line-box.right {
    width: 10px;
    height: calc(100% - 10px + 0.1%);
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .line-box.right {
    width: 5px;
    height: calc(100% - 5px + 0.1%);
  }
}
#portal-health-check-03 .line-box.right .line-r {
  max-height: 33.333%;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
#portal-health-check-03 .line-box.right .line-g {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
#portal-health-check-03 .line-box.right .line-b {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
#portal-health-check-03 .line-box.bottom {
  bottom: 0;
  right: 0;
  width: calc(100% - 20px);
  height: 20px;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .line-box.bottom {
    width: calc(100% - 10px);
    height: 10px;
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .line-box.bottom {
    width: calc(100% - 5px);
    height: 5px;
  }
}
#portal-health-check-03 .line-box.bottom .line-g {
  max-width: 35%;
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
#portal-health-check-03 .line-box.bottom .line-b {
  max-width: 65%;
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
#portal-health-check-03 .line-box.left {
  left: 0;
  bottom: 0;
  width: 20px;
  height: calc(100% - 20px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}
@media only screen and (max-width: 1000px) {
  #portal-health-check-03 .line-box.left {
    width: 10px;
    height: calc(100% - 10px);
  }
}
@media only screen and (max-width: 640px) {
  #portal-health-check-03 .line-box.left {
    width: 5px;
    height: calc(100% - 5px);
  }
}
#portal-health-check-03 .line-box.left .line-r {
  max-height: 50%;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
#portal-health-check-03 .line-box.left .line-b {
  max-height: 50%;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
#portal-health-check-04 .container {
  padding: 6rem 0 12rem;
  max-width: 980px;
  width: 90%;
}
@media only screen and (max-width: 640px) {
  #portal-health-check-04 .container {
    padding: 3rem 0 6rem;
  }
}
#portal-health-check-04 a {
  display: block;
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#portal-health-check-04 a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#portal-health-check-04 a img {
  width: 100%;
}
#check input[type="text"],
#check input[type="email"],
#check input[type="tel"],
#check input[type="date"],
#check textarea,
#check select,
#check input[type="file"],
#check input[type="radio"],
#check input[type="checkbox"],
#check input[type="button"],
#check input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#check label {
  cursor: pointer;
  display: inline-block;
  width: 178px;
  margin: auto 12px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #check label {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto 24px;
  }
}
#check input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
  opacity: 0;
  width: 1px;
  position: absolute;
  height: 1px;
}
#check input[type="radio"] + span {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  cursor: pointer;
  padding: 5px;
  font-weight: 400;
  font-size: 1.3em;
  background-color: #999;
  color: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#check input[type="radio"].q-y + span:hover,
#check input[type="radio"].q-y:checked + span {
  background-color: #ec7980;
}
#check input[type="radio"].q-n + span:hover,
#check input[type="radio"].q-n:checked + span {
  background-color: #00adba;
}
#check input[type="button"] {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.75em;
  font-weight: 700;
  padding: 50px 0;
  border: none;
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
}
@media only screen and (max-width: 1000px) {
  #check input[type="button"] {
    font-size: 1.5em;
    padding: 40px 0;
  }
}
@media only screen and (max-width: 640px) {
  #check input[type="button"] {
    font-size: 1.4em;
    padding: 30px 0;
  }
}
#check input[type="button"].result-btn {
  background-color: #fff000;
  cursor: pointer;
}
#check input[type="button"].result-btn:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
}
@media only screen and (max-width: 640px) {
  #check input[type="button"].result-btn:hover {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
}
#check input[type="button"].disabled {
  background-color: #999;
  color: #fff;
  pointer-events: none;
}
.anchor {
  display: block;
  padding-top: 2rem;
  margin-top: -2rem;
}
#frail_lp .section-title {
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 0;
}
#frail_lp .section-title-wrapper {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 640px) {
  #frail_lp .section-title {
    font-size: 2.1428571429em;
  }
  #frail_lp .section-title-wrapper {
    margin-bottom: 1.5rem;
  }
}
#frail_hero h1 img {
  width: 100%;
}
#frail_about {
  margin: 6rem auto;
}
@media only screen and (max-width: 640px) {
  #frail_about {
    margin: 3rem auto;
  }
}
#frail_about .text-box {
  margin-bottom: 3rem;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #frail_about .text-box {
    margin-bottom: 2rem;
    text-align: left;
  }
}
#frail_about .text-box p {
  font-size: 1.125em;
  line-height: 2;
}
#frail_about .img-box {
  max-width: 700px;
  margin: auto;
}
#frail_about .img-box img {
  width: 100%;
}
#frail_check {
  background-color: #7d8bba;
  margin: 6rem auto;
  padding: 80px 15px 3rem;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #frail_check {
    margin: 4rem auto;
    padding: 35px 5px 2.5rem;
  }
}
#frail_check:after {
  content: "";
  display: block;
  background-image: url(../images/frail/clip.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 350px;
  height: 108px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  #frail_check:after {
    width: 180px;
    height: 56px;
  }
}
#frail_check .container {
  background-color: #fff;
  border-radius: 10px;
  padding: 4rem 20px 3rem;
  width: 90%;
}
@media only screen and (max-width: 640px) {
  #frail_check .container {
    padding-top: 3rem;
  }
}
#frail_check .section-title-wrapper {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 640px) {
  #frail_check .section-title-wrapper {
    margin-bottom: 1.5rem;
  }
}
#frail_check .flex-contents {
  width: 90%;
  margin: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#frail_check .flex-contents .text-box {
  width: 52%;
}
#frail_check .flex-contents .text-box p {
  font-size: 1.125em;
  line-height: 2;
}
#frail_check .flex-contents .img-box {
  width: 42%;
}
#frail_check .flex-contents .img-box img {
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #frail_check .flex-contents {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #frail_check .flex-contents {
    display: block;
  }
  #frail_check .flex-contents .text-box {
    width: 100%;
  }
  #frail_check .flex-contents .img-box {
    width: 100%;
    margin-top: 1.5rem;
  }
}
#frail_check .check_list_title {
  display: inline;
  font-size: 2em;
  font-weight: bold;
  padding-left: 80px;
  position: relative;
}
#frail_check .check_list_title:after {
  content: "";
  display: block;
  background-image: url(../images/frail/icon-check.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 70px;
  height: 77px;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 0;
  margin: auto;
}
#frail_check .check_list_title-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 3rem auto 2.5rem;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #frail_check .check_list_title {
    padding-left: 0;
    text-align: center;
  }
  #frail_check .check_list_title:after {
    content: none;
  }
  #frail_check .check_list_title-wrapper {
    margin: 2.5rem auto 0.75rem;
  }
}
#frail_check .check_list {
  width: 90%;
  margin: auto;
}
@media only screen and (max-width: 1000px) {
  #frail_check .check_list {
    width: 100%;
  }
}
#frail_check .check_item {
  border-bottom: 1px dotted #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 0;
}
#frail_check .check_item .no {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: #f8d0d3;
  border-radius: 8px;
  border: 1px solid #f8d0d3;
  font-size: 1.125em;
  width: 65px;
  height: 55px;
}
@media only screen and (max-width: 1000px) {
  #frail_check .check_item .no {
    margin-bottom: 0.75rem;
    height: 40px;
  }
}
#frail_check .check_item .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #f8d0d3;
  font-size: 1em;
  width: 100px;
  height: 55px;
  margin-left: 10px;
}
#frail_check .check_item .cat span {
  font-size: 80%;
}
@media only screen and (max-width: 1000px) {
  #frail_check .check_item .cat {
    margin: 0 20% 0.75rem 10px;
    height: 40px;
  }
}
@media only screen and (max-width: 640px) {
  #frail_check .check_item .cat {
    margin: 0 0 0.75rem 10px;
  }
}
#frail_check .check_item .text {
  font-size: 1.125em;
  margin: 0 10px;
  width: calc(100% - 385px);
}
@media only screen and (max-width: 1000px) {
  #frail_check .check_item .text {
    margin: 0 10px 0 0;
    width: calc(100% - 200px);
  }
}
@media only screen and (max-width: 640px) {
  #frail_check .check_item .text {
    width: 100%;
    margin: 0.75rem 0 1.25rem;
  }
}
#frail_check .check_item .choices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 190px;
}
#frail_check .check_item .choices li {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
  font-size: 0.9375em;
  width: 90px;
  height: 55px;
}
#frail_check .check_item .choices li span {
  font-size: 80%;
}
#frail_check .check_item .choices li:nth-child(1) {
  border: 1px solid #f19ca6;
}
#frail_check .check_item .choices li:nth-child(1).select {
  background-color: #f19ca6;
  color: #fff;
}
#frail_check .check_item .choices li:nth-child(2) {
  border: 1px solid #7d8bab;
}
#frail_check .check_item .choices li:nth-child(2).select {
  background-color: #7d8bab;
  color: #fff;
}
@media only screen and (max-width: 1000px) {
  #frail_check .check_item .choices li {
    height: 50px;
  }
}
@media only screen and (max-width: 640px) {
  #frail_check .check_item .choices li {
    height: 40px;
  }
}
#frail_prevention {
  margin: 6rem auto;
}
@media only screen and (max-width: 640px) {
  #frail_prevention {
    margin: 3rem auto;
  }
}
#frail_prevention .lead {
  font-size: 1.125em;
  line-height: 2;
  margin: 3rem auto;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #frail_prevention .lead {
    margin: 1.5rem auto;
    text-align: left;
  }
}
#frail_prevention ol {
  font-size: 1.25em;
  max-width: 620px;
  margin: auto;
}
#frail_prevention ol li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}
#frail_prevention ol li:nth-child(1) span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #c3cbdb));
  background: linear-gradient(transparent 60%, #c3cbdb 60%);
}
#frail_prevention ol li:nth-child(2) span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff8b0));
  background: linear-gradient(transparent 60%, #fff8b0 60%);
}
#frail_prevention ol li:nth-child(3) span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #f8d0d3));
  background: linear-gradient(transparent 60%, #f8d0d3 60%);
}
#frail_prevention ol li:nth-child(4) span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #d2e6b4));
  background: linear-gradient(transparent 60%, #d2e6b4 60%);
}
#frail_prevention .flex-contents {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#frail_prevention .flex-contents a {
  color: inherit;
  display: block;
  width: 46%;
  margin: 0 2%;
  text-decoration: none;
}
#frail_prevention .flex-contents a img {
  width: 100%;
}
#frail_prevention .flex-contents a p {
  font-size: 1.25em;
  margin-top: 0.75rem;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #frail_prevention .flex-contents a {
    width: 100%;
    margin: 0;
  }
  #frail_prevention .flex-contents a:last-child {
    margin: 2rem 0 0;
  }
}
#frail_point {
  background-color: #f19ca6;
  margin: 6rem auto;
}
@media only screen and (max-width: 640px) {
  #frail_point {
    margin: 3rem auto;
  }
}
#frail_point .container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media only screen and (max-width: 640px) {
  #frail_point .container {
    padding-top: 4rem;
  }
}
#frail_point .section-title {
  color: #003b82;
}
#frail_point .section-title span {
  font-size: 150%;
  padding: 0 5px;
}
#frail_point .section-title-wrapper {
  margin-bottom: 3rem;
}
#frail_point .flex-contents {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  #frail_point .flex-contents {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#frail_point .point {
  width: 23.5%;
  margin: 0 2% 3rem 0;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  #frail_point .point {
    width: 48%;
  }
}
@media only screen and (max-width: 640px) {
  #frail_point .point {
    width: calc(320px - 2%);
    margin: 0 1% 3rem;
  }
}
#frail_point .point .cat {
  width: 180px;
  position: absolute;
  top: -1rem;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#frail_point .point .cat h3 {
  background-color: #fff57f;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2em;
  font-weight: bold;
  padding: 0.5rem 1rem;
  line-height: 1;
  width: 100%;
}
#frail_point .point p {
  background-color: #fff;
  border-radius: 10px;
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem 1rem 1rem;
  widows: 100%;
  min-height: 200px;
}
@media only screen and (max-width: 1000px) {
  #frail_point .point p {
    font-size: 1.125em;
  }
}
@media only screen and (max-width: 640px) {
  #frail_point .point p {
    font-size: 1.25em;
  }
}
#frail_point :nth-child(4) {
  margin: 0 0 3rem;
}
#cat-description {
  position: relative;
}
#cat-description:after {
  background-image: url(../images/portal/bg-portal.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 250px;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  #cat-description:after {
    height: 200px;
  }
}
#cat-description .container {
  padding-top: 4em;
  padding-bottom: 1em;
  position: relative;
  z-index: 1;
}
#cat-description h2 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 1.5em;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}
#cat-description h2:after {
  background-color: #1eaa38;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  height: 2px;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  #cat-description h2 {
    font-size: 1.375em;
  }
  #cat-description h2:after {
    width: 60px;
  }
}
#cat-description .img-box {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  color: inherit;
  display: block;
  margin: auto;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  width: 180px;
  height: 180px;
}
@media only screen and (max-width: 640px) {
  #cat-description .img-box {
    width: 130px;
    height: 130px;
  }
}
#cat-description .img-box img {
  width: 90%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  vertical-align: middle;
  z-index: 1;
}
#cat-list {
  margin-top: 2em;
  margin-bottom: 3.5em;
}
#cat-list h2 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 1.5em;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}
#cat-list h2:after {
  background-color: #1eaa38;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  height: 2px;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  #cat-list h2 {
    font-size: 1.375em;
  }
  #cat-list h2:after {
    width: 60px;
  }
}
#cat-list .flex-contents {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cat-list a {
  color: inherit;
  display: block;
  text-decoration: none;
  margin: 0.5em;
  width: calc(12.5% - 1em);
}
#cat-list a:hover .icon-wrapper {
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 1000px) {
  #cat-list a {
    margin: 0.5em 1em 1.5em;
    width: calc(25% - 2em);
  }
}
@media only screen and (max-width: 640px) {
  #cat-list a {
    margin: 0.5em 0.5em 1em;
    width: calc(33.3333333333% - 1em);
  }
}
#cat-list a .icon-wrapper {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  margin-bottom: 5px;
}
#cat-list a img {
  width: 80%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  vertical-align: middle;
  z-index: 1;
}
#cat-list a p {
  font-size: 0.6vw;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  #cat-list a p {
    font-size: 0.6666666667em;
  }
}
#archive-post-kenkoinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 4em;
  padding-bottom: 1em;
}
@media only screen and (max-width: 1000px) {
  #archive-post-kenkoinfo {
    padding-top: 2em;
  }
}
#archive-post-kenkoinfo .post-kenkoinfo {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  margin: 0 1em 2em;
  overflow: hidden;
  position: relative;
  width: calc(33.3333333333% - 2em);
}
#archive-post-kenkoinfo .post-kenkoinfo:hover {
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 1000px) {
  #archive-post-kenkoinfo .post-kenkoinfo {
    width: calc(50% - 2em);
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-kenkoinfo .post-kenkoinfo {
    margin: 0 auto 2em;
    width: 100%;
  }
}
#archive-post-kenkoinfo a {
  color: inherit;
  display: block;
  height: 100%;
  padding: 1em 1em 3.5em;
  text-decoration: none;
}
#archive-post-kenkoinfo .title {
  font-weight: bold;
  margin-bottom: 0.5em;
}
#archive-post-kenkoinfo .text {
  font-size: 0.9375em;
  line-height: 1.8;
}
#archive-post-kenkoinfo .post-cat {
  background-color: #f2b50e;
  color: #fff;
  display: inline-block;
  font-size: 0.875em;
  padding: 2px 5px;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
#portal-kenkomemo {
  position: relative;
}
#portal-kenkomemo:after {
  background-image: url(../images/portal/portal-memo.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 60%;
  height: 100%;
  z-index: 0;
}
@media only screen and (max-width: 1000px) {
  #portal-kenkomemo:after {
    width: 100%;
    height: 80%;
  }
}
@media only screen and (max-width: 640px) {
  #portal-kenkomemo:after {
    height: 60%;
  }
}
#portal-kenkomemo .container {
  padding: 0;
  position: relative;
  z-index: 1;
}
#portal-kenkomemo .text-box {
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(255, 255, 255) 25%);
  margin: 0 0 0 auto;
  padding-top: 8em;
  padding-bottom: 8em;
  padding-left: 15%;
  width: 60%;
}
@media only screen and (max-width: 1000px) {
  #portal-kenkomemo .text-box {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(60%, rgb(255, 255, 255)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 60%);
    margin: auto;
    padding: 50% 30px 4em;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #portal-kenkomemo .text-box {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%);
    margin: auto;
    padding: 280px 15px 4em;
    width: 100%;
  }
}
#portal-kenkomemo h2 {
  color: #1eaa38;
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1.25em;
  text-align: left;
}
@media only screen and (max-width: 1000px) {
  #portal-kenkomemo h2 {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  #portal-kenkomemo h2 {
    font-size: 1.375em;
  }
}
#portal-kenkomemo .lead {
  line-height: 2;
}
#archive-post-kenkomemo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 4em;
  padding-bottom: 2em;
}
@media only screen and (max-width: 1000px) {
  #archive-post-kenkomemo {
    padding-top: 1em;
  }
}
#archive-post-kenkomemo .post-kenkomemo {
  margin: 0 1em 2em;
  width: calc(33.3333333333% - 2em);
}
@media only screen and (max-width: 1000px) {
  #archive-post-kenkomemo .post-kenkomemo {
    width: calc(50% - 2em);
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-kenkomemo .post-kenkomemo {
    margin: 0 auto 2em;
    width: 100%;
  }
}
#archive-post-kenkomemo a {
  color: inherit;
  display: block;
  margin: auto;
  text-decoration: none;
}
#archive-post-kenkomemo a:hover .img-box img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
#archive-post-kenkomemo .img-box {
  background-color: #ecf2e6;
  overflow: hidden;
  padding-top: 65%;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #archive-post-kenkomemo .img-box {
    padding-top: 80%;
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-kenkomemo .img-box {
    padding-top: 65%;
  }
}
#archive-post-kenkomemo .img-box img {
  width: 105%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  vertical-align: middle;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  #archive-post-kenkomemo .img-box img {
    width: 120%;
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-kenkomemo .img-box img {
    width: 105%;
  }
}
#archive-post-kenkomemo .text-box {
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(53, 47, 47, 0.15);
  box-shadow: 0 0 8px rgba(53, 47, 47, 0.15);
  margin: auto;
  padding: 1.5em 1em;
  width: 95%;
  position: relative;
  margin-top: -2em;
  z-index: 2;
}
#archive-post-kenkomemo .text-box h3 {
  color: #707070;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#archive-post-kenkomemo .text-box p {
  font-size: 0.9375em;
  line-height: 1.8;
  margin-bottom: 1em;
}
#archive-post-kenkomemo .post-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#archive-post-kenkomemo .post-info .post-meta {
  color: #1eaa38;
  margin-bottom: 2px;
}
#archive-post-kenkomemo .post-info .post-cat {
  background-color: #f2b50e;
  color: #fff;
  font-size: 0.875em;
  margin-bottom: 2px;
  padding: 2px 5px;
}
#archive-search {
  padding-top: 4em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 1000px) {
  #archive-search {
    padding-top: 1em;
    padding-bottom: 2em;
  }
}
#archive-search .post-kenkomemo {
  margin: 0 1em 2em;
  width: calc(33.3333333333% - 2em);
}
@media only screen and (max-width: 1000px) {
  #archive-search .post-kenkomemo {
    width: calc(50% - 2em);
  }
}
@media only screen and (max-width: 640px) {
  #archive-search .post-kenkomemo {
    margin: 0 auto 2em;
    width: 100%;
  }
}
#archive-search a {
  border-bottom: 1px solid #d3d3d3;
  color: inherit;
  display: block;
  padding: 1em 0;
  text-decoration: none;
}
#archive-search a:hover {
  color: #1eaa38;
}
#archive-search dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #archive-search dl {
    display: block;
  }
}
#archive-search dt {
  font-weight: bold;
  width: 100px;
}
@media only screen and (max-width: 640px) {
  #archive-search dt {
    width: 100%;
    margin-bottom: 5px;
  }
}
#archive-search dd {
  width: calc(100% - 100px);
}
#archive-search dd h2 {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #archive-search dd {
    width: 100%;
  }
}
#archive-post-event {
  padding-top: 4em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 1000px) {
  #archive-post-event {
    padding-top: 1em;
    padding-bottom: 2em;
  }
}
#archive-post-event .post-kenkomemo {
  margin: 0 1em 2em;
  width: calc(33.3333333333% - 2em);
}
@media only screen and (max-width: 1000px) {
  #archive-post-event .post-kenkomemo {
    width: calc(50% - 2em);
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-event .post-kenkomemo {
    margin: 0 auto 2em;
    width: 100%;
  }
}
#archive-post-event a {
  border-bottom: 1px solid #d3d3d3;
  color: inherit;
  display: block;
  padding: 1em 0;
  text-decoration: none;
}
#archive-post-event a:hover {
  color: #1eaa38;
}
#archive-post-event dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #archive-post-event dl {
    display: block;
  }
}
#archive-post-event dt {
  font-weight: bold;
  width: 100px;
}
@media only screen and (max-width: 640px) {
  #archive-post-event dt {
    width: 100%;
    margin-bottom: 5px;
  }
}
#archive-post-event dd {
  width: calc(100% - 100px);
}
#archive-post-event dd h2 {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #archive-post-event dd {
    width: 100%;
  }
}
#portal-tv {
  position: relative;
}
#portal-tv:after {
  background-image: url(../images/portal/portal-tv.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 60%;
  height: 100%;
  z-index: 0;
}
@media only screen and (max-width: 1000px) {
  #portal-tv:after {
    width: 100%;
    height: 80%;
  }
}
@media only screen and (max-width: 640px) {
  #portal-tv:after {
    height: 60%;
  }
}
#portal-tv .container {
  padding: 0;
  position: relative;
  z-index: 1;
}
#portal-tv .text-box {
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 15%, rgb(255, 255, 255) 25%);
  margin: 0 0 0 auto;
  padding-top: 8em;
  padding-bottom: 8em;
  padding-left: 14%;
  width: 60%;
}
@media only screen and (max-width: 1000px) {
  #portal-tv .text-box {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(60%, rgb(255, 255, 255)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 60%);
    margin: auto;
    padding: 50% 30px 4em;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #portal-tv .text-box {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%);
    margin: auto;
    padding: 280px 15px 4em;
    width: 100%;
  }
}
#portal-tv h2 {
  color: #1eaa38;
  font-size: 1.625em;
  font-weight: bold;
  margin-bottom: 1.25em;
  text-align: left;
}
@media only screen and (max-width: 1000px) {
  #portal-tv h2 {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  #portal-tv h2 {
    font-size: 1.375em;
  }
}
#portal-tv .lead {
  line-height: 2;
}
#archive-post-tv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 4em;
  padding-bottom: 2em;
}
@media only screen and (max-width: 1000px) {
  #archive-post-tv {
    padding-top: 1em;
  }
}
#archive-post-tv .post-tv {
  margin: 0 1em 2em;
  width: calc(33.3333333333% - 2em);
}
@media only screen and (max-width: 1000px) {
  #archive-post-tv .post-tv {
    width: calc(50% - 2em);
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-tv .post-tv {
    margin: 0 auto 2em;
    width: 100%;
  }
}
#archive-post-tv a {
  color: inherit;
  display: block;
  margin: auto;
  text-decoration: none;
}
#archive-post-tv a:hover .img-box img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
#archive-post-tv .img-box {
  background-color: #ecf2e6;
  overflow: hidden;
  padding-top: 55%;
  position: relative;
  width: 100%;
}
#archive-post-tv .img-box:after {
  background-image: url(../images/portal/icon-video.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
  height: 50px;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  #archive-post-tv .img-box {
    padding-top: 65%;
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-tv .img-box {
    padding-top: 55%;
  }
}
#archive-post-tv .img-box img {
  width: 105%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  vertical-align: middle;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  #archive-post-tv .img-box img {
    width: 120%;
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-tv .img-box img {
    width: 105%;
  }
}
#archive-post-tv .text-box h3 {
  color: #707070;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
#archive-post-tv .text-box p {
  font-size: 0.9375em;
  line-height: 1.8;
  margin-bottom: 1em;
}
#archive-post-kenkouchallenge_news {
  padding-top: 4em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 1000px) {
  #archive-post-kenkouchallenge_news {
    padding-top: 1em;
    padding-bottom: 2em;
  }
}
#archive-post-kenkouchallenge_news .post-kenkomemo {
  margin: 0 1em 2em;
  width: calc(33.3333333333% - 2em);
}
@media only screen and (max-width: 1000px) {
  #archive-post-kenkouchallenge_news .post-kenkomemo {
    width: calc(50% - 2em);
  }
}
@media only screen and (max-width: 640px) {
  #archive-post-kenkouchallenge_news .post-kenkomemo {
    margin: 0 auto 2em;
    width: 100%;
  }
}
#archive-post-kenkouchallenge_news a {
  border-bottom: 1px solid #d3d3d3;
  color: inherit;
  display: block;
  padding: 1em 0;
  text-decoration: none;
}
#archive-post-kenkouchallenge_news a:hover {
  color: #1eaa38;
}
#archive-post-kenkouchallenge_news dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 640px) {
  #archive-post-kenkouchallenge_news dl {
    display: block;
  }
}
#archive-post-kenkouchallenge_news dt {
  font-weight: bold;
  width: 100px;
}
@media only screen and (max-width: 640px) {
  #archive-post-kenkouchallenge_news dt {
    width: 100%;
    margin-bottom: 5px;
  }
}
#archive-post-kenkouchallenge_news dd {
  width: calc(100% - 100px);
}
#archive-post-kenkouchallenge_news dd h2 {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  #archive-post-kenkouchallenge_news dd {
    width: 100%;
  }
}
.no-post {
  font-size: 1.125em;
  font-weight: bold;
  padding: 2em 5px;
  text-align: center;
  width: 100%;
}
.wp-block-media-text,
.wp-block-image,
.wp-block-columns,
#single-content table,
#single-content dl,
#single-content ol,
#single-content ul,
#single-content figcaption,
#single-content blockquote,
#single-content p,
#single-content h6,
#single-content h5,
#single-content h4,
#single-content h3,
#single-content h2,
#single-content h1 {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-media-text,
.wp-block-image,
.wp-block-columns,
#single-content dl,
#single-content ol,
#single-content ul,
#single-content figcaption,
#single-content blockquote,
#single-content p,
#single-content h6,
#single-content h5,
#single-content h4,
#single-content h3,
#single-content h2,
#single-content h1 {
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 640px) {
  .wp-block-media-text,
  .wp-block-image,
  .wp-block-columns,
  #single-content dl,
  #single-content ol,
  #single-content ul,
  #single-content figcaption,
  #single-content blockquote,
  #single-content p,
  #single-content h6,
  #single-content h5,
  #single-content h4,
  #single-content h3,
  #single-content h2,
  #single-content h1 {
    margin-bottom: 3vw;
  }
}
#single-content h1 {
  background-color: #ecf2e6;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}
@media only screen and (max-width: 640px) {
  #single-content h1 {
    font-size: 1.5em;
  }
}
#single-content h2 {
  background-color: #ecf2e6;
  font-size: 1.875em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}
@media only screen and (max-width: 640px) {
  #single-content h2 {
    font-size: 1.375em;
  }
}
#single-content h3 {
  border-bottom: 2px solid #1eaa38;
  font-size: 1.625em;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 5px;
}
@media only screen and (max-width: 640px) {
  #single-content h3 {
    font-size: 1.25em;
  }
}
#single-content h4 {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 5px;
  position: relative;
}
#single-content h4:after {
  background: linear-gradient(90deg, #1eaa38 0%, #1eaa38 100px, #d3d3d3 100px, #d3d3d3 100%);
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
@media only screen and (max-width: 640px) {
  #single-content h4 {
    font-size: 1.125em;
  }
}
#single-content h5 {
  border-left: 3px solid #1eaa38;
  padding-left: 10px;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 640px) {
  #single-content h5 {
    font-size: 1em;
  }
}
#single-content h6 {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 640px) {
  #single-content h6 {
    font-size: 1em;
  }
}
#single-content p {
  line-height: 1.8;
  word-break: break-word;
}
#single-content p.has-background {
  padding: 5px;
}
#single-content blockquote {
  background-color: #fff;
  border: 5px solid #ecf2e6;
  padding: 2rem;
}
#single-content blockquote p {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  #single-content blockquote {
    padding: 1.25rem;
  }
}
#single-content strong {
  font-weight: bold;
}
#single-content sup {
  font-size: small;
  vertical-align: top;
}
#single-content img {
  border: 1px solid #ccc;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  margin: 0 auto 10px;
}
#single-content figcaption {
  color: #707070;
  font-size: 0.875em;
  margin-top: 0;
  text-align: left;
}
#single-content ul {
  list-style: disc;
}
#single-content ul ul,
#single-content ul ol {
  width: auto;
  margin-bottom: 0;
}
#single-content ol {
  list-style: decimal;
}
#single-content ol ul,
#single-content ol ol {
  width: auto;
  margin-bottom: 0;
}
#single-content li {
  margin: 5px 0 5px 1.5em;
}
#single-content table {
  border-collapse: collapse;
  border: 2px solid #d3d3d3;
  margin-bottom: 5px;
  vertical-align: top;
}
#single-content th {
  background-color: #ecf2e6;
  border: 2px solid #d3d3d3;
  padding: 0.5em;
  vertical-align: top;
}
#single-content td {
  border: 2px solid #d3d3d3;
  padding: 0.5em;
  vertical-align: top;
}
.has-base-white-color {
  color: #fff;
}
.has-base-white-background-color {
  background-color: #fff;
}
.has-base-gray-color {
  color: #d3d3d3;
}
.has-base-gray-background-color {
  background-color: #d3d3d3;
}
.has-base-color-color {
  color: #3b4043;
}
.has-base-color-background-color {
  background-color: #3b4043;
}
.has-base-red-color {
  color: red;
}
.has-base-red-background-color {
  background-color: red;
}
.has-base-yellow-color {
  color: #ff0;
}
.has-base-yellow-background-color {
  background-color: #ff0;
}
.has-base-green-color {
  color: #1eaa38;
}
.has-base-green-background-color {
  background-color: #1eaa38;
}
.has-light-green-color {
  color: #ecf2e6;
}
.has-light-green-background-color {
  background-color: #ecf2e6;
}
.has-base-orange-color {
  color: #f2b50e;
}
.has-base-orange-background-color {
  background-color: #f2b50e;
}
.has-link-blue-color {
  color: #0066c0;
}
.has-link-blue-background-color {
  background-color: #0066c0;
}
.wp-block-columns > .wp-block-columns {
  margin: 0;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0 0 0 5%;
}
.wp-block-media-text .wp-block-media-text__content p.has-large-font-size {
  font-size: 1em !important;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding: 0 5% 0 0;
}
.wp-block-columns.layout-3columns {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.wp-block-columns.layout-3columns .wp-block-column {
  width: calc(33.3333333333% - 1em);
  margin: 0 0.5em;
}
.wp-block-columns.layout-3columns .wp-block-column .wp-block-image {
  margin: auto;
}
.wp-block-columns.layout-2columns {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.wp-block-columns.layout-2columns .wp-block-column {
  width: calc(50% - 1em);
  margin: 0 0.5em;
}
.wp-block-columns.layout-2columns .wp-block-column .wp-block-image {
  margin: auto;
}
.wp-block-table {
  margin: 0 auto;
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 640px) {
  .wp-block-table {
    margin-bottom: 3vw;
  }
}
.annotation {
  color: #707070;
  font-size: 0.8125em;
  line-height: 1.4 !important;
}
.post-accordion-wrapper {
  margin-bottom: 0;
}
.button-post-accordion {
  cursor: pointer;
  padding-right: 50px !important;
  position: relative;
}
.button-post-accordion:after {
  content: "";
  display: block;
  border-top: 2px solid #1eaa38;
  border-right: 2px solid #1eaa38;
  width: 12px;
  height: 12px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 20px;
  margin: auto;
}
.button-post-accordion.open:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media only screen and (max-width: 640px) {
  .button-post-accordion {
    padding-right: 28px !important;
  }
  .button-post-accordion:after {
    right: 10px;
  }
}
.post-accordion-contents {
  display: none;
  margin-bottom: 0;
}
.no-border {
  border: none !important;
}
.no-border img {
  border: none !important;
}
.mokuji {
  list-style: none !important;
  border: #ccc 1px solid;
  padding: 2em;
}
.mokuji li {
  margin: 5px 0;
  border-bottom: #f3f3f3 solid 1px;
  padding: 0.2em 0;
}
.mokuji li:first-child {
  margin: 0 0 10px 0 !important;
  border-bottom: #ccc solid 1px;
  padding: 0.2em 0;
  font-size: larger;
  font-weight: bold;
}
#kokoro_word img {
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#kokoro_word img:hover {
  opacity: 0.8;
}
#kokoro_word figcaption {
  margin-bottom: 1.65rem !important;
}
#single-post.post-tv #single-content a {
  color: inherit;
  text-decoration: none;
}
#single-post.post-tv #single-content h2 {
  background: none;
  margin: 0;
  padding: 0;
  color: #707070;
  font-size: 1em !important;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-align: left;
}
#single-post.post-tv #single-content p {
  font-size: 0.9375em;
  line-height: 1.8;
  margin-bottom: 1em;
}
#single-header .post-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1em;
}
#single-header .post-info li {
  margin-right: 15px;
}
#single-header .post-info .post-meta {
  color: #1eaa38;
  font-weight: bold;
}
#single-header .post-info .post-cat {
  background-color: #f2b50e;
  color: #fff;
  font-size: 0.875em;
  padding: 2px 5px;
}
#single-header .single-post-title {
  background-color: #ecf2e6;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em;
}
@media only screen and (max-width: 640px) {
  #single-header .single-post-title {
    font-size: 1.75em;
  }
}
#single-content {
  margin: 1.5em auto 5em;
}
#single-footer .back-button-wrapper {
  width: 50%;
  margin: auto;
}
#single-footer .back-button {
  border: 1px solid #1eaa38;
  color: #1eaa38;
  display: block;
  font-size: 1.25em;
  padding: 0.5em;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#single-footer .back-button:hover {
  color: #fff;
  background-color: #1eaa38;
}
#relation-post {
  background-color: #fff;
  background-size: 30px 30px;
  background-image: radial-gradient(#f6f8f4 15%, rgba(255, 255, 255, 0) 20%);
  border-top: 2px solid #1eaa38;
}
#relation-post .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
@media only screen and (max-width: 640px) {
  #relation-post .container {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
#relation-post #section-title {
  font-size: 2em;
  line-height: 1.2;
  margin-bottom: 1.5em;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #relation-post #section-title {
    font-size: 1.625em;
  }
}
#relation-post #section-title span {
  color: #1eaa38;
  font-size: 60%;
  font-weight: bold;
}
#relation-post .flex-contents {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 0 0 1em;
}
@media only screen and (max-width: 1000px) {
  #relation-post .flex-contents {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
#relation-post .flex-contents a {
  color: inherit;
  display: block;
  width: calc(33.3333333333% - 30px);
  margin: 0 15px;
  text-decoration: none;
}
@media only screen and (max-width: 1000px) {
  #relation-post .flex-contents a {
    min-width: 300px;
  }
}
#relation-post .flex-contents a:hover .img-box img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
#relation-post .img-box {
  background-color: #ecf2e6;
  overflow: hidden;
  padding-top: 65%;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  #relation-post .img-box {
    padding-top: 80%;
  }
}
@media only screen and (max-width: 1000px) {
  #relation-post .img-box {
    padding-top: 65%;
  }
}
#relation-post .img-box img {
  width: 105%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  vertical-align: middle;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  #relation-post .img-box img {
    width: 120%;
  }
}
@media only screen and (max-width: 640px) {
  #relation-post .img-box img {
    width: 105%;
  }
}
#relation-post .text-box {
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(53, 47, 47, 0.15);
  box-shadow: 0 0 8px rgba(53, 47, 47, 0.15);
  margin: auto;
  padding: 1em;
  width: 95%;
  position: relative;
  margin-top: -2em;
  z-index: 2;
}
#relation-post .text-box h3 {
  font-weight: bold;
  margin-bottom: 0.8em;
}
#relation-post .text-box p {
  font-size: 0.9375em;
  line-height: 1.8;
  margin-bottom: 1em;
}
#relation-post .post-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#relation-post .post-info .post-meta {
  color: #1eaa38;
  margin-bottom: 2px;
}
#relation-post .post-info .post-cat {
  background-color: #f2b50e;
  color: #fff;
  font-size: 0.875em;
  margin-bottom: 2px;
  padding: 2px 5px;
}
#relation-post .button-wrapper {
  max-width: 250px;
  margin: 2em auto;
}
@media only screen and (max-width: 640px) {
  #relation-post .button-wrapper {
    margin: 2em auto 1em;
  }
}
#relation-post.kenkoinfo .flex-contents {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
#relation-post.kenkoinfo .flex-contents a {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  color: inherit;
  display: block;
  margin: 0 1em 1em;
  overflow: hidden;
  padding: 1em 1em 3.5em;
  position: relative;
  text-decoration: none;
  width: calc(33.3333333333% - 2em);
}
#relation-post.kenkoinfo .flex-contents a img {
  display: block;
  margin: auto;
  max-width: 200px;
  width: 80%;
}
#relation-post.kenkoinfo .flex-contents a:hover {
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 1000px) {
  #relation-post.kenkoinfo .flex-contents a {
    min-width: 300px;
    margin: 0 0.5em 1em;
    width: calc(33.3333333333% - 1em);
  }
}
@media only screen and (max-width: 640px) {
  #relation-post.kenkoinfo .flex-contents a {
    margin: 0 0.5em 1em;
    min-width: 240px;
    width: 95%;
  }
}
#relation-post.kenkoinfo .flex-contents h3 {
  font-weight: bold;
  margin-bottom: 0.5em;
}
#relation-post.kenkoinfo .flex-contents p {
  font-size: 0.9375em;
  line-height: 1.8;
}
#relation-post.kenkoinfo .flex-contents .post-cat {
  background-color: #f2b50e;
  color: #fff;
  display: inline-block;
  font-size: 0.875em;
  padding: 2px 5px;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
#audit_test .audit_list {
  list-style-type: none;
}
#audit_test .audit_list li {
  display: inline-block;
  margin: 5px 1em 5px 0 !important;
}
#audit_test .audit_list li label {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.5rem;
}
#check_note {
  display: none;
  color: red;
  font-weight: bold;
}
#audit_test_check {
  cursor: pointer;
  display: block;
  width: 200px;
  margin: 1.5rem auto 1rem !important;
}
#audit_test_check.disabled {
  opacity: 0.4;
  pointer-events: none;
}
#audit_result_text {
  font-weight: bold;
}
#audit_result_text.stage01 {
  color: #0066c0;
}
#audit_result_text.stage02 {
  color: #f2b50e;
}
#audit_result_text.stage03 {
  color: red;
}
#audit_result {
  display: none;
}
#audit_result .wp-block-pullquote {
  padding: 0 0 1em;
}
#error-404 .container {
  padding-top: 4em;
  padding-bottom: 4em;
}
#error-404 h2 {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
  width: 100%;
}
#error-404 .lead {
  margin-bottom: 3em;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #error-404 .lead {
    text-align: left;
  }
}
#search-404 {
  max-width: 500px;
  margin: auto;
  width: 90%;
}
#search-404 input[type="text"],
#search-404 input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
#search-404 input[type="text"],
#search-404 input[type="submit"] {
  cursor: pointer;
}
#search-404 input[type="text"] {
  border: 1px solid #d3d3d3;
  color: inherit;
  font-family: inherit;
  font-size: 16px;
  margin: 0 auto 2em;
  padding: 0.5em;
  width: 100%;
}
#search-404 #searchsubmit {
  background-color: #1eaa38;
  border: 1px solid #1eaa38;
  color: #fff;
  display: block;
  margin: auto;
  padding: 0.75em 0.5em;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 260px;
}
#search-404 #searchsubmit:hover {
  background-color: #fff;
  color: #1eaa38;
}
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "竊�";
}
[dir="rtl"] .slick-prev:before {
  content: "竊�";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "竊�";
}
[dir="rtl"] .slick-next:before {
  content: "竊�";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: rgba(0, 0, 0, 0);
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "窶｢";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0);
}
.slick-arrow.slick-hidden {
  display: none;
}
.slider {
  display: none;
}
.slider * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 0;
}
.slider.slick-slider {
  display: block;
}
.slider .slick-track .slick-slide a {
  display: block;
}
.slider .slick-track .slick-slide img {
  width: 100%;
  height: auto;
  margin: auto;
  vertical-align: middle;
  display: block;
}
.hero-slider .slick-dots {
  bottom: -20px;
}
.hero-slider .slick-dots li {
  width: 44px;
  height: 4px;
  margin: 0 10px;
}
.hero-slider .slick-dots li button {
  cursor: pointer;
  width: 44px;
  height: 4px;
  background: #d3d3d3;
  border: 1px solid #d3d3d3;
  border-radius: 0;
  padding: 0;
}
.hero-slider .slick-dots li button:before {
  content: none;
}
.hero-slider .slick-dots li.slick-active button {
  background: #1eaa38;
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 640px) {
  .hero-slider .slick-dots li {
    width: 30px;
    margin: 0 8px;
  }
  .hero-slider .slick-dots li button {
    width: 30px;
  }
}
.hero-slider.slick-dotted {
  margin-bottom: 0;
}
.app-hero-slider .slick-dots {
  bottom: -20px;
}
.app-hero-slider .slick-dots li {
  width: 44px;
  height: 4px;
  margin: 0 10px;
}
.app-hero-slider .slick-dots li button {
  cursor: pointer;
  width: 44px;
  height: 4px;
  background: #d3d3d3;
  border: 1px solid #d3d3d3;
  border-radius: 0;
  padding: 0;
}
.app-hero-slider .slick-dots li button:before {
  content: none;
}
.app-hero-slider .slick-dots li.slick-active button {
  background: #1eaa38;
  border: 1px solid #1eaa38;
}
@media only screen and (max-width: 640px) {
  .app-hero-slider .slick-dots li {
    width: 30px;
    margin: 0 8px;
  }
  .app-hero-slider .slick-dots li button {
    width: 30px;
  }
}
.app-hero-slider.slick-dotted {
  margin-bottom: 0;
}
.app-about-slider .slick-arrow {
  cursor: pointer;
  z-index: 9;
  width: 60px;
  height: 60px;
  margin: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 640px) {
  .app-about-slider .slick-arrow {
    width: 30px;
    height: 30px;
  }
}
.app-about-slider .slick-arrow:before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid #fff;
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 26px;
  margin: auto;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  .app-about-slider .slick-arrow:before {
    left: 12px;
  }
}
.app-about-slider .slick-arrow:after {
  content: "";
  display: block;
  width: 26px;
  height: 40px;
  border-radius: 0;
  background: #1eaa38;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.app-about-slider .slick-arrow:hover {
  opacity: 0.8;
}
.app-about-slider .slick-arrow.slick-prev {
  left: -60px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 640px) {
  .app-about-slider .slick-arrow.slick-prev {
    left: -40px;
  }
}
.app-about-slider .slick-arrow.slick-next {
  right: -60px;
}
@media only screen and (max-width: 640px) {
  .app-about-slider .slick-arrow.slick-next {
    right: -40px;
  }
}
.app-about-slider .slick-arrow.slick-disabled {
  opacity: 0.5;
}
.list-post-slider .slick-arrow {
  cursor: pointer;
  z-index: 9;
  width: 60px;
  height: 60px;
  margin: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 640px) {
  .list-post-slider .slick-arrow {
    width: 30px;
    height: 30px;
  }
}
.list-post-slider .slick-arrow:before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid #fff;
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 26px;
  margin: auto;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  .list-post-slider .slick-arrow:before {
    left: 12px;
  }
}
.list-post-slider .slick-arrow:after {
  content: "";
  display: block;
  width: 26px;
  height: 40px;
  border-radius: 0;
  background: #1eaa38;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.list-post-slider .slick-arrow:hover {
  opacity: 0.8;
}
.list-post-slider .slick-arrow.slick-prev {
  left: -60px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 640px) {
  .list-post-slider .slick-arrow.slick-prev {
    left: -40px;
  }
}
.list-post-slider .slick-arrow.slick-next {
  right: -60px;
}
@media only screen and (max-width: 640px) {
  .list-post-slider .slick-arrow.slick-next {
    right: -40px;
  }
}
.list-post-slider .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 10px;
}
.list-post-slider .slick-dots li button {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background: #d3d3d3;
  border: none;
  border-radius: 50%;
}
.list-post-slider .slick-dots li button:before {
  content: none;
}
.list-post-slider .slick-dots li.slick-active button {
  background: #1eaa38;
}
@media only screen and (max-width: 640px) {
  .list-post-slider .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 8px;
  }
  .list-post-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border: none;
  }
}
#kenmincard_home-pickup .list-post-slider .slick-arrow:before {
  border: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid #fad14b;
}
#kenmincard_home-pickup .list-post-slider .slick-arrow:after {
  background: #ec6d45;
}
#kenmincard_home-pickup .list-post-slider .slick-dots li button {
  background: #fad14b;
}
#kenmincard_home-pickup .list-post-slider .slick-dots li.slick-active button {
  background: #ec6d45;
}
.health-menu-slider .slick-arrow {
  cursor: pointer;
  z-index: 9;
  width: 26px;
  height: 26px;
  margin: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 640px) {
  .health-menu-slider .slick-arrow {
    width: 30px;
    height: 30px;
  }
}
.health-menu-slider .slick-arrow:before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 640px) {
  .health-menu-slider .slick-arrow:before {
    left: 12px;
  }
}
.health-menu-slider .slick-arrow:after {
  content: none;
}
.health-menu-slider .slick-arrow:hover {
  opacity: 0.8;
}
.health-menu-slider .slick-arrow.slick-prev {
  left: -22px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.health-menu-slider .slick-arrow.slick-next {
  right: -22px;
}
@-webkit-keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.modal-video-close {
  opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
}
.modal-video-body {
  max-width: 940px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table;
}
.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -35px;
  right: -35px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: rgba(0, 0, 0, 0);
}
.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal-video-close-btn:before,
.modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}
.modal-video-movie-wrap {
  width: 90%;
  margin: auto;
}
.modal-video-close-btn {
  right: 0px;
} /*# sourceMappingURL=style.min.css.map */