@charset "UTF-8";
/*! Writen  by SCSS */
.contarea .msn-section__container {
  max-width: none;
  padding: 0; }

.img101 .cap {
  bottom: calc(165% / 6.32);
  bottom: calc(75% / 5.45); }
  .img101 .cap.cap1 {
    right: calc(1134% / 13.6); }
  .img101 .cap.cap2 {
    right: calc(851% / 13.6); }
  .img101 .cap.cap3 {
    right: calc(568% / 13.6); }
  .img101 .cap.cap4 {
    right: calc(286% / 13.6); }
.img101 .swipe_caution {
  height: 80%; }

@media screen and (max-width: 480px) {
  .swipe1 img,
  .swipe1 .img_cap {
    width: 800px;
    max-width: 800px; } }
@media screen and (max-width: 480px) {
  .swipe1 img:last-child,
  .swipe1 .img_cap:last-child {
    transform: translateX(30px); } }

@media screen and (max-width: 480px) {
  .swipe2 img,
  .swipe2 .img_cap {
    width: 500px;
    max-width: 500px; } }

.box110 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .box110 {
      flex-direction: column;
      gap: 40px; } }
  .box110 .l {
    width: calc(680% / 12.5);
    width: calc(717% / 12.5); }
    @media screen and (max-width: 767px) {
      .box110 .l {
        width: 100%;
        max-width: 680px;
        max-width: 717px;
        margin-inline: auto;
        order: 1; } }
  .box110 .r {
    width: calc(490% / 12.5); }
    @media screen and (max-width: 767px) {
      .box110 .r {
        width: 100%;
        max-width: 490px;
        margin-inline: auto;
        order: 3; } }
  .box110 .b {
    width: 100%;
    margin-top: 70px; }
    @media screen and (max-width: 767px) {
      .box110 .b {
        margin-top: 0;
        order: 2; } }

.box120 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .box120 {
      flex-direction: column;
      gap: 25px; } }
  .box120 li {
    width: calc(390% / 12.5); }
    @media screen and (max-width: 480px) {
      .box120 li {
        width: 100%;
        margin-inline: auto; } }
    .box120 li p {
      margin-top: 0.8em;
      font-size: clamp(12px, calc(18vw / 12.5), 18px);
      font-weight: 600;
      letter-spacing: 0.08em;
      line-height: 1.3;
      font-feature-settings: "palt"; }
      @media screen and (max-width: 480px) {
        .box120 li p {
          font-size: calc(14vw / 3.9); } }
      .box120 li p .s {
        font-size: 80%; }

/*ルート検索*/
.search_box {
  width: 100%;
  max-width: 445px;
  margin-left: auto;
  margin-right: auto; }

.search_box .txt01 {
  text-align: center;
  margin-bottom: 20px; }

@media screen and (max-width: 644px) {
  .search_box .txt01 {
    font-size: 12px;
    margin-bottom: 10px; } }
.search_box .root_s {
  margin-bottom: 40px; }

@media screen and (max-width: 644px) {
  .search_box .root_s {
    font-size: 14px;
    margin-bottom: 30px;
    margin-inline: auto;
    width: 80%; } }
.search_box .root_s li input[type="text"] {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  padding: 0;
  margin-top: 8px;
  border: none;
  border-radius: 30px;
  outline: none;
  background: #fff;
  width: 100%;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #162E44;
  display: block;
  font-size: 15px;
  line-height: 1;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }

@media screen and (max-width: 644px) {
  .search_box .root_s li input[type="text"] {
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 15px; } }
.search_box .root_s li input[type="text"]::-webkit-input-placeholder {
  color: rgba(37, 47, 72, 0.3); }

.search_box .root_s li input[type="text"]:-ms-input-placeholder {
  color: rgba(37, 47, 72, 0.3); }

.search_box .root_s li input[type="text"]::-ms-input-placeholder {
  color: rgba(37, 47, 72, 0.3); }

.search_box .root_s li input[type="text"]::placeholder {
  color: rgba(37, 47, 72, 0.3); }

.search_box .root_s li.start {
  position: relative;
  margin-bottom: 25px; }

@media screen and (max-width: 644px) {
  .search_box .root_s li.start {
    margin-bottom: 20px; } }
.search_box .button {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  background: #907809;
  padding: 25px 5px;
  position: relative;
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

@media screen and (max-width: 644px) {
  .search_box .button {
    font-size: 14px;
    padding: 15px 5px;
    width: 65%; } }
.search_box .button b {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 18px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%); }

@media screen and (max-width: 644px) {
  .search_box .button b {
    right: 10px;
    max-width: 14px; } }

/*# sourceMappingURL=access.css.map */