@charset "UTF-8";

/*汎用*/
sup{
	color:inherit;/*丸アールなどの文字色が変わらない対策*/
}
.pc_only{
	display: block;
}
.sp_only{
	display: none;
}
@media screen and (max-width: 768px){
	.pc_only{
		display: none;
	}
	.sp_only{
		display: block;
	}
}

/*三角*/
.ico_arrow_r01 {
	display: inline-block;
	padding-left: 1em;
	background: url("/content/dam/nttcom/hq/jp/business/cmn/dcc-temp/images/ico/ico_arrow_r01.png") no-repeat 0 0.5em;
	background-size: 6px;
	text-decoration: none;
	word-break: break-all;
	word-wrap: break-word;
}

/*リスト*/
.disc{
	list-style-type: disc;
	margin-left: 0;
	padding-left:1.2em;
}
.main-article__contents li{
	margin:0.25em 0;
}
/*画像*/
.image_wrap{
	text-align:center;
}
.image_wrap img{
	max-width:100%;
}
/*サブタイトル*/
.sub_title{
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
	margin:50px 0 20px;
}
@media screen and (max-width: 480px) {
	.sub_title{
		font-size:18px;
	}
}

.fs-24{
	font-size:24px;
	line-height:1.3;
}

/*ポイント*/
.point_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.point_wrap > div{
	width:32%;
}

@media screen and (max-width: 480px) {
	.point_wrap > div{
		width:100%;
		margin:0 0 30px 0;
	}
	.point_wrap > div:last-child{
		margin:0;
	}
}
.point_ttl{
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	padding:10px;
	margin:0 0 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.--bg-blue{
	background:#00459B;
}
.--bg-red{
	background:#cc0033;
}
.--txt-blue{
	color:#00459B;
	font-weight:bold;
}
.--txt-red{
	color:#cc0033;
	font-weight:bold;
}
.point_pic{
	text-align:center;
}
.point_pic img{
	width:100%;
}
.point_txt{
	margin-top:10px;
}

/*プラン*/
.plan_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:30px;
	margin:30px 0 0;
}
.plan_wrap > div{
	width:40%;
	border-radius:20px;
	padding:15px;
}
.--pink{
	background:#FFE7ED;
}
.--blue{
	background:#DFEDFF;
}
@media screen and (max-width: 768px) {
	.plan_wrap > div{
		width:calc((100% - 30px) / 2);
	}
}
@media screen and (max-width: 480px) {
	.plan_wrap > div{
		width:100%;
	}
}
.plan_ttl{
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	margin:0 0 10px 0;
}
.plan_body{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.plan_body_pic{
	width:35%;
	text-align:center;
}
.plan_body_txt{
	width:63%;
}
@media screen and (max-width: 768px) {
	.plan_body_pic,
	.plan_body_txt{
		width:100%;
	}
	.plan_body_pic{
		margin:0 0 10px 0;
	}
}
.plan_body_pic img{
	width:100%;
	max-width:120px;
}
.plan_body_txt p{
	font-size:14px;
	line-height:1.5;
	margin:0 0 1em 0;
}
.plan_body_txt p:last-child{
	margin:0;
}

.plan_note_wrap{
	width:calc(80% + 30px);
	margin:20px auto 0;
}
@media screen and (max-width: 768px) {
	.plan_note_wrap{
		width:100%;
	}
}

/*資料ダウンロード*/
.download_item_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:30px 0;
}
.download_item_wrap:last-child{
	margin:0;
}
.download_pic{
	/*width:25%;*/
	width:20%;
	text-align:center;
}
.download_pic img{
	width:100%;
	border:1px solid #DDD;
}
.download_txt{
	/*width:72%;*/
	width:75%;
}
.download_txt h5{
	margin:0 0 20px;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
}
.download_txt p{
	font-size:16px;
	line-height:1.5;
	margin:0 0 1rem;
}
.download_link{
	font-size:16px;
	line-height:1.5;
	text-align:right;
	margin:0;
}

@media screen and (max-width: 480px) {
	.download_pic,
	.download_txt{
		width:100%;
	}
	.download_pic img{
		/*width:100%;*/
		width:50%;
		margin-bottom:10px;
	}
	.download_link{
		text-align:left;
	}
}