@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
}

@media (max-width: 767px) {
  body {
    width: 100%;
  }
}

@media (max-width: 767px) {
  main {
    width: 100%;
  }
}

a:hover img, .t-default a:hover img {
  opacity: 1;
}

sub {
  bottom: 0 !important;
  font-size: 50% !important;
}

.l-wrapper {
  max-width: 1024px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1024px) {
  .l-wrapper {
    padding: 0 15px;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .l-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
  }
}

.l-wrapper__main {
  width: 68%;
}

@media (max-width: 767px) {
  .l-wrapper__main {
    width: 100%;
  }
}

.l-wrapper__side {
  width: 28%;
}

@media (max-width: 767px) {
  .l-wrapper__side {
    width: 100%;
  }
}

.l-block__article--label {
  margin-bottom: 20px;
}

.l-block__article__lead {
  margin-bottom: 40px;
}

.l-block__article__sentence {
  margin-bottom: 8px;
}

.l-block__article__lvl3 {
  margin-bottom: 40px;
}

.l-block__article__lvl4 {
  margin-bottom: 40px;
}

.l-block__article__breadcrumb {
  margin-bottom: 30px;
  font-size: 1.4rem;
  border-top: 1px solid #ccc;
}

.l-block__inner {
  max-width: 1024px;
  position: relative;
  margin: 0 auto;
  padding-bottom: 140px;
}

@media (max-width: 1024px) {
  .l-block__inner {
    padding: 0 10px 140px 10px;
  }
}

@media (max-width: 767px) {
  .l-block__inner {
    padding-bottom: 90px;
  }
}

.l-block__inner--first {
  padding-bottom: 0;
}

@media (max-width: 1024px) {
  .l-block__inner--first {
    padding-bottom: 50px;
  }
}

.l-block__inner--nobottom {
  max-width: 1024px;
  position: relative;
  margin: 0 auto;
  padding-bottom: 0;
}

@media (max-width: 1024px) {
  .l-block__inner--nobottom {
    padding: 0 10px;
  }
}

.l-block__lvl2 {
  max-width: 1900px;
  margin: auto;
  padding-top: 140px;
}

@media (max-width: 767px) {
  .l-block__lvl2 {
    padding: 0 15px;
    margin-top: 90px;
  }
}

.l-block__lvl2--first {
  padding-top: 170px;
}

@media (max-width: 767px) {
  .l-block__lvl2--first {
    padding-top: 120px;
  }
}

.l-block__lvl2--propose {
  padding: 90px 15px 0 15px;
}

.l-block__lvl2__article {
  margin-bottom: 60px;
}

.l-contact {
  margin-top: 20px;
  background: #eee;
}

.c-writer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
}

.c-writer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-writer__face {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 50%;
}

.c-writer__name {
  font-size: 1.2rem;
  line-height: 1.6;
}

.c-writer__date {
  font-size: 1.4rem;
  line-height: 1.4;
}

.c-hasutag {
  color: #2b90d9;
  cursor: pointer;
}

.c-hasutag:hover {
  text-decoration: underline;
  color: #2b90d9;
}

.c-txtlink {
  font-size: 1.4rem;
  position: relative;
  padding-left: 1em;
  cursor: pointer;
  color: #2b90d9;
  text-indent: -1em;
  display: inline-block;
  line-height: 1.4;
}

.c-txtlink:hover {
  text-decoration: underline;
  color: #2b90d9;
}

.c-txtlink__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  border-top: 1px solid #ccc;
}

@media (max-width: 767px) {
  .c-txtlink__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 60px;
  }
}

.c-txtlink__footer li {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .c-txtlink__footer li {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.c-txtlink::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #cccccc;
  border-right: solid 2px #cccccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 2px;
}

.c-articleImg {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
}

.c-articleMovie {
  margin-bottom: 20px;
}

.c-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #cccccc;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .c-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-menu__title {
  width: 30%;
  text-align: center;
  font-size: 2.0rem;
  color: #1c3a6d;
  font-weight: bold;
}

@media (max-width: 767px) {
  .c-menu__title {
    margin: 35px 0 20px 0;
  }
}

.c-menu__itemWrap {
  width: 90%;
  padding: 0 4% 0 0;
}

@media (max-width: 767px) {
  .c-menu__itemWrap {
    padding: 0;
  }
}

.c-menu__group {
  border-bottom: 1px solid #cccccc;
  padding: 0 0 0 2%;
}

.c-menu__group:last-child {
  border: 0;
}

.c-menu__item {
  padding: 15px 0;
  font-size: 1.5rem;
  line-height: 1.6;
  width: 100%;
  position: relative;
  display: block;
  -webkit-transition: all  0.2s ease;
  transition: all  0.2s ease;
}

.c-menu__item:hover {
  opacity: 0.7;
}

.c-menu__item::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #cccccc;
  border-right: solid 2px #cccccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 48%;
  right: 20px;
  margin-top: -4px;
}

@media (max-width: 767px) {
  .c-menu__item::after {
    right: 6px;
  }
}

.c-menu__itemtext {
  display: block;
  width: 90%;
}

.c-btn, .c-btn__env {
  width: 270px;
  height: 70px;
  background: #fff;
  line-height: 70px;
  border-radius: 10px;
  display: block;
  cursor: pointer;
  font-weight: bold;
  -webkit-transition: all  0.2s ease;
  transition: all  0.2s ease;
  position: relative;
}

@media (max-width: 767px) {
  .c-btn, .c-btn__env {
    height: 60px;
    line-height: 60px;
  }
}

.c-btn::after, .c-btn__env::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #cccccc;
  border-right: solid 2px #cccccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(135deg);
  position: absolute;
  top: 48%;
  right: 20px;
  margin-top: -4px;
}

.c-btn:hover, .c-btn__env:hover {
  opacity: 0.7;
}

.c-btn__env {
  border: 3px solid #55c76c;
  color: #55c76c;
}

.c-btn__env:hover {
  text-decoration: none;
  color: #55c76c;
}

@media (max-width: 767px) {
  .c-btn__env {
    width: 95%;
    margin: 0 auto;
    font-size: 1.5rem;
  }
}

.c-transbtn, .c-transbtn__article, .c-transbtn__article02 {
  width: 100%;
  height: auto;
  background: #fe9c0a;
  display: block;
  line-height: 1.4;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  -webkit-transition: all  0.2s ease;
  transition: all  0.2s ease;
  position: relative;
}

.c-transbtn__article {
  width: 60%;
  margin: 0 auto;
  padding: 20px 40px;
}

@media (max-width: 767px) {
  .c-transbtn__article {
    width: 85%;
    padding: 15px 40px;
  }
}

@media (max-width: 320px) {
  .c-transbtn__article {
    width: 100%;
  }
}

.c-transbtn__article02 {
  width: 100%;
  margin: 0 auto;
  padding: 20px 40px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .c-transbtn__article02 {
    width: 85%;
    padding: 15px 40px;
  }
}

@media (max-width: 320px) {
  .c-transbtn__article02 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .c-transbtn, .c-transbtn__article, .c-transbtn__article02 {
    height: auto;
    line-height: 60px;
    line-height: 1.6;
  }
}

.c-transbtn__txt {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.c-transbtn::after, .c-transbtn__article::after, .c-transbtn__article02::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 48%;
  right: 20px;
  margin-top: -4px;
}

@media (max-width: 767px) {
  .c-transbtn::after, .c-transbtn__article::after, .c-transbtn__article02::after {
    top: 48%;
  }
}

.c-transbtn:hover, .c-transbtn__article:hover, .c-transbtn__article02:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #fff;
}

.c-breadcrumb {
  max-width: 1024px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  text-align: right;
}

.c-breadcrumb a:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .c-breadcrumb {
    padding: 30px 20px 0 0;
  }
}

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

.c-anchorlink {
  margin: 0 10px;
}

@media (max-width: 767px) {
  .c-anchorlink {
    margin: 0;
    width: 100%;
  }
}

.c-update {
  position: relative;
  display: inline-block;
  margin: 0 0 20px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 1.6rem;
  background: #ebc726;
  border: solid 3px #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-weight: bold;
}

@media (max-width: 767px) {
  .c-update {
    font-size: 1.4rem;
  }
}

.c-update:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 40%;
  bottom: -16px;
  border-top: 15px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.c-update:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 40%;
  bottom: -12px;
  border-top: 15px solid #ebc726;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.c-contactBtn {
  background: orange;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  width: 160px;
  height: 40px;
  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;
  font-size: 4.4rem;
  margin-bottom: 20px;
}

.c-contactBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-contactBtn:hover {
  opacity: 0.7;
}

.c-title__lvl1 {
  font-size: 3.6rem;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.03em;
}

.c-title__lvl1__article {
  font-size: 3.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .c-title__lvl1__article {
    font-size: 2.2rem;
  }
}

.c-title__lvl1__case {
  font-size: 3.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .c-title__lvl1__case {
    font-size: 2.2rem;
  }
}

.c-title__lvl1__case__main {
  position: relative;
  display: block;
  padding: 16px 20px;
}

@media (max-width: 767px) {
  .c-title__lvl1__case__main {
    padding: 16px;
  }
}

.c-title__lvl1__case__main:before {
  content: "「";
  color: #DAE4EC;
  font-size: 129%;
  position: absolute;
  top: 0;
  left: -26px;
}

@media (max-width: 767px) {
  .c-title__lvl1__case__main:before {
    left: -16px;
  }
}

.c-title__lvl1__case__main:after {
  content: "」";
  color: #DAE4EC;
  font-size: 129%;
  position: absolute;
  bottom: 0;
  right: -26px;
}

@media (max-width: 767px) {
  .c-title__lvl1__case__main:after {
    right: -16px;
  }
}

.c-title__lvl1__case__sub {
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

@media (max-width: 767px) {
  .c-title__lvl1__case__sub {
    font-size: 1.7rem;
  }
}

@media (max-width: 320px) {
  .c-title__lvl1__case__sub {
    font-size: 1.6rem;
  }
}

.c-title__lvl1__case__sub:before {
  content: '';
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032.3%2024.9%22%20style%3D%22enable-background%3Anew%200%200%2032.3%2024.9%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231C3A6D%3B%7D%20.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%231C3A6D%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_354%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1301%22%20class%3D%22st0%22%20d%3D%22M22.2%2C3.6c5%2C3.4%2C5%2C9.1%2C0%2C12.5c-3.2%2C2-7.1%2C2.9-10.9%2C2.4c-0.5%2C0-1-0.1-1.5-0.2%20c-1.6%2C1.8-3.3%2C2.3-5.6%2C2.9c-0.3%2C0.1-0.6-0.1-0.7-0.4c-0.1-0.2%2C0-0.4%2C0.1-0.5c1-1%2C1.5-2.4%2C1.5-3.8c-1.3-0.7-2.4-1.7-3.2-2.9%20c-2.5-3.6-1.1-7.7%2C2.5-10.1C9.8%2C0.3%2C16.7%2C0.3%2C22.2%2C3.6z%20M21.5%2C4.5C16.5%2C1.5%2C10.1%2C1.5%2C5%2C4.5C2%2C6.6%2C0.6%2C10%2C2.8%2C13.1%20c0.8%2C1.1%2C1.9%2C2%2C3.1%2C2.7c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.4c0.2%2C1.2-0.1%2C2.5-0.8%2C3.6c1.4-0.4%2C2.7-1.3%2C3.7-2.4c0.2-0.2%2C0.4-0.3%2C0.6-0.2%20c0.6%2C0.1%2C1.2%2C0.2%2C1.8%2C0.3c3.5%2C0.4%2C7-0.4%2C10-2.2C25.9%2C12.3%2C25.9%2C7.5%2C21.5%2C4.5z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1302%22%20class%3D%22st1%22%20d%3D%22M7.7%2C8.1c1%2C0%2C1.8%2C0.7%2C1.9%2C1.7c0%2C0%2C0%2C0%2C0%2C0c0%2C1-0.9%2C1.8-1.8%2C1.8c0%2C0%2C0%2C0%2C0%2C0%20c-1%2C0-1.8-0.8-1.8-1.7c0%2C0%2C0%2C0%2C0%2C0l0%2C0C5.8%2C8.9%2C6.7%2C8.1%2C7.7%2C8.1z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1303%22%20class%3D%22st1%22%20d%3D%22M13.3%2C8.1c1%2C0%2C1.8%2C0.7%2C1.9%2C1.7c0%2C0%2C0%2C0%2C0%2C0c-0.1%2C1-1%2C1.8-2%2C1.7c-0.9-0.1-1.7-0.8-1.7-1.7%20C11.5%2C8.9%2C12.3%2C8.1%2C13.3%2C8.1z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1304%22%20class%3D%22st1%22%20d%3D%22M18.9%2C8.1c1%2C0%2C1.8%2C0.7%2C1.9%2C1.7c-0.1%2C1-1%2C1.8-2%2C1.7c-0.9-0.1-1.7-0.8-1.7-1.7l0%2C0%20C17.1%2C8.9%2C17.9%2C8.1%2C18.9%2C8.1C18.9%2C8.1%2C18.9%2C8.1%2C18.9%2C8.1z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1305%22%20class%3D%22st1%22%20d%3D%22M15%2C20c2%2C1%2C4.2%2C1.5%2C6.4%2C1.5c1.1%2C0%2C2.1-0.1%2C3.1-0.3c1.3%2C1.5%2C2.5%2C1.9%2C4.8%2C2.6%20c-0.9-1.2-1.6-2.4-1.4-3.8c2.3-1.3%2C3.8-3.2%2C3.8-5.4s-1.7-4.4-4.2-5.6c0.1%2C0.3%2C0.1%2C0.7%2C0.1%2C1c-0.1%2C3.1-1.8%2C5.9-4.5%2C7.4%20C20.7%2C18.9%2C17.9%2C19.9%2C15%2C20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  /* position: absolute; */
  left: 0;
  top: 0;
  display: block;
  background-size: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
}

@media (max-width: 767px) {
  .c-title__lvl1 {
    font-size: 2.2rem;
    text-align: center;
  }
}

.c-title__lvl2, .c-title__lvl2--center {
  font-size: 3.6rem;
  line-height: 1.6;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  color: #1c3a6d;
  text-align: center;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .c-title__lvl2, .c-title__lvl2--center {
    font-size: 2.0rem;
    margin-bottom: 50px;
    text-align: left;
  }
}

.c-title__lvl2--center {
  text-align: center;
}

.c-title__lvl2--sub {
  display: block;
  font-size: 1.4rem;
  margin-top: 0px;
}

@media (max-width: 767px) {
  .c-title__lvl2--sub {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}

.c-title__lvl2__article {
  font-size: 2.8rem;
  padding: 10px 15px 8px 15px;
  background-color: #eeeeee;
  line-height: 1.4;
  color: #1c3a6d;
  font-weight: bold;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .c-title__lvl2__article {
    font-size: 2.0rem;
  }
}

.c-title__lvl3 {
  font-size: 2.8rem;
  margin-bottom: 20px;
  line-height: 1.5;
  font-weight: bold;
}

.c-title__lvl3__article {
  font-size: 2.0rem;
  position: relative;
  margin-bottom: 20px;
  border-left: 4px solid #1c3a6d;
  padding: 1px 0 0 8px;
}

@media (max-width: 767px) {
  .c-title__lvl3__article {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .c-title__lvl3 {
    font-size: 1.8rem;
  }
}

.c-title__lvl4__article {
  font-size: 1.6rem;
  color: #1c3a6d;
  font-weight: bold;
  margin-bottom: 8px;
  position: relative;
  padding-left: 10px;
}

.c-title__lvl4__article:before {
  content: "";
  display: block;
  background-color: #1c3a6d;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0px;
  border-radius: 50%;
  top: 5px;
}

.c-subTitle {
  font-size: 1.4rem;
  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;
  font-weight: bold;
  color: #1c3a6d;
}

.c-text__lvl1 {
  font-size: 2.0rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .c-text__lvl1 {
    font-size: 1.5rem;
  }
}

.c-text__lvl2 {
  font-size: 1.5rem;
  line-height: 2.0;
  letter-spacing: 0.1rem;
}

@media (max-width: 767px) {
  .c-text__lvl2 {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .c-text__lvl2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}

.c-text__lvl3 {
  font-size: 1.4rem;
  line-height: 1.6;
  display: block;
}

@media (max-width: 767px) {
  .c-text__lvl3 {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .c-text__lvl3 {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}

.c-text__lvl4 {
  font-size: 1.2rem;
  line-height: 1.6;
  display: block;
}

@media (max-width: 767px) {
  .c-text__lvl4 {
    margin-bottom: 20px;
  }
}

.c-text__list {
  position: relative;
  line-height: 1.6;
  margin-bottom: 6px;
  padding-left: 10px;
  text-indent: -8px;
}

.c-text__list:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  background: #1c3a6d;
  border-radius: 50%;
  margin-right: 8px;
}

@media (max-width: 1024px) {
  .c-spbreak {
    display: block;
  }
}

.c-label, .c-label__env, .c-label__infection, .c-label__save, .c-label__safety, .c-label__other {
  font-size: 1.4rem;
  padding: 6px 10px 5px 10px;
  display: inline-block;
  color: #fff;
  line-height: 1;
}

.c-label__env {
  background: #55c76c;
}

.c-label__infection {
  background: #6C9BD2;
}

.c-label__save {
  background: #61C1BE;
}

.c-label__safety {
  background: #EF858C;
}

.c-label__other {
  background: #aaaaaa;
}

.c-arrow__wrap {
  margin: 20px 0;
}

.c-arrow__bottom:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-bottom: solid 3px #697b91;
  border-right: solid 3px #697b91;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 auto -24px auto;
}

.c-arrow__bottom:after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-bottom: solid 3px #697b91;
  border-right: solid 3px #697b91;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 auto 45px auto;
}

.p-result {
  width: 80%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .p-result {
    width: 100%;
  }
}

.p-result__keyicon {
  width: 210px;
  z-index: 1;
  text-align: center;
  margin: 0 40px 40px 40px;
}

@media (max-width: 767px) {
  .p-result__keyicon {
    margin: 0 0px 40px 0;
    width: 100%;
  }
}

.p-result__keyicon img {
  margin-bottom: 15px;
  width: 60%;
}

@media (max-width: 767px) {
  .p-result__keyicon img {
    width: 25%;
    height: 100%;
  }
}

.p-result__content2 {
  right: 0;
  position: absolute;
  top: 84px;
  width: 280px;
}

.p-result__ictext {
  font-weight: bold;
  color: #2b90d9;
}

@media (max-width: 767px) {
  .p-result__ictext {
    font-size: 1.4rem;
  }
}

.p-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-article__movie iframe {
  width: 100%;
}

.p-article__uservoice {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 40px;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  background: #FEFFF8;
}

@media (max-width: 767px) {
  .p-article__uservoice {
    padding: 14% 8% 10% 8%;
  }
}

.p-article__uservoice__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .p-article__uservoice__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-article__uservoice__title {
  font-weight: bold;
  position: absolute;
  top: 0;
  background: #1c3a6d;
  padding: 14px 20px;
  border-radius: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 30%;
}

@media (max-width: 1000px) {
  .p-article__uservoice__title {
    width: 63%;
  }
}

.p-article__uservoice__title:before {
  content: '';
  background: url(/dcms_media/other/case_common_ic002.svg);
  /* position: absolute; */
  left: 0;
  top: 0;
  display: block;
  background-size: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -3px;
}

.p-article__uservoice__summary {
  color: #1c3a6d;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  width: 78%;
}

@media (max-width: 767px) {
  .p-article__uservoice__summary {
    font-size: 2.2rem;
    width: 100%;
  }
}

.p-article__uservoice__detail {
  font-size: 1.6rem;
  line-height: 2.4;
  letter-spacing: 0.1rem;
  border-bottom: 1px saddlebrown;
  display: inline;
  border-bottom: 2px dashed #ccc;
  padding-bottom: 3px;
}

@media (max-width: 767px) {
  .p-article__uservoice__detail {
    font-size: 1.5rem;
  }
}

.p-article__uservoice__image {
  margin: 0 3% 0 0 !important;
  width: 19% !important;
  border-radius: 100px;
}

@media (max-width: 767px) {
  .p-article__uservoice__image {
    margin: 0 0 20px 0 !important;
    width: 50% !important;
    height: 50% !important;
  }
}

.p-article__recommenditem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 2px 2px 12px #eee;
          box-shadow: 2px 2px 12px #eee;
  padding: 4%;
  border-radius: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
}

.p-article__recommenditem__nolink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4%;
  border-radius: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border: 1px solid #ccc;
}

@media (max-width: 767px) {
  .p-article__recommenditem__nolink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-article__recommenditem:hover {
  opacity: 0.7;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .p-article__recommenditem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-article__recommenditem__emphasis {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #1c3a6d;
}

@media (max-width: 767px) {
  .p-article__recommenditem__emphasis {
    font-size: 2.0rem;
  }
}

@media (max-width: 320px) {
  .p-article__recommenditem__emphasis {
    font-size: 1.7rem;
  }
}

.p-article__recommenditem__emphasis:before {
  content: "";
  height: 20px;
  border: 1px solid #1c3a6d;
  margin-right: 20px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  background: #1c3a6d;
  display: inline-block;
  vertical-align: middle;
}

.p-article__recommenditem__emphasis:after {
  content: "";
  height: 20px;
  border: 1px solid #1c3a6d;
  margin-left: 20px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  background: #1c3a6d;
  display: inline-block;
  vertical-align: middle;
}

.p-article__recommenditem__img {
  width: 38% !important;
  height: 100% !important;
  border: 1px solid #ddd;
}

@media (max-width: 767px) {
  .p-article__recommenditem__img {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
}

.p-article__recommenditem__txt {
  width: 56%;
  display: block;
}

@media (max-width: 767px) {
  .p-article__recommenditem__txt {
    width: 100%;
  }
}

.p-article__recommenditem__title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.8rem;
  display: block;
}

.p-article__recommenditem__content {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 20px;
  display: block;
}

@media (max-width: 767px) {
  .p-article__recommenditem__content {
    line-height: 1.8;
  }
}

.p-article__recommenditem__content--s {
  font-size: 1.3rem;
  display: block;
}

.p-article__recommenditem__link {
  color: #2b90d9;
}

.p-article__table {
  font-size: 1.5rem;
  line-height: 1.6;
}

.p-article__table__title {
  border: 1px solid #ccc;
  background: #eee;
  padding: 12px;
  width: 20%;
  vertical-align: middle;
  font-weight: normal;
}

@media (max-width: 767px) {
  .p-article__table__title {
    width: 26%;
  }
}

@media (max-width: 320px) {
  .p-article__table__title {
    width: 30%;
  }
}

.p-article__table__content {
  border: 1px solid #ccc;
  padding: 12px;
  width: 80%;
}

@media (max-width: 767px) {
  .p-article__table__content {
    width: 74%;
  }
}

@media (max-width: 320px) {
  .p-article__table__content {
    width: 70%;
  }
}

.p-article__task {
  background: #ebf3f9;
  padding: 0 20px;
}

.p-article__task__title {
  padding: 15px 0;
  text-align: center;
  border-bottom: 1px dotted #1c3a6d;
}

.p-article__task__content {
  padding: 20px 0;
  font-weight: bold;
  line-height: 1.6;
  color: #1c3a6d;
}

.p-article__content {
  width: 306px;
  margin-right: 54px;
}

.p-article__label {
  margin: 20px 0 10px 0;
}

.p-article__img {
  width: 306px;
}

.p-article__img:last-child {
  margin-right: 0;
}

.p-article__nav, .p-article__nav--pb {
  height: 40px;
  /*メニューの縦幅*/
  background-color: #fff;
  /*メニューの背景色*/
  border-bottom: 1px solid #ccc;
  width: 100%;
}

@media (max-width: 767px) {
  .p-article__nav, .p-article__nav--pb {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    height: 50px;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
  }
  .p-article__nav::-webkit-scrollbar, .p-article__nav--pb::-webkit-scrollbar {
    display: none;
  }
}

.p-article__nav__wrap {
  position: relative;
}

.p-article__nav__inner {
  min-width: 100%;
  /* メニューの最小幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
  padding-right: 0px;
  /* 右側の固定分余白を空ける */
}

.p-article__nav__inner .active {
  border-bottom: 4px solid #1c3a6d;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
  font-weight: bold;
  color: #1c3a6d;
}

@media (max-width: 767px) {
  .p-article__nav__inner .active {
    background: #1c3a6d;
    color: #fff;
  }
}

.p-article__nav__inner .is-hide {
  display: none;
}

@media (max-width: 767px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 118%;
  }
}

@media screen and (max-width: 590px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 140%;
  }
}

@media screen and (max-width: 540px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 180%;
  }
}

@media screen and (max-width: 415px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 180%;
  }
}

@media screen and (max-width: 376px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 194%;
  }
}

@media screen and (max-width: 360px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 203%;
  }
}

@media screen and (max-width: 321px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 178%;
  }
}

@media screen and (max-width: 320px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 216%;
  }
}

@media screen and (max-width: 280px) {
  .p-article__nav__inner {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    list-style: none;
    padding-right: 0;
    min-width: 252%;
  }
}

.p-article__nav__item {
  color: #aaa;
  cursor: pointer;
  display: block;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 2px 16px;
}

@media screen and (max-width: 850px) {
  .p-article__nav__item {
    padding: 2px 10px;
  }
}

@media (max-width: 767px) {
  .p-article__nav__item {
    height: 50px;
    line-height: 46px;
    font-size: 1.8rem;
    padding: 2px 20px;
    border: 1px solid #ccc;
    border-radius: 8px 8px 0 0;
  }
}

@media (max-width: 320px) {
  .p-article__nav__item {
    font-size: 1.6rem;
  }
}

.p-article__nav__item:hover {
  border-bottom: 4px solid #1c3a6d;
  opacity: 0.7;
  text-decoration: none;
}

@media (max-width: 767px) {
  .p-article__nav__item:hover {
    border-bottom: 4px solid #1c3a6d;
    opacity: 1.0;
  }
}

.p-article__nav__item:active {
  border-bottom: 4px solid #1c3a6d;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
  font-weight: bold;
  color: #333;
}

@media (max-width: 767px) {
  .p-article__nav__item:active {
    border-bottom: 4px solid;
    color: #1c3a6d;
  }
}

.p-article__nav:hover, .p-article__nav--pb:hover {
  color: #333;
}

@media screen and (max-width: 768px) {
  .p-article {
    /*メニューの横幅*/
  }
  .p-article .p-article__nav, .p-article .p-article__nav--pb {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .p-article .p-article__nav__inner {
    margin: 0;
  }
}

.p-sidenavi {
  border-top: 4px solid #DAE4EC;
  margin-bottom: 30px;
}

.p-sidenavi .c-label__env, .p-sidenavi .c-label__infection, .p-sidenavi .c-label__save, .p-sidenavi .c-label__safety, .p-sidenavi .c-label__other {
  font-size: 1.3rem;
  padding: 4px 8px 3px 8px;
}

.p-sidenavi__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
  color: #1c3a6d;
  margin-bottom: 25px;
}

.p-sidenavi__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  cursor: pointer;
  position: relative;
}

.p-sidenavi__content:hover {
  text-decoration: none;
}

.p-sidenavi__content:last-child {
  border-bottom: 0;
}

.p-sidenavi__content:hover {
  opacity: 0.7;
  -webkit-transition: all  0.2s ease;
  transition: all  0.2s ease;
}

.p-sidenavi__image {
  width: 36% !important;
  margin-right: 4% !important;
  height: 100% !important;
}

.p-sidenavi__txt {
  width: 74% !important;
}

.p-sidenavi__number {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #1c3a6d;
  font-size: 1.2rem;
  text-align: center;
  line-height: 16px;
  color: #fff;
  top: -2px;
  left: 0;
}

.p-sidenavi__label {
  display: block;
  margin-bottom: 8px;
}

.p-contact {
  text-align: center;
  padding: 40px 0;
}

.p-contact__text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
  position: relative;
  color: #E73828;
}

@media (max-width: 767px) {
  .p-contact__text {
    font-size: 1.8rem;
  }
}

@media (max-width: 430px) {
  .p-contact__text {
    font-size: 1.3rem;
  }
}

.p-contact__text::before {
  content: "";
  background-image: url(../other/sandwitchbox2102_mv-deco1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 16px;
  position: absolute;
  bottom: 3px;
  left: -40px;
}

.p-contact__text::after {
  content: "";
  background-image: url(../other/sandwitchbox2102_mv-deco2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 16px;
  position: absolute;
  bottom: 3px;
  right: -40px;
}

.p-contact__btn {
  font-size: 1.8rem;
  max-width: 500px;
  width: 100%;
  margin: 10px auto 0;
  height: 44px;
}

@media (max-width: 767px) {
  .p-contact__btn {
    max-width: 300px;
  }
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.u-flex--horizontal_c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

@media (max-width: 767px) {
  .u-flex--horizontal_c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.u-envcolor {
  background: #F8FFEC;
}

.u-white {
  background: #fff;
}

.u-txtwhite {
  color: #fff;
}

.u-txtnavy {
  color: #1c3a6d;
}

.u-move1 {
  -webkit-animation-name: fuwafuwa;
          animation-name: fuwafuwa;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
}

@keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  100% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
}

.u-pcbreak {
  display: block;
}

@media (max-width: 767px) {
  .u-pcbreak {
    display: inline;
  }
}

.u-pcbreak2 {
  display: block;
}

@media (max-width: 767px) {
  .u-pcbreak2 {
    display: none;
  }
}

.u-pcOnly {
  display: block;
}

@media (max-width: 767px) {
  .u-pcOnly {
    display: none;
  }
}

.u-spOnly {
  display: none;
}

@media (max-width: 767px) {
  .u-spOnly {
    display: block;
  }
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes rotate-right {
  0% {
    -webkit-transform: translate(-100%) rotate(-100deg);
            transform: translate(-100%) rotate(-100deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rotate-right {
  0% {
    -webkit-transform: translate(-100%) rotate(-100deg);
            transform: translate(-100%) rotate(-100deg);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.is-animated {
  -webkit-animation: .6s zoom-in;
          animation: .6s zoom-in;
}

.u-is-hide {
  display: none;
}

.u-imgborder {
  border: 1px solid #ccc;
}

.u-mt-10 {
  margin-top: 10px;
}

.u-mt-20 {
  margin-top: 20px;
}

.u-mt-30 {
  margin-top: 30px;
}

.u-mt-40 {
  margin-top: 40px;
}

.u-mt-40_pc {
  margin-top: 40px;
}

@media (max-width: 430px) {
  .u-mt-40_pc {
    margin-top: 0;
  }
}

.u-font13 {
  font-size: 1.3rem;
}

.u-bold {
  font-weight: bold;
}
/*# sourceMappingURL=article.css.map */