@charset "UTF-8";
/* ==========================================================================
  settings
============================================================================*/
/* -------------------------------
  responsive
------------------------------- */
/* -------------------------------
  animation keyframe
------------------------------- */
@-webkit-keyframes scrollArrowMove {
  0% {
    bottom: 4px;
  }
  50% {
    bottom: -4px;
  }
  100% {
    bottom: -4px;
  }
}
@keyframes scrollArrowMove {
  0% {
    bottom: 4px;
  }
  50% {
    bottom: -4px;
  }
  100% {
    bottom: -4px;
  }
}
@-webkit-keyframes scrollArrowOpacity {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0.9;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollArrowOpacity {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0.9;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* ==========================================================================
  orikomi - オリコミ
============================================================================*/
.orikomi {
  color: #333;
  /* ==================================================
    top
  ================================================== */
  /* ==================================================
    town_chirashi - ちゅーピータウンチラシ
  ================================================== */
  /* ==================================================
    protocol - オリコミが初めての方
  ================================================== */
  /* ==================================================
    shiryo - オリコミ資料
  ================================================== */
  /* ==================================================
    attention - オリコミ注意事項
  ================================================== */
  /* -------------------------------
    document
  ------------------------------- */
}
.orikomi.top {
  /* -------------------------------
    kv
  ------------------------------- */
  /* -------------------------------
    point
  ------------------------------- */
  /* -------------------------------
    case
  ------------------------------- */
  /* -------------------------------
    document
  ------------------------------- */
}
.orikomi.top .kv-lower {
  background-image: url(../img/orikomi/top/kv-bg.png);
}
@media screen and (max-width: 599px) {
  .orikomi.top .kv-lower {
    background-image: url(../img/orikomi/top/kv-bg_sp.png);
  }
}
.orikomi.top .point .title__h2-color--en {
  letter-spacing: 0.2em;
}
.orikomi.top .point__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 599px) {
  .orikomi.top .point__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.orikomi.top .point__img {
  display: block;
  width: calc((100% - 20px - 20px) / 3);
  margin-right: 20px;
}
@media screen and (max-width: 799px) {
  .orikomi.top .point__img {
    width: calc((100% - 10px - 10px) / 3);
    margin-right: 10px;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.top .point__img {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 800px) {
  .orikomi.top .point__img:last-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.top .point__img:last-of-type {
    margin-bottom: 0;
  }
}
.orikomi.top .case__content {
  display: block;
  width: 100%;
  margin-bottom: 50px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__content {
    margin-bottom: 30px;
  }
}
.orikomi.top .case__content:last-of-type {
  margin-bottom: 0;
}
.orikomi.top .case__titlearea {
  padding: 30px 30px 40px;
  background-color: #e7f8fd;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__titlearea {
    padding: 15px 15px 20px;
  }
}
.orikomi.top .case__company {
  display: block;
  position: relative;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__company {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.top .case__company::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.orikomi.top .case__company__type {
  display: inline-block;
  padding: 1em 0.5em 1em 1em;
  background-color: #e7f8fd;
  font-size: 1.8rem;
  font-weight: 300;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__company__type {
    padding: 0 0.5em 0.25em;
    padding-bottom: 0.25em;
    font-size: 1.4rem;
    position: relative;
    bottom: -0.5em;
  }
}
.orikomi.top .case__company__name {
  display: inline-block;
  padding: 1em 1em 1em 0.5em;
  background-color: #e7f8fd;
  font-size: 2.1rem;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__company__name {
    padding: 0.25em 0.5em 0;
    font-size: 1.7rem;
  }
}
.orikomi.top .case__title__h3 {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.71;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__title__h3 {
    font-size: 1.8rem;
  }
}
.orikomi.top .case__contentarea {
  padding: 30px;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__contentarea {
    padding: 15px;
  }
}
.orikomi.top .case__purpose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__purpose {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10px;
  }
}
.orikomi.top .case__purpose__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;
  width: 150px;
  height: 40px;
  background: linear-gradient(-14.55deg, #e7f8fd 0%, #e7f8fd 50%, #d1f1fb 50%, #d1f1fb 100%);
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__purpose__title {
    width: 120px;
    height: 32px;
    font-size: 1.4rem;
  }
}
.orikomi.top .case__title__h4 {
  margin-left: 1em;
  color: #3771d7;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__title__h4 {
    margin-left: 0;
    margin-top: 4px;
    font-size: 1.4rem;
  }
}
.orikomi.top .case__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10px;
  }
}
.orikomi.top .case__detail__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;
  width: 150px;
  height: 40px;
  background: linear-gradient(-14.55deg, #e7f8fd 0%, #e7f8fd 50%, #d1f1fb 50%, #d1f1fb 100%);
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__detail__title {
    width: 120px;
    height: 32px;
    font-size: 1.4rem;
  }
}
.orikomi.top .case__detail__contentarea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1em;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__detail__contentarea {
    margin-left: 0;
  }
}
.orikomi.top .case__detail__content {
  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-bottom: 10px;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__detail__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.top .case__detail__content__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.orikomi.top .case__detail__content .case__title__h5 {
  color: #3771d7;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__detail__content .case__title__h5 {
    font-size: 1.5rem;
  }
}
.orikomi.top .case__detail__content__li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  color: #333;
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
}
.orikomi.top .case__detail__content__li::before {
  display: block;
  content: "";
  width: 0.25em;
  height: 0.25em;
  background-color: #333;
  position: absolute;
  top: 0.7em;
  left: 0.25em;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__detail__content__li {
    font-size: 1.5rem;
  }
}
.orikomi.top .case__detail__content__li:last-of-type {
  margin-bottom: 0;
}
.orikomi.top .case__detail__content__imgarea {
  width: 260px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 20px;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__detail__content__imgarea {
    margin-left: 0;
    margin-top: 10px;
  }
}
.orikomi.top .case__point {
  display: block;
  width: 100%;
  border: 1px solid #ec6c00;
  padding: 5px;
}
.orikomi.top .case__point__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__point__inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5px;
  }
}
.orikomi.top .case__point__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;
  width: 190px;
  height: 40px;
  background: linear-gradient(-10.8deg, #fbe2cd 0%, #fbe2cd 50%, #f7c8a5 50%, #f7c8a5 100%);
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__point__title {
    width: 160px;
    height: 32px;
    font-size: 1.4rem;
  }
}
.orikomi.top .case__point__title__icon {
  width: 24px;
  margin-right: 6px;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__point__title__icon {
    width: 18px;
  }
}
.orikomi.top .case__point__content {
  margin-left: 20px;
  color: #333;
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.top .case__point__content {
    margin-left: 0;
    font-size: 1.6rem;
  }
}
.orikomi.top .document {
  display: block;
  width: 100%;
  padding: 40px 0;
  background-color: #e7f8fd;
}
@media screen and (max-width: 1099px) {
  .orikomi.top .document {
    padding: 40px 10px;
  }
}
.orikomi.top .document__inner {
  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;
}
@media screen and (max-width: 599px) {
  .orikomi.top .document__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.top .document__link {
  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: calc((100% - 40px) / 3);
  margin-bottom: 20px;
  padding: 15px;
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative;
}
@media screen and (max-width: 1079px) {
  .orikomi.top .document__link {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 599px) {
  .orikomi.top .document__link {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
  }
}
@media screen and (max-width: 599px) and (min-width: 600px) {
  .orikomi.top .document__link:nth-of-type(n + 5) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 600px) {
  .orikomi.top .document__link:last-of-type {
    margin-bottom: 10px;
  }
}
.orikomi.top .document__link__text {
  color: #3771d7;
  font-size: 1.6rem;
  font-weight: 500;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 599px) {
  .orikomi.top .document__link__text {
    font-size: 1.4rem;
  }
}
.orikomi.top .document__link .icon__link {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 599px) {
  .orikomi.top .document__link .icon__link {
    right: 10px;
  }
}
.orikomi.top .document__link:hover {
  background-color: #00aeeb;
}
.orikomi.top .document__link:hover .document__link__text {
  color: #ffffff;
}
.orikomi.top .document__link:hover .icon__link {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.orikomi.top .document__link:hover .icon__link::after {
  background-color: #ffffff;
}
.orikomi.top .document__link--1col {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
}
.orikomi.top .document__link--1col .document__link__text {
  display: inline-block;
  color: #3771d7;
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 599px) {
  .orikomi.top .document__link--1col .document__link__text {
    font-size: 1.4rem;
  }
}
.orikomi.top .document__link--1col .document__link__text .icon__link {
  right: -40px;
}
@media screen and (max-width: 599px) {
  .orikomi.top .document__link--1col .document__link__text .icon__link {
    right: -30px;
  }
}
.orikomi.top .document__link--1col__text {
  width: 100%;
  color: #333;
  font-size: 1.4rem;
  font-weight: 300;
  text-align: center;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 599px) {
  .orikomi.top .document__link--1col__text {
    font-size: 1.4rem;
  }
}
.orikomi.top .document__link--1col__text__link {
  padding-bottom: 0.1em;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.orikomi.top .document__link--1col__text__link::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 600px) {
  .orikomi.top .document__link--1col__text__link:hover {
    opacity: 0.7;
  }
}
.orikomi.town_chirashi {
  /* -------------------------------
    kv
  ------------------------------- */
  /* -------------------------------
    what
  ------------------------------- */
  /* -------------------------------
    schedule
  ------------------------------- */
  /* -------------------------------
    plan
  ------------------------------- */
}
.orikomi.town_chirashi .kv-lower {
  background-image: url(../img/orikomi/town_chirashi/kv-bg.png);
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .kv-lower {
    background-image: url(../img/orikomi/town_chirashi/kv-bg_sp.png);
  }
}
@media screen and (max-width: 1099px) {
  .orikomi.town_chirashi .kv-menu__ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.orikomi.town_chirashi .what .title__h2-color--en {
  letter-spacing: 0.2em;
}
.orikomi.town_chirashi .what__logoarea {
  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;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__logoarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.town_chirashi .what__logo {
  width: 160px;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__logo {
    width: 120px;
  }
}
.orikomi.town_chirashi .what__desc {
  margin-left: 1em;
  color: #333;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__desc {
    margin-left: 0;
    margin-top: 1em;
    font-size: 1.4rem;
  }
}
.orikomi.town_chirashi .what__point__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__point__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.orikomi.town_chirashi .what__point__img {
  display: block;
  width: calc((100% - 20px - 20px) / 3);
  margin-right: 20px;
}
@media screen and (max-width: 799px) {
  .orikomi.town_chirashi .what__point__img {
    width: calc((100% - 10px - 10px) / 3);
    margin-right: 10px;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__point__img {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 800px) {
  .orikomi.town_chirashi .what__point__img:last-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__point__img:last-of-type {
    margin-bottom: 0;
  }
}
.orikomi.town_chirashi .what__link {
  display: block;
  padding: 7px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 1099px) {
  .orikomi.town_chirashi .what__link {
    padding: 5px;
  }
}
.orikomi.town_chirashi .what__link__inner {
  padding: 10px 20px 10px 40px;
  background-color: #fbe2cd;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__link__inner {
    padding: 20px;
  }
}
.orikomi.town_chirashi .what__link__content {
  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;
}
.orikomi.town_chirashi .what__link__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  position: relative;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__link__link {
    font-size: 1.4rem;
  }
}
.orikomi.town_chirashi .what__link__link .icon__link {
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  position: absolute;
  top: 50%;
  right: -2em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .what__link__link .icon__link {
    right: -1.5em;
  }
}
.orikomi.town_chirashi .what__link__link .icon__link::after {
  background-color: #333;
}
.orikomi.town_chirashi .what__link__link:hover {
  opacity: 0.7;
}
.orikomi.town_chirashi .schedule {
  padding: 40px 0 60px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .schedule {
    padding: 20px 0 30px;
  }
}
.orikomi.town_chirashi .schedule .title__h2-color--en {
  letter-spacing: 0.3em;
}
.orikomi.town_chirashi .schedule__desc {
  text-align: center;
}
.orikomi.town_chirashi .schedule__inner {
  padding: 0 30px;
  background-color: #ffffff;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .schedule__inner {
    padding: 0 15px;
  }
}
.orikomi.town_chirashi .schedule__content {
  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: 100%;
  padding: 40px 60px;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .schedule__content {
    padding: 15px 0;
  }
}
.orikomi.town_chirashi .schedule__img {
  width: 100%;
}
.orikomi.town_chirashi .plan__inner {
  padding: 30px;
  background-color: #e7f8fd;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__inner {
    padding: 10px;
  }
}
.orikomi.town_chirashi .plan .title__h2-color--en {
  letter-spacing: 0.3em;
}
.orikomi.town_chirashi .plan__contentarea {
  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: 30px;
  background-color: #ffffff;
  border: 1px solid #ccc;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__contentarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
  }
}
.orikomi.town_chirashi .plan__content__img {
  width: 140px;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__content__img {
    width: 40%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
  }
}
.orikomi.town_chirashi .plan__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__content {
    width: 100%;
    margin-left: 10px;
  }
}
.orikomi.town_chirashi .plan__content__title {
  width: 100%;
  margin-bottom: 10px;
  padding: 0.1em 0;
  background-color: #e7f8fd;
  border: 1px solid #ccc;
  text-align: center;
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__content__title {
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
}
.orikomi.town_chirashi .plan__content__subarea {
  padding: 15px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__content__subarea {
    padding: 5px;
  }
}
.orikomi.town_chirashi .plan__content__subarea__title {
  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;
}
@media screen and (max-width: 799px) {
  .orikomi.town_chirashi .plan__content__subarea__title {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.town_chirashi .plan__content__subarea__text {
  color: #3771d7;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__content__subarea__text {
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
}
.orikomi.town_chirashi .plan__content__subarea__price {
  display: inline-block;
  text-align: right;
  margin-right: 0;
  margin-left: auto;
  color: #333;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__content__subarea__price {
    font-size: 2rem;
  }
}
.orikomi.town_chirashi .plan__content__subarea__unit {
  display: block;
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__content__subarea__unit {
    font-size: 1.4rem;
  }
}
.orikomi.town_chirashi .plan__desc {
  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: left;
}
.orikomi.town_chirashi .plan__desc__text {
  color: #333;
  font-size: 1.6rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .orikomi.town_chirashi .plan__desc__text {
    font-size: 1.4rem;
  }
}
.orikomi.protocol {
  /* -------------------------------
    kv
  ------------------------------- */
  /* -------------------------------
    what
  ------------------------------- */
  /* -------------------------------
    case01 - チラシがある方（オリコミのみ）
  ------------------------------- */
  /* -------------------------------
    case02 - チラシがない方（デザイン・印刷・オリコミ）
  ------------------------------- */
  /* -------------------------------
    simulation
  ------------------------------- */
}
.orikomi.protocol .kv-lower {
  background-image: url(../img/orikomi/protocol/kv-bg.png);
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .kv-lower {
    background-image: url(../img/orikomi/protocol/kv-bg_sp.png);
  }
}
.orikomi.protocol .what .title__h2-color--en {
  letter-spacing: 0.2em;
}
.orikomi.protocol .what__inner {
  padding-left: 35px;
  padding-right: 35px;
}
@media screen and (max-width: 799px) {
  .orikomi.protocol .what__inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.orikomi.protocol .what__desc {
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.025em;
  line-height: 1.89;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__desc {
    font-size: 1.5rem;
  }
}
.orikomi.protocol .what__title__h3 {
  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: 100%;
  padding: 0.3em 0.25em;
  background-color: #abe4f8;
  color: #333;
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.21;
  text-align: center;
}
@media screen and (max-width: 799px) {
  .orikomi.protocol .what__title__h3 {
    font-size: 2rem;
  }
}
.orikomi.protocol .what__title__h4 {
  margin-bottom: 1em;
  padding: 0.25em 0.25em 0.25em 0.75em;
  color: #333;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.21;
  position: relative;
}
@media screen and (max-width: 799px) {
  .orikomi.protocol .what__title__h4 {
    font-size: 1.6rem;
  }
}
.orikomi.protocol .what__title__h4::before, .orikomi.protocol .what__title__h4::after {
  display: block;
  content: "";
  width: 8px;
  height: 50%;
  position: absolute;
  left: 0;
}
.orikomi.protocol .what__title__h4::before {
  background-color: #abe4f8;
  top: 0;
}
.orikomi.protocol .what__title__h4::after {
  background-color: #00aeeb;
  bottom: 0;
}
.orikomi.protocol .what__contentarea01, .orikomi.protocol .what__contentarea02 {
  position: relative;
}
.orikomi.protocol .what__contentarea01 .what__content__descarea, .orikomi.protocol .what__contentarea02 .what__content__descarea {
  position: absolute;
  top: 50px;
  left: 0;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea01 .what__content__descarea, .orikomi.protocol .what__contentarea02 .what__content__descarea {
    position: relative;
    top: inherit;
    left: inherit;
  }
}
.orikomi.protocol .what__contentarea01 .what__img, .orikomi.protocol .what__contentarea02 .what__img {
  margin-right: 0;
  margin-left: auto;
}
.orikomi.protocol .what__content__desc {
  color: #333;
  font-size: 1.6rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__content__desc {
    font-size: 1.4rem;
  }
}
.orikomi.protocol .what__content__desc__strong {
  font-weight: 500;
}
.orikomi.protocol .what__content__desc--center {
  padding: 0 130px;
}
@media screen and (max-width: 1099px) {
  .orikomi.protocol .what__content__desc--center {
    padding: 0 50px;
  }
}
@media screen and (max-width: 799px) {
  .orikomi.protocol .what__content__desc--center {
    padding: 0 10px;
  }
}
.orikomi.protocol .what__contentarea01 .what__content__descarea {
  width: 240px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea01 .what__content__descarea {
    width: 100%;
  }
}
.orikomi.protocol .what__contentarea01 .what__img {
  width: 630px;
}
@media screen and (max-width: 1099px) {
  .orikomi.protocol .what__contentarea01 .what__img {
    width: 60%;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea01 .what__img {
    width: 85%;
    margin: 20px auto 0;
  }
}
.orikomi.protocol .what__contentarea02 .what__content__descarea {
  width: 280px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea02 .what__content__descarea {
    width: 100%;
  }
}
.orikomi.protocol .what__contentarea02 .what__content__descarea .what__content__desc {
  margin-bottom: 80px;
  padding: 0.5em 1em;
  background-color: #f2f2f2;
  position: relative;
}
.orikomi.protocol .what__contentarea02 .what__content__descarea .what__content__desc::after {
  display: block;
  content: "";
  width: 40px;
  height: 66px;
  background-image: url(../img/orikomi/protocol/what_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.orikomi.protocol .what__contentarea02 .what__content__descarea .what__content__desc:last-of-type {
  margin-bottom: 0;
}
.orikomi.protocol .what__contentarea02 .what__content__descarea .what__content__desc:last-of-type::after {
  display: none;
}
.orikomi.protocol .what__contentarea02 .what__img {
  width: 500px;
}
@media screen and (max-width: 1099px) {
  .orikomi.protocol .what__contentarea02 .what__img {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea02 .what__img {
    width: 70%;
    margin: 20px auto 0;
  }
}
.orikomi.protocol .what__content__q {
  display: block;
  border: 1px solid #ccc;
  background-color: #e7f8fd;
}
.orikomi.protocol .what__content__q__desc {
  padding: 0.25em 10px;
  color: #333;
  font-size: 2.1rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__content__q__desc {
    font-size: 1.4rem;
  }
}
.orikomi.protocol .what__content__q__subdesc {
  padding: 0.25em 10px;
  background-color: #ffffff;
  color: #333;
  font-size: 1.6rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__content__q__subdesc {
    font-size: 1.4rem;
  }
}
.orikomi.protocol .what__contentarea03 .what__content {
  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;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea03 .what__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.protocol .what__contentarea03 .what__content__descarea {
  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: 180px;
  margin-left: 48px;
  padding: 0.5em 1em;
  background-color: #f2f2f2;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea03 .what__content__descarea {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
.orikomi.protocol .what__contentarea03 .what__content .what__img {
  width: calc(100% - 180px - 48px);
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea03 .what__content .what__img {
    width: 100%;
  }
}
.orikomi.protocol .what__contentarea04 .what__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea04 .what__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.protocol .what__contentarea04 .what__content__subcontent {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% / 3);
  margin-right: 60px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea04 .what__content__subcontent {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.orikomi.protocol .what__contentarea04 .what__content__subcontent:last-of-type {
  margin-right: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea04 .what__content__subcontent:last-of-type {
    margin-bottom: 20px;
  }
}
.orikomi.protocol .what__contentarea04 .what__content__subcontent__desc {
  margin-bottom: 0.5em;
  color: #333;
  font-size: 1.8rem;
  font-weight: 300;
  text-align: center;
  line-height: 1.56;
}
@media screen and (max-width: 799px) {
  .orikomi.protocol .what__contentarea04 .what__content__subcontent__desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea04 .what__content__subcontent__desc {
    font-size: 1.3rem;
  }
}
.orikomi.protocol .what__contentarea04 .what__content__subcontent .what__img {
  width: 100%;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea04 .what__content__subcontent .what__img {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea04 .what__content__subcontent {
    width: 100%;
  }
}
.orikomi.protocol .what__contentarea04 .what__content__descarea {
  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: 0.5em 1em;
  background-color: #f2f2f2;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .what__contentarea04 .what__content__descarea {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
.orikomi.protocol .case01 .title__h2-color--en {
  letter-spacing: 0.3em;
}
.orikomi.protocol .case01__inner {
  padding-left: 35px;
  padding-right: 35px;
}
@media screen and (max-width: 799px) {
  .orikomi.protocol .case01__inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.orikomi.protocol .case01__title__h3 {
  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: #abe4f8;
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.018em;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__title__h3 {
    font-size: 1.3rem;
  }
}
.orikomi.protocol .case01__accordion {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.orikomi.protocol .case01__accordion__box {
  display: block;
  width: 100%;
  margin-bottom: 35px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  position: relative;
}
.orikomi.protocol .case01__accordion__box::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #e6e6e6 transparent transparent transparent;
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.orikomi.protocol .case01__accordion__box:last-of-type {
  margin-bottom: 0;
}
.orikomi.protocol .case01__accordion__box:last-of-type::after {
  display: none;
}
.orikomi.protocol .case01__accordion__titlearea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f8f8;
}
.orikomi.protocol .case01__accordion__titlearea__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;
  width: 50px;
  height: 50px;
  border-right: 1px solid #ccc;
  background: linear-gradient(-45deg, #d1f1fb 0%, #d1f1fb 50%, #e7f8fd 50%, #e7f8fd 100%);
  color: #3771d7;
  font-size: 3.6rem;
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__titlearea__no {
    width: 32px;
    height: 32px;
    font-size: 1.8rem;
  }
}
.orikomi.protocol .case01__accordion__titlearea__title {
  margin-left: 1.5em;
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__titlearea__title {
    font-size: 1.4rem;
  }
}
.orikomi.protocol .case01__accordion__titlearea__icon {
  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: 26px;
  height: 26px;
  margin-right: 1.5em;
  margin-left: auto;
  border: 1px solid rgba(153, 153, 153, 0.7);
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__titlearea__icon {
    width: 20px;
    height: 20px;
  }
}
.orikomi.protocol .case01__accordion__titlearea__icon::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.orikomi.protocol .case01__accordion__titlearea.stay .case01__accordion__titlearea__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.orikomi.protocol .case01__accordion__titlearea.open .case01__accordion__titlearea__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.orikomi.protocol .case01__accordion__titlearea.stay.open .case01__accordion__titlearea__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.orikomi.protocol .case01__accordion__contentarea {
  display: none;
}
.orikomi.protocol .case01__accordion__contentarea.stay {
  display: block;
}
.orikomi.protocol .case01__accordion__contentarea.open {
  display: block;
}
.orikomi.protocol .case01__accordion__contentarea.stay.open {
  display: block;
}
.orikomi.protocol .case01__accordion__content {
  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: 10px;
  border-top: 1px solid #ccc;
}
.orikomi.protocol .case01__accordion__content__img {
  width: 25%;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__content__img {
    width: 10%;
  }
}
.orikomi.protocol .case01__accordion__content__desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1.5rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__content__desc {
    font-size: 1.4rem;
  }
}
.orikomi.protocol .case01__accordion .orange-button {
  width: 610px;
  margin: 20px auto;
  padding: 5px;
}
@media screen and (max-width: 799px) {
  .orikomi.protocol .case01__accordion .orange-button {
    width: 90%;
    margin: 10px auto;
    padding: 3px;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion .orange-button__inner {
    padding: 10px;
  }
}
.orikomi.protocol .case01__accordion__box__link {
  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;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.protocol .case01__accordion__box__link__title {
  width: 10em;
  color: #3771d7;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box__link__title {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
  }
}
.orikomi.protocol .case01__accordion__box__link__arrow {
  display: block;
  width: 50px;
  margin: 0 20px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box__link__arrow {
    display: none;
  }
}
.orikomi.protocol .case01__accordion__box__link__button {
  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: 320px;
  padding: 10px 20px;
  background-color: #e7f8fd;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box__link__button {
    width: 80%;
    padding: 10px;
  }
}
.orikomi.protocol .case01__accordion__box__link__button__icon {
  width: 45px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box__link__button__icon {
    width: 14%;
  }
}
.orikomi.protocol .case01__accordion__box__link__button__text {
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box__link__button__text {
    font-size: 1.3rem;
  }
}
.orikomi.protocol .case01__accordion__box__link__button__arrow {
  width: 4px;
  position: relative;
  right: 0;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
}
.orikomi.protocol .case01__accordion__box__link__button__arrow::before {
  padding-top: 175%;
}
.orikomi.protocol .case01__accordion__box__link__button__arrow img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}
.orikomi.protocol .case01__accordion__box__link__button:hover .case01__accordion__box__link__button__text {
  opacity: 0.7;
}
.orikomi.protocol .case01__accordion__box__link__button:hover .case01__accordion__box__link__button__arrow {
  right: -0.25em;
}
.orikomi.protocol .case01__accordion__box03__ol {
  padding: 0 10px;
}
.orikomi.protocol .case01__accordion__box03__ol > li {
  list-style-type: none;
  counter-increment: cnt;
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 1em;
}
.orikomi.protocol .case01__accordion__box03__ol > li::before {
  content: "(" counter(cnt) ") ";
}
.orikomi.protocol .case01__accordion__box03__img {
  width: 87%;
  margin: 10px auto 0;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box03__img {
    width: 95%;
  }
}
.orikomi.protocol .case01__accordion__box03__ul {
  padding: 0 10px 10px;
}
.orikomi.protocol .case01__accordion__box03__ul > li {
  list-style-type: none;
  padding-left: 1.25em;
  text-indent: -1.25em;
}
.orikomi.protocol .case01__accordion__box03__ul > li::before {
  content: "※ ";
}
.orikomi.protocol .case01__accordion__box04__subcontentarea {
  padding: 0 10px;
}
.orikomi.protocol .case01__accordion__box04__title {
  display: block;
  padding: 0.25em 0.25em 0.25em 1em;
  background-color: #cedcf5;
  color: #333;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box04__title {
    font-size: 1.3rem;
  }
}
.orikomi.protocol .case01__accordion__box04__subcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box04__subcontent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
  }
}
.orikomi.protocol .case01__accordion__box04__subcontent__descarea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.orikomi.protocol .case01__accordion__box04__subcontent__desc {
  color: #3771d7;
  font-size: 1.8rem;
  font-size: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box04__subcontent__desc {
    font-size: 1.3rem;
  }
}
.orikomi.protocol .case01__accordion__box04__subcontent__li {
  padding-left: 0.5em;
  color: #333;
  font-size: 1.4rem;
  position: relative;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box04__subcontent__li {
    font-size: 1.1rem;
  }
}
.orikomi.protocol .case01__accordion__box04__subcontent__li::before {
  display: block;
  content: "";
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  background-color: #333;
  position: absolute;
  top: 0.75em;
  left: 0;
}
.orikomi.protocol .case01__accordion__box04__subcontent__subli {
  padding-left: 1em;
  color: #333;
  font-size: 1.4rem;
  position: relative;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box04__subcontent__subli {
    font-size: 1.1rem;
  }
}
.orikomi.protocol .case01__accordion__box04__subcontent__subli::before {
  display: block;
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.orikomi.protocol .case01__accordion__box04__subcontent__img {
  width: 270px;
  margin-left: 20px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__accordion__box04__subcontent__img {
    margin: 10px auto 0;
  }
}
.orikomi.protocol .case01__accordion__box04__ol {
  padding: 0 10px;
}
.orikomi.protocol .case01__accordion__box04__ol > li {
  color: #333;
  list-style-type: none;
  counter-increment: cnt;
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 1em;
}
.orikomi.protocol .case01__accordion__box04__ol > li::before {
  content: "(" counter(cnt) ") ";
}
.orikomi.protocol .case01__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100px;
}
@media screen and (max-width: 1023px) {
  .orikomi.protocol .case01__note {
    height: inherit;
  }
}
.orikomi.protocol .case01__note__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;
  width: 170px;
  height: 100px;
  background: linear-gradient(-30deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  color: #ec6c00;
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .orikomi.protocol .case01__note__title {
    height: inherit;
    background: linear-gradient(-28deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
@media screen and (max-width: 694px) {
  .orikomi.protocol .case01__note__title {
    background: linear-gradient(-34deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
@media screen and (max-width: 683px) {
  .orikomi.protocol .case01__note__title {
    background: linear-gradient(-40deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case01__note__title {
    width: 80px;
    background: linear-gradient(-44deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 542px) {
  .orikomi.protocol .case01__note__title {
    background: linear-gradient(-51deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
@media screen and (max-width: 533px) {
  .orikomi.protocol .case01__note__title {
    background: linear-gradient(-57deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
@media screen and (max-width: 407px) {
  .orikomi.protocol .case01__note__title {
    background: linear-gradient(-62deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
@media screen and (max-width: 350px) {
  .orikomi.protocol .case01__note__title {
    background: linear-gradient(-65deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
@media screen and (max-width: 342px) {
  .orikomi.protocol .case01__note__title {
    background: linear-gradient(-68deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
@media screen and (max-width: 306px) {
  .orikomi.protocol .case01__note__title {
    background: linear-gradient(-70deg, #f7c8a5 0%, #f7c8a5 50%, #fbe2cd 50%, #fbe2cd 100%);
  }
}
.orikomi.protocol .case01__note__desc {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100px;
  padding: 0 1em;
  background-color: #f8f8f8;
}
@media screen and (max-width: 1023px) {
  .orikomi.protocol .case01__note__desc {
    height: inherit;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.orikomi.protocol .case02 .title__h2-color--en {
  letter-spacing: 0.3em;
}
.orikomi.protocol .case02__desc {
  color: #333;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.025em;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .case02__desc {
    font-size: 1.3rem;
  }
}
.orikomi.protocol .simulation__desc {
  color: #333;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.025em;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__desc {
    font-size: 1.3rem;
  }
}
.orikomi.protocol .simulation__title__h3 {
  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-left: 30px;
  margin-right: 30px;
  background-size: auto auto;
  background-color: #ffffff;
  background-image: repeating-linear-gradient(-60deg, transparent, transparent 5px, rgba(55, 113, 215, 0.5) 5px, rgba(55, 113, 215, 0.5) 6.2px);
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__title__h3 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.orikomi.protocol .simulation__title__h3__text {
  padding: 0 0.5em;
  background-color: #ffffff;
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__title__h3__text {
    font-size: 1.3rem;
  }
}
.orikomi.protocol .simulation__accordion {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 30px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion {
    padding: 0 15px;
  }
}
.orikomi.protocol .simulation__accordion__box {
  display: block;
  width: 100%;
  margin-bottom: 35px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  position: relative;
}
.orikomi.protocol .simulation__accordion__box::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #e6e6e6 transparent transparent transparent;
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.orikomi.protocol .simulation__accordion__box:last-of-type {
  margin-bottom: 0;
}
.orikomi.protocol .simulation__accordion__box:last-of-type::after {
  display: none;
}
.orikomi.protocol .simulation__accordion__titlearea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f8f8;
}
.orikomi.protocol .simulation__accordion__titlearea__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;
  width: 50px;
  height: 50px;
  border-right: 1px solid #ccc;
  background: linear-gradient(-45deg, #d1f1fb 0%, #d1f1fb 50%, #e7f8fd 50%, #e7f8fd 100%);
  color: #3771d7;
  font-size: 3.6rem;
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__titlearea__no {
    width: 32px;
    height: 32px;
    font-size: 1.8rem;
  }
}
.orikomi.protocol .simulation__accordion__titlearea__title {
  margin-left: 1.5em;
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__titlearea__title {
    font-size: 1.4rem;
  }
}
.orikomi.protocol .simulation__accordion__titlearea__icon {
  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: 26px;
  height: 26px;
  margin-right: 1.5em;
  margin-left: auto;
  border: 1px solid rgba(153, 153, 153, 0.7);
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__titlearea__icon {
    width: 20px;
    height: 20px;
  }
}
.orikomi.protocol .simulation__accordion__titlearea__icon::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.orikomi.protocol .simulation__accordion__titlearea.stay .simulation__accordion__titlearea__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.orikomi.protocol .simulation__accordion__titlearea.open .simulation__accordion__titlearea__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.orikomi.protocol .simulation__accordion__titlearea.stay.open .simulation__accordion__titlearea__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.orikomi.protocol .simulation__accordion__contentarea {
  display: none;
}
.orikomi.protocol .simulation__accordion__contentarea.stay {
  display: block;
}
.orikomi.protocol .simulation__accordion__contentarea.open {
  display: block;
}
.orikomi.protocol .simulation__accordion__contentarea.stay.open {
  display: block;
}
.orikomi.protocol .simulation__accordion__contentarea__title {
  margin: 0 10px;
  padding-left: 12px;
  background-color: #e7f8fd;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__contentarea__title {
    font-size: 1.6rem;
  }
}
.orikomi.protocol .simulation__accordion__content {
  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;
  padding: 10px;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi.protocol .simulation__accordion__content ~ .simulation__accordion__content {
  border-top: none;
}
.orikomi.protocol .simulation__accordion__content__img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 40%;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__content__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 80%;
  }
}
.orikomi.protocol .simulation__accordion__content__img img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}
.orikomi.protocol .simulation__accordion__content__imgarea {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 40%;
}
.orikomi.protocol .simulation__accordion__content__imgarea .simulation__accordion__content__img {
  width: 100%;
}
.orikomi.protocol .simulation__accordion__content__imgarea .simulation__accordion__content__img:first-of-type {
  margin-bottom: 10px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__content__imgarea {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 80%;
  }
}
.orikomi.protocol .simulation__accordion__content__desc {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1.5rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__content__desc {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 1.4rem;
  }
}
.orikomi.protocol .simulation__accordion__content__desc--06,
.orikomi.protocol .simulation__accordion__content__desc .simulation__accordion__content__desc__ol {
  padding-left: 1.9em;
  text-indent: -1.9em;
}
.orikomi.protocol .simulation__accordion__content__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10px;
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__content__note {
    height: auto;
  }
}
.orikomi.protocol .simulation__accordion__content__note__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;
  width: 4em;
  /* height: 1.6em; */
  background: linear-gradient(-22deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 834px) {
  .orikomi.protocol .simulation__accordion__content__note__title {
    background: linear-gradient(-36deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__content__note__title {
    background: linear-gradient(-24deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 444px) {
  .orikomi.protocol .simulation__accordion__content__note__title {
    background: linear-gradient(-36deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
.orikomi.protocol .simulation__accordion__content__note__title--06 {
  background: linear-gradient(-53deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
}
@media screen and (max-width: 845px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-58deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 718px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-62deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 654px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-66deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 646px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-68deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 599px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-46deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 580px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-54deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 448px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-59deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 382px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-63deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 348px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-66deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 345px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-69deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
@media screen and (max-width: 320px) {
  .orikomi.protocol .simulation__accordion__content__note__title--06 {
    background: linear-gradient(-71deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  }
}
.orikomi.protocol .simulation__accordion__content__note__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 5px 5px 1em;
  background-color: #F8F8F8;
  padding-left: 2em;
  text-indent: -1em;
}
.orikomi.shiryo {
  /* -------------------------------
    kv
  ------------------------------- */
  /* -------------------------------
    copies
  ------------------------------- */
  /* -------------------------------
    area
  ------------------------------- */
  /* -------------------------------
    price
  ------------------------------- */
  /* -------------------------------
    holiday
  ------------------------------- */
  /* -------------------------------
    calendar
  ------------------------------- */
}
.orikomi.shiryo .title__h2-color--en {
  letter-spacing: 0.2em;
}
.orikomi.shiryo .kv-lower {
  background-image: url(../img/orikomi/shiryo/kv-bg.png);
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .kv-lower {
    background-image: url(../img/orikomi/shiryo/kv-bg_sp.png);
  }
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .kv-menu .row__space {
    display: block;
    content: "";
    width: 100%;
  }
}
.orikomi.shiryo .copies__newslist {
  width: calc(100% - 30px - 30px);
  height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 70px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  color: #333;
  font-weight: 300;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .copies__newslist {
    width: calc(100% - 10px - 10px);
    height: 120px;
    padding: 0 10px;
  }
}
.orikomi.shiryo .copies__newslist__dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 50px;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__newslist__dl {
    padding: 5px;
  }
}
.orikomi.shiryo .copies__newslist__dl:last-of-type {
  border-bottom: none;
}
.orikomi.shiryo .copies__newslist__dt {
  width: 4.5em;
}
.orikomi.shiryo .copies__newslist__dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.orikomi.shiryo .copies__area {
  padding: 10px 70px 0;
  border: 1px solid #3771d7;
  position: relative;
}
@media screen and (max-width: 1099px) {
  .orikomi.shiryo .copies__area {
    padding: 10px 40px 0;
  }
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .copies__area {
    padding: 10px 10px 0;
  }
}
.orikomi.shiryo .copies__area__title__h3 {
  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: 260px;
  height: 48px;
  background: linear-gradient(-10.46deg, #9db7e9 0%, #9db7e9 50%, #c8d8f4 50%, #c8d8f4 100%);
  color: #333;
  font-size: 2.4rem;
  font-weight: 500;
  position: absolute;
  top: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .copies__area__title__h3 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__title__h3 {
    font-size: 1.8rem;
  }
}
.orikomi.shiryo .copies__area__contentarea {
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__contentarea {
    padding: 20px 0;
  }
}
.orikomi.shiryo .copies__area__contentarea:last-of-type {
  border-bottom: none;
}
.orikomi.shiryo .copies__area__contentarea__title__h4 {
  margin-bottom: 20px;
  font-weight: 500;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__contentarea__title__h4 {
    margin-bottom: 10px;
  }
}
.orikomi.shiryo .copies__area__contentarea__buttonarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__contentarea__buttonarea {
    margin-bottom: 20px;
  }
}
.orikomi.shiryo .copies__area__contentarea__button {
  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: calc((100% - 50px) / 2);
  padding: 10px 20px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__contentarea__button {
    width: calc((100% - 20px) / 2);
    padding: 5px 10px;
  }
}
.orikomi.shiryo .copies__area__contentarea__button__icon {
  width: 70px;
  margin-right: 10%;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__contentarea__button__icon {
    width: 18%;
  }
}
.orikomi.shiryo .copies__area__contentarea__button__text {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #333;
  font-size: 2.4rem;
  font-weight: 500;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__contentarea__button__text {
    font-size: 1.7rem;
  }
}
.orikomi.shiryo .copies__area__contentarea__button__text__macro {
  display: block;
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__contentarea__button__text__macro {
    font-size: 1.2rem;
  }
}
.orikomi.shiryo .copies__area__contentarea__button__arrow {
  width: 4px;
  position: relative;
  right: 0;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
}
.orikomi.shiryo .copies__area__contentarea__button__arrow::before {
  padding-top: 175%;
}
.orikomi.shiryo .copies__area__contentarea__button:hover {
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.orikomi.shiryo .copies__area__contentarea__button:hover .copies__area__contentarea__button__text {
  opacity: 0.7;
}
.orikomi.shiryo .copies__area__contentarea__button:hover .copies__area__contentarea__button__arrow {
  right: -0.25em;
}
.orikomi.shiryo .copies__area__contentarea__li {
  padding-left: 0.8em;
  color: #333;
  list-style: none;
  font-size: 1.8rem;
  position: relative;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .copies__area__contentarea__li {
    font-size: 1.3rem;
  }
}
.orikomi.shiryo .copies__area__contentarea__li::before {
  display: block;
  content: "";
  width: 0.4em;
  height: 0.4em;
  background-color: #333;
  position: absolute;
  top: 0.65em;
  left: 0;
}
.orikomi.shiryo .area {
  padding: 40px 0;
  background-color: #f8f8f8;
}
.orikomi.shiryo .area__notice {
  width: calc(100% - 35px - 35px);
  height: 185px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 30px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  background-color: #ffffff;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .area__notice {
    width: 100%;
    padding: 10px 15px;
  }
}
.orikomi.shiryo .area__notice__title__h3 {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
.orikomi.shiryo .area__notice__title__h3__text {
  display: inline-block;
  padding: 0 0.5em;
  background-color: #ffffff;
  color: #333;
  font-size: 2.1rem;
  font-weight: 300;
  letter-spacing: 0.3em;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .area__notice__title__h3__text {
    font-size: 1.5rem;
  }
}
.orikomi.shiryo .area__notice__title__h3::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.orikomi.shiryo .area__notice__desc {
  margin-bottom: 0.5em;
  color: #333;
  font-size: 1.4rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .area__notice__desc {
    font-size: 1.1rem;
  }
}
.orikomi.shiryo .area__notice__desc:last-of-type {
  margin-bottom: 0;
}
.orikomi.shiryo .price__title__h3 {
  display: block;
  padding: 0.2em 0;
  background-color: #e7f8fd;
  color: #333;
  font-size: 2.1rem;
  letter-spacing: 0.2em;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .price__title__h3 {
    font-size: 1.5rem;
  }
}
.orikomi.shiryo .price__table__scroll {
  width: 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 1099px) {
  .orikomi.shiryo .price__table__scroll {
    overflow-x: scroll;
  }
}
.orikomi.shiryo .price__table__textarea {
  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: 930px;
  margin-bottom: 4px;
  padding-left: 200px;
  font-weight: 300;
}
.orikomi.shiryo .price__table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 930px;
}
.orikomi.shiryo .price__table__th, .orikomi.shiryo .price__table__td {
  padding: 0.5em;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
}
.orikomi.shiryo .price__table__th {
  background: #f2f2f2;
  color: #333;
  white-space: nowrap;
  text-align: left;
}
.orikomi.shiryo .price__table__th.title {
  width: 190px;
  background-color: #ffffff;
  border-right: none;
  border-bottom: none;
  background-image: linear-gradient(15.5deg, transparent 50%, #ccc 50%, #ccc 51%, transparent 51%, transparent);
  position: relative;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .price__table__th.title {
    width: 140px;
    background-image: linear-gradient(16deg, transparent 50%, #ccc 50%, #ccc 51%, transparent 51%, transparent);
  }
}
.orikomi.shiryo .price__table__th.title span:last-of-type {
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.orikomi.shiryo .price__table__th .blank {
  display: inline-block;
  content: "";
  width: 3.5em;
  height: 1em;
}
.orikomi.shiryo .price__table__th.center {
  text-align: center;
}
.orikomi.shiryo .price__table__td {
  font-weight: 300;
  text-align: right;
}
.orikomi.shiryo .price__table__td.center {
  text-align: center;
}
.orikomi.shiryo .price__table__td.top {
  vertical-align: top;
}
@media screen and (max-width: 959px) {
  .orikomi.shiryo .price__table .fixed {
    position: sticky;
    left: 0;
  }
  .orikomi.shiryo .price__table .fixed:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -1px;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    border: 1px solid #ccc;
  }
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .price__table .fixed:not(:last-of-type) {
    border-bottom: none;
  }
}
.orikomi.shiryo .price .orange-button__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orikomi.shiryo .price .orange-button .icon__pdf {
  width: 50px;
  margin-right: 10px;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .price .orange-button .icon__pdf {
    width: 35px;
  }
}
.orikomi.shiryo .price__ul {
  margin-right: 80px;
  margin-left: 80px;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .price__ul {
    margin-right: 20px;
    margin-left: 20px;
  }
}
.orikomi.shiryo .price__ul__li {
  padding-left: 0.8em;
  color: #333;
  font-weight: 300;
  position: relative;
}
.orikomi.shiryo .price__ul__li::before {
  display: block;
  content: "";
  width: 0.4em;
  height: 0.4em;
  background-color: #333;
  position: absolute;
  top: 42%;
  left: 0;
}
.orikomi.shiryo .delivery {
  padding-left: 70px;
  padding-right: 70px;
}
@media screen and (max-width: 1099px) {
  .orikomi.shiryo .delivery {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .delivery {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.orikomi.shiryo .delivery__desc {
  color: #000;
  font-size: 1.8rem;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .delivery__desc {
    font-size: 1.3rem;
  }
}
.orikomi.shiryo .delivery__dlarea {
  border: 1px solid #ccc;
}
.orikomi.shiryo .delivery__dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em;
  border: 1px solid #ccc;
  color: #000;
  font-size: 1.8rem;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .delivery__dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 1.3rem;
  }
}
.orikomi.shiryo .delivery__dl:last-of-type {
  border-bottom: none;
}
.orikomi.shiryo .delivery__dl__dt {
  width: 26em;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .delivery__dl__dt {
    width: 21em;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .delivery__dl__dt {
    width: 100%;
  }
}
.orikomi.shiryo .delivery__dl__dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .delivery__dl__dd {
    margin-left: 1.8em;
  }
}
.orikomi.shiryo .delivery__note {
  padding-left: 1em;
  color: #333;
  position: relative;
}
.orikomi.shiryo .delivery__note::before {
  display: block;
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.orikomi.shiryo .delivery__ul__li {
  padding-left: 1em;
  color: #333;
  position: relative;
}
.orikomi.shiryo .delivery__ul__li::before {
  display: block;
  content: "";
  width: 0.25em;
  height: 0.25em;
  background-color: #333;
  position: absolute;
  top: 0.75em;
  left: 0.25em;
}
.orikomi.shiryo .delivery__sizearea {
  border: 1px solid #ccc;
}
.orikomi.shiryo .delivery__title__h4 {
  padding: 0.5em 1em;
  border-bottom: 1px solid #ccc;
  color: #333;
  font-size: 1.8rem;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .delivery__title__h4 {
    font-size: 1.3rem;
  }
}
.orikomi.shiryo .delivery__size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em 2em;
}
.orikomi.shiryo .delivery__title__h5 {
  margin-bottom: 5px;
  color: #333;
  font-size: 2.4rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .delivery__title__h5 {
    font-size: 1.8rem;
  }
}
.orikomi.shiryo .delivery__size__content:first-of-type {
  width: 300px;
}
@media screen and (max-width: 1099px) {
  .orikomi.shiryo .delivery__size__content:first-of-type {
    width: 37%;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .delivery__size__content:first-of-type {
    width: calc(37% * 1.1);
  }
}
.orikomi.shiryo .delivery__size__content:last-of-type {
  width: 370px;
}
@media screen and (max-width: 1099px) {
  .orikomi.shiryo .delivery__size__content:last-of-type {
    width: 47%;
  }
}
@media screen and (max-width: 1099px) {
  .orikomi.shiryo .delivery__size__content:last-of-type {
    width: calc(47% * 1.1);
  }
}
.orikomi.shiryo .holiday__inner {
  padding: 20px 60px 40px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .holiday__inner {
    padding: 10px;
  }
}
.orikomi.shiryo .holiday__title__h3 {
  font-size: 2.4rem;
  font-weight: 300;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .holiday__title__h3 {
    font-size: 1.6rem;
  }
}
.orikomi.shiryo .holiday__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .holiday__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.orikomi.shiryo .holiday__content {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 118px;
  height: 118px;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  background-color: #ffffff;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .holiday__content {
    width: 90px;
    height: 90px;
    margin-right: 8px;
    margin-bottom: 8px;
  }
}
.orikomi.shiryo .holiday__content__datearea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  right: 0.5em;
}
.orikomi.shiryo .holiday__content__month {
  margin-right: 0.2em;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .holiday__content__month {
    font-size: 2.1rem;
  }
}
.orikomi.shiryo .holiday__content__month::after {
  display: block;
  content: "";
  width: 50px;
  height: 2px;
  background-color: #ccc;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  top: -0.5em;
  right: -0.75em;
}
.orikomi.shiryo .holiday__content__date {
  font-size: 4.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .holiday__content__date {
    font-size: 3.4rem;
  }
}
.orikomi.shiryo .holiday__content__week {
  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;
  padding: 0.05em 0.4em;
  background-color: #ccc;
  border-radius: 50%;
  color: #ffffff;
  font-size: 2.1rem;
  font-weight: 700;
  position: relative;
  top: -0.25em;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .holiday__content__week {
    font-size: 1.5rem;
  }
}
.orikomi.shiryo .calendar {
  padding: 50px 0;
  background-color: #e7f8fd;
}
@media screen and (max-width: 799px) {
  .orikomi.shiryo .calendar {
    padding: 25px 0;
  }
}
.orikomi.shiryo .calendar__inner {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 70px;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .calendar__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
  }
}
.orikomi.shiryo .calendar__link {
  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: calc((100% - 10px - 10px) / 3);
  height: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #ffffff;
  color: #3771d7;
  font-weight: 500;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .calendar__link {
    width: 80vw;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
  }
}
.orikomi.shiryo .calendar__link:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .calendar__link:nth-of-type(3n) {
    margin-right: auto;
  }
}
.orikomi.shiryo .calendar__link--1col {
  width: 350px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 599px) {
  .orikomi.shiryo .calendar__link--1col {
    width: 80vw;
  }
}
.orikomi.shiryo .calendar__link:hover {
  color: rgba(55, 113, 215, 0.7);
}
.orikomi.attention {
  /* -------------------------------
    kv
  ------------------------------- */
  /* -------------------------------
    content
  ------------------------------- */
}
.orikomi.attention .kv-lower {
  background-image: url(../img/orikomi/attention/kv-bg.png);
}
@media screen and (max-width: 599px) {
  .orikomi.attention .kv-lower {
    background-image: url(../img/orikomi/attention/kv-bg_sp.png);
  }
}
.orikomi.attention .content {
  width: 100%;
  padding: 70px;
}
@media screen and (max-width: 1099px) {
  .orikomi.attention .content {
    padding: 40px;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.attention .content {
    padding: 15px;
  }
}
.orikomi.attention .content .title__h2-color--en {
  letter-spacing: 0.2em;
}
.orikomi.attention .content__inner {
  padding: 25px;
}
@media screen and (max-width: 599px) {
  .orikomi.attention .content__inner {
    padding: 10px;
  }
}
.orikomi.attention .content:nth-of-type(odd) {
  background-color: #ffffff;
}
.orikomi.attention .content:nth-of-type(odd) .content__inner {
  background-color: #f8f8f8;
}
.orikomi.attention .content:nth-of-type(even) {
  background-color: #f2f2f2;
}
.orikomi.attention .content:nth-of-type(even) .content__inner {
  background-color: #ffffff;
}
.orikomi.attention .content__desc {
  width: 570px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.8rem;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .orikomi.attention .content__desc {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .orikomi.attention .content__desc {
    font-size: 1.6rem;
  }
}
.orikomi.attention .content p {
  font-weight: 300;
}
.orikomi.attention .content__sec > p {
  padding-left: 1em;
}
.orikomi.attention .content__sec > ul {
  padding-left: 1em;
}
.orikomi.attention .content__sec > ul li {
  margin-bottom: 0.2em;
  padding-left: 1em;
  font-weight: 500;
  position: relative;
}
.orikomi.attention .content__sec > ul li:last-of-type {
  margin-bottom: 0;
}
.orikomi.attention .content__sec > ul li::before {
  display: block;
  content: "▪";
  position: absolute;
  top: 0;
  left: 0;
}
.orikomi.attention .content__title {
  margin-bottom: 0.2em;
  color: #3771d7;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
}
@media screen and (max-width: 599px) {
  .orikomi.attention .content__title {
    font-size: 1.6rem;
  }
}
.orikomi.attention .content__title--large {
  color: #3771d7;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2;
}
@media screen and (max-width: 599px) {
  .orikomi.attention .content__title--large {
    font-size: 2rem;
  }
}
.orikomi.attention .content--criterion .indent {
  margin-left: -2em;
}
.orikomi.attention .content--criterion ol {
  padding-left: 2em;
  list-style: decimal;
}
.orikomi.attention .content--criterion ol li {
  margin-bottom: 30px;
  color: #3771d7;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .orikomi.attention .content--criterion ol li {
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
}
.orikomi.attention .content--criterion ol p {
  color: #333;
  font-size: 1.6rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .orikomi.attention .content--criterion ol p {
    font-size: 1.4rem;
  }
}
.orikomi.attention .content--criterion ol ol {
  padding-left: 1em;
}
.orikomi.attention .content--criterion ol ol li {
  margin-bottom: 0.4em;
  color: #333;
  font-size: 1.6rem;
  font-weight: 300;
}
@media screen and (max-width: 599px) {
  .orikomi.attention .content--criterion ol ol li {
    font-size: 1.4rem;
  }
}
.orikomi.attention .content--disaster ol {
  margin-left: 1em;
  list-style: decimal;
}
.orikomi.attention .content--disaster ol li {
  margin-bottom: 0.25em;
  font-weight: 500;
}
.orikomi.attention .content--coupon .content__desc {
  width: 660px;
}
@media screen and (max-width: 1023px) {
  .orikomi.attention .content--coupon .content__desc {
    width: 100%;
  }
}
.orikomi.attention .content--coupon .content__title {
  padding-left: 2em;
}
.orikomi.attention .content--coupon ul {
  padding-left: 2em;
}
.orikomi .document {
  display: block;
  width: 100%;
  padding: 40px 0;
  background-color: #e7f8fd;
}
@media screen and (max-width: 1099px) {
  .orikomi .document {
    padding: 40px 10px;
  }
}
.orikomi .document__inner {
  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;
}
@media screen and (max-width: 599px) {
  .orikomi .document__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orikomi .document__link {
  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: calc((100% - 40px) / 3);
  margin-bottom: 20px;
  padding: 15px;
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative;
}
@media screen and (max-width: 1079px) {
  .orikomi .document__link {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 599px) {
  .orikomi .document__link {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
  }
}
@media screen and (max-width: 599px) and (min-width: 600px) {
  .orikomi .document__link:nth-of-type(n + 5) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 600px) {
  .orikomi .document__link:last-of-type {
    margin-bottom: 10px;
  }
}
.orikomi .document__link__text {
  color: #3771d7;
  font-size: 1.6rem;
  font-weight: 500;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 599px) {
  .orikomi .document__link__text {
    font-size: 1.4rem;
  }
}
.orikomi .document__link .icon__link {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 599px) {
  .orikomi .document__link .icon__link {
    right: 10px;
  }
}
.orikomi .document__link:hover {
  background-color: #00aeeb;
}
.orikomi .document__link:hover .document__link__text {
  color: #ffffff;
}
.orikomi .document__link:hover .icon__link {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.orikomi .document__link:hover .icon__link::after {
  background-color: #ffffff;
}
.orikomi .document__link--1col {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 10px;
}
.orikomi .document__link--1col .document__link__text {
  display: inline-block;
  color: #3771d7;
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 599px) {
  .orikomi .document__link--1col .document__link__text {
    font-size: 1.4rem;
  }
}
.orikomi .document__link--1col .document__link__text .icon__link {
  right: -40px;
}
@media screen and (max-width: 599px) {
  .orikomi .document__link--1col .document__link__text .icon__link {
    right: -30px;
  }
}
.orikomi .document__link--1col__text {
  width: 100%;
  color: #333;
  font-size: 1.4rem;
  font-weight: 300;
  text-align: center;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
@media screen and (max-width: 599px) {
  .orikomi .document__link--1col__text {
    font-size: 1.4rem;
  }
}
.orikomi .document__link--1col__text__link {
  padding-bottom: 0.1em;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.orikomi .document__link--1col__text__link::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 600px) {
  .orikomi .document__link--1col__text__link:hover {
    opacity: 0.7;
  }
}