@charset "UTF-8";
/* josei_shien.css */

/* ===== main&header(color_change) ===== */
.header_wrap {
	background-color: rgba(245,245,245,.95);
}
main {
	background-color: #f5f5f5;
}
.bg_wrap,
.bg_wrap-PadNone {
	padding-top:    80px;
	padding-bottom: 80px;
	padding-top:    min(6.502vw,100px);
	padding-bottom: min(6.502vw,100px);
}

/* ===== common parts ===== */
.h2_dotThree {
	line-height: 1;
	margin-bottom: min(6.667vw,100px);
}
.h2_dotThree small {
	font-size: 24px;
	font-size: min(1.6vw,24px);
	line-height: 1;
	letter-spacing: .1em;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1.5em;
	color: #000;
}
.h2_dotThree small:after {
	content: "";
	width: 5em;
	height: .5em;
	display: inline-block;
	background-image:  url(../../img/josei_shien/heading_dot.svg);
	background-repeat: no-repeat;
	margin-left: .75em;
}
.h2_dotThree span {
	font-size: min(5.333vw,80px);
	color: #211815;
}
.h2_dotThree span.letter_space {
	letter-spacing: .05em;
	margin-left: -.25em;
}

/* LILAS記事の一覧をスライダーで表示(矢印ボタン) */
.head_wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.prev_next_wrap.pc_blk {
	padding-right: calc(min(2.5vw,40px)/2);
	align-self: flex-end;
}
.slide_arrow_prev,
.slide_arrow_next {
	width:  5vw;
	height: 5vw;
	max-width:  50px;
	max-height: 50px;
	min-width:  40px;
	min-height: 40px;
	padding: 0;
	color: #000 !important;
}
.slide_arrow_prev {
	margin-right: min(1.5vw,20px);
}
.slide_arrow_prev svg,
.slide_arrow_next svg {
	display: none !important;
}
.slide_arrow_prev:before,
.slide_arrow_next:before {
	content: "";
	width:  5vw;
	height: 5vw;
	max-width:  50px;
	max-height: 50px;
	min-width:  40px;
	min-height: 40px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
}
.slide_arrow_prev:before {
	background-image: url(../../img/lilas/lilas_prev.svg);
}
.slide_arrow_next:before {
	background-image: url(../../img/lilas/lilas_next.svg);
}
/* 見出しと矢印ボタンをflex */
#sec_otherLinks .head_wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
#sec_otherLinks .prev_next_wrap {
	padding-right: 25px;
}



/* ===== MV ===== */
#mv_wrap {
	background-color: #f5f5f5;
}

/* ===== PICK UP ===== */
#sec_pick .flex_box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
#sec_pick .uk-slider-items {
	width: 100%;
}
#sec_pick .card {
	width: calc(100%/3);
	/* add */
	padding-left:  calc(min(2.5vw,40px)/2);
	padding-right: calc(min(2.5vw,40px)/2);
}
#sec_pick .card a {
	height: 100%;
	display: inline-block;
	background-color: #fff;
	border-radius: 10px;
}
#sec_pick .card .img_wrap img {
	border-radius: 10px 10px 0 0;
}
#sec_pick .card .cont_wrap {
	padding: 20px;
	padding: 20px min(1.333vw,20px);
}
#sec_pick .pick_date  {
	font-size: 16px;
	font-size: min(1.6vw,16px);
	font-weight: 300;
	line-height: 1;
	color: #000;
}
#sec_pick .pick_title {
	font-size: 16px;
	font-size: min(1.6vw,16px);
	font-weight: normal;
	font-feature-settings: "palt";
	line-height: 1.5;
	letter-spacing: .01em;
	color: #4d4d4d;
}


/* ===== 数値目標 ===== */
#sec_graph .left_cont {
	width: calc(50% - 40px/2);
}
#sec_graph .left_cont p {
	font-size:   min(1.6vw,24px);
	line-height: 2em;
}
#sec_graph .right_cont {
	width: calc(50% - 40px/2);
}

/* ===== 行動計画 ===== */
.color_box {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
	padding: min(4vw,60px);
	border-radius: 10px;
}
.color_box .cont_wrap {
	width: 80%;
	padding-right: min(1.333vw,20px);
}
.color_box .img_wrap  {
	width: calc(100% - 80% - min(1.333vw,20px));
	position: absolute;
	top:   0;
	right: min(4vw,60px);
	align-self: center;
	height: 86%;
	transform: translateY(8%);
}
.color_box .img_wrap img {
	width: fit-content;
	height:     100%;
	object-fit: contain;
}
.color_box h3 {
	font-size: min(2.5vw,40px);
	letter-spacing: .01em;
}
.color_box ol li {
	font-size: min(2.133vw,32px);
	line-height:  1.5em;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.color_box ol li:not(:first-of-type) {
	margin-top: .5em;
}

/* ピンクボックス */
.box_pink    { background-color:rgba(222,131,125,.25); }
.box_pink *  { color:#d76961; }

.box_pink .img_wrap {
	transform: translate(8%,8%);
}

/* ブルーボックス */
.box_blue    { background-color:rgba(150,166,182,.3); }
.box_blue *  { color:#526d87; }

.box_blue .img_wrap {
	transform: scale(1.2) translateY(8%);
}

/* グリーンボックス */
.box_green   { background-color:rgba(157,182,163,.3); }
.box_green * { color: #5a8464; }

.box_green .img_wrap {
	transform: scale(1.2) translate(5%,19%);
}

/* ===== topics ===== */
#sec_topics .wrap.flex_box {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
#sec_topics .heading_wrap {
	width: 35%;
	max-width: 450px;
	min-width: 240px;
	margin-right: min(4vw,80px);
}
#sec_topics .news_wrap {
	width: 65%;
}
/* カード(女性リーダー) */
.card_topic {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	padding: 40px 20px;
	padding: min(4vw,40px) min(2vw,20px);
	border-bottom: 1px solid #d1d1d1;
}
.card_topic:first-of-type {
	border-top: 1px solid #d1d1d1;
}

#sec_topics .dd_wrap {
	min-width: 9em;
	text-align: center;
	align-self: flex-start;
	margin-right: min(3vw,60px);
}
#sec_topics .dd_date,
#sec_topics .dt_cont a {
	font-weight: normal;
}
#sec_topics .dd_date p {
	margin-bottom: 5px;
}
#sec_topics .dd_date p,
#sec_topics .li_tag-josei a {
	font-size: min(1.4vw,18px);
}
#sec_topics .dt_cont a,
#sec_topics .dt_cont p {
	font-size: min(1.6vw,20px);
}
#sec_topics .li_tag-josei {
	min-width: 120px;
}

#sec_topics .dt_cont   {
	width: auto;
}
#sec_topics .dt_cont a {
	line-height: 1.5em;
	color: #4d4d4d;
}

/* 一覧を見るボタン */
#sec_topics .ichi_btn {
	text-align: left;
}
/* タグ */
.li_tag-josei {
	line-height: 1;
	display: inline-block;
	color: #fff;
	background-color: #de837d;
}
.li_tag-josei a {
	line-height: 1;
	display: inline-block;
	padding: 7px 5px;
}


@media screen and (max-width:768px) {
	/* ===== common parts ===== */
	.h2_dotThree small {
		font-size: 16px;
		margin-bottom: 1em;
	}
	.h2_dotThree span  {
		font-size: 42px;
	}

	/* ===== MV ===== */
	#mv_wrap {
		padding-top: min(20vw,100px);
	}


	/* ===== PICK UP ===== */
	#sec_pick .flex_box {
		flex-wrap: wrap;
	}
	#sec_pick .flex_box:after {
		content: inherit;
	}
	#sec_pick .card {
		width: 100%;
	}
	#sec_pick .card a {
		border-radius: 10px;
	}
	#sec_pick .card .img_wrap img {
		border-radius: 10px 10px 0 0;
	}
	#sec_pick .card .cont_wrap {
		padding: min(4vw,20px);
	}
	#sec_pick .pick_date,
	#sec_pick .pick_title {
		font-size: 14px;
	}
	/* 0919追加 */
	#sec_pick .card {
		display: flex;
		padding-left:  calc(min(4vw,40px)/2);
		padding-right: calc(min(4vw,40px)/2);
	}


	/* ===== 数値目標 ===== */
	#sec_graph .flex_box {
		flex-wrap: wrap;
	}
	#sec_graph .left_cont,
	#sec_graph .right_cont  {
		width: 100%;
	}
	#sec_graph .left_cont p {
		font-size: 16px;
	}


	/* ===== 行動計画 ===== */
	.color_box {
		flex-wrap: wrap;
		border-radius: 5px;
		padding: 30px 20px;
	}
	.color_box .cont_wrap,
	.color_box .img_wrap  {
		width: 100%;
	}
	.color_box .cont_wrap {
		padding-right: 0;
	}
	.color_box h3 {
		font-size: 22px;
	}
	.color_box ol li {
		font-size: 18px;
		letter-spacing: .01em;
	}
	.color_box .img_wrap {
		position: relative;
	}


	/* ===== topics ===== */
	#sec_topics .wrap.flex_box {
		flex-wrap: wrap;
	}
	#sec_topics .heading_wrap,
	#sec_topics .news_wrap    {
		width: 100%;
		max-width: inherit;
		min-width: inherit;
		margin-right: 0;
	}
	#sec_topics .heading_wrap {
		margin-bottom: 40px;
	}
	#sec_topics .card_topic {
		flex-wrap: wrap;
		padding: 30px 0;
	}
	#sec_topics .li_tag-josei {
		font-size: 14px;
	}
	#sec_topics .dd_wrap {
		min-width: inherit;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
	}
	#sec_topics .dd_date {
		line-height: 1;
		margin-right: 10px;
	}
	#sec_topics .dd_date p {
		font-size: 16px;
		line-height: 1;
		margin-bottom: 0;
	}
	#sec_topics .dt_cont {
		width: 100%;
		font-size:  16px;
		margin-top: 10px;
	}
	#sec_topics .dt_cont p {
		font-size: 16px;
	}
	#sec_topics .dt_cont a {
		font-size: 16px;
	}
	#sec_topics .dd_date p,
	#sec_topics .li_tag-josei a {
		font-size: 14px;
	}
	#sec_topics .ichi_btn  {
		text-align: center;
	}

 	/* prev-next */
	 #sec_otherLinks .head_wrap {
		justify-content: center;
	}
	 #sec_otherLinks .prev_next_wrap {
		padding-right: 0;
	}
	.prev_next_wrap.sp_blk {
		display: flex !important;
		justify-content: center;
	}
	.slide_arrow_prev {
		margin-right: 10px;
		margin-right: min(2.667vw,15px);
	}
	.slide_arrow_prev,
	.slide_arrow_next,
	.slide_arrow_prev:before,
	.slide_arrow_next:before {
		width:  10.667vw;
		height: 10.667vw;
	}
}