@charset "utf-8";
@font-face {
font-family: 'Noto Sans JP';
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("fonts/NotoSansJP-Regular.woff2") format('woff2'),
url("fonts/NotoSansJP-Regular.woff") format('woff'),
url("fonts/NotoSansJP-Regular.otf") format('opentype');
}
@font-face {
font-family: 'Local Noto Sans JP';
src: 
local('Noto Sans JP'), /*Windows*/
local('Noto Sans CJK JP Regular'); /*Android*/
}
@font-face {
font-family: 'YakuHanJPs';
font-weight: 400;
font-display: swap;
src: url("fonts/YakuHanJPs-Regular.woff2") format('woff2');
}
@font-face {
font-family: 'YakuHanJPs';
font-weight: 500;
font-display: swap;
src: url("fonts/YakuHanJPs-Medium.woff2") format('woff2');
}
@font-face {
font-family: 'YakuHanJPs';
font-weight: 700;
font-display: swap;
src: url("fonts/YakuHanJPs-Bold.woff2") format('woff2');
}
body {
font-family: 'YakuHanJP', 'Noto Sans JP', sans-serif;
}
/*@font-face {
font-family: bootstrap-icons;
font-display: swap !important;
src: url("fonts/bootstrap-icons.woff2") format("woff2"), url("fonts/bootstrap-icons.woff") format("woff");
}*/
body {
padding:0px;
color:#212529;
font-size:1rem;
font-family: "Local Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", sans-serif;
}
p{min-height:1rem;}
@media screen and (min-width: 768px) {
body {
font-family: YakuHanJPs, "Local Noto Sans JP", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", sans-serif;
}
}
#l-header .header-outer .outer-top{
padding:0;
}
/* carousel */
.carousel-item{max-height: 550px;}
.carousel-control-next, .carousel-control-prev{width: 5%;}
/*.carousel-indicators [data-bs-target]{border:1px solid #ccc;}*/
.carousel-control-next i {border:1px solid #ccc;}
.carousel-control-next-icon, .carousel-control-prev-icon{background:none;}
.carousel a:hover img{opacity: 0.9;}
.carousel img{width:100%;height:auto;object-fit: cover;object-position: center;}
.carousel-caption {
position: absolute;
top: 0;
left: 0;
height: 100%;          /* 高さいっぱい */
width: 100%; 
display: flex;
flex-direction: column;
/*justify-content: center;*/ /* 縦中央 */
/*align-items: flex-start;*/ /* 左寄せ */
padding: 1.5rem 5rem;
color: #fff;
text-align: left;
background: rgba(0, 0, 0, 0.35);
}
.carousel-caption-left h2 {
font-size: 2rem;
font-weight: bold;
}
@media (max-width: 1200px) {
.carousel h2 br{
display: none;
}
}
.navbar{--bs-bg-opacity: .95;}
.megamenu{background-color: rgba(255, 255, 255, 0.95);}
/*.bg-primary, .btn-primary{background-color:#4471AD!important;border-color:#4471AD!important;}
.btn-primary:hover{background-color: #1556AD!important; text-decoration: none;}*/
.btn-outline-primary {
--bs-btn-color: #1556AD;
--bs-btn-border-color: #1556AD;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #1556AD;
--bs-btn-hover-border-color: #1556AD;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #1556AD;
--bs-btn-active-border-color: #1556AD;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #1556AD;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #1556AD;
--bs-gradient: none;
}
/*a:visited.btn-primary, a:link.btn-primary{
color: #fff;
}*/
.text-primary{color:#4471AD!important;}
.text-bg-primary{background-color: #1556AD!important}
/*.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{color:var(--bs-heading-color);}*/
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{text-decoration: none;}
.bg-lightblue{background-color: #f2fafd;}
.bg-skyblue{background-color:#dff2fa;}
.bg-gradient-green-blue {background-image: linear-gradient(90deg, rgba(227, 242, 219, 1), rgba(242, 250, 253, 1));}
.m-list-btn ul{padding-left: 0;}
.text-right{text-align: right;}
.text-bg-light{background-color: #ededed!important;}
footer ol, footer ul{padding-left:0;}
.nav-underline .nav-link{
border-bottom-style: dotted;
border-bottom-width: 4px;
}
.nav-underline .nav-link.active, .nav-underline .show>.nav-link{
color:#4471AD;
border-bottom-color: #4471AD;
border-bottom-style: dotted;
border-bottom-width: 4px;
}
.nav-underline .nav-link:focus, .nav-underline .nav-link:hover, .nav-underline .nav-link:active{
border-bottom-style: dotted;
border-bottom-width: 4px;
}
.arrow span{margin-right:16px;}
.arrow span:after{
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0.5em;
margin: auto;
background: url("../../files/i_arrow.svg") center no-repeat;
width: 8px;
height: 12px;
transition: all .3s ease-out;
background-size: 100% auto;
}
a:hover .arrow span:after{
background-image: url("../../files/i_arrow_blue.svg") ;
}
a:hover.btn-outline-light img{
background-image: url("../../files/i_arrow_blue.svg") ;
}
.tab-pane ol, .tab-pane ul {
padding-left: 0;
}
/*#casestudyTab .nav-link.active{
border-top:2px solid #4b7ebf;
margin-top:-1px;
}*/
@media (max-width: 575px) {
.p-xs-3 {
padding: 1rem !important;
}
.carousel-control-next, .carousel-control-prev{width:15%;}
}
.navbar-brand{min-height:2.8em;}
.navbar-brand img{height:2em;width: auto;position:relative;z-index:1;}
.navbar-toggler{
border:none;
}
.navbar-toggler:focus{
box-shadow:none;
}
.navbar-light .navbar-toggler-icon {
background-image: none;
}
.navbar-toggler-icon {
position: relative;
width: 40px;
height: 40px;
background: none;
appearance: none;
cursor: pointer;
}
.navbar-toggler-icon span{
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}
.navbar-toggler .navbar-toggler-icon span{
position: absolute;
left: 5px;
width: 80%;
height: 2px;
border-radius: 1px;
background-color: rgba(75,126,191,1);
}
.navbar-toggler .navbar-toggler-icon span:nth-of-type(1) {top: 10px;}
.navbar-toggler .navbar-toggler-icon span:nth-of-type(2) {top: 20px;}
.navbar-toggler .navbar-toggler-icon span:nth-of-type(3) {top: 30px;}
.navbar-toggler[aria-expanded='true'] .navbar-toggler-icon span:nth-of-type(1) {transform: translateY(10px) rotate(-315deg);}
.navbar-toggler[aria-expanded='true'] .navbar-toggler-icon span:nth-of-type(2) {opacity: 0;}
.navbar-toggler[aria-expanded='true'] .navbar-toggler-icon span:nth-of-type(3) {transform: translateY(-10px) rotate(315deg);}
.navbar-toggler-icon {
position: relative;
width: 40px;
height: 40px;
background: none;
appearance: none;
cursor: pointer;
}
.navbar-toggler .navbar-toggler-icon span {
position: absolute;
left: 5px;
width: 80%;
height: 2px;
border-radius: 1px;
background-color: rgba(255, 255, 255, 1);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
/*background-color:#4b7ebf;*/
background-color:#4471AD;
}
.nav-link {
/*color: #4b7ebf;*/
color: #4471AD;
}
.nav-link:hover, a:hover .badge{
opacity: 0.8;
}
.card .card-img-top-bg{
background: #fff;
}
/*.card img{
width: 100%;
cursor: pointer;
transition-duration: 0.2s;
}
.card:hover img{
opacity: 0.6;
transition-duration: 0.2s;
}*/
.card-title.arrow{position:relative;}
.card a:hover{color:#4b7ebf;}
.card-footer{border:0;background-color:inherit;}
[class^="card-img"]{
overflow: hidden;
min-height: 6vw; /* PageSpeedIndex CLS 対策*/
position: relative;
}
.card img{
transition-duration: 0.3s;
object-fit: contain;
width:100%;
height:auto;
}
.card:hover [class^="card-img"] img{
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.card:hover img[class^="card-img"] {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.card-img-overlay{
right: unset;
bottom: unset;
left: unset;
position:absolute;
}
.card .height-10em{height:10em;}
.badge{white-space: normal;text-align: unset;}
.fs-7{font-size:90%}
.fs-8{font-size:85%}
.dropdown-toggle.no-caret::after {
display: none;
}
.nav-link:hover, .nav-link:active{text-decoration:none;color:#4b7ebf;}
.nav-link.dropdown-toggle::after{
transition: transform 0.5s ease-in-out;
margin-left: 0.25em;
}
.nav-link.show.dropdown-toggle::after{
transform: rotate(180deg);
color:#4b7ebf;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
color:#4b7ebf;
}
/* Header JBGroup */
.jbgr-ribbon {
display: flex;
justify-content: flex-end;
flex-direction: row;
width: 100%;
}
.jbgr-ribbon .header-top {
line-height: 1.5;
background-color: #f4f4f4;
color: #333;
text-align: right;
position: relative;
}
.jbgr-ribbon .header-top__link {
display: inline-block;
vertical-align: top;
font-weight: bold;
margin-left: 5px;
}
.jbgr-ribbon .header-top__link a {
color: #333;
text-decoration: none;
position: relative;
display: inline-block;
padding-left: 7px;
font-weight: normal;
font-size: 0.75rem;
padding: 4px 4px 4px 4px;
cursor: pointer;
transition: opacity .15s ease-in-out;
}
.jbgr-ribbon .header-top__link a[target*='_blank'] {
background: url(../../files/icon_tab_gray.svg) right 5px top 48% no-repeat;
background-size: 11px auto;
padding-right: 24px;
}
.jbgr-ribbon .header-top__link a:hover {
opacity: 0.7;
}
@media screen and (max-width: 1000px) {
.jbgr-ribbon {
display:none;
}
}
.jbgr-ribbon h1, .jbgr-ribbon .site_description {
margin-bottom: 0;
margin-left: 0;
padding: 5px 4px 4px 4px;
font-weight: normal;
font-size: 0.75rem;
line-height: 1.2;
}
/* megamenu */
.megamenu-li {
position: static;
}
.megamenu {
position: absolute;
width: 100%;
left: 0;
right: 0;
padding: 0;
}
.megamenu a.arrow, .megamenu a.icon {
padding-right: 1em !important;
}
.megamenu a.arrow:after, .megamenu .arrow a:after {
display: inline-block;
margin-left: .5em;
vertical-align: 0;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid #4b7ebf;
position: absolute;
right: 10px;
top: 50%;
bottom: 50%;
margin-top: -0.3em;
}
.megamenu a{
color:#212529;
}
.megamenu a:hover{
color:#4b7ebf;
}
.megamenu .icon i {
position: absolute;
right: 8px;
top: 50%;
bottom: 50%;
margin-top: -0.5em;
color: #4b7ebf;
}
.megamenu .mega-submenu {
background-color: #ddd;
}
.megamenu .mega-submenu .mega-submenu-title, .megamenu .mega-body .mega-body-title {
font-weight: bold;
font-size: 120%;
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.1;
}
.megamenu .mega-submenu .mega-submenu-title a, .megamenu .mega-body .mega-body-title a {
color: #333;
}
.megamenu .mega-submenu li {
border-bottom: 1px solid #C3C3C3;
}
.megamenu .mega-submenu li:first-child {
border-top: 1px solid #C3C3C3;
}
.megamenu .mega-submenu .nav-pills .nav-link.active {
background-color: #4b7ebf;
color: #fff;
border-radius: 0;
border-radius: .25rem;
}
.megamenu .mega-submenu .nav-pills .nav-link.active:after {
border-left-color: #fff;
}
.megamenu .mega-body .nav-link {
color: #212529;
}
.megamenu .mega-body .nav-link:hover {
color: #212529;
}
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:1;
}
@keyframes fadeInAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/*accordion*/
/* 最初は非表示 */
.item-container {
display: none;
}
/* 1024px以上の時は常に表示 */
@media screen and (min-width: 1025px) {
.item-container {
display: block !important;
}
}
/*メニュー展開した時のアイコンの変化*/
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item[data-accordion] .item-inner.up:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
/*transition: all .6s ease-out;*/
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item[data-accordion] .item-inner.down:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
/*transition: all .6s ease-out;*/
}
/* return to top button*/
#page-top {
position: fixed;
right: 15px;
bottom: 15px;
font-size: 1.5rem;
line-height: 1rem;
background: #fff;
color: rgb(75, 125, 191);
padding: 15px;
border: solid 1px;
border-radius: 10%;
box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
cursor: pointer;
opacity: 0.8;
display: none;
z-index:1;
}
#page-top:hover{
background: #ccc;
}
#page-top .arrow-up {
display: inline-block;
vertical-align: middle;
color: rgb(75, 125, 191);
line-height: 1;
width: 0.8em;
height: 0.8em;
border: 0.1em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(25%) rotate(-45deg);
}
/*#sns a{color:#fff;}
#sns a:hover{opacity:0.8;}*/
.sns img{object-fit: cover; width: 100%; height: 100%;max-height: 15px;}
/* アニメーションの定義 */
/* 最初は透明、少し下に配置 */
@media screen and (min-width: 768px) {
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
}
/* クラスがついたら表示 */
.fade-in.is-active {
opacity: 1;
transform: translateY(0);
}
/*.slide-in-left {
overflow: hidden;
padding-bottom: 10px;
position: relative;
display: inline-block;
padding-bottom: 25px;
}
.slide-in-left:before {
content: "";
width: 100%;
height: 2px;
background-color: #4b7ebf;
position: absolute;
left: -100%;
bottom: 0;
transition: 0.4s;
width: 60px;
}
.slide-in-left span {
display: inline-block;
margin-left: -100%;
transition: 0.4s;
transition-delay: 0.4s;
}
.slide-in-left.slide_on::before {
left: 0;
}
.slide-in-left.slide_on span {
margin-left: 0;
}*/
.pankuzu_list {display: flex;margin-bottom: 0;margin-left: auto;margin-right: auto;flex-wrap: wrap;font-size:.8rem;}
.pankuzu_list li{margin-right: .5rem;line-height:2em;}
.pankuzu_list a:hover i{opacity: 0.5;}
.breadcrumb-item+.breadcrumb-item::before {color: #aaaaaa;content: "▶";font-size: 0.5rem;vertical-align: middle;/*line-height: 2.3;*/}
.underlayer_title {/*background-color: #4b7ebf;background-color: #74B2F3;*/background-repeat: no-repeat;background-size: contain, contain;}
.underlayer_title .box {
/*min-height: 15rem;*/
display: flex;
align-items: center;
color: #fff;
justify-content: space-between;
max-width: 100%;
height: 19rem;
}
@media screen and (max-width: 768px) {
.top_search_box .nav-tabs .nav-link small{width: 100%;text-align: center;}
.top_search_box .nav-tabs .nav-item {
width: 50%;
}
}
@media screen and (max-width: 559px) {
.top_search_box .nav-tabs .nav-item h3 {font-size: clamp(1em, 1.5vw, 1.5em) !important;}
.nav-tabs .nav-item {width: auto;font-size: 3vw;}
#newsTabContent td {float: left; border: none;}
#newsTabContent table td:last-child {border-bottom: dotted #ccc;width: 100%; padding-top: 0;}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1200px;
}
}
@media screen and (min-width: 768px) {
.underlayer_title{
background-image:url('../../files/title_frame_bg_white.png');
background-position: bottom left;
/*background-size: auto;*/
}
.underlayer_image{
clip-path: polygon(40px 0, 100% 0, 100% 100%, 150px 100%);
object-fit: cover;
position:absolute;
height: 19rem;
overflow: hidden;
right:0;
z-index: 0;
max-width: 835px;
/*max-width: 100%;*/
width: 835px;
}
.underlayer_frame{
position:absolute;
height: 19rem;
overflow: hidden;
right:0;
z-index: 1;
}
.box .title{z-index:2;}
.box .title .blue-stroke{-webkit-text-stroke: 2px #4471AD; text-stroke: 2px #4471AD; paint-order: stroke; }
}
@media screen and (max-width: 1024px) {
.underlayer_image, .underlayer_frame {
height: 15rem;
max-width: 665px;
/*max-width: 100%;*/
}
.underlayer_image{
clip-path: polygon(80px 0, 100% 0, 100% 100%, 180px 100%);
}
.underlayer_title .box{height: 15rem;}
}
@media screen and (max-width: 768px) {
.box .title{z-index:2;}
.box .title .h1{font-size:1.5rem;}
.box .title .h5{font-size:0.9rem;}
.underlayer_title .box {
height: 12rem;
}
.underlayer_image{
clip-path: none;
}
.underlayer_image, .underlayer_frame {
height: 12rem;
/*max-width: 480px;*/
max-width: 100%;
}
.underlayer_image, .underlayer_frame {
position:absolute;
z-index: 0;
}
.underlayer_image{opacity:0.4;width: 100%;object-fit: cover;clip-path:none;}
.underlayer_frame{display:none;}
}
.main h1{
font-size: 2rem;
font-weight:bold;
/*margin-bottom: 1em;*/
}
.main h2{
position: relative;
padding: 0;
line-height: 1.5;
font-size: 1.25em;
margin: 0;
font-weight:bold;
font-size: 1.8rem;
padding-bottom: 0.5em;
margin-bottom: 1em;
}
.main h2:before {
position: absolute;
content: '';
left: 0;
bottom: 0;
background-color: #1556AD;
height: 2px;
width: 50px;
}
.main h2.border-white:before{
background-color: #FFFFFF;
}
.main h2.border-yellow:before{
background-color: #ffce60;
}
/*.main h3{
position:relative;
font-size: 1.25rem;
font-weight:bold;
padding-bottom: 1em;
}
.main h3:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-image: repeating-linear-gradient(90deg, #000, #000 6px, transparent 6px, transparent 12px, #000 12px);
margin-bottom:0.5em;
}*/
.main h3{
font-size: 1.5rem;
font-weight:bold;
margin: 1em 0 1em 0;
/*padding-bottom: 0.5em;
margin-bottom: 1em;
border-bottom-color: #4471AD;
border-bottom-style: dotted;
border-bottom-width: 4px;*/
}
.border-bottom-dotted{
padding-bottom: 0.5em;
margin-bottom: 1em;
border-bottom-color: #4471AD;
border-bottom-style: dotted;
border-bottom-width: 4px;
}
.main h4, nav .nav-title{
margin: .5em 0 1em 0;
padding: .5rem 1rem ;
border-left: 5px solid #1556AD;
line-height: 1.5;
font-size: 1.15rem;
font-weight:bold;
}
.main h5{
margin: .5em 0 1em 0;
padding: .5rem 1rem ;
border-bottom: 0.1rem solid #ddd;
line-height: 1.5;
font-size: 1rem;
font-weight:bold;
}
.main h6{
margin: .5em 0 1em 0;
padding: .5rem 1rem ;
line-height: 1.5;
font-size: 1rem;
font-weight:bold;
}
@media screen and (max-width: 768px) {
.main h1{
font-size: 2rem;
}
.main h2 {
font-size: 1.5rem;
}
}
.main hr {
margin-bottom: 2em;
margin-top: 2em;
}
.main img {
max-width:100%;
height:auto;
}
.main a:not(.btn){text-decoration:underline;padding:0 0.2em;}
.main a:has(.bg-primary){text-decoration:none;}
.main a[id]{vertical-align: top;}/* アンカーに画像がある場合、縦上寄せにしないと、スクロール位置がずれるための対応 */
.main a:hover > img {
opacity: 0.8;
}
.main table{
margin-bottom: 0.5em;
border:none;
border-collapse: separate;
/*border-spacing: inherit;*/
}
.main table>:not(caption)>*>* {
padding: revert-layer;
box-shadow: none;
vertical-align: top;
}
.main table[border="1"]{
border-color: #dee2e6;
border-style: solid;
border-width: 1px;
}
.main table[border="1"]>:not(caption)>*>* {
border-width: 1px;
box-shadow: none;
/*margin-bottom: 1rem;*/
border-color: #dee2e6;
border-style: solid;
border-width: 1px;
}
.main table[border="1"] th {
background-color: #efefef;
}
.main table.mapTable th {
background-color:inherit;
}
.main .table>:not(:last-child)>:last-child>* {
border-bottom-color: inherit;
}
/*.main table .row {
margin-right: 0px;
margin-left: 0px;
border: none;
}*/
.main .table-responsive, .main .table-responsive {
min-height: .01%;
overflow-x: auto;
}
.main table img {
max-width: 100%;
height: auto;
}
.main .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
/*padding: 8px;*/
/*line-height: 1.42857143;*/
/*vertical-align: middle;*/
}
.main .table-responsive>tbody>tr>td, .table-responsive>tbody>tr>th, .table-responsive>tfoot>tr>td, .table-responsive>tfoot>tr>th, .table-responsive>thead>tr>td, .table>thead>tr>th {
border-top: none;
}
.main table.table-responsive[border*="1"] tr:not(:last-child) td {
border-bottom: 1px solid #333;
}
.main table.table-responsive[border*="1"] td:not(:last-child),  table.table-responsive[border*="1"] td:not(:last-child) {
border-right: 1px solid #333;
}
table:not([cellpadding],[cellspacing]) {
border-collapse: collapse;
}
table:not([cellpadding],[cellspacing]) :is(td, th){
padding: 0.5rem 0.5rem;
}
table:is([cellpadding]):not([cellspacing]){
border-spacing: 0;
}
/*@media screen and (max-width: 575px) {
table:not(.table){
display: block;
overflow-x: auto;
max-width: 100%;
}
table:not(.table) td{
min-width: 5em;
}
}*/
.main p{line-height: 2;letter-spacing: 0.05em;}
.kinveni h2{
text-align:center;
}
.kinveni h2:before{
background-color: #febf32;
left:auto;
left: 50%;
transform: translate(-50%, -50%); 
}
.kinveni .card h3{
margin: .5em 0 1em 0;
padding: .5rem 1rem ;
border-left: 5px solid #febf32;
line-height: 1.5;
font-size: 1.15rem;
font-weight:bold;
}
.kinveni .card h3:before{
background-image:none;
}
.en{
font-size:280%;
font-weight: bold;
/*text-align:center;*/
line-height: 1.25em;
margin-bottom:0.5em;
}
.saiyo h2{
text-align:center;
}
.saiyo h2:before{
/*background-color: #0092d8;*/
left:auto;
left: 50%;
transform: translate(-50%, -50%); 
}
table td[class*=col-], table th[class*=col-] {
position: static;
display: table-cell;
float: none;
}
table p{margin-bottom:0;}
@media (max-width: 575px) {
.main table.table-responsive[border*="1"] td:not(:last-child) {
border-right: none;
border-bottom: 1px solid #333;
}
}
@media (max-width: 575px) and (-ms-high-contrast:none) {
.main table.table-responsive, .main table.table-responsive tbody, .main table.table-responsive tr, .main table.table-responsive td {
max-width: 575px;
display: inline-table !important;
}
table.table-responsive td[class*=col-], table.table-responsive th[class*=col-] {
table-layout: fixed;
}
}
.news-row .category .badge{white-space: nowrap;}
.news-row .date,
.news-row .category {
white-space: nowrap;
width: 1%;
}
.news-row .title {
width: auto;
}
.news-row .title {
padding: 0;
}
.news-row .title a {
display: block;
width: 100%;
padding: 0.5rem 0.75rem; /* 元のtdのpaddingと同等の値 */
}
.news-row .title a:hover{
color:#4b7ebf;
}
@media (max-width: 575px) {
.news-row {
display: block;
margin-bottom: 1rem;
}
.news-row .date,
.news-row .category {
display: inline-block;
width: auto;
border: none;
padding: 0.25rem;
}
.news-row .title {
display: block;
width: auto;
padding: 0.25rem;
}
}
.clip-wave{
clip-path: shape(
from 20% 0,
smooth to 20% 60% with 35% 20%,
smooth to 20% 100% with 20% 140%,
line to 100% 100%,
line to 100% 0,
close
);
padding:0;
margin:0;
}
.bg-blue-box {
min-height: 10%;
overflow: hidden;
}
.bg-blue-box .text{
-webkit-text-stroke: 2px #4471AD;
text-stroke: 2px #4471AD;
paint-order: stroke;
}
@media (max-width: 768px) {
.clip-wave{
clip-path: shape(
from 0 0,
line to 100% 0,
line to 100% 80%,
smooth to 80% 70%,
smooth to 40% 80%,
smooth to 0% 70%,
line to 0 0,
close
);
padding:0;
margin:0;
}
}
.bg-yellow{
background: #febf32; 
}
.bg-lightyellow{
background-color: #fef5de;
}
.qa-q{
padding: 10px 15px;
position: relative; 
}
.qa-q span:first-child{
min-width: 24px;
max-width: 24px;
height: 24px;
margin-right: 12px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main ul > li{
list-style:disc;
}
.main ol > li{
list-style:decimal;
}
.main dl,.main ol,.main ul {
margin-bottom: 1em;
line-height:2em;
}
.border-dotted {
border-style: dotted !important;
}
.balloon-list .balloon{
background: #fff;
border-radius: 20px;
/*display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;*/
-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
position: relative;
padding:30px;
margin: 10px 10px 30px 10px;
}
.balloon-list .balloon::before {
background: no-repeat center center / contain;
content: "";
display: block;
width: 40px;
height: 22px;
position: absolute;
top: calc(100% - 1px);
margin: auto;
}
.balloon-list div:nth-child(odd) .balloon{
margin-top:40px;
}
.balloon-list div:nth-child(odd) .balloon::before {
background-image: url(../../files/ico-balloon-arrow-right.svg);
right: 42px;
}
.balloon-list div:nth-child(even) .balloon::before {
background-image: url(../../files/ico-balloon-arrow-left.svg);
left: 42px;
}
details{
margin-bottom:1em;
}
details summary::before {
content: none !important;
}
details summary::after {
content: "＋";
font-weight: 700;
float: right;
width: 1rem;
text-align: center;
right: 20px;
position: absolute;
}
details[open] summary::after {
content: "−";
margin-top: -0.1rem;
}
details[open] div {
animation: accordion 0.4s linear;
overflow: hidden;
font-size: 1rem;
padding: 1rem;
}
.rounded-end{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.rounded-start{
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
@media (max-width: 768px) {
.rounded-xs-top{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-xs-bottom{
border-bottom-left-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
}
@media (max-width: 575px) {
.flex-xs-row-reverse{
flex-direction: row-reverse !important;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
/*display: block !important;
flex-basis: auto;*/
}
.navbar-collapse{
/*flex-grow: inherit;*/
}
}
.no-collapse li:has(a:hover){
opacity:0.9;
}
.no-collapse .info{line-height:1.5em;}
.no-collapse .info i{font-size:1.5em;}
.no-collapse .info span{font-size:0.8em;}
.no-collapse .search{line-height:1.5em;margin-left:1em;}
.no-collapse .search i{font-size:1.3em;}
.no-collapse .search span{font-size:0.8em;}
.sns i{font-size:1em;}
/*.sns img{height:1em;width:auto;}*/
.sns .nav-link:hover, .no-collapse .sns .nav-link:active{color:#000;opacity:0.6;}
@media (min-width: 992px){
.no-collapse .info{margin-top:0px;}
.no-collapse .search{margin-top:0px;}
}
@media (min-width: 992px) and (max-width: 1124px) {
.navbar-expand-lg .nav-item{
font-size: 1.2vw;
}
}
@media (max-width: 991px) {
.navbar-toggler{
position:absolute;
right:0;
top:0;
border-bottom:1px solid #ccc;
}
.no-collapse{
position:absolute;
right:0;
top:0;
width:100%;
padding-right:65px;
line-height: 40px;
}
.no-collapse .navbar-nav{
flex-direction: row;
}
.navbar-expand-lg .no-collapse .navbar-nav .dropdown-menu{
position: absolute;
}
.no-collapse .info{line-height:normal;border-bottom:1px solid #ccc;}
.no-collapse .search{line-height:normal;border-bottom:1px solid #ccc;}
#navbarSupportedContent{margin-top:8px;}
.no-collapse .info i{font-size:1.7em;}
.no-collapse .search i{font-size:1.7em;}
}
@media (max-width: 767px){
/*.no-collapse{padding-top:30px;}
.navbar-toggler{margin-top:30px;}*/
}
.bg-holder {
position: absolute;
width: 100%;
min-height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center;
overflow: hidden;
will-change: transform, opacity, filter;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-repeat: no-repeat;
z-index: 0;
}
.bg-holder.overlay:before {
position: absolute;
content: "";
background: rgba(0, 0, 0, .5);
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/*********************************
* badge outline
*********************************/
/*.badge {
display: inline-block;
font-size: 0.7em;
font-weight: 600;
padding: 4px 6px;
border: 1px solid transparent;
min-width: 0.9em;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: top;
}*/
.badge.badge-outlined {
background-color: transparent;
border: 1px solid transparent;
}
.badge.badge-outlined.badge-default {
border-color: #B0BEC5;
color: #B0BEC5
}
.badge.badge-outlined.badge-primary {
border-color: #1556AD;
color: #1556AD;
}
.badge.badge-outlined.badge-secondary {
border-color: #323a45;
color: #323a45
}
.badge.badge-outlined.badge-success {
border-color: #64DD17;
color: #64DD17
}
.badge.badge-outlined.badge-warning {
border-color: #FFD600;
color: #FFD600
}
.badge.badge-outlined.badge-info {
border-color: #29B6F6;
color: #29B6F6
}
.badge.badge-outlined.badge-danger {
border-color: #ef1c1c;
color: #ef1c1c
}
/*.bg-harmonize{
position: relative;
border: 1px solid transparent;
color: white !important;
background: linear-gradient(10deg, rgba(75,126,191,1) 0%, rgba(103,184,192,1) 100%);
z-index: 0;
overflow: hidden;
transition: color 0.5s, border-color 0.5s;
}*/
.bg-harmonize {
position: relative;
border: 1px solid transparent;
color: white !important;
background:
linear-gradient(10deg, #4B7EBF 0%, #67B8C0 100%) padding-box,
linear-gradient(10deg, #4B7EBF 0%, #67B8C0 100%) border-box;
background-origin: border-box;
z-index: 0;
overflow: hidden;
transition: color 0.5s, border-color 0.5s;
}
.bg-harmonize::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(20deg, #fff 0%, #fff 100%);
opacity: 0;
transition: opacity 0.5s;
z-index: -1;
}
.bg-harmonize:hover{
color: #1556AD !important;
border-color: #1556AD;
}
.bg-harmonize:hover::before{
opacity: 1;
}
#newstab li{
color:#000;
}
#newstab li:hover{
color:#4b7ebf;
}
#newstab .active{
padding: .5rem .68rem;
border-left: 5px solid #4b7ebf;
color:#4b7ebf;
}
/* ==========================================================================
▼▼▼ ここから追加（2026-06-12 データ移行対応）▼▼▼
記事本文内のレイアウト用テーブル
- TinyMCEではBootstrapのカラム(row/col-*)が編集しにくいため、
本文内の段組みは<table>で組む。
- border属性の無い<table>をレイアウト用グリッドとして扱い、
Bootstrapカラム相当の動作（PC:横並び / SP:縦積み）をさせる。
- border属性付き（border="0"/"1"等）の<table>は通常の表とみなし対象外。
- 列幅はインラインstyleではなく、tdに付けた col-md-6 等のクラスで指定する
（幅の実体はBootstrapの .col-md-* が持つ width をテーブルセルに適用）。
- TinyMCEエディタ内の表示は editor_style.css 側で同じ動作を定義済み。
========================================================================== */
.main table:not([border]) {
/*width: 100%;*/
/*border-collapse: collapse;*/
}
.main table:not([border]) > tbody > tr > td,
.main table:not([border]) > tbody > tr > th {
vertical-align: top;
border: 0;
/*padding: 0 1rem 1rem 0;*/ /* カラム間の余白（gutter相当） */
}
/*.main table:not([border]) > tbody > tr > td:last-child,
.main table:not([border]) > tbody > tr > th:last-child {
padding-right: 0;
}*/
/* col-*クラス付きセル: Bootstrapのflex系プロパティの影響を受けず
テーブルセルとして幅(width)だけを利かせる（editor_style.cssと同じ考え方） */
.main table:not([border]) td[class*="col-"],
.main table:not([border]) th[class*="col-"] {
position: static;
/*display: table-cell;*/
float: none;
}
.main table:not([border]) img {
max-width: 100%;
height: auto;
}
/* スマホでは縦積み（col-md-* のブレークポイントに合わせて768px未満で適用） */
@media (max-width: 767.98px) {
.main table:not([border]),
.main table:not([border]) > tbody,
.main table:not([border]) > tbody > tr,
.main table:not([border]) > tbody > tr > td,
.main table:not([border]) > tbody > tr > th {
/*display: block;*/
/*width: 100% !important;*/ /* col-6等の全画面幅指定クラスも打ち消して全幅に */
}
/*.main table:not([border]) > tbody > tr > td,
.main table:not([border]) > tbody > tr > th {
padding-right: 0;
}*/
.table-responsive-md{
box-shadow: -20px 0 10px -10px rgba(0, 0, 0, 0.2) inset;
}
.container:has(.table-responsive-md)::before{
content: url(../images/scroll-arrow.png);
display: block;
position: absolute;
top: -30px;
right: 30px;
}
.table-responsive-md table{
min-width:768px;
}
}
/* ==========================================================================
▲▲▲ ここまで追加（2026-06-12 データ移行対応）▲▲▲
========================================================================== */
/* ==========================================================================
▼▼▼ ここから追加（2026-06-16 CSS統合: common.css / top.css の必要分を集約）▼▼▼
旧 assets/css/common.css・assets/css/unique/top.css を廃止し、実ページが
依存していたルールだけを移設したもの。被覆解析(analyze_css.py)で抽出。
========================================================================== */
/* --- 最小リセット: 装飾のないul/olのbullet除去（旧common.cssのlist初期化のうち
新デザインが依存している唯一の宣言。padding除去はBootstrap/既存の
`footer ol,footer ul`側で対応済み。.main内はlist-style:disc/decimalで上書き） --- */
ul, ol {
list-style: none;
}
/* --- トップページ #u-solution の上余白（旧 top.css） --- */
#u-solution {
padding-top: 50px;
}
@media screen and (min-width: 768px) {
#u-solution {
padding-top: 80px;
}
}
/* --- フッター（#l-footer）レイアウト一式（旧 common.css）。
新フッターHTMLはこの旧構造のまま。style.css側にあるアコーディオン
矢印(.up/.down)・item-container表示制御と併存して従来と同じ表示になる --- */
@media screen and (min-width: 993px) {
.hide-pc {
display: none !important;
}
}
#l-footer {
padding-bottom: 25px;
background-color: #000;
position: relative;
}
@media screen and (min-width: 993px) {
#l-footer {
padding-top: 90px;
padding-bottom: 90px;
/*background: url() center no-repeat;*/
background: url(/banner/bg_footer.jpg) center no-repeat;
background-size: cover;
}
#l-footer .footer-inner {
max-width: 1200px;
box-sizing: content-box;
margin: 0 auto;
}
}
#l-footer .footer-inner .footer-logo {
display: none;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-logo {
display: block;
line-height: 1;
text-align: center;
}
}
/*#l-footer .footer-inner .footer-logo img {
width: 100px;
}*/
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav {
margin-top: 35px;
}
#l-footer .footer-inner .footer-gnav .gnav-inner {
margin: 0 -15px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item {
width: calc(100% / 5);
width: calc((100% / 5) - 0.1px) \0;
padding: 0 15px;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-inner {
color: #fff;
line-height: 1.5;
padding: 20px 45px 20px 20px;
display: block;
position: relative;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-inner {
padding: 0 0 18px 0;
}
}
@media screen and (max-width: 992px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-inner {
text-decoration: none;
}
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-inner:before {
position: absolute;
content: '';
height: 1px;
right: 0;
left: 0;
bottom: 0;
margin: auto;
background-color: #fff;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item a.item-inner span {
display: block;
position: relative;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item a.item-inner span {
padding-right: 20px;
}
}
@media screen and (min-width: 993px) and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item a.item-inner span:after {
position: absolute;
content: '';
background: url(../../files/i_arrow_white.svg) center no-repeat;
background-size: 100% auto;
width: 8px;
height: 12px;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item:not([data-accordion]) .item-inner:after {
position: absolute;
content: '';
background: url(../../files/i_arrow_white.svg) center no-repeat;
background-size: 100% auto;
width: 8px;
height: 12px;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item:not([data-accordion]) .item-inner:after {
content: none;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item[data-accordion] .item-inner:before, #l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item[data-accordion] .item-inner:after {
content: '';
background-color: #fff;
width: 12px;
height: 2px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item[data-accordion] .item-inner:before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: all .6s ease-out;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item[data-accordion] .item-inner:before {
width: auto;
height: 1px;
right: 0;
top: auto;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item[data-accordion] .item-inner:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: all .6s ease-out;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item[data-accordion] .item-inner:after {
content: none;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item.is-active .item-inner:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-container {
padding: 25px 0;
border-top: solid 1px #fff;
display: none;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-container {
display: block;
padding-top: 20px;
padding-bottom: 0;
border: none;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-container .container-list {
padding: 0 20px;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-container .container-list {
padding: 0;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-container .container-list .list-item a {
color: #fff;
line-height: 1.5;
display: block;
padding: 10px 20px;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-container .container-list .list-item a {
padding: 5px 0;
}
}
@media screen and (max-width: 992px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item .item-container .container-list .list-item a {
text-decoration: none;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item + li {
border-top: solid 1px #fff;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item + li {
border-top: none;
}
}
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item:last-child {
border-bottom: solid 1px #fff;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-gnav .gnav-inner .gnav-item:last-child {
border-bottom: none;
}
}
#l-footer .footer-inner .footer-menu {
margin-top: 25px;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-menu {
margin-top: 35px;
}
}
#l-footer .footer-inner .footer-menu .menu-inner {
padding: 0 20px;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-menu .menu-inner {
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#l-footer .footer-inner .footer-menu .menu-inner .menu-item {
padding-right: 22px;
margin-right: 22px;
position: relative;
}
#l-footer .footer-inner .footer-menu .menu-inner .menu-item:after {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 14px;
width: 1px;
background-color: #fff;
}
}
#l-footer .footer-inner .footer-menu .menu-inner .menu-item:last-child {
padding-right: 0;
margin-right: 0;
}
#l-footer .footer-inner .footer-menu .menu-inner .menu-item:last-child:after {
content: none;
}
#l-footer .footer-inner .footer-menu .menu-inner .menu-item a {
color: #fff;
line-height: 1.5;
display: block;
padding: 10px 0;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-menu .menu-inner .menu-item a {
padding: 5px 0;
}
}
#l-footer .footer-inner .footer-copy {
color: #fff;
padding: 0 20px;
margin-top: 20px;
}
@media screen and (min-width: 993px) {
#l-footer .footer-inner .footer-copy {
text-align: center;
padding: 0;
margin-top: 30px;
}
}
/* ==========================================================================
▲▲▲ ここまで追加（2026-06-16 CSS統合）▲▲▲
========================================================================== */
/*機械追加で不足分を手動追加*/
body {
letter-spacing: 0.05em;
}
a:link {
color: #000;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
a:visited {
color: #000;
text-decoration: none;
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
/* fieldBlock */
.main .card .card-footer a{text-decoration:none;}
.main .card .card-footer a:hover{text-decoration:underline;}
.main .card-title{font-size: 1.25rem;font-weight: 500;line-height: 1.2;}
.main .card.bg-harmonize .card-footer a{color:white;}
.main .card.bg-harmonize .card-footer a:hover{color: #4b7ebf;}
.main .card p{line-height: 1.5rem;}
/* news table */
table .date, table .category{width:0;white-space:nowrap;}
table .category .badge{white-space:nowrap;}
@media screen and (max-width: 559px) {
table .date, table .category{width: auto;float: left;border-bottom: none;}
table .title{float: left;width: 100%;}
}
.groupco{min-height:50em;}
/* 2026/08/04 */
.main h1{font-size: 2rem; line-height:1.5em;}
.main h2{font-size: 1.8rem;}
.main h4{font-size: 1.25rem;}
.main h6{padding: .5rem 0rem;}
.removable-box p{line-height:1.5em;margin-bottom:0;}
@media (min-width: 768px) {
/*.main .table td[class*="col-"]:first-child {padding-left: 0;}
.main .table td[class*="col-"]:last-child {padding-right: 0;}*/
.main .table .row{margin-right: -2rem;margin-left: -2rem;}
.main .table[border] .row, .main .table[border="1"] {
margin-right: 0rem;
margin-left: 0rem;
}
.main .table td[class*="col-"], .main .table th[class*="col-"]{padding:1rem 2rem;}
}
@media screen and (max-width: 768px) {
#container{margin-top:5em;}
.main {padding: 0.5em;}
.main h1 {font-size: 1.6rem;}
.main h2 {font-size: 1.5rem;}
.main h3{font-size: 1.4rem;}
}
iframe[src^="https://www.youtube.com/"] {
aspect-ratio: 16 / 9;
}
.table iframe[src^="https://www.youtube.com/"] {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.bg-primary{
background-color: #4471AD !important;
}
.btn-primary{
color: #fff !important;
border-color: #4471AD !important;
background-color: #4471AD !important;
--bs-btn-hover-color: #4471AD;
--bs-btn-hover-bg: #fff;
--bs-btn-hover-border-color: #4471AD;
}
.btn-primary:hover {
color: #4471AD !important;
border-color: #4471AD !important;
background-color: #fff !important;
}
.btn-primary:first-child:active .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary.show, .btn-primary:first-child:active, :not(.btn-check)+.btn-primary:active {
color: #4471AD !important;
}
a.btn:hover, a.btn:active {
text-decoration: none;
}