@charset "utf-8";
/* CSS Document */
html, body {margin: 0;padding: 0;background-color: #f8f9fa;}.wrapper-1280 {max-width: 1280px;margin: 0 auto;min-height: 100vh;background-color: #fff;display: flex;flex-direction: column;}.main-content {background-color: #f8f9fa;min-height: 100vh;}.header-item {flex: 1; /* 左右の要素に同じ幅を持たせる */display: flex;align-items: center;}.header-center {justify-content: center;flex: 2; /* 中央のロゴエリアを広めに確保 */}.header-right {justify-content: flex-end;}/* 3. オフキャンバス（メニュー）の設定 */.offcanvas {width: 300px !important;background-color: #343a40 !important;color: #fff;}/* メニュー装飾 */.sidebar-nav {list-style: none;padding: 0;margin: 0;}.sidebar-nav .nav-link {color: rgba(255,255,255,0.8);padding: 1.25rem 1.5rem;display: block;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.1);transition: 0.3s;}/* メニュー項目のホバー設定 */.cont-menu .nav-link:hover {/* background-color: #495057; */background-color: #DCDCDC;}.cont-bottom .nav-link:hover {text-decoration: none;}/* サイドバー・ヘッダー共通の背景色 */.bg-blue-custom {background-color: #003366 !important;}.bg-menu-custom {background-color: #F7F7F7 !important;}.catitle {text-align: center;color: #FFFFFF;font-weight: bold;background: rgb(0,51,102);background: linear-gradient(180deg, rgba(0,51,102,1) 33%, rgba(0,106,213,1) 100%);padding: 11px 5px;margin: 0px 0px 5px 0px;}.m_tit {font-weight: 700;font-size: 20px;color: #FFF;text-align: center;padding: 10px 5px;margin: 0px;background: rgb(53,106,160);}.img_div {position: relative;overflow: hidden;padding-top: 60%;margin: 10px 5px;}.img_div img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;}.b-sma {background-color: #2A6698;color: #FFF;font-size: 14px;font-weight: bold;padding: 3px 6px;border-radius: 6px;border: 1px solid #C6C6C6;}.b-pc {background-color: #814E24;color: #FFF;font-size: 14px;font-weight: bold;padding: 3px 6px;border-radius: 6px;border: 1px solid #C6C6C6;}.keycat {overflow-wrap: break-word;line-height: 1.8;}.keycat a {color: #000;text-decoration: underline;}.b-cat {font-size: 14px;border-radius: 6px;border: 1px solid #B2ADAD;padding: 5px 6px;line-height: 3;}.webcen {width: 98vw;text-align: center;margin: 0 auto;}.webcen_inner {display: inline;}.mtopsp {width: auto;height: 84px;background: #003366;}.catwebcen {text-align: center;margin: 0 auto;}.catwebcen_inner {display: inline;}