@charset "UTF-8";
/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. メインビジュアル
　02. TOPICS
　03. SOLUTION
　04. D's SMART MEDICAL
　05. CASE STUDY
　06. NEWS
　07. EVENT SEMINAR
　08. MEMBER

******************************************************************************* */
#main {
	background: none;
}
/* ==

　01. メインビジュアル

=============================================================================== */
.visual {
	position: relative;
	height: 560px;
	overflow: hidden;
}
.visualBgImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
.visualBg>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.visualBg>div.active .visualBgImg {
	opacity: 1;
}
.visualBgTxt {
	position: absolute;
	top: 12px;
	right: 12px;
	font-weight: 500;
	font-size: 91.6666666667%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
.visualBg>div.active .visualBgTxt {
	opacity: 1;
}
.visualInner {
	z-index: 2;
	position: relative;
}
.visualInner h1 {
	position: relative;
	top: 90px;
	left: 30px;
	opacity: 0;
}
/* ==

　02. TOPICS

=============================================================================== */
.topics {
	padding: 100px 0 0;
	background: url(/business/silver/images/rn03/topics_bg01.jpg) no-repeat center -130px;
	background-size: 1740px auto;
	letter-spacing: 0.045em;
}
.topics .topicsHeader {
	display: flex;
	justify-content: space-between;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 25px;
}
.topics .topicsHeader h2 {
	width: 171px;
}
.topics .topicsHeader h2 img {
	width: 100%;
}
.topics .topicsHeader p {
	width: 740px;
	margin: -0.3em 0 0;
	color: #666;
	font-size: 133.3333333333%;
	line-height: 2.25;
	letter-spacing: 0.045em;
}
.topics .slideColumn {
	display: flex;
	justify-content: space-between;
	max-width: 1120px;
	margin: 30px auto 0;
	padding: 0 25px;
}
.topics .slideblock {
	position: relative;
	width: 822px;
	margin: 0 0 0 25px;
	padding: 0 0 70px;
}
.topics .slideblock .slidwapper .slideblock_col {
	width: 250px;
	margin: 0 12px;
	background: #faf8f4;
}
.topics .slideblock .slidwapper .slideblock_col a {
	display: block;
	position: relative;
	text-decoration: none;
	transition: ease 0.2s;
}
.topics .slideblock .slidwapper .slideblock_col a:hover {
	opacity: 0.7;
}
.topics .slideblock .slidwapper .slideblock_col a .img img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.topics .slideblock .slidwapper .slideblock_col .slideblock_col_in {
	min-height: 140px;
	padding: 16px 20px 20px;
}
.topics .slideblock .slidwapper .slideblock_col .slideblock_col_in .ico {
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	min-width: 98px;
	margin-bottom: 6px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
	font-size: 85.4700854701%;
	line-height: 1;
	text-align: center;
}
.topics .slideblock .slidwapper .slideblock_col .slideblock_col_in .ico_members {
	border: 0;
	background: #aa8e2d;
	color: #fff;
}
.topics .slideblock .slidwapper .slideblock_col .slideblock_col_in .ico_news {
	border: 0;
	background: #eb8107;
	color: #fff;
}
.topics .slideblock .slidwapper .slideblock_col .slideblock_col_in .tit {
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 116.6666666667%;
	line-height: 1.8571428571;
}
.topics .slideblock .slidwapper .slideblock_col .slideblock_col_in .cap {
	font-size: 100%;
	line-height: 1.8333333333;
}
.topics .slideblock .slick-dotted.slick-slider {
	margin-bottom: 0;
}
.topics .slideblock .slick-dots {
	display: flex;
	bottom: -40px;
	justify-content: center;
}
.topics .slideblock .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 10px;
}
.topics .slideblock .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
}
.topics .slideblock .slick-dots li button::before {
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #bfbfbf;
	content: "";
	font-size: 10px;
	line-height: 1;
	opacity: 1;
}
.topics .slideblock .slick-dots li.slick-active button::before {
	background: #c80028;
}
.topics .slideblock #arwNav li {
	position: absolute;
	top: calc((100% - 70px) / 2 - 17px);
	width: 33px;
	height: 33px;
	cursor: pointer;
}
.topics .slideblock #arwNav .prevBtn {
	left: -25px;
}
.topics .slideblock #arwNav .nextBtn {
	right: -25px;
}
.topics .topicsLink {
	display: flex;
	flex-direction: column;
	width: 210px;
	padding: 0 0 70px;
	gap: 21px 0;
}
.topics .topicsLink p {
	height: calc((100% - 21px) / 2);
	font-size: 100%;
	text-align: center;
}
.topics .topicsLink p a {
	box-sizing: border-box;
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 8px 0 32px;
	gap: 8px 0;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	background: #fff;
	text-decoration: none;
}
.topics .topicsLink p a::before, .topics .topicsLink p a::after {
	display: block;
	position: absolute;
	bottom: 28px;
	width: 32px;
	height: 6px;
	content: "";
	transition: width 0.3s;
}
.topics .topicsLink p a::before {
	left: calc(100% - 90px - 32px);
	width: 0;
	background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 6'%3E%3Cpolyline points='25 0.35 30 5.35 0 5.35' fill='none' stroke='%23c80028' stroke-miterlimit='10' /%3E%3C/svg%3E") no-repeat left center;
	background-size: 32px 6px;
}
.topics .topicsLink p a::after {
	right: 90px;
	background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 6'%3E%3Cpolyline points='25 0.35 30 5.35 0 5.35' fill='none' stroke='%23222222' stroke-miterlimit='10' /%3E%3C/svg%3E") no-repeat right center;
	background-size: 32px 6px;
}
.topics .topicsLink p a:hover {
	color: #c80028;
}
.topics .topicsLink p a:hover::before {
	width: 32px;
}
.topics .topicsLink p a:hover::after {
	width: 0;
}
.topics .topicsLink p:nth-of-type(1) img {
	max-width: 160px;
}
/* ==

　03. SOLUTION

=============================================================================== */
.solution {
	padding: 70px 0 80px;
	letter-spacing: 0.045em;
}
.solutionHeader {
	display: flex;
	justify-content: space-between;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 25px;
}
.solutionHeader h2 {
	width: 249px;
}
.solutionHeader h2 img {
	width: 100%;
}
.solutionHeader p {
	width: 740px;
	margin: -0.3em 0 0;
	color: #666;
	font-size: 133.3333333333%;
	line-height: 2.25;
}
.solutionColumn {
	display: flex;
	max-width: 1120px;
	margin: 30px auto 0;
	padding: 0 25px;
	gap: 0 24px;
}
.solutionColumn>* {
	width: 100%;
	max-width: 262px;
}
.solutionImage {
	position: relative;
}
.solutionImage span {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 150%;
	line-height: 1.8888888889;
	text-align: center;
	font-weight: bold;
}
.solutionTxt {
	margin: 20px 0;
	font-size: 100%;
}
.solutionLink .slvrLink01 {
	max-width: 100%;
	height: 50px;
	font-size: 99.7150997151%;
}
/* ==

　04. D's SMART MEDICAL

=============================================================================== */
.smart {
	padding: 60px 25px;
	background: url(/business/silver/images/rn03/smart_bg01.jpg) no-repeat center;
	background-size: cover;
	letter-spacing: 0.045em;
}
.smartInner {
	box-sizing: border-box;
	position: relative;
	max-width: 1120px;
	min-height: 380px;
	margin: 0 auto;
	padding: 40px 460px 40px 40px;
	background: #fff;
}
.smartImage {
	position: absolute;
	top: 40px;
	right: 40px;
}
.smartTxt {
	margin: 28px 0 20px;
	font-size: 116.6666666667%;
	line-height: 1.7142857143;
	letter-spacing: 0.045em;
}
.smartLink .slvrLink01 {
	height: 50px;
	font-size: 99.7150997151%;
}
/* ==

　05. CASE STUDY

=============================================================================== */
.casestudy {
	position: relative;
	padding: 100px 0 0;
	overflow: hidden;
}
.casestudy::after {
	display: block;
	z-index: -1;
	position: absolute;
	top: -109px;
	left: calc(50% + 323px);
	width: 900px;
	height: 916px;
	background: url(/business/silver/images/rn03/casestudy_bg01.jpg) no-repeat center;
	background-size: contain;
	content: "";
}
.casestudyHeader {
	display: flex;
	justify-content: space-between;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 25px;
}
.casestudyHeader h2 {
	width: 302px;
}
.casestudyHeader h2 img {
	width: 100%;
}
.casestudyHeader p {
	width: 740px;
	margin: -0.3em 0 0;
	color: #666;
	font-size: 133.3333333333%;
	line-height: 2.25;
	letter-spacing: 0.045em;
}
.casestudyCount {
	display: flex;
	align-items: baseline;
	max-width: 1120px;
	margin: 56px auto 0;
	padding: 0 25px;
	gap: 0 18px;
}
.casestudyCountTxt {
	background: linear-gradient(transparent 60%, #FFC6D2 60%, #FFC6D2 90%, transparent 90%);
	font-weight: 500;
	font-size: 150%;
}
.casestudyCountTxt span {
	font-weight: 600;
	font-size: 155.5555555556%;
}
.casestudyCountNote {
	font-size: 100%;
}
.casestudyColumn {
	display: flex;
	max-width: 1120px;
	margin: 20px auto 0;
	padding: 0 25px;
	gap: 0 48px;
}
.casestudyColumnImg {
	width: 100%;
	max-width: 810px;
}
.casestudyColumnImg img {
	width: 100%;
}
.casestudyColumnList {
	width: 100%;
	max-width: 262px;
	border-bottom: 1px solid #dcdcdc;
	background: #fff;
}
.casestudyColumnList .slvrLink01 {
	width: 100%;
	height: 69px;
	border-bottom: none;
}
.casestudyLink {
	margin: 50px 0 0;
}
.casestudyLink a {
	margin: 0 auto;
}
/* ==

　06. NEWS

=============================================================================== */
.news {
	padding: 100px 0 0;
}
.newsHeader {
	display: flex;
	justify-content: space-between;
	max-width: 1070px;
	margin: 0 auto -32px;
	padding: 0 75px 0 25px;
}
.newsHeader h2 {
	width: 121px;
}
.newsHeader h2 img {
	width: 100%;
}
.newsHeader p {
	width: 690px;
	margin: -0.3em 0 0;
	color: #666;
	font-size: 133.3333333333%;
	line-height: 2.25;
	letter-spacing: 0.045em;
}
.newsLink {
	margin: 50px 0 0;
}
.newsLink a {
	margin: 0 auto;
}
/* ==

　07. EVENT SEMINAR

=============================================================================== */
.eventseminar {
	padding: 100px 0;
}
.eventHeader {
	display: flex;
	justify-content: space-between;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 25px;
}
.eventHeader h2 {
	width: 347px;
}
.eventHeader h2 img {
	width: 100%;
}
.eventHeader p {
	width: 690px;
	margin: -0.3em 0 0;
	color: #666;
	font-size: 133.3333333333%;
	line-height: 2.25;
	letter-spacing: 0.045em;
}
.eventseminar .fnTabArea {
	position: relative;
	max-width: 1170px;
	margin: 28px auto 0;
	padding: 0 20px;
}
.eventseminar .fnTabAreaCont>div.whiteShadow::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 199px;
	background: url(/business/silver/images/rn02/eventseminar_deco01.jpg.png) repeat-x center bottom;
	content: "";
}
.eventseminar .fnTabAreaCont>div.whiteShadow {
	padding-bottom: 120px;
}
.eventseminar .fnTabAreaNav {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 2px solid #dcdcdc;
}
.eventseminar .fnTabAreaNav li {
	width: calc((100% - 30px) / 2);
	font-size: 128.2%;
}
.eventseminar .fnTabAreaNav li a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 58px;
	background: #888;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.eventseminar .fnTabAreaNav li a span {
	display: inline-block;
	position: relative;
}
.eventseminar .fnTabAreaNav li a span::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #fff;
	content: "";
	transition: width 0.3s;
}
.eventseminar .fnTabAreaNav li a:hover span::after {
	width: 100%;
}
.eventseminar .fnTabAreaNav li.tabAreaAct a {
	height: 70px;
	margin: 0 0 -2px;
	border-top: 2px solid #dcdcdc;
	border-right: 2px solid #dcdcdc;
	border-left: 2px solid #dcdcdc;
	background: #fff;
	color: #222;
}
.eventseminar .fnTabAreaNav li.tabAreaAct a span::after {
	display: none;
}
.eventseminar .fnTabAreaCont {
	box-sizing: border-box;
	max-height: 545px;
	margin: 60px 0 0;
	padding-bottom: 0;
	overflow: auto;
}
.eventseminar .fnTabAreaCont>div {
	padding: 0 0 0;
}
.eventseminarBlc {
	box-sizing: border-box;
	position: relative;
	min-height: 340px;
	margin: 30px 0 0;
	padding: 20px 30px 20px 368px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.eventseminarBlc:first-child {
	margin-top: 0;
}
.eventseminarBlcImg01 {
	position: absolute;
	top: 0;
	left: 0;
}
.eventseminarBlcInner01 {
	display: flex;
	flex-wrap: wrap;
}
.eventseminarBlcTag01 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 22px;
	margin: 0 21px 0 0;
	background: #555;
	color: #fff;
	font-size: 116.66%;
}
.eventseminarBlcTime01 {
	color: #666;
	font-size: 116.66%;
}
.eventseminarBlc h3 {
	width: 100%;
	margin: 12px 0 0;
	font-weight: 500;
	font-size: 200%;
	line-height: 1.41;
}
.eventseminarBlcTxt01 {
	margin: 12px 0 0;
}
.eventseminarBlcTxt02 {
	margin: 12px 0 0;
	color: #999;
}
.eventseminarBlcLink01 {
	display: flex;
	justify-content: space-between;
	margin: 26px 0 0;
}
.eventseminarBlcLink01 li {
	margin: 30px 0 0;
}
.eventseminarBlcLink01 li:nth-of-type(-n+2) {
	margin-top: 0;
}
.eventseminarBlcLink01 li .slvrLink01 {
	max-width: none;
}
/* ==

　08. MEMBER

=============================================================================== */
.member {
	padding: 60px 20px;
	background: url(/business/silver/images/rn03/member_bg01.jpg) no-repeat center;
	background-size: cover;
}
.memberHeader {
	display: flex;
	justify-content: space-between;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 25px;
}
.memberHeader h2 {
	width: 182px;
}
.memberHeader h2 img {
	width: 100%;
}
.memberHeader p {
	width: 690px;
	margin: -0.3em 0 0;
	font-size: 133.3333333333%;
	line-height: 2.25;
	letter-spacing: 0.045em;
}
.memberBlc {
	max-width: 950px;
	margin: 45px auto 0;
	padding: 60px 0;
	background: #fff;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.memberBlcImg02 {
	line-height: 1;
	text-align: center;
}
.memberBlcImg01 {
	margin: 45px 0 0;
	line-height: 1;
	text-align: center;
}
.memberBlcImg03 {
	margin: 16px 0 0;
	line-height: 1;
	text-align: center;
}
.memberBlcTxt01 {
	margin: 28px 0 0;
	color: #AC9132;
	font-weight: 500;
	font-size: 150%;
	line-height: 1.7222222222;
	text-align: center;
}
.memberBlcBtn01 {
	margin: 16px 0 0;
	font-weight: 500;
	font-size: 150%;
}
.memberBlcBtn01 a {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 540px;
	height: 70px;
	margin: 0 auto;
	background: #ac9132;
	color: #fff;
	text-decoration: none;
}
.memberBlcBtn01 a::after {
	display: block;
	position: absolute;
	top: calc(50% - 6px);
	right: 30px;
	width: 16px;
	height: 12px;
	background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 12'%3E%3Cpath fill='%23ffffff' d='M15 8H4V0h12v8h-1zm0-7H5v6h10V1zM1 11h10v-1h1v2H0V4h2v1H1v6z' /%3E%3C/svg%3E") no-repeat center center;
	background-size: 16px 12px;
	content: "";
}
.memberBlcBtn01 a span {
	display: inline-block;
	position: relative;
}
.memberBlcBtn01 a span::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #fff;
	content: "";
	transition: width 0.3s;
}
.memberBlcBtn01 a:hover span::after {
	width: 100%;
}