@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}

header div div {
	line-height: 1.2;
	padding-left: 1px;
	padding-right: 7px;
}

header div div img {
	height: 48px;
	margin-top: -9px;
	-webkit-backface-visibility: hidden;
}

header nav a {
	font-size: 0.92em !important;
	border-bottom: 2px solid #000;
	white-space: nowrap;
}

header nav a:hover {
	border-bottom: 2px solid #c21517;
}

@media screen and (min-width: 768px) {
    .carousel-item {
        flex: 0 0 calc((100% / 2) - 1rem);
        max-width: calc((100% / 2) - 1rem);
    }
}

@media screen and (min-width: 1024px) {
    .carousel-item {
        flex: 0 0 calc((100% / 3) - 1rem);
        max-width: calc((100% / 3) - 1rem);
    }
}

.sp {display: none;}
.pc {display: block;}

@media screen and (max-width: 768px) {
  .sp {display: block;}
	.pc {display: none;}
}

/* White card frame for report cards */
.card-pure-white{background-color:#ffffff;border:2px solid #d1d5db;border-radius:0.75rem;box-shadow:0 4px 16px rgba(0,0,0,0.06);}


/* === report-card (hover effect) === */
.report-card{
  position:relative;
  background:#fff;
  border:2px solid #d1d5db;
  border-radius:8px;
  padding:32px 24px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.report-card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 24px rgba(0,0,0,.12);
  border-color:#f87171;
}


/* ========== no-frame override for specific report cards ========== */
.no-frame {
    border: none !important;
    box-shadow: none !important;
}

.no-frame:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}


/* override frames for cards when no-frame class is present */
.card-pure-white.no-frame,
.no-frame .card-pure-white{
    border: none !important;
    box-shadow: none !important;
}
.card-pure-white.no-frame:hover,
.no-frame .card-pure-white:hover{
    transform: none !important;
    box-shadow: none !important;
}