@charset "UTF-8";

@media screen and (min-width: 769px) {

	#vent h2,
	#vent1 h2,
	#filter h2,
	#filter1 h2 {
		font-size: clamp(2.4rem,2.8vw,3.8rem);
	}
	
	#vent h2 span,
	#filter h2 span,
	#filter1 h2 span,
	#maintenance h2 span {
		display: block;
	}
	
	#vent h2 span.jp,
	#vent1 h2 span.jp,
	#filter h2 span.jp,
	#filter1 h2 span.jp,
	#maintenance h2 span.jp {
		font-size: clamp(1.8rem,1.4vw,2.2rem);
		margin-top: 1em;
		font-weight: bold;
	}

/*=============================================================
residents
=============================================================*/
	
	section.residents .wrap {
		margin-top: clamp(40px,2vw,50px);
		display: flex;
		justify-content: space-between;
		position: relative;
	}

	section.residents .wrap.wrap2 {
		flex-direction: row-reverse;
	}

	section.residents .wrap::after {
		content: "";
		position: absolute;
		width: 70%;
		border-top: 1px solid #231815;
		right: 0;
	}
	
	section.residents .wrap.wrap2::after {
		content: none;
		position: static;
		border-top: 0px solid transparent;
	}
	
	section.residents .wrap .image {
		width: 41.5%;
		padding-top: min(7.9vw,150px);
		align-self: flex-end;
	}

	section.residents:nth-of-type(even) .wrap .image {
		order: 5;
	}
	section.residents .wrap.wrap2 .image {
		box-sizing: border-box;
		padding: min(7.9vw,150px) min(4vw,56px) 0;
	}
	
	section.residents .wrap .image img {
		border-radius: 0 6.84vw 0 0;
	}
	section.residents:nth-of-type(even) .wrap .image img {
		border-radius: 6.84vw 0 0 0;
	}
	section.residents .wrap.wrap2 .image img {
		border-radius: 0 0 0 0;
	}
	
	section.residents .wrap .text_box {
		width: 51.4%;
		box-sizing: border-box;
		padding-top: min(7.9vw,150px);
		padding-right: 2vw;
		margin-right: 0;
		margin-left: auto;
	}
	
	section.residents .wrap .text_box h3 {
		margin-top: clamp(40px,2vw,50px);
		font-size: 1.6rem;
	}
	
	section.residents .wrap .text_box h3:first-of-type {
		margin-top: 0;
	}
	
	section.residents .wrap .text_box ul {
		margin-right: auto;
		margin-left: 0;
		margin-top: clamp(40px,2vw,50px);
	}
	
	section.residents .wrap .text_box ul li {
		box-sizing: border-box;
		font-size: 1.6rem;
		position: relative;
		margin-top: 1.0em;
	}
	section.residents .wrap .text_box ul li:first-child {
		margin-top: 0;
	}
	
	section.residents .wrap .text_box p {
		max-width: 620px;
		margin-right: auto;
		margin-left: 0;
		line-height: 2;
	}
	
	section.residents:nth-of-type(even) .wrap .text_box p,
	section.residents .wrap.wrap2 .text_box p {
		margin-right: 0;
		margin-left: auto;
	}
	
	section.residents .wrap.wrap2 .text_box ul {
		max-width: 620px;
		margin-right: 0;
		margin-left: auto;
	}
	
	section.residents .wrap .text_box h3 + p {
		margin-top: 1em;
	}
	
	section.residents .wrap .text_box .btn {
		margin-top: clamp(40px,2vw,50px);
	}
	
	section.residents:nth-of-type(even) .wrap .text_box .btn,
	section.residents .wrap.wrap2 .text_box .btn {
		max-width: 620px;
		margin-right: 0;
		margin-left: auto;
		margin-top: clamp(40px,2vw,50px);
	}
	
	section.residents .wrap .text_box .btn a {
		display: inline-block;
		color: #fff;
		background-color: #d59f3e;
		padding: .4em 1em .3em;
		border: 1px solid #d59f3e;
		transition: .2s ease;
	}
	section.residents .wrap .text_box .btn a:hover {
		color: #d59f3e;
		background-color: #fff;
	}
	
/*=============================================================
residents_vent
=============================================================*/
	
	section.vent .wrap p {
		text-align: justify;
	}
	
	section.vent .wrap p:not(:first-child) {
		margin-top: 0;
	}
	
	section.vent .image_wrap {
		max-width: 1000px;
		width: 80%;
		margin: min(7.9vw,150px) auto 0;
	}

/*=============================================================
residents_filter
=============================================================*/
	
	#filter1 .outer .text_box {
		padding-top: min(3.6vw,75px);
		width: 78%;
		min-width: 620px;
		max-width: auto;
		margin-right: auto;
		margin-left: 0;
	}
	
	#filter1 .outer .text_box p {
		max-width: 100%;
	}
	
	#filter1 .outer .text_box p:first-of-type {
		font-weight: bold;
		font-size: 1.8rem;
	}
	
	#filter1 .outer .text_box p:not(:first-of-type) {
		margin-top: 1em;
	}
	
	#filter1 .fig_wrap .bg {
		margin-top: min(3.6vw,75px);
		background-color: #ecf3f9;
	}
	
	#filter1 .fig_wrap .bg .inner {
		display: flex;
		justify-content: space-between;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box {
		width: 57%;
		box-sizing: border-box;
		padding: min(3.6vw,75px) 0;
	}
	
	#filter1 .fig_wrap .inner h3 {
		color: #438bc7;
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul {
		margin-top: 2em;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul li {
		padding-left: 1.25em;
		box-sizing: border-box;
		position: relative;
		margin-top: 1em;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul li::before {
		content: "";
		position: absolute;
		width: .8em;
		height: .8em;
		background-color: #231815;
		left: 0;
		top: .4em;
	}
	
	#filter1 .fig_wrap .bg .inner .image {
		width: 40%;
		box-sizing: border-box;
		padding-right: 3%;
	}
	
	#filter1 .inner .text_wrap {
		padding: min(3.6vw,75px) 0;
	}
	
	#filter1 .inner .text_wrap p {
		margin-top: 1em;
	}
	
	#filter1 .inner .text_wrap h3 + p {
		margin-top: 2em;
	}
	
	#filter2 .box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#filter2 .box .text {
		width: 75%;
	}
	
	#filter2 .box .text h3 {
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	#filter2 .box .text h3 span {
		font-size: 2.4rem;
		font-weight: normal;
		padding-right: .5em;
	}
	
	#filter2 .box .text p {
		padding-left: 4em;
		margin-top: 1em;
	}
	
	#filter2 .box .image {
		width: 22%;
	}
	
	#filter2 .box .fig {
		width: 33%;
		margin-top: min(3.6vw,75px);
	}
	
	#filter2 .box .fig + .text {
		width: 64%;
		margin-top: min(3.6vw,75px);
		align-self: center;
		margin-bottom: 1em;
	}
	
	#filter2 .box .fig + .text p {
		padding-left: 0;
		font-weight: bold;
		font-size: 1.8rem;
	}
	
	#filter2 .box.no_photo {
		margin-top: min(3.6vw,75px);
	}
	
	#filter2 .box.no_photo p.annotation {
		color: #c11610;
	}
	
	#filter2 .box.no_photo p.done {
		color: #438bc7;
		margin-top: min(7.2vw,150px);
	}
	
	#filter2 .box.no_photo ul {
		padding-left: 5em;
		margin-top: 1em;
	}
	
	#filter2 .box.no_photo ul li {
		text-indent: -1.1em;
		padding-left: 2.0em;
		box-sizing: border-box;
	}
	
	#filter2 .box.no_photo ul li span {
		width: 1.1em;
		display: inline-block;
		color: #438bc7;
	}
	
	
	#filter2 .box.no_photo .text {
		width: 100%;
	}
	
	#filter2 .box.notice {
		margin-top: min(7.2vw,150px);
	}

/*=============================================================
contact_wrap
=============================================================*/
	
	.contact_wrap {
		background-color: #d59f3e;
		margin-top: min(7.9vw,150px);
		padding: min(3.6vw,75px) 2%;
	}
	
	.contact_wrap .outer {
		display: flex;
		flex-wrap: wrap;
	}
	
	.contact_wrap .outer > .text {
		width: 100%;
		color: #fff;
		font-size: clamp(1.6rem,1.0vw,2.0rem);
	}
	
	.contact_wrap .outer > .text:nth-of-type(2) {
		margin-top: 2em;
		margin-bottom: .5em;
	}
	.contact_wrap .outer .tel_box {
		width: calc(100% - 240px);
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
	}
	
	.contact_wrap .outer .tel_box .tel1 {
		width: 52%;
		box-sizing: border-box;
		padding-right: 2%;
	}
	.contact_wrap .outer .tel_box .tel2 {
		width: 46%;
		color: #fff;
		font-weight: bold;
		display: inline-block;
		margin-top: .5em;
		font-size: clamp(14px,1.4vw,30px);
	}
	.contact_wrap .outer .tel_box .tel2 a {
		color: #fff;
		font-weight: bold;
		display: inline-block;
		font-size: clamp(14px,1.4vw,30px);
	}
	
	.contact_wrap .outer .contact_box {
		align-self: flex-end;
	}
	
	.contact_wrap .outer .contact_box .btn_contact {
		width: 240px;
	}
	.contact_wrap .outer .contact_box .btn_contact a {
		width: 100%;
		display: inline-block;
		font-weight: bold;
		box-sizing: border-box;
		padding: .6em 1.25em .5em;
		background-color: #fff;
		border: 1px solid #d59f3e;
		color: #d59f3e;
		transition: .2s ease;
	}
	
	.contact_wrap .outer .contact_box .btn_contact a:hover {
		background-color: #d59f3e;
		border: 1px solid #fff;
		color: #fff;
	}
}

@media screen and (min-width: 521px) and (max-width: 768px) {
	
	section.residents h2 {
		margin-top: 1em;
		line-height: 1.8;
		font-size: 2.2rem;
		box-sizing: border-box;
		padding: 0 3vw;
		width: 100%;
		position: relative;
	}

	section.residents h2::after {
		content: "";
		position: absolute;
		width: 88%;
		border-bottom: 1px solid #231815;
		right: 0;
		bottom: 0;
	}
	
	section.residents span {
		display: block;
	}
	
	section.residents span.jp {
		font-size: 1.8rem;
		margin-top: 0.6em;
		padding-bottom: 1em;
		font-weight: bold;
	}
	

/*=============================================================
residents
=============================================================*/
	
	section.residents .wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	section.residents .wrap .image {
		width: 60%;
		padding-top: 60px;
		align-self: flex-start;
		order: 5;
	}
	section:nth-of-type(even) .wrap .image {
		align-self: flex-end;
	}
	section.residents .wrap.wrap2 .image {
		order: 0;
		width: 50%;
		margin: 60px auto 0;
	}
	
	section.residents .wrap .image img {
		border-radius: 0 12vw 0 0;
	}
	section:nth-of-type(even) .wrap .image img {
		border-radius: 12vw 0 0 0;
	}
	section.residents .wrap.wrap2 .image img {
		border-radius: 0 0 0 0;
	}
	
	section.residents .wrap .text_box {
		width: 88%;
		box-sizing: border-box;
		margin-top: 60px;
		margin-right: 0;
		margin-left: auto;
		padding: 0 3vw;
	}
	
	section.residents .wrap .text_box ul {
		margin-right: auto;
		margin-left: 0;
		margin-top: 50px;
	}
	
	section.residents .wrap .text_box ul li {
		box-sizing: border-box;
		font-size: 1.6rem;
		position: relative;
		margin-top: 1.0em;
	}
	section.residents .wrap .text_box ul li:first-child {
		margin-top: 0;
	}
	
	section.residents .wrap .text_box h3 {
		margin-top: 50px;
		font-size: 1.6rem;
	}
	
	section.residents .wrap .text_box h3:first-of-type {
		margin-top: 0;
	}
	
	section.residents .wrap .text_box p {
		margin-right: auto;
		margin-left: 0;
		line-height: 2;
	}
	
	section.residents.wrap .text_box h3 + p {
		margin-top: 1em;
	}
	
	
	section.residents .wrap .text_box .btn {
		min-width: 250px;
		margin-top: 60px;
	}
	
	section.residents .wrap .text_box .btn a {
		display: inline-block;
		color: #fff;
		background-color: #d59f3e;
		padding: .4em 1em .3em;
		border: 1px solid #d59f3e;
		transition: .2s ease;
	}
	section.residents .wrap .text_box .btn a:hover {
		color: #d59f3e;
		background-color: #fff;
	}

/*=============================================================
residents_vent
=============================================================*/
	
	section.vent .wrap p {
		text-align: justify;
	}
	section.vent .wrap p:not(:first-child) {
		margin-top: 0;
	}
	
	section.vent .image_wrap {
		max-width: 1000px;
		width: 90%;
		margin: 60px auto 0;
	}

/*=============================================================
residents_filter
=============================================================*/
	
	#filter1 .outer .text_box {
		width: 88%;
		margin-right: auto;
		margin-left: 0;
	}
	
	#filter1 .outer .text_box p {
		max-width: 100%;
		text-align: justify;
	}
	
	#filter1 .outer .text_box p:first-of-type {
		font-weight: bold;
		font-size: 1.8rem;
	}
	
	#filter1 .outer .text_box p:not(:first-of-type) {
		margin-top: 1em;
	}
	
	#filter1 .fig_wrap .bg {
		margin-top: 30px;
		background-color: #ecf3f9;
	}
	
	#filter1 .fig_wrap .bg .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box {
		width: 57%;
		box-sizing: border-box;
		padding: 30px 0;
	}
	
	#filter1 .fig_wrap .inner h3 {
		color: #438bc7;
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul {
		margin-top: 2em;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul li {
		padding-left: 1.25em;
		box-sizing: border-box;
		position: relative;
		margin-top: 1em;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul li::before {
		content: "";
		position: absolute;
		width: .8em;
		height: .8em;
		background-color: #231815;
		left: 0;
		top: .4em;
	}
	
	#filter1 .fig_wrap .bg .inner .image {
		width: 40%;
		box-sizing: border-box;
		padding-right: 3%;
	}
	
	#filter1 .inner .text_wrap {
		padding: 30px 0;
		width: 88%;
	}
	
	#filter1 .inner .text_wrap p {
		margin-top: 1em;
		text-align: justify;
	}
	
	#filter1 .inner .text_wrap h3 + p {
		margin-top: 2em;
	}
	
	#filter2 .box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 30px;
	}
	#filter2 .box .text {
		width: 67%;
	}
	
	#filter2 .box .text h3 {
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	#filter2 .box .text h3 span {
		font-size: 2.4rem;
		font-weight: normal;
		padding-right: .5em;
		display: inline-block;
	}
	
	#filter2 .box .text p {
		padding-left: 2em;
		margin-top: 1em;
		text-align: justify;
	}
	
	#filter2 .box .image {
		width: 30%;
	}
	
	#filter2 .box .fig {
		width: 33%;
		margin-top: 30px;
	}
	
	#filter2 .box .fig + .text {
		width: 64%;
		margin-top: 30px;
	}
	
	#filter2 .box .fig + .text p {
		padding-left: 0;
		font-weight: bold;
		font-size: 1.8rem;
	}
	
	#filter2 .box.no_photo {
		margin-top: 30px;
	}
	
	#filter2 .box.no_photo p.annotation {
		color: #c11610;
	}
	
	#filter2 .box.no_photo p.done {
		color: #438bc7;
		margin-top: 60px;
	}
	
	#filter2 .box.no_photo ul {
		padding-left: 2em;
		margin-top: 1em;
	}
	
	#filter2 .box.no_photo ul li {
		text-indent: -1.1em;
		padding-left: 2.0em;
		box-sizing: border-box;
	}
	
	#filter2 .box.no_photo ul li span {
		width: 1.1em;
		display: inline-block;
		color: #438bc7;
	}
	
	
	#filter2 .box.no_photo .text {
		width: 100%;
	}
	
	#filter2 .box.notice {
		margin-top: 60px;
	}

/*=============================================================
contact_wrap
=============================================================*/
	
	.contact_wrap {
		background-color: #d59f3e;
		margin-top: 60px;
		padding: 30px 3%;
	}
	
	.contact_wrap .outer {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	
	.contact_wrap .outer > .text {
		width: 100%;
		color: #fff;
		font-size: clamp(1.6rem,1.0vw,2.0rem);
	}
	
	.contact_wrap .outer > .text:nth-of-type(2) {
		margin-top: 2em;
		margin-bottom: .5em;
	}
	.contact_wrap .outer .tel_box {
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-sizing: border-box;
		margin-right: 3%;
	}
	
	.contact_wrap .outer .tel_box .tel1 {
		box-sizing: border-box;
	}
	.contact_wrap .outer .tel_box .tel2 {
		color: #fff;
		font-weight: bold;
		display: inline-block;
		margin-top: .5em;
		font-size: 18px;
	}
	.contact_wrap .outer .tel_box .tel2 a {
		color: #fff;
		font-weight: bold;
		display: inline-block;
		font-size: 18px;
	}
	
	.contact_wrap .outer .contact_box .btn_contact {
		width: 220px;
	}
	.contact_wrap .outer .contact_box .btn_contact a {
		width: 100%;
		display: inline-block;
		font-weight: bold;
		box-sizing: border-box;
		padding: .6em 1.25em .5em;
		background-color: #fff;
		border: 1px solid #d59f3e;
		color: #d59f3e;
		transition: .2s ease;
		text-align: center;
	}
	
	.contact_wrap .outer .contact_box .btn_contact a:hover {
		background-color: #d59f3e;
		border: 1px solid #fff;
		color: #fff;
	}
}
		
@media screen and (max-width: 520px) {

	section.residents h2 {
		margin-top: 1em;
		line-height: 1.8;
		box-sizing: border-box;
		padding: 0 3vw;
		width: 100%;
		position: relative;
	}

	section.residents h2::after {
		content: "";
		position: absolute;
		width: 88%;
		border-bottom: 1px solid #231815;
		right: 0;
		bottom: 0;
	}
	
	section.residents span {
		display: block;
	}
	
	section.residents span.jp {
		font-size: 2.25rem;
		margin-top: 0.6em;
		padding-bottom: 1em;
		font-weight: bold;
	}
	

/*=============================================================
residents
=============================================================*/
	
	section.residents .wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	section.residents .wrap .image {
		width: 88%;
		padding-top: 50px;
		align-self: flex-start;
		order: 5;
	}
	section.residents:nth-of-type(even) .wrap .image {
		align-self: flex-end;
	}
	section.residents .wrap.wrap2 .image {
		width: 60%;
		order: 0;
		margin: 50px auto 0;
	}
	
	section.residents .wrap .image img {
		border-radius: 0 12vw 0 0;
	}
	section.residents:nth-of-type(even) .wrap .image img {
		border-radius: 12vw 0 0 0;
	}
	
	section.residents .wrap .text_box {
		width: 100%;
		box-sizing: border-box;
		margin-top: 50px;
		margin-right: 0;
		margin-left: auto;
		padding: 0 3vw;
	}
	
	section.residents .wrap .text_box ul {
		margin-right: auto;
		margin-left: 0;
		margin-top: 50px;
	}
	
	section .wrap .text_box ul li {
		box-sizing: border-box;
		font-size: 2.0rem;
		position: relative;
		margin-top: 1.0em;
		text-indent: -1em;
		padding-left: 1em;
	}
	section.residents .wrap .text_box ul li:first-child {
		margin-top: 0;
	}
	
	section.residents .wrap .text_box h3 {
		margin-top: 50px;
		font-size: 2.0rem;
	}
	
	section.residents .wrap .text_box h3:first-of-type {
		margin-top: 0;
	}
	
	section.residents .wrap .text_box p {
		margin-right: auto;
		margin-left: 0;
		line-height: 2;
		text-align: justify;
	}
	
	section.residents .wrap .text_box h3 + p {
		margin-top: 1em;
	}
	
	
	section.residents .wrap .text_box .btn {
		min-width: 250px;
		margin: 50px auto 0;
		text-align: center;
	}
	
	section.residents .wrap .text_box .btn a {
		display: inline-block;
		color: #fff;
		background-color: #d59f3e;
		padding: .4em 1em .3em;
		border: 1px solid #d59f3e;
		transition: .2s ease;
		text-align: center;
	}
	section.residents .wrap .text_box .btn a:hover {
		color: #d59f3e;
		background-color: #fff;
	}

/*=============================================================
residents_vent
=============================================================*/
	
	section.vent .wrap p {
		text-align: justify;
	}
	section.vent .wrap p:not(:first-child) {
		margin-top: 0;
	}
	
	section.vent .image_wrap {
		width: 100%;
		margin: 50px auto 0;
	}

/*=============================================================
residents_filter
=============================================================*/
	
	#filter1 .outer .text_box {
		width: 100%;
		margin-right: auto;
		margin-left: 0;
	}
	
	#filter1 .outer .text_box p {
		max-width: 100%;
		text-align: justify;
	}
	
	#filter1 .outer .text_box p:first-of-type {
		font-weight: bold;
		font-size: 2.25rem;
	}
	
	#filter1 .outer .text_box p:not(:first-of-type) {
		margin-top: 1em;
	}
	
	#filter1 .fig_wrap .bg {
		margin-top: 25px;
		background-color: #ecf3f9;
		padding: 25px 0;
	}
	
	#filter1 .fig_wrap .bg .inner {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box {
		width: 100%;
		box-sizing: border-box;
		padding: 0 0 25px;
	}
	
	#filter1 .fig_wrap .inner h3 {
		color: #438bc7;
		font-size: 2.25rem;
		font-weight: bold;
		line-height: 1.8;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul {
		margin-top: 2em;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul li {
		padding-left: 1.25em;
		box-sizing: border-box;
		position: relative;
		margin-top: 1em;
	}
	
	#filter1 .fig_wrap .bg .inner .text_box ul li::before {
		content: "";
		position: absolute;
		width: .8em;
		height: .8em;
		background-color: #231815;
		left: 0;
		top: .4em;
	}
	
	#filter1 .fig_wrap .bg .inner .image {
		width: 80%;
		box-sizing: border-box;
	}
	
	#filter1 .inner .text_wrap {
		padding: 25px 0;
		width: 100%;
	}
	
	#filter1 .inner .text_wrap p {
		margin-top: 1em;
		text-align: justify;
	}
	
	#filter1 .inner .text_wrap h3 + p {
		margin-top: 2em;
	}
	
	#filter2 .box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 50px;
	}
	#filter2 .box .text {
		width: 100%;
	}
	
	#filter2 .box .text h3 {
		font-size: 2.25rem;
		font-weight: bold;
	}
	
	#filter2 .box .text h3 span {
		font-size: 2.25rem;
		font-weight: normal;
		padding-right: .5em;
		display: inline-block;
	}
	
	#filter2 .box .text p {
		margin-top: 2.0em;
		text-align: justify;
	}
	
	#filter2 .box .image {
		width: 60%;
		margin: 25px auto 0;
	}
	
	#filter2 .box .fig {
		width: 60%;
		margin: 50px auto 0;
	}
	
	#filter2 .box .fig + .text {
		width: 100%;
	}
	
	#filter2 .box .fig + .text p {
		padding-left: 0;
	}
	
	#filter2 .box.no_photo {
		margin-top: 50px;
	}
	
	#filter2 .box.no_photo p.annotation {
		color: #c11610;
	}
	
	#filter2 .box.no_photo p.done {
		color: #438bc7;
		margin-top: 50px;
	}
	
	#filter2 .box.no_photo ul {
		padding-left: 1em;
		margin-top: 1em;
	}
	
	#filter2 .box.no_photo ul li {
		text-indent: -1.1em;
		padding-left: 2.0em;
		box-sizing: border-box;
	}
	
	#filter2 .box.no_photo ul li span {
		width: 1.1em;
		display: inline-block;
		color: #438bc7;
	}
	
	
	#filter2 .box.no_photo .text {
		width: 100%;
	}
	
	#filter2 .box.notice {
		margin-top: 50px;
	}

/*=============================================================
contact_wrap
=============================================================*/
	
	.contact_wrap {
		background-color: #d59f3e;
		margin-top: 50px;
		padding: 25px 3%;
	}
	
	.contact_wrap .outer {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.contact_wrap .outer > .text {
		width: 100%;
		color: #fff;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.contact_wrap .outer > .text:nth-of-type(2) {
		margin-top: 2em;
		margin-bottom: 1em;
	}
	.contact_wrap .outer .tel_box {
		width: 80%;
		max-width: 340px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-sizing: border-box;
	}
	
	.contact_wrap .outer .tel_box .tel1 {
		box-sizing: border-box;
	}
	.contact_wrap .outer .tel_box .tel2 {
		color: #fff;
		font-weight: bold;
		display: inline-block;
		margin-top: 1em;
		font-size: 2.0rem;
		text-align: center;
	}
	.contact_wrap .outer .tel_box .tel2 a {
		color: #fff;
		font-weight: bold;
		display: inline-block;
		font-size: 2.0rem;
	}
	
	.contact_wrap .outer .contact_box .btn_contact {
		width: 220px;
		margin-top: 25px;
	}
	.contact_wrap .outer .contact_box .btn_contact a {
		width: 100%;
		display: inline-block;
		font-weight: bold;
		box-sizing: border-box;
		padding: .6em 1.25em .5em;
		background-color: #fff;
		border: 1px solid #d59f3e;
		color: #d59f3e;
		transition: .2s ease;
		text-align: center;
	}
	
	.contact_wrap .outer .contact_box .btn_contact a:hover {
		background-color: #d59f3e;
		border: 1px solid #fff;
		color: #fff;
	}
}