@charset "utf-8";
.about_head{
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	margin:80px auto 20px;
	max-width:1500px;
	padding:0 25px;
}
.about_head_txt{
	width:29.9393%;
	position:relative;
	padding:0 15px 0 40px;
	z-index:1;
}
.about_head_txt h1{
	position:relative;
	font-size:3.6rem;
	font-family: "Noto Serif", serif;
	line-height:1.5;
	letter-spacing:2.8px;
	font-weight:600;
	padding-top:200px;
	margin-bottom:8px;
	z-index:10;
}
.about_head_txt h1 span{position:relative;z-index:1;}
.about_head_txt h1::before{
	content:"";
	position:absolute;
	bottom:18px;
	left:-88px;
	width:180px;
	height:204px;
	background:url(/residential/img/about/pic_overview.png) no-repeat center;
	background-size:180px 204px;
	z-index:1;
}
.about_head_txt h1::after{
	content:"";
	position:absolute;
	top:-16px;
	left:-20px;
	width:16px;
	height:94px;
	background:url(/residential/img/about/copy_overview.svg) no-repeat center;
	background-size:16px 94px;
	z-index:1;
}
.about_head_btn{margin-top:23px;}
.about_head_btn a{
	display:block;
	max-width:230px;
	color:#fff !important;
	text-decoration:none !important;
	background:#000 !important;
	border:1px solid #000;
	border-radius:3px;
	padding:8px 20px !important;
	font-size:1.6rem;
	letter-spacing:0;
	transition:border .3s;
	font-weight:500;
	text-align:center;
	transition:background .3s,color .3s;
}
.about_head_btn a:hover{
	color:#000 !important;
	background:#fff !important;
}
.about_head_btn a span{
	display:inline-block;
	padding-left:20px;
	position:relative;
}
.about_head_btn a span::before,.about_head_btn a span::after{
	content:"";
	position:absolute;
	left:0;
	top:calc(50% - 7px);
	display:block;
	width:14px;
	height:14px;
	background: url(/residential/img/icon_pdf.svg) no-repeat 0 center !important;
	transition:opacity .3s,visibility .3s;
}
.about_head_btn a span::after{background: url(/residential/img/icon_pdf.svg) no-repeat 0 center !important;opacity:0;visibility:hidden;}
.about_head_btn a:hover span::before{opacity:0;visibility:hidden;}
.about_head_btn a:hover span::after{opacity:1;visibility:visible;}

.about_head_img{max-width:70.0607%;position:relative;}
.about_head_img img{
	display:block;
	width:100%;
	height:auto;
}
.main_slide_btn{
	position:absolute;
	right:20px;
	bottom:20px;
}
.slick_pause {
	display: block;
	border-radius: 50%;
	border: 1px solid #fff;
	width: 50px;
	height: 50px;
	transition: background .3s;
	margin: 0;
	cursor: pointer;
	position: relative;
}

.slick_pause::before,.slick_pause::after,.slick_pause span::before,.slick_pause span::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .3s, visibility .3s;
}
.slick_pause::before {
	background: url(/residential/img/icon_stop_white.svg) center no-repeat;
}
.slick_pause::after {
	background: url(/residential/img/icon_stop_black.svg) center no-repeat;
	opacity: 0;
	visibility: hidden;
}
.slick_pause:hover {background: #fff;}
.slick_pause:hover::before {
	opacity: 0;
	visibility: hidden;
}
.slick_pause:hover::after {
	opacity: 1;
	visibility: visible;
}
.slick_pause.paused::before,.slick_pause.paused::after {
	opacity: 0;
	visibility: hidden;
}
.slick_pause span {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	color: transparent;
	position: relative;
}
.slick_pause.paused span::before {
	background: url(/residential/img/icon_play_white.svg) center no-repeat;
	opacity: 1;
	visibility: visible;
}
.slick_pause.paused span::after {
	background: url(/residential/img/icon_play_black.svg) center no-repeat;
	opacity: 0;
	visibility: hidden;
}
.slick_pause.paused:hover span::before {
	opacity: 0;
	visibility: hidden;
}
.slick_pause.paused:hover span::after {
	opacity: 1;
	visibility: visible;
}

.content_area{
	position:relative;
	max-width:1500px;
	margin:0 auto;
	padding:0 80px;
}
h2{position:relative;}
h2 img{display:block;width:auto;max-width:100%;height:auto;}


/* 背景 */
.about_history .content_area{
	display:flex;
	gap:66px;
	margin-top:123px;
}
.about_history_txt{position:relative;}
.about_history_txt h2{margin-bottom:45px;}
.about_history_txt h2::after{
	content:attr(data-en);
	font-family: "Noto Serif", serif;
	font-size:5.6rem;
	line-height:1.2;
	letter-spacing:0;
	font-weight:600;
	position:absolute;
	bottom:-11px;
	left:57px;
}
.about_history_img{width:53.0679%;padding-top:91px;flex-shrink:0;}
.about_history_img p{
	font-size:1.4rem;
	letter-spacing:1px;
	line-height:1.5;
	text-align:center;
	margin:10px 0 0;
}

/* about_journey */
.about_journey .content_area{
	display:flex;
	flex-direction:row-reverse;
	gap:66px;
	margin-top:250px;
}
.about_journey_txt{position:relative;padding-right:60px;}
.journey_h{
	position:absolute;
	right:3px;
	top:-89px;
}
.about_journey_txt h2::after{
	content:attr(data-en);
	font-family: "Noto Serif", serif;
	font-size:5.6rem;
	line-height:1.2;
	letter-spacing:0;
	font-weight:600;
	position:absolute;
	top:-11px;
	left:-249px;
}
.about_journey_txt p{margin-bottom:17px;}
.about_journey_img{width:46.932%;flex-shrink:0;}
.about_journey_img p{
	font-size:1.4rem;
	letter-spacing:1px;
	line-height:1.5;
	text-align:center;
	margin:10px 0 0;
}

/* vision */
.about_vision .content_area{
	margin-top:224px;
	padding-left:147px;
}
.vision_h{
	position:absolute;
	left:80px;
	top:-86px;
}
.vision_h h2::after{
	content:attr(data-en);
	font-family: "Noto Serif", serif;
	font-size:5.6rem;
	line-height:1.2;
	letter-spacing:0;
	font-weight:600;
	position:absolute;
	top:-10px;
	right:-210px;
}
.about_vision .content_area p{margin-bottom:17px;}
.about_vision_img{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0;
	margin-bottom:24px;
}
.about_vision_img p{
	font-size:1.4rem;
	letter-spacing:1px;
	line-height:1.5;
	text-align:center;
	margin:10px 0 0;
}
.txt_right{text-align:right;}

/* 前提 */
.about_premise{
	max-width:1500px;
	margin:132px auto 0;
	padding:0 25px;
}
.head_bg{
	position:relative;
	overflow:hidden;
}
.head_bg h2{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	z-index:1;
}
.head_bg h2 span{
	display:inline-block;
	font-family: "Noto Serif", serif;
	background:#fff;
	min-width:138px;
	padding:2px 30px 6px;
	font-size:3.2rem;
	letter-spacing:0;
	font-weight:600;
	line-height:1.2;
	position:relative;
	z-index:1;
}
.content_min{max-width:740px;margin:53px auto;}
.content_min dl{
	margin:16px 0 0;
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.content_min dt{
	position:relative;
	width:235px;
	padding-right:30px;
}
.content_min dt::after{
	position:absolute;
	content:'';
	width:47px;
	height:1px;
	background:#000;;
	top:17px;
	right:20px;
}
.content_min dd{
	width:calc(100% - 235px);
}
.content_box{
	max-width:1500px;
	margin:120px auto 0;
	padding:60px 55px 0;
	position:relative;
	display:flex;
	gap:77px;
}
.content_box::before{
	content:'';
	display:block;
	width:calc(100% - 110px);
	height:1px;
	background:#000;
	position:absolute;
	left:55px;
	top:0;
}
.content_box_h{width:32.338%;flex-shrink:0;}
.content_box_h h3{
	font-family: "Noto Serif", serif;
	font-size:2.4rem;
	letter-spacing:1.92px;
	font-weight:600;
	line-height:1.5;
	padding-top:4px;
	margin-bottom:32px;
}

.link_btn a{
	display:block;
	max-width:230px;
	color:#fff !important;
	text-decoration:none !important;
	background:#000 !important;
	border:1px solid #000;
	border-radius:3px;
	padding:8px 20px !important;
	font-size:1.6rem;
	letter-spacing:0;
	transition:border .3s;
	font-weight:500;
	text-align:center;
	transition:background .3s,color .3s;
}
.link_btn a:hover{
	color:#000 !important;
	background:#fff !important;
}
.link_btn a span{
	display:inline-block;
	padding-left:20px;
	position:relative;
}
.link_btn a span::before,.link_btn a span::after{
	content:"";
	position:absolute;
	left:0;
	top:calc(50% - 7px);
	display:block;
	width:14px;
	height:14px;
	background: url(/residential/img/icon_pdf.svg) no-repeat 0 center !important;
	transition:opacity .3s,visibility .3s;
}
.link_btn a span::after{background: url(/residential/img/icon_pdf.svg) no-repeat 0 center !important;opacity:0;visibility:hidden;}
.link_btn a:hover span::before{opacity:0;visibility:hidden;}
.link_btn a:hover span::after{opacity:1;visibility:visible;}

.content_box_txt *:first-child{margin-top:0 !important;}
.content_box_txt *:last-child{margin-bottom:0 !important;}
.content_box_txt h4{
	font-family: "Noto Serif", serif;
	font-size:2rem;
	letter-spacing:1.6px;
	font-weight:bold;
	line-height:1.8;
	margin:57px 0 16px;
}
.content_box_txt table{
	width:100%;
	margin:16px 0 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.content_box_txt th,.content_box_txt td{
	padding:12px 15px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:top;
	line-height:1.5;
}
.content_box_txt th{
	width:32%;
	background:#F5F4F1;
	font-weight:500;
	text-align:left;
	padding:12px 15px;
}
.content_box_txt thead th{width:50%;text-align:center;}
.content_box_txt td *:first-child{margin-bottom:0;}
.content_box_txt td *:last-child{margin-bottom:0;}
.content_box_txt ul{
	padding-left:20px;
	margin-top:20px;
}
.content_box_txt ul li{list-style:disc;}
.content_box_txt h5{
	font-family: "Noto Serif", serif;
	font-size:1.8rem;
	letter-spacing:1.44px;
	font-weight:600;
	line-height:1.8;
	margin:36px 0 0;
}
.content_box_txt p{margin-top:16px;}
.content_box_txt h5 + p{margin-top:0;}
.faq_area{margin-top:37px;}
.content_box_txt .faq_area h5{
	font-size:2rem;
	letter-spacing:1.6px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
}
.content_box_txt .faq_area p{
	position:relative;
}
.content_box_txt .faq_area p::before{
	content:url(/residential/img/about/icon_arrow.svg);
	margin-right:3px;
	position:relative;
	top:1px;
}

/* 概要 */
.about_guideline{
	max-width:1500px;
	margin:140px auto 0;
	padding:0 25px;
}
.about_objective{
	position:relative;
	margin:80px 0 20px;
}
p + .about_objective{margin-top:60px;}
.about_guideline .head_bg{margin-bottom:110px;}
.about_guideline .content_box{margin-top:94px;}
.ob_bg{
	position:relative;
	padding:27px 30px;
	background:#F5F4F1;
	margin-bottom:42px;
}
.ob_bg::after {
	content:"";
	position:absolute;
	left:calc(50% - 15px);
	bottom:-27px;
	width:0;
	height:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-top:12px solid #000;
}
.content_box_txt .ob_bg p{line-height:1.5;margin:0;}
.content_box_txt .ob_bg h4{
	font-family:YakuHanJP,'Noto Sans CJK JP','Noto Sans JP',sans-serif;
	margin:0 0 10px;
	font-weight:bold;
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:1.5;
}
.content_box_txt .ob_bg h4:not(:first-child){
	padding:23px 0 0;
	border-top:1px dotted #000;
	margin-top:24px;
}
.content_box_txt .ob_bg ul{margin:0;line-height:1.5;}
.about_objective_txt{
	border:1px solid #000;
	position:relative;
	padding:25px 30px 30px;
}
.content_box_txt .about_objective_txt h4{
	font-family:YakuHanJP,'Noto Sans CJK JP','Noto Sans JP',sans-serif;
	margin:0 0 10px;
	font-weight:bold;
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:1.5;
}
.content_box_txt .about_objective_txt p{margin:0 0 12px 20px;line-height:1.5;font-weight:500;}
.content_box_txt .about_objective_txt p:last-child{margin-bottom:0 !important;}
.about_objective:last-child{margin-bottom:20px;}
.column_3{
	margin-top:25px;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:21px;
}
.column_3 p{
	font-size:1.4rem;
	letter-spacing:1px;
	line-height:1.5;
	text-align:center;
	margin:10px 0 0;
}
.content_box_txt ul.policy_list{
	padding:0;
}
.content_box_txt ul.policy_list li{
	list-style:none;
	margin:0 0 20px;
	border:1px solid #000;
	text-align:center;
	padding:25px 30px 20px;
}
.content_box_txt ul.policy_list li p{margin:0;}
.content_box_txt ul.policy_list li p strong{display:block;}
.content_box_txt ul.policy_list li p span{
	display:block;
	font-size:3.2rem;
	letter-spacing:2.56px;
}
.pl_down{
	display:inline-block;
	position:relative;
	padding-left:20px;
	background:url(/residential/img/common/arrow_b_white.svg) 0 center no-repeat;
}
.txt_bor{
	max-width:1500px;
	margin:100px auto 0;
	padding:0 55px;
}
.txt_bor p{
	text-align:center;
	border:1px solid #000;
	padding:22px 30px 24px;
	font-size:2rem;
	letter-spacing:1.6px;
	font-weight:500;
	line-height:1.6;
}

/* 役割 */
.about_role{
	max-width:1500px;
	margin:150px auto 0;
	padding:0 25px;
}
.content_txt{
	padding:0 55px;
	margin:auto;
	max-width:1500px;
}
.content_txt table{
	width:100%;
	margin:60px 0 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.content_txt th,.content_txt td{
	padding:12px 15px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:top;
	line-height:1.5;
}
.content_txt th{
	background:#F5F4F1;
	font-weight:500;
	text-align:left;
}
.content_txt thead th{width:50%;text-align:center;}
.content_txt thead th:nth-child(1),.content_txt thead th:nth-child(2){width:25%;}
.content_txt thead th:nth-child(3){width:50%;}
.content_txt td *:first-child{margin-bottom:0;}
.content_txt td *:last-child{margin-bottom:0;}
.content_txt ol{
	padding-left:20px;
	margin-top:10px;
}
.content_txt ol li{list-style:decimal;}
.content_txt li:not(:last-child){
	margin-bottom:10px;
}
.content_txt h3{
	font-family: "Noto Serif", serif;
	font-size:2rem;
	letter-spacing:1.6px;
	font-weight:bold;
	line-height:1.8;
	margin:60px 0 20px;
}
.bg_bor{
	border:1px solid #000;
	padding:20px 30px;
}
.num_circle_list{margin:0 !important;}
.num_circle_list li{margin-bottom:0 !important;}


.sp_size{display:none !important;}


/*----- main -----*/
a, a:visited{
	color:#333;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
a.none[href$=".pdf"]{
	padding-left:0;
	background:none;
}
[href^="tel:"]{
	color:#333 !important;
	pointer-events:none;
}

img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
a img{pointer-events:none;}

@media screen and (max-width:1200px){
.about_head{align-items:inherit;}
.main_slide,.slick-list,.slick-track,.slick-slide{height:100%;}
.main_slide img{object-fit:cover;width:100%;height:100%;}
}
@media screen and (max-width:1024px){
.about_head_btn a,.link_btn a,.download_form_link{font-size:1.4rem;max-width:200px;}
.about_head{flex-direction:column-reverse;}
.about_head_img{width:100%;max-width:100%;}
.main_slide,.slick-list,.slick-track,.slick-slide{height:auto;}
.main_slide img{object-fit:cover;width:100%;height:auto;}
.about_head_txt{width:100%;padding:60px 0 0 0;}
.about_head_txt h1{
	font-size:2.8rem;
	line-height:1.5;
	letter-spacing:2.24px;
	padding-top:0;
	margin-bottom:0;
}
.about_head_txt h1::before{
	bottom:22px;
	left:21px;
	width:145px;
	height:164px;
	background:url(/residential/img/about/pic_overview.png) no-repeat center;
	background-size:145px 164px;
}
.about_head_txt h1::after{
	top:-19px;
	left:0;
	width:70px;
	height:12px;
	background:url(/residential/img/about/copy_overview_w.svg) no-repeat center;
	background-size:70px 12px;
}
.about_head_btn{margin-top:23px;}
.main_slide_btn{bottom:15px;right:15px;}
.slick_pause {
	width:40px;
	height:40px;
}
.content_area{padding:0 25px;}

h2 img{max-width:24px;}

/* 背景 */
.about_history .content_area{
	gap:30px;
	margin-top:100px;
}
.about_history_txt h2{margin-bottom:35px;}
.about_history_txt h2::after{
	font-size:4.2rem;
	bottom:-11px;
	left:57px;
}
.about_history_img{width:53.0679%;padding-top:81px;}
.about_history_img p{
	font-size:1.2rem;
	letter-spacing:1.12px;
}

/* about_journey */
.about_journey .content_area{
	gap:30px;
	margin-top:200px;
	flex-direction:column-reverse;
}
.about_journey_txt{position:relative;padding-right:60px;}
.journey_h{
	right:3px;
	top:-91px;
}
.about_journey_txt h2::after{
	font-size:4.2rem;
	top:-10px;
	left:-199px;
}
.about_journey_txt p{margin-bottom:17px;}
.about_journey_img{width:54.932%;flex-shrink:0;}
.about_journey_img p{font-size:1.2rem;}

/* vision */
.about_vision .content_area{
	margin-top:154px;
	padding-left:80px;
}
.vision_h{
	left:30px;
	top:-66px;
}
.vision_h h2::after{
	font-size:4.2rem;
	top:-9px;
	right:-156px;
}
.about_vision_img p{font-size:1.2rem;}
/* 前提 */
.about_premise{margin:100px auto 0;}
.head_bg h2 span{
	min-width:138px;
	padding:4px 30px 6px;
	font-size:2.4rem;
}
.content_min{max-width:600px;margin:33px auto;}
.content_box{
	margin:80px auto 0;
	padding:60px 0 0;
	gap:30px;
}
.content_box::before{
	width:100%;
	left:0;
}
.content_box_h h3{
	font-size:2rem;
	line-height:1.5;
	letter-spacing:1.42px;
}
.content_box_txt h4{
	font-size:1.8rem;
	line-height:1.5;
	letter-spacing:1.6px;
	margin:47px 0 14px;
}
.content_box_txt h5{
	font-size:1.6rem;
	line-height:1.5;
	letter-spacing:1.44px;
	margin:26px 0 0;
}
.faq_area{margin-top:27px;}
.content_box_txt .faq_area h5{
	font-size:1.8rem;
	line-height:1.5;
}

/* 概要 */
.about_guideline{margin:100px auto 0;}
.about_objective{margin:60px 0 20px;}
p + .about_objective{margin-top:40px;}
.about_guideline .head_bg{margin-bottom:80px;}
.about_guideline .content_box{margin-top:64px;}
.ob_bg{
	padding:27px 30px;
	margin-bottom:42px;
}
.content_box_txt .ob_bg h4{
	margin:0 0 10px;
	font-size:1.6rem;
}
.content_box_txt .about_objective_txt h4{font-size:1.6rem;}
.column_3{gap:16px;}
.column_3 p{font-size:1.2rem;}
.content_box_txt ul.policy_list li p span{
	font-size:3.2rem;
	letter-spacing:2.56px;
}
.txt_bor{margin:80px auto 0;padding:0;}
.txt_bor p{font-size:2rem;}
.content_txt thead th:nth-child(1), .content_txt thead th:nth-child(2){width:30%;}
.content_txt thead th:nth-child(3){width:40%;}

/* 役割 */
.about_role{
	margin:100px auto 0;
}
.content_txt{padding:0;}
.content_txt table{margin:40px 0 0;}
.content_txt h3{
	font-size:2rem;
	margin:40px 0 16px;
}



}


@media screen and (max-width:900px){
.about_history .content_area{display:block;}
.about_history_txt p{padding-left:60px;}
.about_history_img{width:auto;padding:0 0 0 60px;margin-top:30px;}

.about_journey .content_area{display:block;margin-top:170px;}
.journey_h{top:-64px;}
.about_journey_img{width:auto;margin-top:30px;padding-right:60px;}

.ob_bg{padding:17px 20px;}
.about_objective_txt{padding:17px 20px 25px;}
.content_box_txt .about_objective_txt p{margin-left:10px;}
.column_3{gap:12px;}
.content_box_txt ul.policy_list li{padding:15px 10px 10px;white-space:nowrap;}
.content_box_txt ul.policy_list li p span{font-size:2.4rem;}

.content_box{display:block;}
.content_box_h{width:auto;margin-bottom:30px;}

.txt_bor p{padding:17px 20px 19px;font-size:1.6rem;}


/*----- main -----*/
[href^="tel:"]{
	text-decoration:underline;
	pointer-events:auto;
}

}
@media screen and (max-width:767px){
.about_head{padding:0 20px;}
.about_head_txt{padding:53px 0 0 0;}
.about_head_txt h1{font-size:2.8rem;margin-bottom:10px;}
.about_head_txt h1::before{
	width:101px;
	height:115px;
	background-size:101px 115px;
	bottom:30px;
	left:16px;
}
.about_head_txt p{line-height:1.8;}
.content_area,.about_premise,.about_guideline,.about_role{padding:0 20px;}

.content_box_txt th{width:50%;}
.scroll_table table{width:1000px;}
h2 img{max-width:20px;}
.about_history_txt h2::after{left:37px;}
.about_history_txt p,.about_history_img{padding-left:40px;}
.journey_h{right:0;}
.about_journey_txt,.about_journey_img{padding-right:40px;}
.about_journey_txt h2::after{left:-188px;}
.about_vision .content_area{padding-left:60px;}
.vision_h{left:20px;}
.vision_h h2::after{right:-149px;}

.head_bg_in{height:120px;}
.head_bg_in img{
	object-fit:cover;
	width:100%;
	height:100%;
}

.about_history_img p,.about_journey_img p,.about_vision_img p,.column_3 p{
	letter-spacing:0.5px;
}


}
@media screen and (max-width:600px){
.about_vision_img{display:block;}
.about_vision_img div{margin-bottom:30px;}

.content_min dl{display:block;}
.content_min dt{width:auto;padding:0;}
.content_min dt::after{display:none;}
.content_min dd{width:auto;line-height:1.5;margin-bottom:10px;}

.head_bg h2 span {
	font-size:1.8rem;
	line-height:1.2;
	padding:2px 10px 1px;
}
.column_3{display:block;}
.column_3 div{margin-top:30px;}
.column_3 div img{width:100%;height:auto;}

}