@charset "UTF-8";

/* reset */

.sr_page-shopping-result__free .fca_container { padding: 0; }
.sr_page-shopping-result__free .fca_container .fca_container__in { max-width: 100%; }
.fsc_gheader-wrap.is-fixed .fsc_gheader,
.fca_shop-header { max-width: 1170px; margin: 0 auto; }

/* common */

#wrapper_sc .pc_sc { display: block; }
#wrapper_sc .pc_il_sc { display: inline-block; }
#wrapper_sc .sp_sc { display: none !important; }

#wrapper_sc a:hover { text-decoration: none; }
#wrapper_sc ul { padding: 0; }
#wrapper_sc li { list-style: none; }
#wrapper_sc a { display: block; transition: .3s; }
#wrapper_sc img { width: 100%; height: auto; }

#wrapper_sc {
	letter-spacing: .08em;
	overflow: hidden;
	position: relative;
	color: #282828;
	line-height: 1.6;
}
#wrapper_sc,
#hero_sc .intro_sc .heroTtl_sc,
#hero_sc .intro_sc .message_sc,
#use_sc .useList_sc .heading_sc .name_sc,
#info_sc .title_sc {
	font-family: "A1ゴシック R", "A1 Gothic R", "秀英角ゴシック銀 M", Shuei KakuGo Gin M, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif !important;
}
#wrapper_sc .bold_sc,
#need_sc #phaseList_sc .phase_sc,
.mainTtl_sc,
#need_sc #phaseList_sc .term_sc .month_sc,
#need_sc .itemList_sc .heading_sc {
	font-family: "A1ゴシック M", "A1 Gothic M", "秀英角ゴシック銀 B", "Shuei KakuGo Gin B", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif !important;
	font-weight: 600;
}

.inner_sc { width: 1080px; margin: 0 auto; }

@media (max-width: 1180px) {
	.inner_sc { width: 90%; }
}
@media (max-width: 560px) {
	#wrapper_sc .pc_sc,
	#wrapper_sc .pc_il_sc { display: none !important; }
	#wrapper_sc .sp_sc { display: block !important; }
	.inner_sc { width: 93%; }
}

/*----------------------------------------

	hero

----------------------------------------*/

#hero_sc {
	position: relative;
	background: url(../images/hero_bg.jpg) 50% -3vw / 100% auto no-repeat #f6f6f6;
	background-attachment: fixed;
	padding-bottom: 10vw;
	transition: .3s;
}
/*#hero_sc.bgMove { background-position: 50% -4vw; }*/

#hero_sc .inner_sc { max-width: 900px; margin: 0 auto; }
#hero_sc .titleBox_sc {
	width: 100%;
	position: relative;
	z-index: 2;
	padding: 8vw 0 10vw;
	margin: 0 auto 5vw;
	background: url(../images/main_en.svg) 50% 100% / 90% auto no-repeat;
}
#hero_sc .titleBox_sc .subTtl_sc { width: 31%; margin: 0 auto 3vw; }
#hero_sc .titleBox_sc .heroTtl_sc { width: 95%; margin: 0 auto; }
#hero_sc .img_sc { position: absolute; }
#hero_sc .img01_sc { width: 21%; top: 0; right: 70%; }
#hero_sc .img02_sc { width: 21%; top: 15%; right: 78%; z-index: 1; }
#hero_sc .img03_sc { width: 21%; top: 25%; right: 63%; }
#hero_sc .img04_sc { width: 17%; bottom: 25%; right: 83%; }
#hero_sc .img05_sc { width: 13%; top: 0; left: 60%; }
#hero_sc .img06_sc { width: 18%; top: 35%; left: 60%; }

@media (max-width: 900px) {
	#hero_sc .titleBox_sc { width: 90%; }
}
@media (max-width: 560px) {
	#hero_sc { background-position: 89% 1vw !important; background-size: 200% auto; }
	#hero_sc #mainTitle_sc { width: 100%; }
	#hero_sc .titleBox_sc {
		width: 100%;
		padding: 17vw 0 20vw;
		background-size: 96% auto;
		background-position: 50% 88%;
		margin-bottom: 12vw;
	}
	#hero_sc .titleBox_sc .subTtl_sc { width: 43%; margin-bottom: 2vw; }
	#hero_sc .titleBox_sc .heroTtl_sc { width: 82%; }
	#hero_sc .img01_sc { width: 44%; right: auto; left: 0; }
	#hero_sc .img02_sc { width: 49%; top: 28%; right: auto; left: 0; }
	#hero_sc .img06_sc { width: 33%; top: 31%; left: auto; right: 0; }
}

/*--------------------
	intro
--------------------*/

#hero_sc .intro_sc {
	background: rgba(255,255,255,.95);
	position: relative;
	z-index: 3;
	text-align: center;
	opacity: 0;
	padding: 3vw 4vw;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
	transition: .3s;
}
#hero_sc .intro_sc .heroTtl_sc {
	border-style: solid;
	border-color: rgba(40,40,40,.5);
	border-width: 1px 0;
	font-size: min(4vw,42px);
	padding: 15px 0;
	margin-bottom: 30px;
	letter-spacing: .2em;
}
#hero_sc .intro_sc p { margin-bottom: 40px; font-size: min(2.1vw,20px); line-height: 1.8; }
#hero_sc .intro_sc .anchor_sc { display: flex; justify-content: center; margin-bottom: 30px; }
#hero_sc .intro_sc .anchor_sc li { width: 40%; }
#hero_sc .intro_sc .anchor_sc li:first-child { margin-right: 20px; }
#hero_sc .intro_sc .anchor_sc a {
	background: rgba(249,245,242,.8);
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 0 45px;
}
#hero_sc .intro_sc .anchor_sc a:hover { background: #F2E8E1; }
#hero_sc .intro_sc .anchor_sc a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -5px;
	left: -5px;
	border: 1px solid #E3C5B5;
}
#hero_sc .intro_sc .anchor_sc p {
	font-size: min(2.8vw,28px);
	line-height: 1.25;
	position: relative;
	margin-bottom: 0;
	letter-spacing: 0.1em;
}
#hero_sc .intro_sc .anchor_sc p:after {
	content: "";
    position: absolute;
    bottom: -25px;
	left: 50%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #282828;
    border-right: 2px solid #282828;
    right: 0;
	margin-left: -6px;
    transform: rotate(135deg);
}
#hero_sc .intro_sc .anchor_sc span {
	color: #696969;
	font-size: min(1.8vw,16px);
	display: block;
	margin-bottom: 0.5vw;
    line-height: 1;
	letter-spacing: 0.05em;
}
#hero_sc .intro_sc .anchor_sc + p { margin-bottom: 20px; }
#hero_sc .intro_sc .message_sc {
	font-size: min(2.8vw,31px);
	line-height: 1.5;
	letter-spacing: 0.15em;
	margin-bottom: 0;
}

.UpMove { animation: UpAnime 0.5s forwards; }

@keyframes UpAnime {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1300px) {
	#hero_sc .img02_sc { right: 85%; }
}
@media (max-width: 1000px) {
	#hero_sc .inner_sc { width: 90%; }
	#hero_sc .intro_sc { padding-top: 5vw; padding-bottom: 5vw; }
}
@media (max-width: 560px) {
	#hero_sc { background: none; }
	#hero_sc:after {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url(../images/hero_bg.jpg) 90% 2vw / 210% auto no-repeat #f6f6f6;
		z-index: -1;
	}
	#hero_sc .intro_sc { padding-bottom: 7vw; }
	#hero_sc .intro_sc .heroTtl_sc {
		font-size: min(6vw, 42px);
		letter-spacing: .1em;
		margin-bottom: 4vw;
	}
	#hero_sc .intro_sc p { font-size: min(3.8vw, 20px); margin-bottom: 6vw; }
	#hero_sc .intro_sc .anchor_sc { margin-bottom: 4vw; justify-content: space-between; margin-left: 1%; }
	#hero_sc .intro_sc .anchor_sc li { width: 48%; }
	#hero_sc .intro_sc .anchor_sc li:first-child { margin-right: 0; }
	#hero_sc .intro_sc .anchor_sc a { padding: 15px 0 35px; }
	#hero_sc .intro_sc .anchor_sc p { font-size: min(4vw, 28px); padding-right: 5px; }
	#hero_sc .intro_sc .anchor_sc p:after {
		width: 8px;
		height: 8px;
		bottom: -20px;
		margin-left: -4px;
		border-width: 1px;
	}
	#hero_sc .intro_sc .anchor_sc span { font-size: min(3vw, 16px); margin-bottom: 1.5vw; }
	#hero_sc .intro_sc .message_sc { font-size: min(5.5vw, 31px); }
}

/*----------------------------------------

	contents

----------------------------------------*/

.mainTtl_sc {
	font-size: min(4vw,48px);
	border-bottom: 3px solid #282828;
	letter-spacing: .2em;
	padding-bottom: 2px;
	line-height: 1.4;
	position: relative;
	display: inline;
	text-align: center;
}
@media (max-width: 560px) {
	.mainTtl_sc { font-size: min(7vw, 40px); }
}
	
/*--------------------
	need phase
--------------------*/

#need_sc { background: #F9F5F2; padding: 100px 0 50px; text-align: center; }
#need_sc #phaseList_sc {
	background: #fff;
	text-align: left;
	padding: 20px 5px 6px 5px;
	margin-bottom: 3vw;
	margin-top: 50px;
}
#need_sc #phaseList_sc > div { display: flex; align-items: center; padding-bottom: 15px; }
#need_sc #phaseList_sc > div:not(:last-child) { border-bottom: 1px solid #D8D2CD; margin-bottom: 15px; }
#need_sc #phaseList_sc p { margin-bottom: 0; }
#need_sc #phaseList_sc .phase_sc {
	font-size: min(2vw,22px);
	width: 13%;
	max-width: 120px;
	padding-left: 20px;
	white-space: nowrap;
	line-height: 1;
}
#need_sc #phaseList_sc #phase01_sc .phase_sc { color: #D6C2AE; }
#need_sc #phaseList_sc #phase02_sc .phase_sc { color: #DDAD93; }
#need_sc #phaseList_sc #phase03_sc .phase_sc { color: #B59683; }
#need_sc #phaseList_sc .term_sc {
	width: 17.7%;
	max-width: 140px;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
}
#need_sc #phaseList_sc .term_sc span { display: block; white-space: nowrap; }
#need_sc #phaseList_sc .term_sc .month_sc { font-size: min(1.3vw,13px); }
#need_sc #phaseList_sc .term_sc .week_sc { font-size: min(1.1vw,11px); }
#need_sc #phaseList_sc .summary_sc {
	font-size: min(1.6vw,16px);
	flex: 1;
	text-align: justify;
	padding-right: 20px;
}

@media (max-width: 920px) {
	#need_sc { padding: 10vw 0 15vw; }
	#need_sc .mainTtl_sc { margin-bottom: 8vw; }
}
@media (max-width: 560px) {
	#need_sc { padding-bottom: 5vw; }
	#need_sc #phaseList_sc { padding: 4%; margin-top: 8vw; }
	#need_sc #phaseList_sc > div { flex-wrap: wrap; }
	#need_sc #phaseList_sc .phase_sc { width: 35%; padding-left: 0; font-size: min(6vw, 26px); }
	#need_sc #phaseList_sc .term_sc {
		width: 70%;
		padding: 0;
		display: flex;
		align-items: center;
		flex-direction: row;
	}
	#need_sc #phaseList_sc .term_sc .month_sc { font-size: min(3vw, 13px); margin-right: 20px; }
	#need_sc #phaseList_sc .term_sc .week_sc { font-size: min(3vw, 13px); }
	#need_sc #phaseList_sc .summary_sc {
		width: 100%;
		flex: none;
		padding-right: 0;
		font-size: min(3.4vw, 16px);
		margin-top: 3vw;
		letter-spacing: 0.05em;
	}
}

/*--------------------
	need item list
--------------------*/

#need_sc .itemList_sc { display: flex; justify-content: space-between; text-align: left; }
#need_sc .itemList_sc .itemColumn_sc { width: 49%; position: relative; }
#need_sc .itemList_sc .items_sc {
	background: #fff;
	box-shadow: 0 2px 6px rgba(0,0,0,.05);
	position: relative;
	padding: 15% 20px 5px 20px;
}
#need_sc .itemList_sc .items_sc + .items_sc { margin-top: 4%; }
#need_sc .itemList_sc .clip_sc {
	width: 6%;
	position: absolute;
	right: 10px;
    top: -16px;
    z-index: 1;
}
#need_sc .itemList_sc .heading_sc {
	background: #E6E6E6;
	position: absolute;
	width: calc(100% - 8px);
	top: 15px;
    left: -8px;
	font-size: min(2vw,24px);
	padding: 2% 0 2% 5%;
	margin-bottom: 0;
}
#need_sc .itemList_sc .heading_sc:after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent #bebebe transparent transparent;
	border-width: 0px 8px 4px 0px;
}
#need_sc .itemList_sc .termList_sc { display: flex; margin-bottom: 0; }
#need_sc .itemList_sc .termList_sc li {
	font-size: min(1.4vw,16px);
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	padding: 5px 7px;
	margin-right: 3px;
	letter-spacing: 0;
}
#need_sc .itemList_sc .termList_sc li:nth-child(1) { background: #D9C9B8; }
#need_sc .itemList_sc .termList_sc li:nth-child(2) { background: #DEB49D; }
#need_sc .itemList_sc .termList_sc li:nth-child(3) { background: #BA9B88; }
#need_sc .itemList_sc .termList_sc li:nth-child(4) { background: #B7C3B9; }
#need_sc .itemList_sc .termList_sc li.exclusion_sc { background: #F0F0F0 !important; }
#need_sc .itemList_sc .itemWrap_sc { margin: 1vw 0 0 0; }
#need_sc .itemList_sc .itemWrap_sc li {
	display: flex;
	align-items: center;
	padding-bottom: 5px;
}
#need_sc .itemList_sc .itemWrap_sc li:not(:last-child) {
	background-image: linear-gradient(to right, #908685 3px, transparent 3px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;
	margin-bottom: 5px;
}
#need_sc .itemList_sc .itemWrap_sc li p { margin-bottom: 0; }
#need_sc .itemList_sc .icon_sc {
	width: 10%;
	height: 3vw;
	margin: 0 20px 0 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#need_sc .itemList_sc .icon_sc img { width: auto; }
#need_sc #item1-1_sc .icon_sc img { height: 78.91%; }
#need_sc #item1-2_sc .icon_sc img { height: 91.04%; }
#need_sc #item1-3_sc .icon_sc img { height: 63.15%; }
#need_sc #item2-1_sc .icon_sc img { height: 71.03%; }
#need_sc #item2-2_sc .icon_sc img { height: 88.18%; }
#need_sc #item2-3_sc .icon_sc img { height: 76.65%; }
#need_sc #item3-1_sc .icon_sc img { height: 72.15%; }
#need_sc #item3-2_sc .icon_sc img { height: 81.71%; }
#need_sc #item3-3_sc .icon_sc img { height: 88.93%; }
#need_sc #item3-4_sc .icon_sc img { height: 100%; }
#need_sc #item3-5_sc .icon_sc img { height: 43.74%; }
#need_sc #item3-6_sc .icon_sc img { height: 39.72%; }
#need_sc #item4-1_sc .icon_sc img { height: 88.91%; }
#need_sc #item4-2_sc .icon_sc img { height: 98.38%; }
#need_sc #item4-3_sc .icon_sc img { height: 65.75%; }

#need_sc .itemList_sc .item_sc { font-size: min(1.6vw,18px); flex: 1; }
#need_sc .itemList_sc .item_sc a {
	line-height: 1.4;
	display: inline-block;
	padding-right: 12%;
	background: url(../images/arrow_circle.svg) 100% 50% / 1.2vw auto no-repeat;
	transition: .3s;
	border-bottom: 1px solid #fff;
}
#need_sc .itemList_sc .item_sc a:hover { border-color: #282828; }
#need_sc .itemList_sc .number_sc {
	color: #8D8D8D;
	font-size: min(1.4vw,16px);
	width: 20%;
    text-align: right;
	white-space: nowrap;
}
#need_sc .itemList_sc .check_sc {
	width: 5%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	margin-left: 20px;
}
#need_sc .itemList_sc .check_sc input[type=checkbox] {
	width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}
#need_sc .itemList_sc .check_sc label {
	border: 1px solid #CBCBCB;
	min-width: 20px;
	height: 20px;
	cursor: pointer;
	margin-bottom: 0;
}
#need_sc .itemList_sc .check_sc input:checked + label { border-color: #e48650; background: #e48650; }
#need_sc .itemList_sc .check_sc input:checked + label:after {
	content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 4px;
    width: 12px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}
#need_sc .girl_sc { width: 90%; margin: 40px auto 0; }

@media (max-width: 1200px) {
	#need_sc .itemList_sc .termList_sc li { padding: 0.5vw; }
	#need_sc .itemList_sc .items_sc { padding-top: 7vw; }
	#need_sc .itemList_sc .itemWrap_sc li { padding-bottom: 1vw; }
	#need_sc .itemList_sc .itemWrap_sc li:not(:last-child) { margin-bottom: 1vw; }
	#need_sc .itemList_sc .item_sc a { padding-right: 15%; background-size: 1.7vw auto; }
}
@media (max-width: 1080px) {
	#need_sc .itemList_sc .icon_sc { margin-right: 1vw; }
	#need_sc .itemList_sc .item_sc a { padding-right: 10%; }
	#need_sc .itemList_sc .check_sc { margin-left: 1vw; }
	#need_sc .itemList_sc .check_sc label { min-width: 14px; height: 14px; }
	#need_sc .itemList_sc .check_sc input:checked + label:after {
		top: 4px;
		right: 2px;
		width: 10px;
		height: 5px;
	}
}
@media (max-width: 560px) {
	#need_sc .itemList_sc { flex-direction: column; }
	#need_sc .itemList_sc .clip_sc { width: 4%; top: -5%; }
	#need_sc .itemList_sc .itemColumn_sc + .itemColumn_sc .items_sc:first-child .clip_sc { top: -3%; }
	#need_sc .itemList_sc .itemColumn_sc { width: 100%; }
	#need_sc .itemList_sc .itemColumn_sc + .itemColumn_sc { margin-top: 2%; }
	#need_sc .itemList_sc .items_sc { padding: 9.5vw 2% 0 2%; }
	#need_sc .itemList_sc .items_sc + .items_sc { margin-top: 2%; }
	#need_sc .itemList_sc .itemWrap_sc { margin-top: 2vw; }
	#need_sc .itemList_sc .heading_sc {
		width: calc(100% + 3px);
		top: 5px;
		font-size: min(3.5vw, 24px);
		padding: 5px 0 5px 15px;
	}
	#need_sc .itemList_sc .termList_sc li { font-size: min(2.5vw, 16px); padding: 1vw; }
	#need_sc .itemList_sc .icon_sc { margin: 0 10px 0 0; height: 6vw; }
	#need_sc .itemList_sc .item_sc { font-size: min(3.5vw, 18px); }
	#need_sc .itemList_sc .item_sc a { padding-right: 10%; background-size: 3vw auto; }
	#need_sc .itemList_sc .number_sc { font-size: min(3vw, 16px); }
	#need_sc .itemList_sc .check_sc { width: 7%; margin-left: 0; }
	#need_sc .itemList_sc .check_sc input:checked + label:after { right: 3px; }
	#need_sc .itemList_sc .check_sc label { min-width: 4vw; height: 4vw; }
	#need_sc .girl_sc { margin-top: 5vw; }
}
	
/*--------------------
	use
--------------------*/

#use_sc { padding: 100px 0; background: #fff; }
#use_sc .titleBox_sc { position: relative; margin-bottom: 7vw; }
#use_sc .titleBox_sc .sub_sc { width: 37%; position: absolute; top: -25%; }
#use_sc .titleBox_sc .mainTtl_sc { display: flex; align-items: flex-end; }
#use_sc .titleBox_sc .mainTtl_sc img { width: 25%; margin-bottom: 1vw; vertical-align: bottom; }
#use_sc .anchor_sc { display: flex; justify-content: space-between; margin: 0; }
#use_sc .anchor_sc li {
	width: 17.6%;
	background: url(../images/arrow_nav.svg) 50% 100% / 100% auto no-repeat;
}
#use_sc .anchor_sc li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 15%;
}
#use_sc .anchor_sc .no_sc { width: 20%; display: flex; justify-content: center; align-items: center; }
#use_sc .anchor_sc li:nth-child(1) .no_sc img { width: 46.91%; }
#use_sc .anchor_sc li:nth-child(2) .no_sc img { width: 78.99%; }
#use_sc .anchor_sc li:nth-child(3) .no_sc img { width: 78.01%; }
#use_sc .anchor_sc li:nth-child(4) .no_sc img { width: 100%; }
#use_sc .anchor_sc li:nth-child(5) .no_sc img { width: 87.62%; }
#use_sc .anchor_sc span { font-size: min(2vw,22px); line-height: 1.2; margin-left: 1.5vw; transition: .3s; }
#use_sc .anchor_sc a:hover span { color: #e48650; }
#use_sc .useList_sc { margin-bottom: 0; }
#use_sc .useList_sc li { padding-top: 8vw; }
#use_sc .useList_sc .heading_sc { display: flex; align-items: center; margin-bottom: 40px; }
#use_sc .useList_sc .heading_sc .best_sc {
	position: relative;
	padding-right: 40px;
	display: flex;
	align-items: center;
	width: 19%;
}
#use_sc .useList_sc .heading_sc .best_sc:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
    margin-top: -2.5vw;
	background: #E2D4CC;
	width: 2px;
	height: 5vw;
	max-height: 76px;
	transform: rotate(22deg);
}
#use_sc .useList_sc li .best_sc img { width: auto; height: 80%; }

#use_sc .useList_sc .heading_sc .name_sc {
	font-size: min(3vw,39px);
	margin-bottom: 0;
	margin-left: 40px;
	letter-spacing: 0.1em;
}
#use_sc .useList_sc .heading_sc .name_sc span {
	font-size: min(2vw,25px);
	display: block;
	margin-top: 0.5vw;
	letter-spacing: 0.05em;
}
#use_sc .useList_sc .item_sc { display: flex; justify-content: space-between; }
#use_sc .useList_sc .item_sc .img_sc { width: 50%; }
#use_sc .useList_sc .item_sc .txt_sc { width: 42%; text-align: right; }
#use_sc .useList_sc .item_sc .txt_sc img { width: 25%; }
#use_sc .useList_sc .item_sc .summary_sc {
	font-size: min(1.6vw,18px);
	text-align: justify;
	line-height: 2;
	padding-bottom: 50px;
	margin-bottom: 0;
	letter-spacing: 0.05em;
	background: url(../images/baloon.svg) 50% 100% / 100% auto no-repeat;
}
#use_sc .useList_sc .linkBox_sc { width: 85%; margin: 4vw auto 0; }
#use_sc .useList_sc .linkBox_sc > div {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-right: -24px;
}
#use_sc .useList_sc .link_sc {
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5vw 2vw 1vw 1vw;
	margin-top: 20px;
	background: url(../images/arrow.svg) 95% 40% / 1.4vw auto no-repeat #F9F5F2;
}
#use_sc .useList_sc .link_sc + .link_sc { margin-top: 24px; }
#use_sc .useList_sc .linkBox_sc .link_sc { width: calc(100%/2 - 24px); margin: 0 24px 24px 0; }
#use_sc .useList_sc .link_sc:hover { background-color: #f4e9e0; }
#use_sc .useList_sc .link_sc:after {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	border: 1px solid #575757;
	width: 100%;
	height: 100%;
}
#use_sc .useList_sc .link_sc .icon_sc {
	height: 3.5vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
#use_sc .useList_sc .link_sc .icon_sc img { height: 100%; width: auto; }
#use_sc .useList_sc #best1_sc .link_sc .icon_sc img,
#use_sc .useList_sc #best2_sc .link01_sc .icon_sc img,
#use_sc .useList_sc #best2_sc .link02_sc .icon_sc img,
#use_sc .useList_sc #best2_sc .link04_sc .icon_sc img { height: 90%; }
#use_sc .useList_sc #best2_sc .link03_sc .icon_sc img { height: 100%; }
#use_sc .useList_sc #best3_sc .link_sc .icon_sc img { height: 70%; }
#use_sc .useList_sc #best4_sc .link02_sc .icon_sc img { height: 50%; }
#use_sc .useList_sc .link_sc .btn_sc {
	margin: 0 0 0 1.5vw;
	letter-spacing: 0.1em;
	font-size: min(1.8vw,20px);
}

@media (max-width: 1250px) {
	#use_sc .useList_sc .item_sc .txt_sc { width: 45%; }
	#use_sc .useList_sc .link_sc { padding: 0.5vw 3vw 1.5vw 1vw; background-position: 92% 40%; }
	#use_sc .useList_sc .link_sc:after { border-color: rgba(87,87,87,.7); }
	#use_sc .useList_sc .link_sc .icon_sc { height: 5vw }
}
@media (max-width: 1080px) {
	#use_sc .useList_sc .heading_sc .best_sc { width: 23%; }
	#use_sc .useList_sc li .best_sc img { height: 7vw; }
}
@media (max-width: 834px) {
	#use_sc .useList_sc .heading_sc .best_sc { padding-right: 20px; }
	#use_sc .useList_sc .heading_sc .name_sc { margin-left: 20px; }
}
@media (max-width: 560px) {
	#use_sc { padding: 10vw 0; }
	#use_sc .titleBox_sc { text-align: center; padding-top: 8vw; }
	#use_sc .titleBox_sc .sub_sc {
		width: 65%;
		position: absolute;
		top: -5%;
		left: 50%;
		margin-left: -32.5%;
		transform: rotate(4deg);
	}
	#use_sc .titleBox_sc .mainTtl_sc {
		display: inline;
		border-width: 0 0 .6vw 0;
		line-height: 1.5;
		padding-bottom: 4px;
	}
	#use_sc .titleBox_sc .mainTtl_sc img {
		position: absolute;
		width: 60%;
		left: 60%;
		top: 90%;
		transform: rotate(-5deg);
	}
	#use_sc .anchor_sc { margin: 20vw -10px 0 0; flex-wrap: wrap; justify-content: center; }
	#use_sc .anchor_sc li {
		width: calc(100%/3 - 10px);
		margin: 0 10px 15px 0;
		background-size: 90% auto;
	}
	#use_sc .anchor_sc span { font-size: min(3.8vw, 22px); margin-left: 2.5vw; }
	#use_sc .useList_sc { width: 96%; margin: 0 auto; }
	#use_sc .useList_sc li { padding-top: 15vw; }
	#use_sc .useList_sc .heading_sc { margin-bottom: 5vw; }
	#use_sc .useList_sc .heading_sc .best_sc { width: 32%; }
	#use_sc .useList_sc .heading_sc .best_sc:after { height: 10vw; margin-top: -5vw; }
	#use_sc .useList_sc li .best_sc img { height: 10vw; }
	#use_sc .useList_sc .heading_sc .name_sc { font-size: min(6vw, 39px); }
	#use_sc .useList_sc .heading_sc .name_sc span { font-size: min(3.5vw, 25px); margin-top: 5px; }
	#use_sc .useList_sc .item_sc { flex-direction: column; }
	#use_sc .useList_sc .item_sc .img_sc { width: 100%; }
	#use_sc .useList_sc .item_sc .txt_sc { width: 100%; }
	#use_sc .useList_sc .item_sc .summary_sc {
		font-size: min(3.8vw, 18px);
		line-height: 1.8;
		margin-top: 4vw;
		padding-bottom: 10vw;
	}
	#use_sc .useList_sc .link_sc {
		padding: 2vw 1vw 4vw 1vw;
		margin-top: 5vw;
		width: 97%;
		margin-left: 3%;
	}
	#use_sc .useList_sc .link_sc .btn_sc {
		font-size: min(4.5vw, 20px);
		margin-left: 3vw;
		padding-right: 7vw;
	}
	#use_sc .useList_sc .link_sc { background-size: 4vw auto; }
	#use_sc .useList_sc .link_sc .icon_sc { height: 10vw; }
	#use_sc .useList_sc .linkBox_sc { width: 97%; margin-left: 3%; }
	#use_sc .useList_sc .linkBox_sc > div { flex-direction: column; margin-right: 0; }
	#use_sc .useList_sc .linkBox_sc .link_sc { width: 100%; margin: 0 0 4vw 0; }
}

/*--------------------
	info
--------------------*/

#info_sc { background: #F9F5F2; padding: 7vw 0; }
#info_sc .summary_sc { max-width: 800px; margin: 0 auto; text-align: justify; }
#info_sc .summary_sc p { font-size: min(1.6vw, 18px); line-height: 2; margin-bottom: 2vw; }
#info_sc .summary_sc p strong { font-size: min(2vw, 24px); font-weight: 500; display: block; }
#info_sc .bnr_sc { text-align: center; margin: 4vw auto; }
#info_sc .title_sc { font-size: min(2vw, 24px); margin-bottom: 1vw; }
#info_sc .bnr_sc a { width: 46%; margin: 0 auto; box-shadow: 0 3px 5px rgba(0,0,0,.1); }
#info_sc .bnr_sc a:hover { transform: translateY(3px); box-shadow: none; }
#info_sc .infoLink_sc { max-width: 880px; margin: 0 auto; }
#info_sc .infoLink_sc ul { display: flex; flex-wrap: wrap; margin-right: -20px; }
#info_sc .infoLink_sc li { width: calc(100%/2 - 20px); margin: 0 20px 20px 0; }

#info_sc .infoLink_sc .bnr_sc a { width: 100%; padding: 0; height: 100%; margin: 0; }

#info_sc .infoLink_sc a {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1vw 3vw 1vw 1vw;
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	background: url(../images/arrow.svg) 95% 50% / 1.4vw auto no-repeat #fff;
}
#info_sc .infoLink_sc a:hover,
#info_sc .linkTop_sc:hover { background-color: #f0e7e3; transform: translateY(3px); box-shadow: none; }
#info_sc .infoLink_sc .icon_sc {
	width: 10%;
	height: 3vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
#info_sc .infoLink_sc .icon_sc img { height: 100%; width: auto; }
#info_sc .infoLink_sc .btn_sc {
	margin: 0 0 0 1.5vw;
	letter-spacing: 0.1em;
	font-size: min(1.8vw,20px);
}
#info_sc .infoLink_sc .linkTop_sc {
	max-width: 500px;
	margin: calc(4vw - 20px) auto 0;
	padding: 2vw 3vw 2vw 1vw !important;
}
#info_sc .linkTop_sc img { height: 1.7vw; max-height: 25px; width: auto; }

#pagetop_sc {
	position: fixed;
    right: -1%;
    bottom: 10%;
    transform: rotate(-90deg);
    background: #ebdacd;
    padding: 10px 20px;
    font-size: min(2vw, 20px);
    line-height: 1;
	z-index: 5;
}

@media (max-width: 1260px) {
	#info_sc .infoLink_sc a { padding-top: 1.5vw; padding-bottom: 1.5vw; }
	#info_sc .infoLink_sc .btn_sc { margin-left: 2vw; }
	#info_sc .infoLink_sc .linkTop_sc { padding-top: 2.5vw; padding-bottom: 2.5vw; }
	#info_sc .infoLink_sc .linkTop_sc img { height: 2.3vw; }
}
@media (max-width: 560px) {
	#info_sc { padding: 9vw 0 12vw; }
	#info_sc .inner_sc { width: 90%; }
	#info_sc .summary_sc p { font-size: min(3.8vw, 18px); letter-spacing: 0.05em; margin-bottom: 5vw; }
	#info_sc .summary_sc p br { display: none; }
	#info_sc .summary_sc p strong { font-size: min(5vw, 20px); }
	#info_sc .bnr_sc { width: 100% !important; }
	#info_sc .title_sc { font-size: min(5vw, 24px); margin-bottom: 3vw; }
	#info_sc .bnr_sc a { width: 100%; }
	#info_sc .infoLink_sc ul { margin-right: -14px; margin-bottom: 0; }
	#info_sc .infoLink_sc li { width: calc(100% / 2 - 14px); margin-right: 14px; margin-bottom: 14px; }
	#info_sc .infoLink_sc a {
		justify-content: flex-start;
		width: 100%;
		height: 100%;
		padding-top: 3vw;
		padding-bottom: 3vw;
		background-size: 3vw auto;
	}
	#info_sc .infoLink_sc li:nth-child(3) a,
	#info_sc .infoLink_sc li:nth-child(4) a { padding-top: 4vw; padding-bottom: 4vw; }
	#info_sc .infoLink_sc .icon_sc { height: 6vw; margin-left: 3vw; }
	#info_sc .infoLink_sc .btn_sc {
		text-align: left;
		margin-left: 4vw;
		letter-spacing: 0.05em;
		font-size: min(4vw, 20px);
		line-height: 1.2;
	}
	#info_sc .infoLink_sc .linkTop_sc { justify-content: center; padding: 6vw 3vw 6vw 1vw !important; }
	#info_sc .infoLink_sc .linkTop_sc img { height: 4.5vw; }
	#pagetop_sc { right: -8.5%; padding: 7px 10px 15px; font-size: min(4vw, 20px); }
}

/*--------------------
	recommend
--------------------*/

#recommend_sc { padding: 100px 0 6vw; text-align: center; background: #fff; position: relative; }
#recommend_sc .mainTtl_sc {
	margin-bottom: 0;
	position: static;
	font-family: "A1ゴシック R", "A1 Gothic R", "秀英角ゴシック銀 M", Shuei KakuGo Gin M, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif !important;
}
#recommend_sc:after,
#recommend_sc .mainTtl_sc:before,
#recommend_sc .mainTtl_sc:after {
	content: "";
	position: absolute;
	bottom: 2vw;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 1.5vw solid transparent;
	border-left: 1.5vw solid transparent;
	border-top: 2vw solid #555;
	border-bottom: 0;
}
#recommend_sc:after { left: 50%; margin-left: -1vw; }
#recommend_sc .mainTtl_sc:before,
#recommend_sc .mainTtl_sc:after { display: none; }
#recommend_sc .mainTtl_sc:before { left: 50%; margin-left: -7vw; }
#recommend_sc .mainTtl_sc:after { right: 50%; margin-right: -7vw; }

@media (max-width: 920px) {
	#recommend_sc { padding-top: 10vw; }
}
@media (max-width: 560px) {
	#recommend_sc { padding-bottom: 10vw; }
	#recommend_sc .mainTtl_sc { font-size: min(6vw, 40px); border-width: 2px; }
	#recommend_sc:after,
	#recommend_sc .mainTtl_sc:before,
	#recommend_sc .mainTtl_sc:after {
		border-right: 3vw solid transparent;
		border-left: 3vw solid transparent;
		border-top: 5vw solid #282828;
	}
	#recommend_sc:after { margin-left: -3vw; }
	#recommend_sc .mainTtl_sc:before { margin-left: -10vw; }
	#recommend_sc .mainTtl_sc:after { margin-right: -10vw; }
}

/*----------------------------------------

	animation

----------------------------------------*/

@media (min-width: 561px) {
	.fadeInUp_sc {
		animation-fill-mode:both;
		animation-duration:2s;
		animation-name: fadeInUp;
		visibility: visible !important;
	}
}
@media (max-width: 560px) {
	.fadeInUp_sc {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}

@keyframes fadeInUp {
	 0% { opacity: 0; transform:translateY(30px); }
	 100% { opacity: 1; transform: translateY(0); }
}