@charset "UTF-8";
@font-face{
  font-display: swap;
}
      body{
        font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
        text-align: justify;
        text-justify:inter-character;
      }
      .rs-font1{
        font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo;
        letter-spacing: 0.2rem;
        line-height:1.5;
        text-align: justify;
        text-justify:inter-character;
        font-weight: 400;
      }
      .rs-font2{
        font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
        letter-spacing: 0.2rem;
        line-height:1.5
      }
      .rs-font-h1{
        font-size: 3rem;
      }
      .rs-align-center{
        text-align: center;
      }

      .rs-color2{
        color:#ECFEF6;
      }
      .rs-color2{
        color:#B35040;
      }
      .rs-bg-color1{
        background-color: #C7FDDC;
      }
      .rs-bg-color2{
        background-color: #B35040;
      }
      .rs-bg-color3{
        background-color:#EEEEEE!important;
      }
      .rs-bg-color3:hover{
        background-color:#CCCCCC!important;
      }
      .rs-bg-color4{
        background:linear-gradient(#F5F5F5 0%, #C3C3C3 100%) no-repeat 50% 50% / 100% 100%
      }
      .rs-shadow{
        box-shadow: 2px 2px 4px gray;
      }
      .rs-pt-1{
        padding-top:4.5rem!important;
      }
      .rs-mt-1{
        margin-top:4.5rem!important;
      }
      .rs-list1 ul{
        padding-inline-start:0;
      }
      .rs-list1 ul li{
        list-style: none;
        margin-bottom: 5px;
      }
      .rs-h1{
        color:brown;
        font-weight:bold;
        line-height:1;
        font-size:1.75vw;
        letter-spacing:0;
        text-align: left;
      }
      .rs-h2{
        padding: 0.5rem 0.5rem;
        border: 1px solid #ccc;
        border-top: 3px solid #3498db;
        background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
        background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
        box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
      }

      .rs-h4{
        font-size:1.4vw;
        line-height:1;
        letter-spacing:0;
        text-align: left;
      }

      @media screen and (max-width:575px) {
        .rs-width1-575{
          width:50%;
        }
        .rs-padding1-575{
          padding-left: 35%;
        }
      }

      /*パソコン・スマホ共通のCSS*/
      #TopBtnSample2 {
        position: fixed; /*ボタンの配置場所を固定*/
        bottom: -10px; /*下からのボタンの配置場所を指定*/
        right: 10px; /*右からのボタンの配置場所を指定*/
      }
      #TopBtnSample2 a {
        display: block; /*配置の調整*/
        text-decoration: none; /*文字の下線を消す*/
        color: #fff; /*文字の色*/
        background: rgb(156, 230, 188); /*ボタンの背景色*/
        text-align: center; /*文字を中央に配置*/
        border-radius: 50%; /*ボタンの角を少し丸くする*/
        outline: none; /*クリックしたときの黒い枠を消す*/
      }
      #TopBtnSample2 a:hover {
        text-decoration: none;
        background: #23FF7D; /*マウスオーバー時の背景色*/
      }
      /*パソコンで表示する場合のCSS*/
      @media (min-width: 768px) {
        #TopBtnSample2 {
          font-size: 25px; /*文字のサイズ*/
        }
        #TopBtnSample2 a {
          width: 50px; /*ボタンの幅*/
          height: 50px; /*ボタンの高さ*/
          padding: 5px 0; /*文字の配置場所の調整*/
        }
      }
      /*スマホで表示する場合のCSS*/
      @media (max-width: 767px) {
        #TopBtnSample2 {
          font-size: 20px;
        }
        #TopBtnSample2 a {
          width: 50px;
          height: 50px;
          padding: 8px 0;
        }
      }
      .rs-link1{
        color:white!important;
      }
      .rs-link1:hover{
        color:rgb(156, 230, 188)!important;
      }
      .rs-link2{
        color:rgba(0,0,0,0.9)!important;
      }
      .rs-link2:hover{
        color:white!important;
      }
      .active>.rs-link2{
        background-color: aliceblue;
      }
      .rs-nav{
        background: url('../img/pixta_11696457_L_hanten.jpg') no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-position: right;
      }

      .bg-mask {
        height: 100%;
        background: rgba(0,0,0,0.55);
      }
      .rs-slide{
      }
      .rs-box{
        padding: 1rem 0;
        margin: 2rem 0;
        /*
        color: #5d627b;
        */
        background: #f9f9f9;
        border-top: solid 5px #ccc;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
      }
      .rs-box2{
        border:solid 5px;
        border-color:orange;
        border-radius:20px;
        background-color:#FFFFCC;
        font-size:1.75vw;
        /*
        width:17vw;
        */
        width:10em;
        padding:0.5vw 1vw;
        position:absolute;
        top:80px;
        left:20px;
      }
      .navbar{
        padding: 0 1rem!important;
      }
      .navbar-text{
        padding-top: 0!important;
        padding-bottom: 0!important;
      }
      .nav-link{
        font-size: 1.1rem;
      }
      .rs-base1{
        background-color:#F9F9F9;
        padding-bottom:1.5rem;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
      }
      .form-control{
        box-shadow: 0px 0px 2px 1px rgba(150,150,150,1);
      }

      .rs-faq1{
        width:95%;
        display:inline-block;
      }

      .rs-dock1{
        position:absolute;
        top:120px;
        left:35%;
      }
      .rs-dock2{
        position:absolute;
        top:200px;
        left:30%;
      }
      .rs-img12{
        width:12%;
        position:absolute;
        top:100px;
        left:85%;
      }
      .rs-breadcrumb{
        background-color:white;
        margin-bottom:0;
        font-size:0.8rem;
      }
      @media (min-width: 992px) {
        .rs-link4{
          border-right:1px solid #bbb;
          height:62px;
          vertical-align:middle;
          display: table-cell;
        }
        .rs-link5{
          border-left:1px solid #bbb;
        }
      }
      @media (min-width: 576px) {
        .imgWrap img {
          transition-duration: 0.3s;	/*変化に掛かる時間*/
        }
        .imgWrap img:hover {
          transform: scale(1.2);	/*画像の拡大率*/
          transition-duration: 0.3s;	/*変化に掛かる時間*/
        }
      }


      @media (max-width: 1199.98px) {
       .rs-dock1{
         top:80px;
       }
       .rs-dock2{
         top:140px;
       }
       .rs-img12{
         top:75px;
       }
      }

      @media (max-width: 991.98px) {
       .rs-dock1{
         top:40px;
       }
       .rs-dock2{
         top:100px;
       }
       .rs-img12{
         top:50px;
       }
       .rs-ml-1{
         margin-left:15px;
       }
       .rs-faq1{
         width:90%;
       }
       .rs-box2{
         top:50px;
         left:10px;
       }
       .rs-list1-lg{
          display:none;
       }
       .rs-h1-lg{
          font-size:16px;
       }
       .rs-h4-lg{
          font-size:16px;
	  margin-top:5px!important;
       }
       .rs-box2{
         width:165px;
         padding:5px 10px;
       }
        .rs-font4{
          color:#ff0066;
        }
      }

      @media (max-width: 767.98px) {
        .rs-dock1{
          top:60px;
        }
        .rs-dock2{
          top:100px;
        }
        .rs-img12{
          top:40px;
        }
        .rs-ml-1{
          margin-left:15px;
        }
        .rs-font-h1{
          font-size: 2rem;
        }
        .rs-font-h1{
          font-size: 2rem;
        }
      }

      @media (max-width: 575.98px) {
       .rs-dock1{
         top:30px;
       }
       .rs-dock2{
         top:60px;
         left:20%;
       }
       .rs-img12{
         top:50px;
       }
       .rs-ml-1{
         margin-left:0;
       }
       .rs-max-100{
         max-width:100%!important;
       }
       .rs-font-3{
         font-size:1rem;
       }
       .rs-font-h1{
         font-size: 1.5rem;
       }
        .lead{
          font-size:1rem;
        }
        .h3{
          font-size: 1.5rem;
        }
        .h5{
          font-size: 0.75rem;
        }
       .rs-faq1{
         width:85%;
       }
       .rs-list1-sm{
         font-size: 1.1rem;
       }
       .rs-box2{
         display:none;
       }
      }