@charset "utf-8";

/* ****************************************************************************

　目次

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

　01. モジュール

******************************************************************************* */
/* ==

　01. モジュール

=============================================================================== */
/* ビジュアル
------------------------------------------------------------------------------- */
.sdVisual01 {
	height: 710px;
	margin: 0 0 100px;
	background: url(../images/index_bg01.jpg) center bottom no-repeat;
	background-size: cover;
	color: #fff;
}
.sdVisual01_in {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1240px;
	height: 100%;
	margin: 0 auto;
}
.sdVisual01_tit {
	line-height: 1;
	margin: 0 0 30px;
	font-size: 334%;
	font-weight: 700;
	text-align: center;
}
.sdVisual01_txt {
	line-height: 1.6;
	font-size: 167%;
	font-weight: 700;
	text-align: center;
}
/* リード
------------------------------------------------------------------------------- */
.sdLead01 {
	margin: 0 0 95px;
}
.sdLead01_sub {
	line-height: 1.6;
	margin: 0 0 19px;
	font-size: 184%;
	font-weight: 700;
	text-align: center;
}
.sdLead01_tit {
	line-height: 1.6;
	margin: 0 0 25px;
	color: #CC3B33;
	font-size: 267%;
	font-weight: 700;
	text-align: center;
}
.sdLead01_txt {
	line-height: 2.6;
	font-size: 134%;
	font-weight: 700;
	text-align: center;
}
/* 画像
------------------------------------------------------------------------------- */
.sdImg01 {
	margin: 0 0 100px;
	border-radius: 24px;
	overflow: hidden;
}
/* アンカー
------------------------------------------------------------------------------- */
.sdAnchor01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 50px 0;
	font-size: 134%;
	font-weight: 500;	
}
.sdAnchor01_item {
	width: 32.419%;
}
.sdAnchor01_item a {
	display: block;
	position: relative;
	line-height: 74px;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.sdAnchor01_item-t1 a {
	background-color: #5BAF2F;
}
.sdAnchor01_item-t2 a {
	background-color: #D18933;
}
.sdAnchor01_item-t3 a {
	background-color: #C22C6B;
}
.sdAnchor01_item a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 24px;
	width: 24px;
	height: 24px;
	margin: -12px 0 0;
	background: url(/tochikatsu/d-room/common/images/rn03/svg/ico_arw13.svg) center center no-repeat;
	background-size: contain;
}
.sdAnchor01_item a::before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0 16px 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -0.4em;
}
.sdAnchor01_item-t1 a::before {
	background-image: url(../images/index_bg05.svg);
}
.sdAnchor01_item-t2 a::before {
	background-image: url(../images/index_bg06.svg);
}
.sdAnchor01_item-t3 a::before {
	background-image: url(../images/index_bg07.svg);
}
/* テキスト
------------------------------------------------------------------------------- */
.sdTxt01 {
	margin: 0 0 25px 33px;
}
/* 見出し
------------------------------------------------------------------------------- */
.sdHeading01 {
	position: relative;
	min-height: 100px;
	margin: 100px 0 24px;
	padding: 13px 0 0 124px;
	box-sizing: border-box;
}
.sdHeading01-t1 {
	color: #5BAF2F;
}
.sdHeading01-t2 {
	color: #D18933;
}
.sdHeading01-t3 {
	color: #C22C6B;
}
.sdHeading01::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.sdHeading01-t1::before {
	background-image: url(../images/index_bg02.svg);
}
.sdHeading01-t2::before {
	background-image: url(../images/index_bg03.svg);
}
.sdHeading01-t3::before {
	background-image: url(../images/index_bg04.svg);
}
.sdHeading01_en {
	line-height: 1;
	margin: 0 0 10px;
	font-size: 184%;
	font-weight: 400;
}
.sdHeading01_tit {
	line-height: 1;
	font-size: 300%;
	font-weight: 700;
}
.sdHeading02 {
	position: relative;
	line-height: 1.6;
	margin: 50px 0 15px;
	padding: 0 0 0 40px;
	font-size: 250%;
	font-weight: 500;
}
.sdHeading02-t1 {
	color: #5BAF2F;
}
.sdHeading02-t2 {
	color: #E19438;
}
.sdHeading02-t3 {
	color: #C71C64;
}
.sdHeading02::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.6em;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 100%;
}
.sdHeading02-t1::before {
	background-color: #5BAF2F;
}
.sdHeading02-t2::before {
	background-color: #E19438;
}
.sdHeading02-t3::before {
	background-color: #C71C64;
}
.sdHeading03 {
	line-height: 1.6;
	margin: 0 0 10px;
	font-size: 200%;
	font-weight: 700;
}
.sdHeading03-c {
	margin: 0 0 20px;
	text-align: center;
}
.sdHeading04 {
	line-height: 1.6;
	margin: 0 0 4px;
	font-size: 134%;
	font-weight: 700;
}
/* ブロック
------------------------------------------------------------------------------- */
.sdBlock01 {
	margin: 0 0 60px;
	padding: 40px 60px 40px;
	border-radius: 24px;
	overflow: hidden;
}
.sdBlock01-t1 {
	background-color: #5BAF2F;
}
.sdBlock01-t2 {
	background-color: #D18933;
}
.sdBlock01-t3 {
	background-color: #C22C6B;
}
.sdBlock01_ico {
	display: block;
	margin: 0 0 24px 40px;
}
.sdBlock02 {
	display: -webkit-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 32px;
	border-radius: 24px;
	background-color: #fff;
	overflow: hidden;
}
.sdBlock02_img {
	display: block;
	width: 56.819%;
	max-width: 600px;
	border-radius: 24px;
	overflow: hidden;
}
.sdBlock02_info {
	width: 40.151%;
}
.sdBlock02_btn {
	margin: 0;
	font-weight: 700;
}
.sdBlock02_btn a {
	display: block;
	max-width: 159px;
	line-height: 60px;
	padding: 0 0 2px;
	border: 1px solid #CC3B33;
	border-radius: 8px;
	background-color: #fff;
	color: #CC3B33;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	box-sizing: border-box;
}
.d_hover .sdBlock02_btn a:hover {
	background-color: #CC3B33;
	color: #fff;
}
.sdBlock03 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 2.858% 0 0;
}
.sdBlock03_item {
	width: 48.571%;
	padding: 28px 32px 32px;
	border-radius: 24px;
	background-color: #fff;
	overflow: hidden;
	box-sizing: border-box;
}
.sdBlock03_img {
	display: block;
	max-width: 480px;
	margin: 0 0 14px;
	border-radius: 24px;
	overflow: hidden;
}
.sdBlock04 {
	margin: 2.858% 0 0;
	padding: 32px;
	border-radius: 24px;
	background-color: #fff;
	overflow: hidden;
}
.sdBlock04_in {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}
.sdBlock04_item {
	width: 45.455%;
	max-width: 480px;
}
.sdBlock04_box {
	max-width: 410px;
	margin: 0 auto;
}
.sdBlock04_tit {
	line-height: 1.6;
	margin: 0 0 18px;
	color: #469DC3;
	font-size: 150%;
	font-weight: 500;
	text-align: center;
	letter-spacing: -0.01em;
}
.sdBlock04_tit span {
	display: inline-block;
	border: 2px solid #469DC3;
	border-radius: 24px;
	padding: 5px 20px 7px;
	vertical-align: top;
}
.sdBlock04_img {
	display: block;
	margin: 0 0 14px;
	text-align: center;
}
.sdBlock05 {
	max-width: 385px;
	margin: 0 auto;
}
.sdBlock05_item {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 16px 0 0;
}
.sdBlock05_item:first-child {
	margin-top: 0;
}
.sdBlock05_img {
	display: block;
	width: 125px;
}
.sdBlock05_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: -webkit-calc(100% - 125px);
	width: calc(100% - 125px);
	padding: 0 0 0 24px;
	box-sizing: border-box;
}
.sdBlock06 {
	position: relative;
	margin: 35px 0 0;
}
.sdBlock06_loading {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: url(/common/images/rn04/svg/loading_ico01.svg) center center no-repeat;
	background-size: contain;
}
.sdBlock06_list {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
}
.sdBlock06_item {
	width: 31.936%;
	max-width: 396px;
	padding: 24px 22px 38px;
	border-radius: 24px;
	background-color: #F5F4F0;
	box-sizing: border-box;
	overflow: hidden;
}
.sdBlock06_ico {
	max-width: 120px;
	margin: 0 0 16px;
}
.sdBlock06_img {
	display: block;
	border-radius: 24px;
	overflow: hidden;
}
.sdBlock06_info {
	margin: 15px 0 0;
}
.sdBlock06_tit {
	line-height: 1.6;
	margin: 0 0 10px;
	font-size: 167%;
	font-weight: 700;
}
.sdBlock06_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 134%;
	font-weight: 500;
	letter-spacing: -0.02em;
}
.sdBlock06_btn {
	margin: 36px 0 0;
	font-size: 134%;
	font-weight: 700;
	text-align: center;
}
.sdBlock06_btn a {
	display: inline-block;
	line-height: 70px;
	padding: 0 35px 2px;
	border: 1px solid #CC3B33;
	border-radius: 4px;
	background-color: #fff;
	color: #CC3B33;
	text-decoration: none;
	transition: all .3s;
	text-align: center;
}
.sdBlock06_btn a[target=_blank]::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 0 0 15px;
	background: url(/tochikatsu/d-room/common/images/rn03/svg/ico_blank01.svg) center center no-repeat;
	background-size: contain;
	vertical-align: -0.1em;
}
.d_hover .sdBlock06_btn a:hover {
	background-color: #CC3B33;
	color: #fff;
}
.d_hover .sdBlock06_btn a[target=_blank]:hover::after {
	background-image: url(/tochikatsu/d-room/common/images/rn03/svg/ico_blank03.svg);
}
.sdBlock08 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.sdBlock08_img {
	display: block;
	width: 550px;
	height: 310px;
	border-radius: 12px;
	overflow: hidden;
}
.sdBlock08_info {
	width: -webkit-calc(100% - 550px);
	width: calc(100% - 550px);
	padding: 0 0 0 32px;
	box-sizing: border-box;
}
.sdBlock08_btn {
	margin: 36px 0 0;
	font-size: 134%;
	font-weight: 700;
}
.sdBlock08_btn a {
	display: inline-block;
	line-height: 70px;
	padding: 0 35px 2px;
	border: 1px solid #CC3B33;
	border-radius: 4px;
	background-color: #fff;
	color: #CC3B33;
	text-decoration: none;
	transition: all .3s;
	text-align: center;
}
.sdBlock08_btn a[target=_blank]::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 0 0 15px;
	background: url(/tochikatsu/d-room/common/images/rn03/svg/ico_blank01.svg) center center no-repeat;
	background-size: contain;
	vertical-align: -0.1em;
}
.d_hover .sdBlock08_btn a:hover {
	background-color: #CC3B33;
	color: #fff;
}
.d_hover .sdBlock08_btn a[target=_blank]:hover::after {
	background-image: url(/tochikatsu/d-room/common/images/rn03/svg/ico_blank03.svg);
}
.sdBlock08 .notes {
	color: #807F7D;
	font-size: 100%;
}
.sdTag01 {
	line-height: 1;
	margin: 16px 0 0;
	font-size: 100%;
	font-weight: 400;
	letter-spacing: -0.5em;
}
.sdTag01 li {
	display: inline-block;
	line-height: 29px;
	margin: 8px 8px 0 0;
	padding: 0 15px 2px;
	border-radius: 20px;
	background-color: #F5F4F0;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
}
.sdTag01 li:last-child {
	margin-right: 0;
}