@charset "utf-8";
/* CSS Document */

/* -----------------------------
	catch
-------------------------------- */

.catch_welfare_box1{
    background-image: url(../img/welfare_catch_img.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    position: relative;
    height: 550px;
	background-size: cover;
}
.catch_welfare_box1 h1{
    text-align: center;
    position: absolute;
    top:40px;
    left: 50%;
    margin-left: -161px;
}

@media screen and (max-width: 667px){

    /* -----------------------------
        catch
    -------------------------------- */
    .catch_welfare_box1{
        display: none;
    }
    .catch_welfare_box1 h1{
        position: static;
        margin-left: 0;
    }
    .catch_welfare_box1 h1 img{
        width: 100%;
    }

}

/* -------------------------------------------------
	福祉法人が借り手となるグループホームのメリットとは？
---------------------------------------------------- */
.welfare_2merit{
	margin: 0 auto 90px auto;
}
.welfare_2merit_title{
	font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
	text-align: center;
    padding: 0 0 30px;
}
.welfare_2merit_list{
	display: flex;
	width: 100%;
	justify-content: center;
}
.welfare_2merit_list li{
	display: block;
	margin: 0 25px;
}
.welfare_2merit_txt{
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 150px;
}
.welfare_2merit_txt.line2{
	line-height: 1.4;
    padding: 40px 0 0 0;
}
.welfare_2merit_txt strong{
	font-size: 3.0rem;
	font-weight: bold;
	text-decoration: underline;
}

@media screen and (max-width: 667px){
	.welfare_2merit{
		margin: 0 auto 45px auto;
	}
	.welfare_2merit_title{
		font-size: 2.0rem;
    	padding: 30px 0 15px 0;
	}
	.welfare_2merit_list{
		display: block;
	}
	.welfare_2merit_list li{
		width: 100%;
		margin: 0 auto 10px auto;
	}
	.welfare_2merit_list li img{
		width: auto;
		max-width: 100%;
	}
	.welfare_2merit_txt{
		font-size: 1.8rem;
		line-height: 80px;
	}
	.welfare_2merit_txt strong {
		font-size: 2.6rem;
	}
	.welfare_2merit_txt.line2 {
		line-height: 1.4;
		padding: 11px 0 0 0;
	}
}
/* w320対応 */
@media screen and (max-width: 320px){
	.welfare_2merit_title{
		font-size: 1.8rem;
	}
}


/* -------------------------------------------------
	賃貸用マンション・一棟ものアパートとの比較
---------------------------------------------------- */
.welfare_compare{
	margin: 0 auto 90px auto;
	background-image: url(../img/bg_border_blue.png);
	background-image: url(../img/about_title_bg.jpg);
    background-repeat: repeat;
    padding: 95px 0;
}
.welfare_compare_title{
	font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
	text-align: center;
    padding: 0 0 30px;
}
.welfare_compare_table{
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	border-top: #d4e4e4 solid 1px;
	border-left: #d4e4e4 solid 1px;
}
.welfare_compare_table thead {
	background: #F3F9F9;
}
.welfare_compare_table th ,
.welfare_compare_table tbody td {
	border-bottom: #d4e4e4 solid 1px;
    border-right: #d4e4e4 solid 1px;
}
.welfare_compare_table th {
	width: 220px;
	padding: 75px 0 5px;
	background-position:top 15px center;
	background-repeat: no-repeat;
	background-size: 50px;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: center;
}
.welfare_compare_table th:nth-child(1) {
	width: 170px;
	padding: 0;
	color: #80B3B1;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.welfare_compare_table th:nth-child(2) {
	width: 110px;
    background-image: url(../img/welfare_icon_room.png);
}
.welfare_compare_table th:nth-child(3) {
    background-image: url("../img/welfare_icon_mansion.png");
}
.welfare_compare_table th:nth-child(4) {
	background-color: #fff1eb;
    background-image: url("../img/welfare_icon_grouphome.png");
	border-top: #f39369 solid 2px;
}
.welfare_compare_table tbody td {
	text-align: center;
	line-height: 1.6;
	padding: 10px 0;	
}
.welfare_compare_table tbody td p {
	font-size: 1.5rem;
}
.welfare_compare_table tbody td span{
	display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 1.6rem;
    line-height: 30px;
    text-align: center;
    vertical-align: text-top;
    border: 1px solid #80B3B1;
    border-radius: 50%;
	background: #fff;
    margin: 0 10px 0 0;
}
.welfare_compare_table th:nth-child(4), .welfare_compare_table tbody td:last-of-type{
	font-weight: bold;
	border-right: #f39369 solid 2px;
    border-left: #f39369 solid 2px;
}
.welfare_compare_table tbody tr:last-of-type td:last-of-type{
	border-bottom: #f39369 solid 2px;
}
.welfare_compare_table tbody tr:nth-child(3) td:last-of-type{
	font-weight: normal;
	border: #E2E9E9 solid 1px;
}


@media screen and (max-width: 667px){
	.welfare_compare{
		margin: 0 auto;
		padding: 10px 20px;
	}
	.welfare_compare_title{
		font-size: 2.0rem;
    	padding: 30px 0;
	}
	.welfare_compare_list {
		width: 100%;
		text-align: left;
	}
	.welfare_compare_list li h3 {
		background-color: #EFF5F5;
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: left 10px center;
		font-size: 1.8rem;
		line-height: 1.8;
		padding: 10px 5px 10px 50px;
		border-top: 4px solid #7eafac;
	}
	.welfare_compare_list li:nth-child(1) h3 {
		background-image: url(../img/welfare_icon_room.png);
	}
	.welfare_compare_list li:nth-child(2) h3 {
		background-image: url("../img/welfare_icon_mansion.png");
	}
	.welfare_compare_list li dl {
		padding: 0 0 30px;
		overflow: hidden;
	}	
	.welfare_compare_list li dl dt {
		padding: 10px 10px 0 10px; 
		color: #80BDBB;
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.8;
		background: #fff;
	}
	.welfare_compare_list li dl dd {
		background: #fff;
		padding: 0 10px 10px 10px;
		border-bottom: #ECF3F3 solid 1px;
	}
	/* グループホーム */
	.welfare_compare_list li:nth-child(3) h3 {
		font-weight: bold;
		background-color: #fff1eb;
		background-image: url("../img/welfare_icon_grouphome.png");
		border-top: 4px solid #f39369;
	}
	.welfare_compare_list li.groupHome{
		border: #f39369 solid 1px;
		border-top: none;
		margin: 0 0 30px 0;
	}
	.welfare_compare_list li.groupHome dl{
		padding: 0;
	}
	.welfare_compare_list li.groupHome dl dt{
		color: #f39369;
	}
	.welfare_compare_list li.groupHome dl dd{
		font-weight: bold;
		border-bottom: #d4e4e4 solid 1px;
	}
	.welfare_compare_list li.groupHome dl dd:last-child{
		border-bottom: none;
	}
}


/* -------------------------------------------------
	ご存知でしょうか。
---------------------------------------------------- */
.welfare_know{
	margin: 0 auto 90px auto;
}
.welfare_know_title{
	font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
	text-align: center;
    padding: 0 0 60px;
	position: relative;
}

.welfare_know_title::after{
	content: '';
	display: block;
	width: 70px;
	height: 102px;
	background: url("../img/welfare_know_title_img.png") no-repeat center / contain;
	position: absolute;
    right: calc(50% - 200px);
    top: -30px;
}
.welfare_know_txt{
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 20px 0;
}
.welfare_know_txt .yellow{
	color: #C32F1E;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #fff792 60%);
}
.welfare_know img.pc_display_b, .welfare_know_img03 img{
	display: block;
	margin: 0 auto 60px auto;
}

@media screen and (max-width: 667px){
	.welfare_know{
		margin: 0 auto;
	}
	.welfare_know_title{
		font-size: 2.0rem;
    	padding: 30px 0 20px 0;
	}
	.welfare_know_title::after{
		display: none;
	}
	.welfare_know_txt{
		font-size: 1.8rem;
		text-align: left;
		margin: 0 0 20px 0;
	}
	.welfare_know img.pc_display_b{
		display: none;
	}
	.welfare_know img.sp_display_b, .welfare_know_img03 img{
		width: 100%;
		margin: 0 auto 30px auto;
	}
}


/* -------------------------------------------------
	福祉法人の収入は約90％は国から。
---------------------------------------------------- */
.welfare_works{
	background-image: url(../img/bg_border_blue.png);
    background-repeat: repeat;
	padding: 80px 0;
}
.welfare_works_title{
	font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
	text-align: center;
    padding: 0 0 30px;
}
.welfare_works_img01, .welfare_works_img02{
	text-align: center;
}
.welfare_works_img01{
	margin: 0 0 50px 0;
}

@media screen and (max-width: 667px){
	.welfare_works{
    	padding: 10px 20px 50px 20px;
	}
	.welfare_works_title{
		font-size: 2.0rem;
    	padding: 30px 0;
	}
	.welfare_works_img01 {
		margin: 0;
	}
	.welfare_works img{
		width: 100%;
	}
}

/* 320対応 */
@media screen and (max-width: 320px){
	.welfare_works_title{
		font-size: 1.7rem;
	}
}


/* -------------------------------------------------
	提携福祉法人
---------------------------------------------------- */
.welfare_partner{
	padding: 70px 0 80px 0;
}
.welfare_partner_title{
	font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
	text-align: center;
    padding: 0 0 30px;
	position: relative;
}
.welfare_partner_title::after{
	content: '';
	display: block;
	width: 80px;
	height: 73px;
	background: url("../img/welfare_partner_title_img.png") no-repeat center / contain;
	position: absolute;
    right: 350px;
    top: -20px;
}
.welfare_partner_txt{
	text-align: center;
	margin: 0 0 20px 0;
}
.welfare_partner .welfare_partner_btn{
	width: 340px;
    height: 90px;
    font-size: 1.9rem;
    font-weight: bold;
	line-height: 1.3;
    text-align: center;
    background-color: #5BBE96;
	background-image: url(../img/btn_yazirusi.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: top 50% right 20px;
    box-shadow: 2px 2px 5px #d0d0d0;
	margin: 0 auto;
}
.welfare_partner .welfare_partner_btn a{
	display: block;
	color: #fff;
	padding: 23px 0;
}	

@media screen and (max-width: 667px){
	.welfare_partner{
    	padding: 10px 20px 50px 20px;
	}
	.welfare_partner_title{
		font-size: 2.0rem;
    	padding: 30px 0 20px 0;
	}
	.welfare_partner_title::after{
		display: none;
	}
	.welfare_partner_txt{
		text-align: left;
	}
	.welfare_partner .welfare_partner_btn{
		width: 100%;
		height: 75px;
		font-size: 1.5rem;
		background-size: 7px;
	}
	.welfare_partner .welfare_partner_btn a{
		padding: 28px 0;
	}
}

/* 320対応 */
@media screen and (max-width: 320px){
	.welfare_partner .welfare_partner_btn{
    	background-position: top 50% right 8px;
	}
}


/* -------------------------------------------------
	障害者専用賃貸の5つのメリット！
---------------------------------------------------- */
.welfare_5merit{
	background: url(../img/dot_bg.jpg) repeat;
	padding: 80px 0 80px 0;
}
.welfare_5merit_title{
	font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
	text-align: center;
    padding: 0 0 30px;
	position: relative;
}
.welfare_5merit_title::before{
	content: '';
	display: block;
	width: 70px;
	height: 102px;
	background: url("../img/welfare_5merit_title_img.png") no-repeat center / contain;
	position: absolute;
    left: 240px;
    top: -30px;
}
.welfare_5merit_list li{
	display: flex;
	width: 100%;
	align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 0 37.5px 0;
    padding: 25px 25px 25px 30px;
    border: 1px #fbcebc solid;
    box-shadow: 5px 5px #fbc7b3;
}
.welfare_5merit_sub_title{
	font-size: 2.2rem;
    font-weight: bold;
	margin: 0 45px 0 0;
}
.welfare_5merit_sub_title span{
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 30px;
	text-align: center;
	vertical-align: text-top;
	background: #ee8e69;
	border-radius: 50%;
	margin: 0 10px 0 0;
}
.welfare_5merit_txt{
	font-size: 1.8rem;
}

@media screen and (max-width: 667px){
	.welfare_5merit{
		padding: 10px 20px 30px 20px;
	}
	.welfare_5merit_title{
		font-size: 2.0rem;
    	padding: 30px 0 20px 0;
	}
	.welfare_5merit_title::before{
		display: none;
	}
	.welfare_5merit_list li{
		display: block;
		margin: 0 0 27.5px 0;
		padding: 20px 20px 20px 25px;
	}
	.welfare_5merit_sub_title{
		font-size: 2.0rem;
		margin: 0 0 10px 0;
	}
	.welfare_5merit_sub_title span{
		width: 25px;
		height: 25px;
		font-size: 1.3rem;
		line-height: 25px;
	}
	.welfare_5merit_txt{
		font-size: 1.6rem;
	}
}

/* w320対応 */
@media screen and (max-width: 320px){
	.welfare_5merit_title {
		font-size: 1.7rem;
	}
}


/* -----------------------------------------------------------
    answer_footer
-------------------------------------------------------------- */
.answer_footer_box {
	padding: 55px 0;
}
.answer_footer {
	width: 900px;
	margin: 0 auto;
}
.answer_footer .top_contact_catch {
	padding: 10px 0 20px 250px;
	background: url(../img/answer_character02.svg ) no-repeat left 145px top;
	background-size: 87px 97px;
	text-align: left;
}
/*.answer_footer_info {
	padding: 35px 0 5px;
	background: #fff;
}
.answer_footer_info dt {
	padding: 0 0 15px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.answer_footer_info dd {
	width: 490px;
	margin: 0 auto;
	padding: 0 0 15px 30px;
	background-size: 20px;
	background-position: left top 2px;
	background-repeat: no-repeat;
	font-size: 1.6rem;
	line-height: 1.8;
}
.answer_footer_info dd:nth-child(2) {
	background-image: url(../img/answer_no1.svg);
}
.answer_footer_info dd:nth-child(3) {
	background-image: url(../img/answer_no2.svg);
}*/
.answer_footer .top_contact_list1box {
	padding: 40px 0 30px;
}
.answer_footer .top_contact_list2 {
	width: 845px;
}
.answer_footer .top_contact_list2 li:nth-child(1){
	/*margin-right: 45px;*/
	float: none;
}
.answer_footer .mail_linkbtn {
	width:400px;
	margin: 0 auto;
}
.answer_footer .seat_linkbtn {
	width:400px;
	height:90px;
	line-height:1.3;
	font-weight:bold;
	text-align: center;
	background-color: #5BBE96;
	background-image: url(../img/btn_yazirusi.png);
	color: #ffffff;
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: top 50% right 20px;
	font-size: 1.9rem;
	box-shadow:2px 2px 5px #d0d0d0;
}
.answer_footer .seat_linkbtn a {
	display: block;
    padding:35px 0;
	color: #ffffff;
}
.answer_footer .seat_linkbtn img{
	width: 22px;
	margin-right: 5px;
}
.answer_footer .mail_linkbtn span {
	top: -1px;
}
.answer_footer .seat_linkbtn span {
	position: relative;
	top: -1px;
	margin-bottom: -3px;
}

@media screen and (max-width: 667px){

	.answer_footer_box {
		padding: 0 0 30px;
	}
	.answer_footer {
		width: 100%;
	}
	.answer_footer .top_contact_catch {
		padding: 30px 0 15px 85px;
		background-position: left 15px bottom;
		background-size: 65px 72px;
	}
	/*.answer_footer_info {
		padding: 25px 20px 10px;
	}
	.answer_footer_info dt {
		font-size: 1.6rem;
	}
	.answer_footer_info dd {
		width: 100%;
		padding: 0 0 10px 25px;
		background-size: 15px;
		background-position: left top 6px;
		background-repeat: no-repeat;
		font-size: 1.5rem;
	}*/
	.answer_footer .top_contact_list1box {
		padding: 0;
	}
	.answer_footer .top_contact_list2 ,
	.answer_footer .mail_linkbtn {
		width: 100%;
	}
	.answer_footer .answer_footer_tel {
		padding: 0 0 10px;
	}
	.answer_footer .answer_footer_tel img ,
	.answer_footer .answer_footer_fax img{
		width: 270px;
	}
	.answer_footer .top_contact_list2 li:nth-child(1){
		margin-right:0;
	}
	.answer_footer .seat_linkbtn {
		width: 100%;
		height:80px;
		font-size: 1.5rem;
	}
	.answer_footer .seat_linkbtn {
		background-position: top 50% right 10px;
	}
	.answer_footer .seat_linkbtn a {
		padding:30px 0;
	}
}


/* -----------------------------
	other
-------------------------------- */
.em_red {
	color: #C32F1E;
	font-weight: bold;
}


/* -----------------------------------------------------------
    追従バナー
-------------------------------------------------------------- */
.consulting_img_fix2{
    display: none;
}

/* -----------------------------------------------------------
    ホーム紹介
-------------------------------------------------------------- */
.welfare_home{
	padding: 70px 0 80px 0;
}
.welfare_home_title{
	font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.8;
	text-align: center;
    padding: 0 0 30px;
	position: relative;
}

.welfare_home_txt{
	text-align: center;
	margin: 0 0 20px 0;
}
.welfare_home .welfare_home_btnarea{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
.welfare_home .welfare_home_btn{
	width: 250px;
    height: 90px;
    font-size: 1.9rem;
    font-weight: bold;
	line-height: 1.3;
    text-align: center;
    background-color: #80C8C6;
	background-image: url(../img/btn_yazirusi.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: top 50% right 20px;
    box-shadow: 2px 2px 5px #d0d0d0;
	/* margin: 0 auto; */
	/* padding: 0 0 50px 0; */
}
.welfare_home .welfare_home_btn a{
	display: block;
	color: #fff;
	padding: 32px 0;
}

.welfare_home .welfare_home_btn a span{
	font-size: 1.7rem;
}

/*個別ページ*/
.home{
	text-align: center;
	padding: 0 0 48px;
}
.atenntion{
	margin: 12px 0 0 128px;
    font-size: 1.4rem;
}
@media screen and (max-width: 667px){
	.welfare_home{
		padding: 40px 0 40px 0;
	}
	
	.welfare_home .welfare_home_btnarea{
		padding: 0 20px;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		gap: unset;
	}
	
	.welfare_home .welfare_home_btn{
		width: 100%;
		height: 75px;
		font-size: 1.5rem;
		background-size: 7px;
		margin: 0 0 20px;
		
	}
	.welfare_home .welfare_home_btn a{
		padding: 28px 0;
	}
	
	
/*個別ページ*/
	.home{
		padding: 0;
	}
	
	.home img{
		width: 100%;
	}
	.atenntion{
		margin: 10px 0 0 0;
	}
	
	.welfare_home .welfare_home_btn a span{
		font-size: 1.5rem;
	}
}