@charset "utf-8";

body{
	width:100%;
	color:#333;
}
main{
	margin-top:0;
  font-family: "Noto Sans JP", sans-serif;
}
@media(min-width:768px){
	main{
		margin-top:0;
	}
}
/**/

.medium{font-weight: 500;}
.bold{font-weight: 700;}
.black{font-weight: 900;}
.cRd{color:#c1272d}
.cBl{color:#2e4cb9}
.cYe{color:#ffff00}
.cWh{color:#fff}



.reason{
	background: #ededed;
	text-align: center;
}
.reason .copy01{
	display: inline-block;
	border-bottom:2px solid #c1272d;
	line-height: 1.3;
	margin-bottom:1em;
	padding-bottom:0.5em;
}
.reason .wrap01{
}
.reason .wrap01 .unit01{
	display: block;
	background: #fff;
	padding:20px;
	margin-bottom:20px;
	line-height: 1.3;
}
@media (min-width:768px) {
	.reason .wrap01{
		display: flex;
		justify-content: space-between;
	}
	.reason .wrap01 .unit01{
		width:32%;
	}
}


.result01{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width:720px;
	margin:0 auto 40px;
}
.result01 .img01{
	width:calc(150%/7.2);
}
.result01 .img02{
	width:calc(550%/7.2);
}

.result02{
	background-image: url(../images/lp/result_bg_sp.jpg);
	background-position: center center;
	background-size: cover;
}
@media (min-width:768px) {
	.result02{
		background-image: url(../images/lp/result_bg_pc.jpg);
	}
}



.profile{
	background: #243f89;
	text-align: left;
	color:#fff;
}
.profile .img01{
	width:50%;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
@media (min-width:768px) {
	.profile .img01{
		width:30%;
	}
}
.profile .img02{
	width:50%;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
@media (min-width:768px) {
	.profile .img02{
		width:40%;
	}
}


.voice01{}
.voice01 .img01{
	margin-bottom:20px;
}
@media (min-width:768px) {
	.voice01{
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width:930px;
		margin:0 auto ;
	}
	.voice01 .img01,
	.voice01 .img02{
		width:calc(450%/9.3);
		margin-bottom:0;
	}
}




.contact{
	background: #2e4cb9;
	color:#fff;
}

.contact01{
	margin-bottom: 20px;
}
.contact01 .unit01{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 4px solid #ffff00;
	padding:20px;
	margin-bottom:20px;
	line-height: 1.3;
}
@media (min-width:768px) {
	.contact01{
		display: flex;
		justify-content: space-between;
	}
	.contact01 .unit01{
		width:32%;
	}
}

.contact02{
}
.contact02 .btn01{
	background-color:#fff;
	border-radius:50px;
	height:100px;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-decoration: none;
	line-height: 1.3;
	margin-bottom: 20px;
}
.contact02 .btn01 .txt01{
	color:#2e4cb9;
	font-size:30px;
	font-weight: 900;

}
.contact02 .btn01 .txt02{
	color:#333;
	font-size:18px;
	font-weight: 900;
}
.material-symbols-outlined{
	font-size: 36px;
	vertical-align: -20%;
}



@media (min-width:768px) {
	.contact02{
		display: flex;
		justify-content: space-between;
		max-width:840px;
		margin:0 auto 20px;
	}
	.contact02 .btn01{
		width:48%;
		max-width:400px;
	}
	.contact02 .btn01.tel{
		pointer-events: none;
	}
}



.formWrap{
	color:#333;
}


/**追加2026.01.14**/

/* バナーエリアのスタイル */
.document-banner-area {
    margin: 30px 0;
    padding: 0;
    background: #f8f8f8;
}

.banner-container {
    display: flex;
    gap: 0;
    justify-content: center;
}

.banner-item {
    flex: 1;
    background: white;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 20px 30px;
    gap: 20px;
}

.banner-item:first-child {
    border-right: none;
}

.banner-item:hover {
    background: #f0f8ff;
    border-color: #0066CC;
}

.banner-icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #0066CC 0%, #0052A3 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-icon i {
    font-size: 32px;
    color: white;
}

.banner-content {
    flex: 1;
    text-align: left;
}

.banner-content h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.banner-content p {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

.banner-button {
    flex-shrink: 0;
    padding: 10px 20px;
    background: #FFD700;
    color: #333;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.banner-item:hover .banner-button {
    background: #0066CC;
    color: white;
}

@media (max-width: 767px) {
    .banner-container {
        flex-direction: column;
    }
    
    .banner-item {
        padding: 15px 20px;
    }
    
    .banner-item:first-child {
        border-right: 1px solid #e0e0e0;
        border-bottom: none;
    }
    
    .banner-icon {
        width: 50px;
        height: 50px;
    }
    
    .banner-icon i {
        font-size: 28px;
    }
    
    .banner-content h3 {
        font-size: 15px;
    }
    
    .banner-content p {
        font-size: 12px;
    }
    
    .banner-button {
        padding: 8px 16px;
        font-size: 12px;
    }
}