@charset "utf-8";
.menu06 a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 10px;
	background: #004097;
	transform: scale(1, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.menu06 a:hover::after {
	transform: scale(1, 1);
}

.poli_box{
	width: 700px;
	margin: 0 auto 150px;
}

.poli_tit{
	width: 100%;
	font-size: 36px;
	font-weight: 500;
	margin: 0 0 50px;
	text-align: center;
}
.poli_txt{
	width: 100%;
	font-size: 16px;
	margin: 0 0 50px;
}
.poli_txt02{
	width: 100%;
	font-size: 15.5px;
	margin: 0 0 15px;
	text-align: right;
}
.poli_sign{
	width: 100%;
	text-align: right;
}
.poli_sign img{
	width: 270px;
	height: 72px;
	text-align: right;
}

        /* スクロールセクション全体 */
        .scroll-section {
            position: relative;
        }

        /* 背景画像固定エリア */
        .background-fixed {
            position: sticky;
            top: 0;
            width: 100%;
            height: 100vh;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            background-image: url('../policy/img/policy_back.jpg');
            background-size: cover;
            background-position: center;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        /* カード群のコンテナ */
        .content-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10;
            padding-top: 50px;
        }

        /* カードのスタイル */
        .card {
            background: #fff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            width: 500px;
            margin: 0 auto 100px;
            position: relative;
            padding: 72px 100px 25px;
            z-index: 20;
        }

        .card h2 {
            color: #004097;
            font-size: 36px;
            margin-bottom: 15px;
            border-bottom: solid 1px rgba(0,64,151,.5);
            display: flex;
            align-items: center;
        }

        .card h2::before {
            content: attr(data-number);
            color: rgba(0,64,151,.5);
            width: 40px;
            height: 90px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            margin-right: 15px;
            font-size: 90px;
            font-weight: 700;
            line-height: 1.3;
        }

        .card p {
            margin-bottom: 10px;
            font-size: 25px;
            font-weight: 500;
            color: #004097;
            line-height: 1.25;
        }
        .card p span {
            margin-bottom: 20px;
            font-size: 20px;
            color: #000;
        }

        .card ul {
            list-style: none;
            padding-left: 0;
        }

        .card li {
            margin-bottom: 8px;
            position: relative;
            padding-left: 20px;
            font-size: 16px;
        }

        .card li::before {
            content: '・';
            color: #000;
            position: absolute;
            left: 0;
            font-size: 16px;
        }

        /* 6枚目のカードの下部マージン */
        .card:last-child {
            margin-bottom: 100px;
        }

        /* フッター */
        .footer {
            background: #2d3748;
            color: white;
            padding: 200px 20px;
            text-align: center;
            font-size: 1.2rem;
            min-height: 100vh;
        }

        .footer h2 {
            color: #ff6b6b;
            margin-bottom: 20px;
            font-size: 3rem;
        }

        .footer p {
            font-size: 1.5rem;
            margin-top: 20px;
        }

.cord_icon{
	width: 100%;
	height: 100px;
	text-align: right;
	position: relative;
}
.cord_icon img{
	width: 100px;
	height: 100px;
	position: absolute;
	right: -80px;
}

.cardtxt{
	font-size: 16px !important;
	font-weight: 400 !important;
	margin: 0 0 20px !important;
	color: #000 !important;
	line-height: 1.5 !important;
}
.cardtxt02{
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 0 0 10px !important;
	color: #000 !important;
}
.cardtxt03{
	font-size: 15px !important;
	margin: 0 0 10px !important;
	color: #000 !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}
.cardtxt03 span{
	font-size: 15px !important;
	font-weight: 500 !important;
}


/* レスポンシブデザイン */
@media (max-width: 768px) {
.poli_box{
	width: 90%;
	margin: 0 auto 150px;
}

.poli_tit{
	width: 100%;
	font-size: 36px;
	font-weight: 500;
	margin: 0 0 50px;
	text-align: center;
}
.poli_txt{
	width: 100%;
	font-size: 16px;
	margin: 0 0 50px;
}
.poli_txt02{
	width: 100%;
	font-size: 15.5px;
	margin: 0 0 15px;
	text-align: right;
}
.poli_sign{
	width: 100%;
	text-align: right;
}
.poli_sign img{
	width: 270px;
	height: 72px;
	text-align: right;
}

/* カード群のコンテナ */
.content-container {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    z-index: 10;
    padding-top: 50px;
}
.card {
	width: 90%;
	padding: 10px 20px 20px;
}

.card h2 {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.card h2::before {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
    font-size: 70px;
}

.card h2 {
    font-size: 28px;
    padding: 0 0 8px;
    text-align: left;
    align-items: flex-start;
}

.policy-title {
    font-size: 2rem;
}

/* スマホ表示時は背景画像を無効にして背景色のみ */
.background-fixed {
    background: #d8e1ef;
    background-image: none;
}


        .card p {
            margin-bottom: 10px;
            font-size: 22px;
            font-weight: 500;
            color: #004097;
            line-height: 1.25;
        }
        .card p span {
            margin-bottom: 20px;
            font-size: 18px;
            color: #000;
        }

        .card ul {
            list-style: none;
            padding-left: 0;
        }

        .card li {
            margin-bottom: 8px;
            position: relative;
            padding-left: 20px;
            font-size: 16px;
        }

        .card li::before {
            content: '・';
            color: #000;
            position: absolute;
            left: 0;
            font-size: 16px;
        }

        /* 6枚目のカードの下部マージン */
        .card:last-child {
            margin-bottom: 50px;
        }

        /* フッター */
        .footer {
            background: #2d3748;
            color: white;
            padding: 200px 20px;
            text-align: center;
            font-size: 1.2rem;
            min-height: 100vh;
        }

        .footer h2 {
            color: #ff6b6b;
            margin-bottom: 20px;
            font-size: 3rem;
        }

        .footer p {
            font-size: 1.5rem;
            margin-top: 20px;
        }

.cord_icon{
	width: 100%;
	height: 100px;
	text-align: center;
	position: relative;
}
.cord_icon img{
	width: 100px;
	height: 100px;
	position: relative;
	right: 0;
}

.cardtxt{
	font-size: 16px !important;
	font-weight: 400 !important;
	margin: 0 0 20px !important;
	color: #000 !important;
	line-height: 1.5 !important;
}
.cardtxt02{
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 0 0 10px !important;
	color: #000 !important;
}
.cardtxt03{
	font-size: 15px !important;
	margin: 0 0 10px !important;
	color: #000 !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}
.cardtxt03 span{
	font-size: 15px !important;
	font-weight: 500 !important;
}


}


@media screen and (min-width: 769px) {
/*　画面サイズが769pxからはここを読み込む　*/

}