@charset "utf-8";


/*
 * c-btn
 * -------------------------------------------------------------
 */

.c-btn {
   background: #efab00;
   border-radius: 0.6rem;
   box-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.1607843137);
   color: #fff;
   font-size: 3rem;
   line-height: 1.5;
   margin: 0 auto;
   max-width: 55rem;
   padding: 3.5rem;
   text-align: center;
}

/*
 * footer
 * -------------------------------------------------------------
 */

/* フッター */

.footer {
   background: #FFBF1F;
}

.f_container {
   align-items: flex-start;
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
   max-width: 1094px;
   padding: 40px 40px 30px;
}

.f_logo {
   width: 100px;
}

.f_logo a img {
   border-radius: 10%;
   height: 60px;
   width: 60px;
}

.f_nav_list {
   display: flex;
   flex-direction: column;
   font-size: 1.8rem;
   font-weight: 500;
   gap: 20px;
}

@media screen and (max-width: 768px) {
   .f_nav_list {
      font-size: 1.5rem;
      gap: 20px;
   }
}

@media screen and (max-width: 600px) {
   .f_nav_list {
      font-size: 1rem;
      gap: 10px;
   }
}

.copyright {
   align-items: center;
   background: #151515;
   color: #fff;
   display: flex;
   font-size: 1.4rem;
   height: 50px;
   justify-content: center;
}

/* フッター ここまで*/



.pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   padding-left: 0;
   list-style: none;
   border-radius: 0.1875rem;
   font-size: 2rem;
 }
 
 .pagination-lg .page-link {
   padding: 0.75rem 1.5rem;
   font-size: 1.333rem;
   line-height: 1.5;
 }
 
 .pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: 0.1875rem;
   border-bottom-left-radius: 0.1875rem;
 }
 
 .pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: 0.1875rem;
   border-bottom-right-radius: 0.1875rem;
 }
 
 .pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
   font-size: 0.75rem;
   line-height: 1.5;
 }
 
 .pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: 0.1875rem;
   border-bottom-left-radius: 0.1875rem;
 }
 
 .pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: 0.1875rem;
   border-bottom-right-radius: 0.1875rem;
 }
 
 .page-link {
   position: relative;
   display: block;
   padding: 0.5rem 0.6rem;
   margin-left: -1px;
   line-height: 1.25;
   color: #ff006f;
   background-color: #fff;
   border: 1px solid #e1e1e1;
 }
 
 .page-link:hover {
   z-index: 2;
   color: #fff;
   text-decoration: none;
   background-color: #000;
   border-color: #000;
 }
 
 .page-link:focus {
   z-index: 3;
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(4, 91, 193, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(4, 91, 193, 0.25);
 }



/* Facility機能　ランディングページ ここまで*/

/* Facility機能　サーチボタン*/
.problem_search {
   width        : 94%;
   max-width: 1024px;
   height       : 60px;
   border-radius: 6px;
   box-shadow   : 1px 3px 10px lightgrey;
   margin       : 0 auto 20px;
 }

 .problem_search_btn_wrap {
   width          : 100%;
   height         : 100%;
   position       : relative;
   display        : flex;
   justify-content: space-between;
 }
 .problem_search_btn_wrap:before {
   content                  : "";
   display                  : inline-block;
   width                    : 21px;
   height                   : 100%;
   background               : #FFBF1F;
   position                 : absolute;
   left                     : 0;
   border-top-left-radius   : 6px;
   border-bottom-left-radius: 6px;
   z-index                  : 10;
 }
 .search_btn_txtarea {
   font-size    : 1.8rem;
   width        : 100%;
   background   : #fff;
   padding      : 0 10px 0 35px;
   position     : relative;
   text-align   : left;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
 }
 .search_btn_txtarea::placeholder {
   font-size: 1.8rem;
   color    : #D2D2D2;
 }
 .search_btn {
   width                     : 69px;
   height                    : 60px;
   background                : #FFBF1F;
   position                  : relative;
   border-top-right-radius   : 6px;
   border-bottom-right-radius: 6px;
   margin-left: -2px;
 }
 .search_btn::before {
   content        : "";
   width          : 100%;
   height         : 100%;
   display        : inline-block;
   background     : url(../assets/img/icon-search.svg) no-repeat center center;
   background-size: 50%;
 }
 @media screen and (max-width: 600px) {
   .problem_search {
     height: 54px;
     margin: 0 auto max(30px, 7%);
   }
   .search_btn {
     height: 54px;
   }
 }



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