@charset "UTF-8";

/*--基本--*/

.contents_list .content_wrapper ul{
	display: inline-block;
	border-top: 1px solid var(--i_border_color);
}
.contents_list .content_wrapper ul li.inner_item_txt{
	position: relative;
	padding: 10px 5px 10px 28px;
	line-height: 1.5;
	text-align: left;
	border-bottom: 1px solid var(--i_border_color);
	list-style-type: none;
	font-weight: 600;
}
.contents_list .content_wrapper ul li.inner_item_txt::before,
.contents_list .content_wrapper ul li.inner_item_txt::after{
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
}
.contents_list .content_wrapper ul li.inner_item_txt::before{
	width: 15px;
	height: 7px;
	top: calc(50% - 10px);
	left: 1px;
	transform: translateY(-50%);
	border-left: 3px solid var(--i_main_color);
	border-bottom: 3px solid var(--i_main_color);
	transform: rotate(-45deg);
	z-index: 1;
}
.contents_list .content_wrapper ul li.inner_item_txt::after{
	width: 17px;
	height: 17px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border: 2px solid var(--i_main_color);
	border-radius: 2px;
	box-sizing: border-box;
}
.contents_list:not(.add_design1) .wrapper_item{
	display: flex;
	align-items: flex-start;
	box-sizing: border-box;
}
.contents_list.valign-bottom .wrapper_item{
	align-items: flex-end;
}
.contents_list.valign-center .wrapper_item{
	align-items: center;
}
.contents_list .inner_item_img img{
	width: 100%;
	object-fit: cover;
}
.contents_list.w100 .inner_item_img{
	flex-basis:100%;
	max-width:100%;
}
.contents_list.w95 .inner_item_img{
	flex-basis:95%;
	max-width:95%;
}
.contents_list.w90 .inner_item_img{
	flex-basis:90%;
	max-width:90%;
}
.contents_list.w85 .inner_item_img{
	flex-basis:85%;
	max-width:85%;
}
.contents_list.w80 .inner_item_img{
	flex-basis:80%;
	max-width:80%;
}
.contents_list.w75 .inner_item_img{
	flex-basis:75%;
	max-width:75%;
}
.contents_list.w70 .inner_item_img{
	flex-basis:70%;
	max-width:70%;
}
.contents_list.w65 .inner_item_img{
	flex-basis:65%;
	max-width:65%;
}
.contents_list.w60 .inner_item_img{
	flex-basis:60%;
	max-width:60%;
}
.contents_list.w55 .inner_item_img{
	flex-basis:55%;
	max-width:55%;
}
.contents_list.w50 .inner_item_img{
	flex-basis:50%;
	max-width:50%;
}
.contents_list.w45 .inner_item_img{
	flex-basis:45%;
	max-width:45%;
}
.contents_list.w40 .inner_item_img{
	flex-basis:40%;
	max-width:40%;
}
.contents_list.w35 .inner_item_img{
	flex-basis:35%;
	max-width:35%;
}
.contents_list.w30 .inner_item_img{
	flex-basis:30%;
	max-width:30%;
}
.contents_list.w25 .inner_item_img{
	flex-basis:25%;
	max-width:25%;
}
.contents_list.w20 .inner_item_img{
	flex-basis:20%;
	max-width:20%;
}
.contents_list.w15 .inner_item_img{
	flex-basis:15%;
	max-width:15%;
}
.contents_list.w10 .inner_item_img{
	flex-basis:10%;
	max-width:10%;
}
.contents_list.w5 .inner_item_img{
	flex-basis:5%;
	max-width:5%;
}
.contents_list.w0 .inner_item_img{
	flex-basis:0;
	max-width:0;
}
.contents_list .inner_item{
	box-sizing: border-box;
}
.contents_list.w100 .inner_item{
	flex-basis:0%;
	max-width:0%;
}
.contents_list.w95 .inner_item{
	flex-basis:5%;
	max-width:5%;
}
.contents_list.w90 .inner_item{
	flex-basis:10%;
	max-width:10%;
}
.contents_list.w85 .inner_item{
	flex-basis:15%;
	max-width:15%;
}
.contents_list.w80 .inner_item{
	flex-basis:20%;
	max-width:20%;
}
.contents_list.w75 .inner_item{
	flex-basis:25%;
	max-width:25%;
}
.contents_list.w70 .inner_item{
	flex-basis:30%;
	max-width:30%;
}
.contents_list.w65 .inner_item{
	flex-basis:35%;
	max-width:35%;
}
.contents_list.w60 .inner_item{
	flex-basis:40%;
	max-width:40%;
}
.contents_list.w55 .inner_item{
	flex-basis:45%;
	max-width:45%;
}
.contents_list.w50 .inner_item{
	flex-basis:50%;
	max-width:50%;
}
.contents_list.w45 .inner_item{
	flex-basis:55%;
	max-width:55%;
}
.contents_list.w40 .inner_item{
	flex-basis:60%;
	max-width:60%;
}
.contents_list.w35 .inner_item{
	flex-basis:65%;
	max-width:65%;
}
.contents_list.w30 .inner_item{
	flex-basis:70%;
	max-width:70%;
}
.contents_list.w25 .inner_item{
	flex-basis:75%;
	max-width:75%;
}
.contents_list.w20 .inner_item{
	flex-basis:80%;
	max-width:80%;
}
.contents_list.w15 .inner_item{
	flex-basis:85%;
	max-width:85%;
}
.contents_list.w10 .inner_item{
	flex-basis:90%;
	max-width:90%;
}
.contents_list.w5 .inner_item{
	flex-basis:95%;
	max-width:95%;
}
.contents_list.w0 .inner_item,
.contents_list:not(:has(.inner_item_img)) .inner_item{
	flex-basis:100%;
	max-width:100%;
}
.contents_list:not(:has(.inner_item_img)) .inner_item{
	text-align: center !important;
}

/* add_design2 add_design4 */
.contents_list.add_design2 .wrapper_item,
.contents_list.add_design4 .wrapper_item{
	flex-direction: row-reverse;
}
.contents_list.add_design2 .inner_item{
	padding-right: var(--i_padding, 20px);
}
/* add_design3 */
.contents_list.add_design3 .inner_item{
	padding-left: var(--i_padding, 20px);
}
/* add_design4 add_design5 */
@media screen and (min-width: 769px){
	.contents_list.add_design4 .inner_item {
		flex-basis: 65%;
		max-width: 65%;
		margin-right: -5%;
	}
	.contents_list.add_design5 .inner_item {
		flex-basis: 65%;
		max-width: 65%;
		margin-left: -5%;
	}
	.contents_list.add_design4 .inner_item_img,
	.contents_list.add_design5 .inner_item_img{
		position: relative;
	}
	.contents_list.add_design4 .inner_item_img::before,
	.contents_list.add_design5 .inner_item_img::before{
		position: absolute;
		display: block;
		content: "";
		width: 50%;
		height: 100%;
		top: 0;
		left: 0;
		background: linear-gradient(to left, transparent, var(--i_bg_color));
		pointer-events: none;
	}
	.contents_list.add_design5 .inner_item_img::before{
		left: auto;
		right: 0;
		background: linear-gradient(to right, transparent, var(--i_bg_color));
	}
}
/* 共通sp */
@media screen and (max-width: 768px){
	.contents_list:not(.add_design1) .wrapper_item{
		display: block;
	}
	.contents_list:not(.add_design1) .inner_item,
	.contents_list .inner_item_img{
		flex-basis: 100% !important;
		max-width: 100% !important;
		text-align: center;
	}
	.contents_list.add_design2 .inner_item,
	.contents_list.add_design3 .inner_item,
	.contents_list.add_design4 .inner_item,
	.contents_list.add_design5 .inner_item{
		padding: 30px 0 0;
	}
}