/* CSS Document */

:root {
	--right-orange: #F2B635;
}

.pc_display,
.scoop_flow_row {
	display: none;
}

.scoop_area {
	scroll-behavior: smooth;
}
.scoop_area a {
	transition: .5s;
	color: #333;
}
.scoop_area a:hover {
	opacity: 1;
}

/*テンプレートからオリジナル設定*/
.scoop_area .article-list.type01.feature1st>:nth-of-type(1) .thumb {
	margin-top: 0;
	aspect-ratio: 32/13;
	margin-bottom: 18px;
}
.scoop_area .sec-headline {
	padding-bottom: .5rem;
}

.scoop_area .article-list.type01 .scoop_title {
	border-bottom: none;
}

.scoop_area .c-set00.bo {
	border-top: none;
    position: relative;
    margin: 2rem 0 1.5rem;
    padding: 0 0 0 1em;
}
.scoop_area .c-set00.bo::before {
	content: "";
    width: 5px;
    height: 1em;
    background: var(--right-orange);
    position: absolute;
    top: 41%;
    left: 0;
    transform: translateY(-50%);
}

.scoop_area .article-list.type01 .detail .excerpt {
	display: block;
}
/*----- .scoop_btn_wrap(ボタン上下共通)-----*/
.scoop_btn_wrap {
	background: #f7f7f7;
	text-align: center;
	border-radius: 10px;
	position: relative;
}
.scoop_btn_wrap h4 img {
	max-width: 209px;
}
.scoop_btn_wrap .scoop_btn_box a {
	border: 1px solid #333;
}
.scoop_btn_box .scoop_line_btn:hover {
	background: #AED768;
}
.scoop_btn_box .scoop_form_btn:hover {
	background: #94CCF9;
}
.scoop_btn_wrap::before,
.scoop_btn_wrap::after {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -3px;
}
.scoop_btn_wrap::before {
	background-image: url(../img/human_women.png);
	left: -10px;
	margin-left: 1%;
}
.scoop_btn_wrap::after {
	background-image: url(../img/human_men.png);
	right: -10px;
	margin-right: 1%;
}


/*----- .scoop_btn_top -----*/
.scoop_btn_top {
	padding: 15px 7%;
	max-width: 430px;
	margin: 15px auto;
}
.scoop_btn_top .scoop_btn_box a {
	padding: 10px 3%;
}
.scoop_btn_top .scoop_btn_box {
	display: flex;
	gap: 5%
}
.scoop_btn_top h4 img {
	margin-bottom: 10px;
}
.scoop_btn_top::before,
.scoop_btn_top::after {
	width: 40px;
    height: 50px;
}


/*----- .scoop_btn_bottom  -----*/
.scoop_btn_bottom {
	padding: 20px 8%;
	max-width: 600px;
    margin: 50px auto;
}
.scoop_btn_bottom .scoop_btn_box {
	display: flex;
	gap: 5%;
	justify-content: center;
}

.scoop_btn_bottom::before,
.scoop_btn_bottom::after {
    width: 70px;
    height: 91px;
}
.scoop_btn_bottom h4 img {
	margin-bottom: 20px;
}
.scoop_btn_bottom .scoop_btn_box a {
	border-radius: 25px;
}
.scoop_btn_bottom a img {
	min-width: 125px;
}



/*----- .scoop_pagelink  -----*/
.scoop_pagelink {
	text-align: end;
}
.scoop_pagelink a {
	padding-right: 1.25rem;
	font-weight: 600;
	position: relative;
}
.scoop_pagelink a::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 11px solid var(--right-orange);
	border-bottom: 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	}
.scoop_pagelink a:hover {
	opacity: .5;
}


/*-----scoop_content -----*/
.scoop_content {
	max-width: 835px;
	margin: 0 auto;
	padding: 40px 0;
}
.scoop_content h3,
.scoop_flow_box {
	text-align: center;
}
.scoop_content h3 {
	margin-bottom: 40px;
}
.scoop_content h3 img {
	max-width: 330px;
	width: 90%;
}

/*----- .scoop_flow_box -----*/	
.scoop_flow_box {
	margin: 35px auto;
}

.scoop_flow_box img {
	max-width: 360px;
	width: 55%;
	margin: 0 auto;
}

.scoop_content p,
.scoop_content ul li {
	letter-spacing: 0.1em;
	width: 100%;
	display: block;
	font-size: min(3.5vw,14px);
	color: rgba(var(--color00),1);
	line-height: 1.6;
	text-align: justify;
}
.scoop_content ul li {
	text-indent: -1em;
	padding-left: 1em;
}
@media (min-width: 520px) {
	/*----- .scoop_btn_top -----*/	
	.scoop_btn_top::before, 
	.scoop_btn_top::after {
    width: 55px;
    height: 71px;
}
	
	/*----- .scoop_btn_bottom -----*/
	.scoop_btn_bottom a img {
		max-width: 150px;
	}
	.scoop_btn_bottom::before, 
	.scoop_btn_bottom::after {
		width: 120px;
		height: 151px;
	}
	/*----- .scoop_flow_box -----*/	
	.scoop_flow_row {
		display: block;
	}
	.scoop_flow_column {
		display: none;
	}
}

@media (min-width: 641px) {
	.pc_display {
	display: block;
	}
	.sp_display {
	display: none;
	}
	
	
	/*テンプレートからオリジナル設定*/
	.scoop_area .article-list.type01.feature1st>:nth-of-type(1) .thumb {
		aspect-ratio: 4/3;
		margin-bottom: 0.5rem;
	}	
	.scoop_area .sec-headline {
		padding-bottom: 1.5rem;
	}
	/*----- .scoop_btn_wrap -----*/
	.scoop_btn_wrap h4 img {
		max-width: 250px;
		margin-bottom: 20px;
	}
	.scoop_btn_wrap::before {
		left: -20px;
	}
	.scoop_btn_wrap::after {
		right: -20px;
	}
	
	/*----- .scoop_btn_top -----*/
	.scoop_btn_top {
		padding: 20px 7%;
		margin: 20px auto;
	}
	
	/*----- .scoop_btn_bottom -----*/
	.scoop_btn_bottom h4 img {
		max-width: 270px;
	}
	.scoop_btn_bottom {
		padding: 30px 8%;
		margin: 50px auto;
	}
	.scoop_btn_bottom a img {
		max-width: 170px;
	}
	.scoop_btn_bottom .scoop_btn_box {
		gap: 10%;
	}
	/*----- .scoop_news_list -----*/
	.scoop_news_list {
		margin: 50px auto;
	}
	/*----- .scoop_content -----*/
	.scoop_content {
		padding: 40px 0;
	}
	.scoop_flow_box img {
		max-width: 750px;
		width: 80%;
	}


}

@media (min-width: 1000px) {
	/*----- .scoop_btn_wrap -----*/
	.scoop_btn_wrap::before {
	left: -40px;
	}
	.scoop_btn_wrap::after {
		right: -40px;
	}
	
	/*----- .scoop_btn_top -----*/
	.scoop_btn_top::before,
	.scoop_btn_top::after {
		width: 70px;
		height: 90px;
	}
	.scoop_btn_bottom::before {
		left: -50px;
	}
	.scoop_btn_bottom::after {
		right: -50px;
	}
	.scoop_btn_bottom::before, 
	.scoop_btn_bottom::after {
		width: 140px;
		height: 181px;
	}
	
}