@charset "UTF-8";
/* CSS Document */
/* =========================
共通
========================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body {
    /*font-family: "Josefin Sans", sans-serif;*/
    font-family: 'Noto Sans SC', sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    color:#333;
}

a {
    text-decoration: none;
    list-style: none;
    color:#333;
}

a:hover {
    opacity: 0.8;
}

li {
    list-style: none;
}

.mt-5 {
    margin-top: -5px;
}

.mt_20 {
    margin-top: 20px;
}

.report-section{
  position:relative;
}

.kv-image {
  width:100%;
}

.kv-image img {
  width:100%;
}

/* 背景 */
.report-bg{
  position:sticky;
  top:0;
  height:100vh;
  background:url("../images/sc_model26_bg.jpg") center center;
  background-size:cover;
}

/* コメント */
.intro-section{
  background:#FDF1BC;
  padding:70px 0 100px;
}

.intro-section .report-card{
  width:min(80%,560px);
  margin:0 auto;
}

/* インデックス */
.report-index {
    width:80%;
    margin: 0 auto;
}

.report-index img{
    width:100%;
}

/* カード群 */
.report-container{
  position:relative;
  z-index:2;
  width:min(90%,640px);
  margin:0 auto;
  margin-top:-100vh;
  padding-top: 70px;
  padding-bottom:120px;
}

/* カード */
.report-card{
  background:#fff;
  border-radius:20px;
  padding:40px;
  margin-bottom: 100px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  text-align:center;
  line-height:1.8;

}

/* 最後だけ余白なし */
.report-card:last-child{
  margin-bottom:0;
}

/* リボン */
.report-ribbon{
  display:inline-block;
  background:#0b33d6;
  color:#fff;
  padding:12px 40px;
  border-radius:999px;
  margin-bottom:30px;
  font-weight:bold;
}

/* タイトル */
.report-card h3{
    color:#0b33d6;
    margin-bottom:15px;
    font-size: 2.6rem;
    font-weight: 700;
}

.report-card-span {
    font-size: 1.4rem;
}
/* 本文 */
.report-text{
  margin:30px 0;
  line-height:1.8;
}

/* 画像 */
.report-image {
    margin-bottom: 16px;
}

.report-image img{
  width:100%;
  display:block;
border-radius: 15px;
}

/* =========================
SP
========================= */

@media(max-width:768px){
.intro-section .report-card {
    width: min(90%, 560px);
}

.report-card p {
    text-align: center;
    font-size: 1.7rem;
}
    
.report-card h3 {
    font-size: 2.2rem;
}

.report-card-span {
    font-size: 1.5rem;
}
    
.report-text {
    line-height: 1.6;
    font-size: 1.4rem;
    text-align: left;
}
    
.report-card {
    padding: 34px 20px;
}
}