@charset "UTF-8";
/* CSS Document */
/*  ---------------------------
				/torikumi/
---------------------------  */

/* common
--------------------------------------------- */
#dakara_wrap {
	padding-top: 135px;
	position: relative;
	/*min-width: 1240px;*/
}
#dakara_wrap * {
	box-sizing: border-box;
}
#dakara_wrap img {
	max-width: 100%;
}
/*
#suntoryCommonHeader {
	position: fixed !important;
	top: 0;
	z-index: 100;
}
*/
.sub_hd_nav > li:nth-of-type(1) > div {
	display: none;
}
#dakara_wrap a:hover {
	opacity: 1 !important;
}
@media only screen and (min-width: 769px) {
	#suntoryCommonHeader {
		position: fixed !important;
		top: 0;
		z-index: 100;
	}
	#suntorySubCommonHeader {
		display: none;
	}
	#suntorySubCommonFooter,
	#suntoryCommonFooter {
		position: relative;
		z-index: 1;
	}
	#dakara_wrap .inner {
		margin-top: 20px;
		max-width: 1164px;
	}
}
@media only screen and (max-width: 768px) {
	#dakara_wrap {
		min-width: initial;
		padding-top: 0;
	}
}


#dakara_wrap .main-area-contents {
}
@media only screen and (min-width: 769px) and (max-width: 1400px) {
}
@media only screen and (max-width: 768px) {
}



/* keyvisual
--------------------------------------------- */
#dakara_wrap .keyvisual h2 {
	line-height: 0;
}
@media only screen and (min-width: 769px) and (max-width: 1400px) {
	#dakara_wrap .keyvisual {
		margin-top: 0;
	}
}



/* section-wrap
--------------------------------------------- */
#dakara_wrap .section-wrap {
	padding: 35px 20px 54px;
}
#dakara_wrap .section-wrap .block-content {
	background-color: #FCF9E4;
	border-radius: 20px;
	letter-spacing: 0.08em;
	padding: 12px 20px 30px;
}
#dakara_wrap .section-wrap .block-content:nth-of-type(n+2) {
	margin-top: 20px;
}
#dakara_wrap .section-wrap .block-content h3 {
	border-bottom: 2px solid #00AEEB;
	color: #00AEEB;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	padding-block: 15px;
	padding-left: 30px;
	position: relative;
	text-align: left;
}
#dakara_wrap .section-wrap .block-content h3:before {
	background-image: url(../img/icon_heart.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100% auto;
	content: "";
	position: absolute;
	height: 54px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
}
#dakara_wrap .section-wrap .block-content .text-lead {
	font-size: 16px;
	font-weight: bold;
	margin-top: 16px;
	line-height: 1.75;
	text-align: center;
}
#dakara_wrap .section-wrap .block-content .link-banner {
	margin-top: 28px;
}
#dakara_wrap .section-wrap .block-content .link-banner a {
	display: block;
	text-decoration: none;
}
#dakara_wrap .section-wrap .block-content .link-banner .text-caption {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
	margin-top: 8px;
	padding-right: 32px;
	position: relative;
}
#dakara_wrap .section-wrap .block-content .link-banner .text-caption:after {
	background-image: url(../img/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	content: "";
	position: absolute;
	height: 20px;
	top: 5px;
	right: 0;
	width: 20px;
}
@media only screen and (min-width: 769px) and (max-width: 1400px) {
	#dakara_wrap .section-wrap {
		padding: calc(35 / 1400 * 100vw) calc(20 / 1400 * 100vw) calc(54 / 1400 * 100vw);
	}
	#dakara_wrap .section-wrap .block-content {
		border-radius: calc(20 / 1400 * 100vw);
		padding: calc(12 / 1400 * 100vw) calc(20 / 1400 * 100vw) calc(30 / 1400 * 100vw);
	}
	#dakara_wrap .section-wrap .block-content:nth-of-type(n+2) {
		margin-top: calc(20 / 1400 * 100vw);
	}
	#dakara_wrap .section-wrap .block-content h3 {
		font-size: calc(20 / 1400 * 100vw);
		padding-block: calc(15 / 1400 * 100vw);
		padding-left: calc(30 / 1400 * 100vw);
	}
	#dakara_wrap .section-wrap .block-content h3:before {
		height: calc(54 / 1400 * 100vw);
		width: calc(50 / 1400 * 100vw);
	}
	#dakara_wrap .section-wrap .block-content .text-lead {
		font-size: calc(16 / 1400 * 100vw);
		margin-top: calc(16 / 1400 * 100vw);
	}
	#dakara_wrap .section-wrap .block-content .link-banner {
		margin-top: calc(28 / 1400 * 100vw);
	}
	#dakara_wrap .section-wrap .block-content .link-banner .text-caption {
		font-size: calc(14 / 1400 * 100vw);
		margin-top: calc(8 / 1400 * 100vw);
		padding-right: calc(32 / 1400 * 100vw);
	}
	#dakara_wrap .section-wrap .block-content .link-banner .text-caption:after {
		height: calc(20 / 1400 * 100vw);
		top: calc(5 / 1400 * 100vw);
		width: calc(20 / 1400 * 100vw);
	}
}