/*==============================================================
	00 BASE
==============================================================*/
:root{
	/* color */
	--color-main:#437cbf;
	--color-blue: #437cbf;
	--color-orange: #ff9933;
	--color-green: #4eb895;
	--color-grey: #929292;
}

.u-text-black{color: #000 !important;}
.u-text-blue{color: var(--color-blue) !important;}
.u-text-orange{color: var(--color-orange)!important;}



/* header.pageheader{
	position: relative;
	height: 100svh;
	width: 100%;
	margin: 0 auto;
	height: 50svh;
} */
section div.sc_inner{
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	section div.sc_inner{
		margin-bottom: 12vw;
	}
}
/* BUTTON */
.btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.btn.btn_100 a{
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	height: 110px;
	border-radius: 55px;
	border: 1px solid #000;
	font-size: 32px;
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
	.btn.btn_100 a{
		height: 18vw;
		border-radius: 9vw;
		font-size: 4vw;
	}
}

.btn.btn_fat a{
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	height: 160px;
	justify-content: start;
	border-radius: 80px;
	border: 1px solid #000;
	font-size: 32px;
	padding: 0 120px 0 60px;
	background-repeat: no-repeat;
	background-position: right 40px center;
	background-size: 20%;
}
.btn.btn_fat.-menu a{
	justify-content: center;
	padding: 0 0 0 0;
	height: 180px;
	border-radius: 90px;
	background-position: right 80px center;
	background-size: 5%;
	text-align: center;
	flex-wrap: wrap;
	font-size: 36px;
	background-color: #fff;
	margin-bottom: 50px;
}
.btn.btn_fat.-menu a span{
	font-size: 30px;
}
.btn.btn_fat.-menu:nth-child(1) a{
	background-image: url(../img/common/arrowcicle-white.svg);
	background-color: #437cbf;
	color: #fff;
}
.btn.btn_fat.-menu:nth-child(2) a{
	background-image: url(../img/common/arrowcicle-white.svg);
	background-color: #ff9933;
	color: #fff;
}
.btn.btn_fat.-menu:nth-child(3) a{
	background-image: url(../img/common/arrowcicle.svg);
}




/* 各ページ用 */
#top .btn.btn_fat.-menu a{
	height: 130px;
	border-radius: 70px;
	margin-bottom: 0;
	align-items: center;
	background-position: right 30px center;
}
#top .btn.btn_fat.-menu a p{
	font-size: 30px;
}
#top .btn.btn_fat.-menu a span{
	font-size: 22px;
	width: 100%;
	display: block;
}
#top .btn.btn_fat.-menu:nth-child(1) a{
	background-color: #ff9933;
}
#top .btn.btn_fat.-menu:nth-child(2) a{
	background-color: #437cbf;
}

#jigyo .btn.btn_fat.-menu:nth-child(1) a{
	display: none;
}
#housing .btn.btn_fat.-menu:nth-child(2) a{
	display: none;
}

@media screen and (max-width: 767px) {
	.btn.btn_fat a{
		height: 18vw;
		border-radius: 9vw;
		font-size: 3vw;
		padding: 0 4% 0 18%;
		background-repeat: no-repeat;
		background-position: right 14% center;
		background-size: 20%;
	}
	.btn.btn_fat.-menu a{
		height: 20vw;
		background-position: right 5% center;
		background-size: 8%;
		font-size: 4.2vw;
		margin-bottom: 5vw;
	}
	.btn.btn_fat.-menu a span{
		font-size: 3.2vw;
	}

	/* 各ページ用 */
	#top .btn_lo2{
		/* display: block; */
		flex-wrap: wrap;
		row-gap: 4vw;
	}
	#top .btn.btn_fat.-menu{
		display: block;
		width: 100%;
	}
	#top .btn.btn_fat.-menu a{
		height: 18vw;
		border-radius: 9vw;
		background-position: right 6vw center;
	}
	#top .btn.btn_fat.-menu a p{
		font-size: 3.6vw;
	}
	#top .btn.btn_fat.-menu a span{
		font-size: 2.8vw;
	}

}

.btn.btn_cut a{
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	height: 96px;
	border-radius: 0 48px 48px 0;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 26px;
	background-repeat: no-repeat;
	background-position: right 8% center;
	background-size: 9%;
}


@media screen and (max-width: 767px) {
	.btn.btn_cut a{
		height: 10.5vw;
		border-radius: 0 5.25vw 5.25vw 0;
		font-size: 3.6vw;
		padding-right: 5vw;
		background-position: right 10% center;
		background-size: 12%;
	}
}

.btn.btn_double a{
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	height: 110px;
	border-radius: 55px;
	border: 5px solid #437cbf;
	font-size: 32px;
	box-shadow: 0 0 0 1px #000;
	background-repeat: no-repeat;
	background-position: right 5% center;
	background-size: 3.33%;
	background-image: url(../img/common/icon-blankpage.svg);
	margin-bottom: 50px;
}

.btn.btn_100.btn_faq a::after{
	content: "";
	display: block;
	aspect-ratio: 1 / 1;
	height: 70%;
	margin-top: 1%;
	margin-left: 2%;
	background-image: url(../img/jigyo/icon-faq.svg);
	background-repeat: no-repeat;
}
.btn.btn_100.btn_faq a span{
	font-size: 25px;
}

@media screen and (max-width: 767px) {
	.btn.btn_double a{
		height: 18vw;
		border-radius: 9vw;
		border: 1vw solid #437cbf;
		font-size: 4vw;
		padding-right: 4vw;
		background-position: right 5% center;
		background-size: 8%;
		margin-bottom: 5vw;
	}
	.btn.btn_100.btn_faq a{
		font-size: 4vw;
	}
	.btn.btn_100.btn_faq a span{
		font-size: 3.2vw;
		display: block;
	}
}

/* ボタンレイアウト */
.btn_lo2{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}
.btn_lo2 .btn.btn_fat{
	width: 48%;
}
.btn_lo2 .btn.btn_cut{
	width: 48%;
}
.btn_lo2 .btn.btn_100{
	width: 48%;
}

.btn_lo3{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 80px;
	column-gap: 3.5%;
}

.btn_lo3 .btn.btn_100{
	width: 31%;
}
.btn_lo3 .btn.btn_100 a{
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 55px;
	border: 1px solid #000;
	text-indent:1000%;
	white-space:nowrap;
	overflow:hidden;
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
}

.links .btn_lo3 .btn.btn_100:nth-child(1) a{
	background-image: url(../img/common/link_jyukatsu.png);	
	background-size: 63%;
}
.links .btn_lo3 .btn.btn_100:nth-child(2) a{
	background-image: url(../img/common/link_refonavi.png);	
	background-size: 80%;
}




@media screen and (max-width: 767px) {
	.btn_lo2{
		margin-bottom: 10vw;
	}
	.btn_lo3{
		flex-wrap: wrap;
		margin-bottom: 10vw;
		row-gap: 4vw;
	}
	.btn_lo3 .btn.btn_100{
		width: 48%;
	}
	.btn_lo3 .btn.btn_100 a{
		border-radius: 6vw;
	}


}

.links h3{
	text-align: center;
	margin-bottom: 30px;
}

.links .links_sns .btn.btn_100 a{
	background-image: url(../img/common/icon-youtube.svg);
	background-position: center right 5%;
	background-size: 10%;
}
.links .links_sns .btn.btn_100:nth-child(2) a{
	background-image: url(../img/common/link_fkjc.png);
	background-size: 50%;
	background-position: center;
	text-indent:1000%;
	white-space:nowrap;
	overflow:hidden;
}


@media screen and (max-width: 767px) {
	.links .btn_lo2{
		flex-wrap: wrap;
		row-gap: 4vw;
	}
	.links .btn_lo2 .btn.btn_100{
		width: 100%;
	}
	.links .btn_lo2 .btn.btn_100 a{
		height: 19vw;
		width: 100%;
		border-radius: 11vw 11vw 11vw 011vw;
		font-size: 4.2vw;
	}

	.links .links_sns .btn.btn_100 a{
		background-position: center right 10%;
		background-size: 12%;
	}


	.links .btn_lo3{
		flex-wrap: wrap;
		row-gap: 4vw;
	}
	.links .btn_lo3 .btn.btn_100{
		width: 100%;
	}
	.links .btn_lo3 .btn.btn_100 a{
		height: 19vw;
		width: 100%;
		border-radius: 11vw 11vw;
		background-size: contain !important;
	}
}



.ph {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 100px;
	margin-bottom: 50px;
	overflow: hidden;
}

.ph_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	position: relative; 
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.ph {
		margin-top: 20vw;
		margin-bottom: 10vw;
	}
}


/*==============================================================
	INFORMATION
==============================================================*/
/* INFORMATION */
.informationheader{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.informationheader h2{
	font-size: 24px;
	font-weight: 500;
}
.informationheader a{
	font-size: 20px;
	display: block;
	padding: 0 36px 0 0;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(../img/common/arrowcicle.svg);
	background-size: 26px;
}
.information>ul{
	box-sizing: border-box;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0 0 30px 0;
	background-color: #fff;
}
.information>ul li{
	margin: 0 30px;
	border-bottom: 1px dashed #adadad;
}
.information>ul li:last-child{
	border-bottom: none;
}

.information>ul li a{
	display: block;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 15px 4px;
}
.information>ul li a .info_subcat{
	display: block;
	width: 100px;
	height: 30px;
	box-sizing: border-box;
	color: #fff;
	border: 1px solid #000;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	font-size: 16px;
}


.etc .info_subcat{background-color: #4EB895;}
.jigyosya .info_subcat{background-color: #437CBF;}
.kenmin .info_subcat{background-color: #ff9933;}

.information>ul li a .info_date{
	display: block;
	margin-right: 20px;
	width: 120px;
}
.information>ul li a .info_title{
	width: calc( 100% - 220px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis ;
}

/* PICKUP */
.information>ul li.-pickup{
	margin: 0;
	border-bottom: 1px solid #000;
	padding: 30px 30px;
	margin-bottom: 15px;
}
.information>ul li.-pickup a{
	flex-wrap: wrap;
}
.information>ul li.-pickup a .info_subcat{
	width: 140px;
	height: 40px;
	border-radius: 20px;
	font-size: 22px;
}
.information>ul li.-pickup a .info_date{
	font-size: 22px;
	margin-right: 0;
	width: unset;
}
.information>ul li.-pickup a .info_title{
	width: 100%;
	margin-top: 15px;
	font-size: 40px;
	padding: 0 0 0 36px;
}






@media screen and (max-width: 767px) {
	.informationheader{
		margin-bottom: 2vw;
	}
	.informationheader h2{
		font-size: 5vw;
	}
	.informationheader a{
		min-height: 7vw;
		font-size: 4vw;
		padding: 0 9vw 0 0;
		background-image: url(../img/common/arrowcicle.svg);
		background-size: 7vw;
		display: flex;
		align-items: center;
	}

	.information>ul{
		padding: 0 0 4vw 0;
	}
	.information>ul li{
		margin: 0 4vw;
	}
	.information>ul li a{
		padding: 4vw 0;
		flex-wrap: wrap;
	}
	.information>ul li a .info_subcat{
		width: 20vw;
		height: 6vw;
		border-radius: 3vw;
		margin-right: 3vw;
		font-size: 3vw;
		margin-bottom: 1vw;
	}
	.information>ul li a .info_date{
		display: block;
		margin-right: 0;
		width: unset;
		font-size: 3vw;
		margin-bottom: 1vw;
	}
	.information>ul li a .info_title{
		width: 100%;
		font-size: 3.6vw;
	}

	/* PICKUP */
	.information>ul li.-pickup{
		padding: 2vw 4vw;
		margin-bottom: 3vw;
	}
	.information>ul li.-pickup a .info_subcat{
		width: 24vw;
		height: 7vw;
		border-radius: 3.5vw;
		font-size: 3.6vw;
	}
	.information>ul li.-pickup a .info_date{
		font-size: 3.6vw;
	}
	.information>ul li.-pickup a .info_title{
		margin-top: 0;
		font-size: 4.2vw;
		padding: 0 2vw 0 2vw;
		white-space: wrap;
	}

}

/* infomation page */


#information #wrap{
	background-color: #f7f5f2;
}

#information .ph{
	margin: 120px 0 50px 0;
}

.info-tabs{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
.info-btn{
  border-radius: 0 9999px 9999px 0;
  padding: 0.4em 1.2em;
  border: 1px solid #000;
  border-left: none;
  opacity: 0.6;
  background-color: #fff;
  color: #000;
  /* background-color: #4EB895;
  color: #fff; */
  height: 140px;
  width: 32%;
  font-size: 26px;
  display: block;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.info-btn:nth-child(2){background-color: #ff9933;color: #fff;}
.info-btn:nth-child(3){background-color: #437CBF;color: #fff;}
.info-btn span{
	display: block;
	font-size: 18px;
	margin-bottom: 5px;
}


.category-tabs{
	text-align: center;
	margin-bottom: 30px;
}
.cat-btn {
	border-radius: 9999px;
	padding: 0.4em 1.2em;
	background-color: #828282;
	color: #fff;
	border: none;
	transition: opacity 0.3s ease;
	margin-right: 24px;
	margin-bottom: 10px;
	opacity: 0.6;
}
.cat-btn:last-child{
	margin-right: 0;
}
.info-btn.-current, .cat-btn.-current {
	opacity: 1;
}

.info-btn:hover, .cat-btn:hover{
	opacity: 1;
}




.info-count{
	font-size: 24px;
	margin-bottom: 30px;
}

#information .information>ul li span.info_subcat{
	background-color: #4EB895;
	border: none;
}
#information .information>ul li.info-jigyosya span.info_subcat{
	background-color: #437CBF;
}
#information .information>ul li.info-kenmin span.info_subcat{
	background-color: #ff9933;
}

#information .information>ul{
	padding-top: 30px;
	margin-bottom: 50px;
}
.info-item.is-last {
	border-bottom: none;
}

/* .loading-spinner {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #111;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 1s linear infinite;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */

.load-more {
	display: block;
	margin: 0 auto;
	border: 1px solid #ccc;
	background: transparent;
	padding: 1.1em 3.8em 1.1em 1.8em;
	border-radius: 9999px;
	background-color: #fff;
	color: #828282;
	font-weight: 500;
	border: 2px solid #828282;
	background-image: url(../img/common/arrowcicle-greydown.svg);
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 40px;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	#information .ph{
		margin: 0 0 0 0;
	}
	#information h2.page-title a{
		display: block;
		font-size: 5.4vw;
		background-color: transparent;
		color: #000;
		padding: 0;
		font-weight: 600;
		margin-bottom: 10vw;
	}
	.info-tabs{
		margin-bottom: 4vw;
	}
	.info-btn{
		padding: 0.2em 1.2em;
		opacity: 0.6;
		height: 20vw;
		width: 100%;
		font-size: 4.8vw;
		margin-bottom: 4vw;
	}
	.info-btn span{
		font-size: 3.6vw;
		margin-bottom: 1.2vw;
	}
	.category-tabs{
		margin-bottom: 4vw;
	}
	.cat-btn {
		padding: 0.4em 1.2em;
		margin-right: 4vw;
		margin-bottom: 2vw;
	}
	.info-count{
		font-size: 4vw;
		margin-bottom: 4vw;
	}
	#information .information>ul{
		padding-top: 4vw;
		margin-bottom: 10vw;
	}
	.load-more {
		background-position: center right 3vw;
		background-size: 7vw;
		cursor: pointer;
	}
}

/* INFORMATION SINGLE */
#info-post{
	box-sizing: border-box;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 50px 7% 50px 7%;
	background-color: #fff;
	margin-bottom: 50px;
}
#info-post .single_header{
	border-bottom: 1px dashed #adadad;
	padding: 0 0 30px 0;
	margin-bottom: 40px;
}
#info-post .single_header .info_subcat{
	padding: 0.2em 1.4em;
	box-sizing: border-box;
	color: #fff;
	background-color: #adadad;
	border-radius: 9999px;
	margin-right: 20px;
}

#info-post .single_header .info_subcat{
	padding: 0.2em 1.4em;
	box-sizing: border-box;
	color: #fff;
	background-color: #adadad;
	border-radius: 9999px;
	margin-right: 20px;
}
#info-post .single_header .info_subcat{
	background-color: var(--color-green);
}
#info-post .single_header .info_subcat.jigyosya{
	background-color: var(--color-blue);
}
#info-post .single_header .info_subcat.kenmin{
	background-color: var(--color-orange);
}

#info-post .single_header h1{
	font-size: 30px;
	margin-top: 20px;
	font-weight: 500;
}

#info-post .single_content{
	/* overflow: hidden; */
	width: 100%;
}

#info-post  .aaaa{
	display: block;
	margin: 0 auto;
	border: 1px solid #ccc;
	background: transparent;
	padding: 1.1em 3.8em 1.1em 1.8em;
	border-radius: 9999px;
	background-color: #fff;
	color: #828282;
	font-weight: 500;
	border: 2px solid #828282;
	background-image: url(../img/common/arrowcicle-greydown.svg);
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 40px;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	#info-post{
		padding: 10vw 7% 4vw 7%;
		margin-bottom: 10vw;
	}
	#info-post .single_header{
		padding: 0 0 30px 0;
		margin-bottom: 4vw;
	}
	#info-post .single_header .info_subcat{
		padding: 0.2em 1.4em;
		margin-right: 4vw;
	}
	#info-post .single_header h1{
		font-size: 4.2vw;
		margin-top: 4vw;
	}
}

/* editor */
#info-post .single_content h1{
	font-size: 30px;
	color: #437CBF;
	margin-bottom: 2rem;
	font-weight: 500;
}
#info-post .single_content h2{
	font-size: 24px;
	color: #437CBF;
	margin-bottom: 2rem;
	font-weight: 500;
}
#info-post .single_content h3{
	font-size: 20px;
	color: #437CBF;
	margin-bottom: 2rem;
	font-weight: 500;
}
#info-post .single_content p{
	margin-bottom: 2rem;
}
#info-post .single_content a{
	color: #437CBF;
	text-decoration: underline;
}
#info-post .single_content strong{
	color: #ff9933;
}
#info-post .single_content em{
	color: red;
}
#info-post .single_content .wp-caption{
	max-width: 100%;
	margin-bottom: 2rem;
}
#info-post .single_content img{
	max-width: 100%;
	height: 100%;
}
#info-post .single_content p.wp-caption-text{
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	#info-post .single_content h1{
		font-size: 6.2vw;
		margin-bottom: 2rem;
	}
	#info-post .single_content h2{
		font-size: 5.2vw;
		margin-bottom: 2rem;
	}
	#info-post .single_content h3{
		font-size: 4.0vw;
		margin-bottom: 2rem;
	}
	#info-post .single_content p{
		margin-bottom: 2rem;
	}
	#info-post .single_content .wp-caption{
		width: 100% !important;
	}
	#info-post .single_content img{
		width: 100% !important;
	}
	#info-post .single_content p.wp-caption-text{
		margin-bottom: 0;
	}

}

/*==============================================================
	T0 TOP
==============================================================*/
#top #wrap{
	background-color: #F6F4F0;
}
#top header.ph{
	margin-bottom: 40px;
}

#top .slider{
	width: 100%;
	max-width: 1100px;
	margin-top: 30px;
}
#top .slider .topslider_body{
	width: 100%;
	height: 400px;
	/* aspect-ratio: 1100 / 400; */
	margin-bottom: 40px;
	position: relative;
}
#top .slider .topslider{
	width: 100%;
	height: 100%;
	position: relative;
}
#top .slider .topslider>div{
	height: 100%;
	width: 100%;
	position: relative;
}
#top .slider .topslider>div a{
	height: 100%;
	width: 100%;
	position: relative;
}
#top .slider .topslider>div a img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
#top .slider .dots-wrap {
    display: flex;
    justify-content: center;
}
#top .slider .dots-wrap li {
    width: 100%;
    height: 10px;
    background: #dfdfdf;
    cursor: pointer;
}

#top .slider .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

#top .slider .dots-wrap li:hover,
#top .slider .dots-wrap li.slick-active {
    background: #437cbe;
}


.slider .slider_ctrl{
	position: absolute;
	bottom: 25px; right: 20px;
	z-index: 2;
}
.slider .slider_ctrl button.slider_ctrl_toggle{
	background-color: #437CBF;
	border: none;
	border-radius: 9999px;
	color: #fff;
	font-size: 16px;
	padding: 0.3em 1em 0.5em;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	#top header.ph{
		margin: 0;
		margin-bottom: 8vw;
	}

	#top .slider{
		max-width: unset;
		margin-top: 0;
	}
	#top .slider .topslider_body{
		width: 100%;
		height: 33vw;
		margin-bottom: 4vw;
	}
	#top .slider .dots-wrap {
		width: calc(100% - 12vw);
		margin: 0 6vw;
		margin-bottom: 6vw;
	}
	#top .slider .dots-wrap li {
		height: 1vw;
	}
	#top .slider p.sp_show{
		width: calc(100% - 12vw);
		margin: 0 6vw;
	}

	.slider .slider_ctrl{
		bottom: 2vw; right: 2vw;
	}
	.slider .slider_ctrl button.slider_ctrl_toggle{
		font-size: 2.4vw;
	}

}

#top #top_contents{
}

#top #top_contents .top_purpose{
	position: relative;
	border: 1px solid #000;
	background-color: #fff;
	border-radius: 25px;
	box-sizing: border-box;
	padding: 60px 0 40px 0;
	margin: 80px 0 80px 0;
}
#top #top_contents .top_purpose h3 a{
	background-color: #437cbf;
	border-radius: 50px;
	color: #fff;
	display: block;
	padding: 15px 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -30px;
}
#top #top_contents .top_purpose>div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top #top_contents .top_purpose>div>div{
	width: 33.3%;
	border-right: 1px solid #000;
	box-sizing: border-box;
	padding: 0 60px;
	flex: 1;
	display: flex;
	flex-direction: column; /* ← 縦並びにする */
}
#top #top_contents .top_purpose>div>div:last-child{
	border-right: none;
}
#top #top_contents .top_purpose>div>div .-icon{
	height: 180px;
	margin-bottom: 30px;
}
#top #top_contents .top_purpose>div>div .-icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#top #top_contents .top_purpose>div>div h4{
	color: #437cbf;
	text-align: center;
	font-size: 26px;
	margin-bottom: 20px;
}
#top #top_contents .top_purpose>div>div p{
	margin-bottom: 20px;
}
#top #top_contents .top_purpose>div>div span{
	margin-top: auto;
	text-align: center;
}
#top #top_contents .top_purpose>div>div span a{
	vertical-align: middle;
	padding-left: 35px;
	background-image: url(../img/common/arrowcicle-tranaparent.svg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 25px;
	padding-bottom: 2px;
}

#top #top_contents .top_pages{
	text-align: center;
}
#top #top_contents .top_pages h3 a{
	display: inline-block;
	margin-bottom: 20px;
	background-color: #437cbf;
	border-radius: 50px;
	color: #fff;
	padding: 15px 30px;
}
#top #top_contents .top_pages ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 600px;
	margin: 0 auto;
	margin-bottom: 80px;
	row-gap: 10px;
}
#top #top_contents .top_pages ul li{
	display: inline-block;
	padding-left: 35px;
	background-image: url(../img/common/arrowcicle-tranaparent.svg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 25px;
	padding-bottom: 2px;
	/* margin-right: 30px; */
	box-sizing: border-box;
	width: 30%;
	text-align: left;
}
#top #top_contents .top_pages ul li:nth-child(3n-2){
	width: 38%;
}


#top #top_contents .btn_100{
	display: block;
	margin-bottom: 60px;
}
#top #top_contents .btn_100 a{
	background-color: #dfdfdf;
	background-image: url(../img/common/arrowcicle-tranaparent.svg);
	background-repeat: no-repeat;
	background-position: center right 50px;
	background-size: 50px;
}
#top #top_contents .btn_100.btn_saiyou{
}
#top #top_contents .btn_100.btn_saiyou a{
	background-color: #4EB895;
	background-image: url(../img/common/arrowcicle-white.svg);
	color: #fff;
}
#top #top_contents .btn_100.btn_others a{
	background-color: var(--color-blue);
	background-image: url(../img/common/arrowcicle-white.svg);
	color: #fff;
}
#top #top_contents .btn_lo2{
	margin-top: 30px;
	margin-bottom: 60px;
}
#top #top_contents .btn_lo2>.btn_fat a{
	padding-left: 150px;
}
#top #top_contents .btn_lo2>.btn_fat:first-child a{
	background-image: url(../img/common/icon-panf.svg),url(../img/common/icon-pdf.svg);
	background-repeat: no-repeat;
	background-position: center left 50px,center right 50px;
	background-size: 70px,40px;
}
#top #top_contents .btn_lo2>.btn_fat:last-child a{
	background-image: url(../img/common/icon-docs.svg),url(../img/common/icon-pdfdocx.svg);
	background-repeat: no-repeat;
	background-position: center left 50px,center right 50px;
	background-size: 70px,100px;
}

@media screen and (max-width: 767px) {
	#top #top_contents .top_purpose{
		border-radius: 6vw;
		padding: 14vw 0 4vw 0;
		margin: 14vw 0 12vw 0;
	}
	#top #top_contents .top_purpose h3 a{
		box-sizing: border-box;
		border-radius: 10vw;
		padding: 3vw 6vw;
		white-space: nowrap;
		top: -6vw;
	}
	#top #top_contents .top_purpose>div{
		display: block;
	}
	#top #top_contents .top_purpose>div>div{
		width: calc(100% - 12vw);
		border-right: none;
		padding: 0 0;
		margin: 0 6vw;
		border-bottom: 1px solid #000;
		margin-bottom: 10vw;
	}
	#top #top_contents .top_purpose>div>div:last-child{
		border-bottom: none;
	}
	#top #top_contents .top_purpose>div>div .-icon{
		height: 36vw;
		margin-bottom: 6vw;
	}
	#top #top_contents .top_purpose>div>div h4{
		font-size: 4.8vw;
		margin-bottom: 4vw;
	}
	#top #top_contents .top_purpose>div>div p{
		margin-bottom: 4vw;
	}
	#top #top_contents .top_purpose>div>div span{
		margin-top: 0;
		margin-bottom: 10vw;
	}
	#top #top_contents .top_purpose>div>div:last-child span{
		margin-bottom: 0;
	}

	#top #top_contents .top_pages h3 a{
		box-sizing: border-box;
		border-radius: 10vw;
		padding: 3vw 6vw;
		margin-bottom: 4vw;
	}

	/* #top #top_contents .top_pages ul{
		width: 60%;
		margin: 0 auto;
		margin-bottom: 10vw;
	}
	#top #top_contents .top_pages ul li{
		text-align: left;
		display: block;
		padding-left: 7vw;
		background-size: 5vw;
		margin-right: 0;
		margin-bottom: 3vw;
		background-position: top 0.3vw left;
		padding-bottom: 0.3vw;
	} */
	#top #top_contents .top_pages ul{
		display: block;
		width: 60%;
		margin: 0 auto;
		margin-bottom: 10vw;
	}
	#top #top_contents .top_pages ul li{
		text-align: left;
		display: block;
		padding-left: 7vw;
		background-size: 5vw;
		margin-right: 0;
		margin-bottom: 3vw;
		background-position: top 0.3vw left;
		padding-bottom: 0.3vw;
		width: 100%;
	}
	#top #top_contents .top_pages ul li:nth-child(3n-2){
		width: 100%;
	}



	#top #top_contents .btn_100{
		margin-bottom: 10vw;
	}
	#top #top_contents .btn_100 a{
		background-position: center right 4vw;
		background-size: 6vw;
	}


	#top #top_contents .btn_lo2{
		margin-top: 4vw;
		margin-bottom: 10vw;
		display: block;
	}
	#top #top_contents .btn_lo2>.btn_fat{
		width: 100%;
		display: block;
		margin-bottom: 4vw;
	}
	#top #top_contents .btn_lo2>.btn_fat a{
		padding-left: 25vw;
		font-size: 4.2vw;
	}
	#top #top_contents .btn_lo2>.btn_fat:first-child a{
		background-image: url(../img/common/icon-panf.svg),url(../img/common/icon-pdf.svg),url(../img/common/arrowcicle-tranaparent.svg);
		background-repeat: no-repeat;
		background-position: center left 8vw,center right 12vw,center right 4vw;
		background-size: 9vw,6vw,6vw;
	}
	#top #top_contents .btn_lo2>.btn_fat:last-child a{
		background-image: url(../img/common/icon-docs.svg),url(../img/common/icon-pdfdocx.svg),url(../img/common/arrowcicle-tranaparent.svg);
		background-repeat: no-repeat;
		background-position: center left 8vw,center right 12vw,center right 4vw;
		background-size: 9vw,16vw,6vw;
	}

}
/*==============================================================
	J1 JIGYO TOP
==============================================================*/

#jigyo #wrap{
	background-color: #F7F6F2;
}

#jigyo .jigyo_top .ph{
	margin-bottom: 20px;
}
#jigyo .jigyo_top .ph_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 100%;
	position: relative; 
	overflow: hidden;
	padding-right: calc((100% - 1100px) / 2);
	column-gap: 40px;
}


#jigyo .jigyo_top .ph_left {
	min-width: 50%;
	width: calc(100% - 646px);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#jigyo .jigyo_top .ph_left div.-pagetitle{
	box-sizing: border-box;
	color: #fff;
	border: 1px solid #000;
	border-left: none;
	background-color: #437cbf;
	display: flex;
	flex-wrap: nowrap;
	justify-content: end;
	align-items: center;
	width: 100%;
	border-radius: 0 30vw 30vw 0;
	padding: 38px 7% 42px 0;
	margin-top: 40px;
}
#jigyo .jigyo_top .ph_left h1 {
	font-size: clamp(32px, 3.2vw, 38px);
}
#jigyo .jigyo_top .ph_left h1 span{
	font-size: clamp(28px, 2.8vw, 30px);
}


#jigyo .jigyo_top .ph_right {
	width: 646px;
	height: 100%;
	position: relative;
	z-index: 1;
	aspect-ratio: 646 / 357;
	background-image: url(../img/jigyo/jigyo_headerback.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	#jigyo .jigyo_top .ph{
		aspect-ratio: auto;
		margin-top: 0;
		margin-bottom: 10vw;
	}
	#jigyo .jigyo_top .ph_inner {
		display: block;
		padding-right: 0;
		column-gap: 0;
	}

	#jigyo .jigyo_top .ph_left {	
		min-width: unset;
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 5vw;
	}

	#jigyo .jigyo_top .ph_left div.-pagetitle{
		justify-content: start;
		font-size: 4.8vw;
		width: 100%;
		border-radius: 0 30vw 30vw 0;
		aspect-ratio: 1120 / 320;
		padding: 0 6vw 0.8vw 6vw;
		margin-right: 6vw;
		margin-top: 0;
	}
	#jigyo .jigyo_top .ph_left h1 {
		font-size: 5.4vw;
	}
	#jigyo .jigyo_top .ph_left h1 span{
		font-size: 4.5vw;
	}


	#jigyo .jigyo_top .ph_right {
		box-sizing: border-box;
		width: calc(100% - 15vw);
		aspect-ratio: 310 / 183;
		margin: 0 7.5vw;
		background-image: url(../img/jigyo/jigyo_headerback-sp.svg);
	}

}



/* JIGYOSLIDER */
#jigyo .ph_slider_wrap{
	display: flex;
	justify-content: center;
	align-items: end;
	height: 100%;
	width: 100%;
}

#jigyo .cslider_body{
	height: 70%;
	margin: 0 3% 0 8%;
}
#jigyo .cslider{
	width: 100%;
	height: 100%;
	position: relative;
}
#jigyo .cslider .slick-arrow {
}
#jigyo .cslider .slick-arrow.slick-prev {
	display: none;
}

/* aの高さを100%にしたい */
#jigyo .cslider>div,
#jigyo .cslider>div>div {
	height: 100%;
	width: 100%;
	position: relative;
}
#jigyo .cslider .slick-slide{
	margin-left: 20px;
	margin-right: 60px;
}
#jigyo .cslider .slick-slide a{
	display: block;
	height: 100%;
	box-sizing: border-box;
}
#jigyo .cslider .slick-slide a>div:first-child{
	display: flex;
	flex-wrap: nowrap;
	justify-content: start;
	align-items: center;
	margin-bottom: 3%;
}
#jigyo .cslider .slick-slide a span.info_subcat{
	width: 24%;
	padding: 0.3% 0 0.5% 0;
	max-width: 200px;
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
	border: 1px solid #000;
	border-radius: 10vw;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	font-size: clamp(16px, 2vw, 20x);
}
#jigyo .cslider .slick-slide a span.info_date{
	font-size: clamp(16px, 2vw, 20x);
}
#jigyo .cslider .slick-slide a .info_title{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; 
	overflow: hidden;
	text-overflow: ellipsis ;
	font-size: clamp(32px, 3.2vw, 38px);
	line-height: 1.33;
}

@media screen and (max-width: 767px) {
	#jigyo .ph_slider_wrap{
	}
	#jigyo .cslider_body{
		width: 100%;
		height: 75%;
		margin: 0 12vw 0 12vw;
		margin: 0;
	}
	#jigyo .cslider{
		width: 100%;
		height: 100%;
		position: relative;
	}

	#jigyo .cslider .slick-arrow.slick-prev {
		display: none;
	}

	#jigyo .cslider>div,
	#jigyo .cslider>div>div {
		width: 70%;
		margin: 0 auto;
	}

	#jigyo .cslider .slick-slide{
		margin-left: 0;
		margin-right: 0;
	}
	#jigyo .cslider .slick-slide a>div:first-child{
		margin-bottom: 2vw;
		justify-content: center;
	}

	#jigyo .cslider .slick-slide a span.info_subcat{
		width: 20vw;
		padding: 0.5vw 0;
		max-width: 20vw;
		border-radius: 10vw;
		margin-right: 4vw;
		font-size: 3vw;
	}
	#jigyo .cslider .slick-slide a span.info_date{
		font-size: 3vw;
	}
	#jigyo .cslider .slick-slide a .info_title{
		font-size: 5.25vw;
	}

}



#ourbusiness h2{
	font-size: 30px;
	margin-bottom: 30px;
}
#ourbusiness h2 span{
	font-size: 24px;
}
#ourbusiness ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap:40px;
	margin-bottom: 50px;
}

#ourbusiness ul::after {
	display: block;
	content:"";
	width: 20%;
	max-width: 190px;
	aspect-ratio: 1 / 1;
}

#ourbusiness ul li{
	width: 20%;
	max-width: 190px;
	aspect-ratio: 1 / 1;
	display: block;
}



#ourbusiness ul li a{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #fff;
	border-radius: 8%;
	border: 1px solid #000;
	padding: 6% 9% 12% 9%;
	display: flex;
	justify-content: center;
	align-items: end;
	position: relative;
	background-repeat: no-repeat;
	background-position: left calc(53%) top 30%;
	background-size: 50%;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#ourbusiness ul li a span{
	font-family: 'Futura','Century Gothic','Zen Kaku Gothic New', 'Yu Gothic', "游ゴシック", 'YuGothic', "游ゴシック体", Hiragino Kaku Gothic ProN, 'Meiryo', sans-serif;
	font-size: 26px;
	color: #437cbf;
	display: block;
	font-weight: 600;
	position: absolute;
	top:6%;left:10%;
}
#ourbusiness ul li:nth-child(1) a{background-image: url(../img/jigyo/icon-ob01.svg);}
#ourbusiness ul li:nth-child(2) a{background-image: url(../img/jigyo/icon-ob02.svg);}
#ourbusiness ul li:nth-child(3) a{background-image: url(../img/jigyo/icon-ob03.svg);}
#ourbusiness ul li:nth-child(4) a{background-image: url(../img/jigyo/icon-ob04.svg);}
#ourbusiness ul li:nth-child(5) a{background-image: url(../img/jigyo/icon-ob05.svg);}
#ourbusiness ul li:nth-child(6) a{background-image: url(../img/jigyo/icon-ob06.svg);}
#ourbusiness ul li:nth-child(7) a{background-image: url(../img/jigyo/icon-ob07.svg);background-size: 40%;}
#ourbusiness ul li:nth-child(8) a{background-image: url(../img/jigyo/icon-ob08.svg);background-size: 40%;background-position: left calc(55%) top 30%;}
#ourbusiness ul li:nth-child(9) a{background-image: url(../img/jigyo/icon-ob09.svg);}
#ourbusiness ul li:nth-child(10) a{background-image: url(../img/jigyo/icon-ob10.svg);background-size: 40%;}
#ourbusiness ul li:nth-child(11) a{background-image: url(../img/jigyo/icon-ob11.svg);background-size: 40%;}
#ourbusiness ul li:nth-child(12) a{background-image: url(../img/jigyo/icon-ob12.svg);background-size: 60%;background-position: left calc(53%) top 40%;}
#ourbusiness ul li:nth-child(13) a{background-image: url(../img/jigyo/icon-ob13.svg);background-size: 45%;background-position: left calc(53%) top 40%;}
#ourbusiness ul li:nth-child(14) a{background-image: url(../img/jigyo/icon-ob14.svg);background-size: 55%;}
#ourbusiness ul li:nth-child(15) a{background-image: url(../img/jigyo/icon-ob15.svg);background-size: 55%;background-position: left calc(60%) top 40%;}



@media screen and (max-width: 767px) {
	#ourbusiness h2{
		font-size: 4.5vw;
		text-align: center;
		margin-bottom: 5vw;
	}
	#ourbusiness h2 span{
		font-size: 4.25vw;
	}
	#ourbusiness ul{
		row-gap:4vw;
		margin-bottom: 6vw;
	}
	#ourbusiness ul::after {
		display: block;
		content:"";
		width: 30%;
		max-width: unset;
	}
	#ourbusiness ul li{
		width: 30%;
		max-width: unset;
	}


	#ourbusiness ul li a{
		border-radius: 10%;
		font-size: 2.625vw;
		background-position: left calc(53%) top 33%;
	}
	#ourbusiness ul li a span{
		font-size: 5vw;
		top:4%;left:8%;
	}

	/* #ourbusiness ul li:nth-child(14) a{background-image: url(../img/jigyo/icon-ob14.svg);background-size: 35%;} */



}

.links#jigyo_links .btn_square .btn{
	display: block;
	width: 48%;
}
.links#jigyo_links .btn_square .btn a{
	border: 1px solid #000;
	border-radius: 32px;
	height: 280px;
	height: 100%;
	min-height: 280px;
	background-color: white;
	background-repeat: no-repeat;
	background-size: 120px;
	background-position:  center right 40px;
	padding: 32px;
	font-size: 32px;
	display: block;
	align-items: start;
	position: relative;
}
.links#jigyo_links .btn_square .btn a>div{
	position: relative;
}
.links#jigyo_links .btn_square .btn a>div:first-child{
	/* display: flex;
	align-items: center; */
	height: 33%;
	min-height: 100px;
}
.links#jigyo_links .btn_square .btn a>div>span{
	background-color: #437CBF;
	display: inline-block;
	border-radius: 9999px;
	padding: 0.2em 1.2em 0.3em;
	font-size: 16px;
	color: #fff;
	margin-bottom: 1.2em;
}
.links#jigyo_links .btn_square .btn a>em{
	display: block;
	position: absolute;
	right: 35px;bottom: 35px;
	font-size: 22px;
}
.links#jigyo_links .btn_square .btn:first-child a{
	background-image: url(../img/jigyo/icon-login.svg);
}
.links#jigyo_links .btn_square .btn:last-child a{
	background-image: url(../img/jigyo/icon-reserve.svg);
}


.links#jigyo_links .btn_square_full{
	margin-bottom: 3em;
}

.links#jigyo_links .btn_square_full .btn{
	width: 100%;
}
.links#jigyo_links .btn_square_full .btn a{
	text-align: center;
	box-sizing: border-box;
	height: 100%;
	min-height: 100px;
	background-repeat: no-repeat;
	background-size: 140px 60px;
	background-position:  center left calc(50% + 10.5em);
	padding: 0.7em 140px 1.1em 0;
	font-size: 32px;
	background-image: url(../img/jigyo/icon-nicewebmanual.svg) !important;
}

@media screen and (max-width: 767px) {
	.links#jigyo_links .btn_square{
		margin-bottom: 1em;
	}
	.links#jigyo_links .btn_square .btn a{
		box-sizing: border-box;
		border-radius: 999vw;
		height: 20vw;
		min-height: unset;
		background-size: 12vw;
		background-position:  center right 5vw;
		padding: 4vw 0 4vw 4vw;
		font-size: 3.4vw;
	}
	.links#jigyo_links .btn_square .btn a>div:first-child{
		display: flex;
		align-items: center;
		height: 100%;
		min-height: unset;
		line-height: 1.2;
	}
	.links#jigyo_links .btn_square .btn a>div:first-child i{
		display: none;
	}

	.links#jigyo_links .btn_square .btn a>div:nth-child(2){
		display: none;
	}
	.links#jigyo_links .btn_square .btn a>em{
		display: none;
	}
	.links#jigyo_links .btn_square_full{
		margin-bottom: 3em;
	}
	.links#jigyo_links .btn_square_full .btn a{
		text-align: left;
		height: auto;
		min-height: unset;
		background-size: 6em;
		background-position:  center right 1.2em;
	}



	.links#jigyo_links h3{
		font-size: 4.5vw;
	}
}





/*==============================================================
	J2 JIGYO PAGE
==============================================================*/
#jigyo .jigyo_single .ph{
	margin-top: 120px;
}
#jigyo .jigyo_single .ph_inner {
	display: flex;
	align-items: end;
	justify-content: start;
	height: 100%;
	width: 100%;
	position: relative; 
	overflow: hidden;
	column-gap: 30px;
}
#jigyo .jigyo_single .ph_left{
	width: 55%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
}
#jigyo .jigyo_single .ph_left div.-pagetitle{
	box-sizing: border-box;
	font-size: 38px;
	border: 1px solid #000;
	border-left: none;
	background-color: #fff;
	width: 100%;
	border-radius: 0 30vw 30vw 0;
	padding: 0 0 0 2%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: end;
	align-items: center;
	height: 220px;
}
#jigyo .jigyo_single .ph_left div.-pagetitle>div{
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0 0 0 1%;
}


#jigyo .jigyo_single .ph_left span{
	line-height: 1;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: 0; left: 1%;
	color: #437cbf;
	font-size: clamp(1.8rem, 46px, 3.6rem);
	min-width: 50px;
	text-align: center;
	padding: 2% 2% 0 0;
	border-right: 1px solid #000;
}

/* #jigyo .jigyo_single .ph_left .-title{
	display: block;
	width: 100%;
	max-width: 460px;
	height: 100%;
	padding-top: 150px;
} */
#jigyo .jigyo_single .ph_left h1{
	display: block;
	width: 100%;
	max-width: 460px;
	font-size: clamp(30px, 3.2vw, 38px);
}


#jigyo .jigyo_single .ph_left img {
	display: block;
	/* width: 20%; */
	height: 60%;
	max-width: 160px;
	object-fit: contain;
	margin-right: 8%;
}

#jigyo .jigyo_single .ph_right{
	width: 45%;
	max-width: 445px;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#jigyo .jigyo_single .information{
}

/* PICKUP */
#jigyo .jigyo_single .information>ul {
	padding: 0 0 0 0;
}
#jigyo .jigyo_single .information>ul li{
	margin: 0 30px;
	border-bottom: 1px dashed #adadad;
	padding: 0;
	margin-bottom: 0;
}
#jigyo .jigyo_single .information>ul li:last-child{
	border-bottom: none;
}
#jigyo .jigyo_single .information>ul li a{
	flex-wrap: wrap;
}

#jigyo .jigyo_single .information>ul li a .info_date{
	display: block;
	width: 100%;
	margin-right: 0;
}
#jigyo .jigyo_single .information>ul li a .info_title{
	width: 100%;
	margin-top: 0;
	font-size: 18px;
	padding: 0;
}

@media screen and (max-width: 767px) {
	#jigyo .jigyo_single .ph{
		margin-top: 0;
	}
	#jigyo .jigyo_single .ph_inner {
		display: block;
		column-gap: 0;
	}
	#jigyo .jigyo_single .ph_left{
		width: calc(100% - 6vw);
		justify-content: start;
	}
	#jigyo .jigyo_single .ph_left div.-pagetitle{
		font-size: 4.8vw;
		border-radius: 0 30vw 30vw 0;
		padding: 0 0 0 12vw;
		/* aspect-ratio: 1120 / 300;
		max-height: unset; */
		height: 30vw;
	}
	#jigyo .jigyo_single .ph_left div.-pagetitle>div{
		max-width: unset;
		padding: 0 0 0 0;
	}


	#jigyo .jigyo_single .ph_left h1 {
		width: 75%;
		max-width: unset;
		font-size: 4.8vw;
		margin-top: 2vw;
	}
	#jigyo .jigyo_single .ph_left span{
		top: 0; left: 0.5vw;
		font-size: 5vw;
		min-width: 10vw;
		padding: 2vw 0.5vw 0 0;
	}

	#jigyo .jigyo_single .ph_left img {
		display: block;
		height: 50%;
		margin-right: 9%;
		max-width: unset;
	}

	#jigyo .jigyo_single .ph_right{
		width: calc( 100% - 15vw);
		margin: 0 7.5vw;
		margin-top: 6vw;
		max-width: unset;
	}


	/* PICKUP */
	#jigyo .jigyo_single .information>ul li{
		margin: 0 5vw;
	}

	#jigyo .jigyo_single .information>ul li a .info_date{
		font-size: 3vw;
		margin-bottom: 0;
	}
	#jigyo .jigyo_single .information>ul li a .info_title{
		font-size: 3.6vw;
	}
}



/* EDITOR */
.pageheader_jigyo a{
	display: block;
	padding: 0.6em 1.2em;
	border-radius: 0.5em;
	border: 2px solid #e71f19;
	color: #e71f19;
	font-weight: 500;
	font-size: 1.5em;
	background-color: #fff;
	background-attachment: fixed;
}



#jigyo .jigyo_single .section_jigyo h1{
	box-sizing: border-box;
	display: inline-block;
	font-size: 24px;
	background-color: #437cbf;
	color: #fff;
	border-radius: 0 44px 44px 0;
	border: 1px solid #000;border-left: none;
	padding: 20px 33px 24px 30px;
	margin-bottom: 30px;
}

#jigyo .jigyo_single .content_jigyo{
	margin-bottom: 30px;
}


#jigyo .jigyo_single .content_jigyo h2{
	font-size: 22px;
	color: #437cbf;
	margin-bottom: 20px;
}
	#jigyo .jigyo_single .content_jigyo h2::after{
		display: block;
		content: "";
		height: 1px;
		background-color: #000;
		margin-top: 10px;
	}
#jigyo .jigyo_single .content_jigyo p{
	margin-bottom: 30px;
}
#jigyo .jigyo_single .content_jigyo strong{
	color: #fa0000;
}
#jigyo .jigyo_single .content_jigyo a{
	color: #437cbf;
	text-decoration: underline;
}



#jigyo .jigyo_single .content_jigyo ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	row-gap: 20px;
	margin-bottom: 50px;
}
#jigyo .jigyo_single .content_jigyo ul li{
	width: 48%;
}
#jigyo .jigyo_single .content_jigyo ul li a{
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	font-size: 20px;
	height: 100px;
	padding: 0 90px 0 50px;
	border: 1px solid #000;
	border-radius: 50px;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: right 7% center;
	background-size: 9%;
	background-image: url(../img/common/icon-etc.svg);
}
#jigyo .jigyo_single .content_jigyo ul li a.-excel{background-image: url(../img/common/icon-xlsx.svg);}
#jigyo .jigyo_single .content_jigyo ul li a.-word{background-image: url(../img/common/icon-docx.svg);}
#jigyo .jigyo_single .content_jigyo ul li a.-pdf{background-image: url(../img/common/icon-pdf.svg);
}


/* TABLE(housingも共通) */


#jigyo .jigyo_single .content_jigyo table,
#housing .housing_single .content_housing table{
	box-sizing: border-box;
	width: 100% !important;
	height: auto !important;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 50px;
	background-color: #fff;
}



#jigyo .jigyo_single .content_jigyo table tr,
#housing .housing_single .content_housing table tr{
	text-align: left;
	border-bottom: 1px solid #000;
	width: auto !important;
}

#jigyo .jigyo_single .content_jigyo table tr td,
#housing .housing_single .content_housing table tr td{
	border-left: 1px solid #000;
	vertical-align: middle;
	padding: 20px 20px;
	width: auto !important;
}
#jigyo .jigyo_single .content_jigyo table tr td:first-child,
#housing .housing_single .content_housing table tr td:first-child{
	border-left: none;
}

#jigyo .jigyo_single .content_jigyo table tr:first-child td,
#housing .housing_single .content_housing table tr:first-child td{
	text-align: left;
	background-color: #437cbf;
	color: #fff;
	padding: 10px 30px;
}

#housing .housing_single .content_housing table tr:first-child td{
	background-color: #adadad;
}


#jigyo .jigyo_single .content_jigyo img{
	max-width: 100%;
	height: 100%;
}


#jigyo .jigyo_single .content_jigyo strong{
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	#jigyo .jigyo_single .section_jigyo h1{
		font-size: 3.6vw;
		border-radius: 0 10vw 10vw 0;
		padding: 2.5vw 5vw 2.8vw 4vw;
		margin-bottom: 4vw;
	}

	#jigyo .jigyo_single .content_jigyo{
		margin-bottom: 5vw;
	}
	#jigyo .jigyo_single .content_jigyo h2{
		font-size: 3.6vw;
		margin-bottom: 2vw;
		line-height: 1.4;
	}
	#jigyo .jigyo_single .content_jigyo h2::after{
		margin-top: 2vw;
	}
	#jigyo .jigyo_single .content_jigyo p{
		margin-bottom: 6vw;
	}

	#jigyo .jigyo_single .content_jigyo ul{
		row-gap: 3vw;
		margin-bottom: 50px;
	}
	#jigyo .jigyo_single .content_jigyo ul li{
		width: 100%;
	}
	#jigyo .jigyo_single .content_jigyo ul li a{
		font-size: 3.4vw;
		height: 17vw;
		padding: 0 16vw 0 8vw;
		border-radius: 9vw;
		background-position: right 7% center;
		background-size: 8%;
	}




	/* #jigyo .jigyo_single .content_jigyo table{
		display: block;
		border: none;
		width: 100% !important;
		height: auto !important;
		background-color: transparent;
	}

	#jigyo .jigyo_single .content_jigyo table tbody{
		display: block;
		width: 100% !important;
	}


	#jigyo .jigyo_single .content_jigyo table tr{
		display: block;
		box-sizing: border-box;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		background-color: #fff;
		overflow: hidden;
		width: 100% !important;
		height: auto !important;
		margin-bottom: 6vw;
		padding-bottom: 2vw;
	}

	#jigyo .jigyo_single .content_jigyo table tr td{
		display: block;
		border-left: none;
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		padding: 2vw 8vw;
		margin-bottom: 0vw;
	}

	#jigyo .jigyo_single .content_jigyo table tr:first-child{
		display: none;
	}

	#jigyo .jigyo_single .content_jigyo table tr td:first-child{
		text-align: center;
		background-color: #437cbf;
		color: #fff;
		border-bottom: 1px solid #000;
	} */

	#jigyo .jigyo_single .content_jigyo table,
	#housing .housing_single .content_housing table{
		display: block;
		width: 100% !important;
		height: auto !important;
		overflow-x: auto;
		overflow-y: hidden; 
		-webkit-overflow-scrolling: touch;
		border: none;
		font-size: 3.6vw;
		margin-bottom: 10vw;
		position: relative;
	}

	#jigyo .jigyo_single .content_jigyo table tbody,
	#housing .housing_single .content_housing table tbody{
		box-sizing: border-box;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	/* #jigyo .jigyo_single .content_jigyo table tr {
		background-color: #3B6C3D;
	} */

	#jigyo .jigyo_single .content_jigyo table tr td,
	#jigyo .jigyo_single .content_jigyo table tr th,
	#housing .housing_single .content_housing table tr td,
	#housing .housing_single .content_housing table tr th{
		padding: 4vw 6vw;
		white-space: nowrap;
	}
	#jigyo .jigyo_single .content_jigyo table tr:first-child td,
	#housing .housing_single .content_housing table tr:first-child td{
		padding: 2vw 4vw;
	}
	.sptablewrap{
		position: relative;
	}
	/* .sptablewrap::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 5vw; 
		height: 100%;
		pointer-events: none;
		background: linear-gradient(to right, transparent, #F7F6F2);
	} */
	/* .sptablewrap::after {
		content: "";
		display: block;
		position: absolute;
		top: calc(50% - 3vw);
		right: -3vw;
		width: 6vw; 
		height: 6vw;
		pointer-events: none;
		background-image: url(../img/common/arrowcicle.svg);
		background-repeat: no-repeat;
	} */
}
/*==============================================================
	J3 JIGYO よくあるご質問
==============================================================*/
#faq .intro{
	margin-bottom: 80px;
}
#faq .sc_faq{
	margin-bottom: 100px;
}
#faq .sc_faq h2{
	font-size: 24px;
}
#faq .sc_faq h2::after{
	content: "";
	display: block;
	background-color: #000;
	width: 100%;
	height: 1px;
	margin: 15px 0 20px;
}

#faq .sc_faq ul{
	display: flex;
	flex-wrap: wrap;
	row-gap: 25px;
} 
#faq .sc_faq ul li{
	width: 100%;
	background-color: #fff;
	border-radius: 25px;
	padding: 30px 40px 30px 30px;
	box-sizing: border-box;
} 
#faq .sc_faq ul li .acd_trig a{
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	position: relative;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: right center;
	box-sizing: border-box;
	padding-right: 60px;
	padding-top: 0.2em;
	background-image: url(../img/common/acd-plus.png);
} 
#faq .sc_faq ul li .acd_trig.-isopen a{
	background-image: url(../img/common/acd-minus.png);
} 



#faq .sc_faq ul li .acd_trig a span{
	font-size: 38px;
	color: #ff9933;
	margin-right: 30px;
	position: relative;
	margin-top: -0.3em;
} 

#faq .sc_faq ul li .acd_target{
	display: none;
}
#faq .sc_faq ul li .acd_target>div{
	display: flex;
	align-items: top;
	box-sizing: border-box;
	padding-right: 60px;
	width: 100%;
}

#faq .sc_faq ul li .acd_target span{
	font-size: 30px;
	color: #c6c6c6;
	margin-right: 50px;
	position: relative;
	top: -0.3em;
	padding-top: 55px;
	font-weight: bold;
} 
#faq .sc_faq ul li .acd_target>div>div{
	font-size: 20px;
	width: 100%;
}
#faq .sc_faq ul li .acd_target>div>div::before{
	content: "";
	display: block;
	background-image: url(../img/common/border-dotted.svg);
	background-size: cover;
	background-repeat: repeat-x;
	width: 100%;
	height: 3px;
	margin-top: 15px;
	margin-bottom: 35px;
} 




@media screen and (max-width: 767px) {
	.page_faq header.ph{
		margin-bottom: 0;
	}
	#faq .intro{
		margin-bottom: 4vw;
	}
	#faq .sc_faq{
		margin-bottom: 6vw;
	}
	#faq .sc_faq h2{
		font-size: 4.5vw;
	}
	#faq .sc_faq h2::after{
		margin: 2vw 0 5vw;
	}

	#faq .sc_faq ul{
		row-gap: 4vw;
	} 
	#faq .sc_faq ul li{
		border-radius: 4vw;
		padding: 5vw 4vw 5vw 4vw ;
	} 
	#faq .sc_faq ul li .acd_trig a{
		font-size: 3.6vw;
		background-size: 4vw;
		padding-right: 8vw;
	}
	#faq .sc_faq ul li .acd_trig a span{
		font-size: 5.2vw;
		margin-right: 2.5vw;
		margin-top: -0.2em;
	} 
	
	#faq .sc_faq ul li .acd_target>div{
		padding-right: 8vw;
	}

	#faq .sc_faq ul li .acd_target span{
		font-size: 4.5vw;
		margin-right: 4.2vw;
		/* padding-top: 8vw; */
		padding-top: 1.2vw;
	} 
	#faq .sc_faq ul li .acd_target>div>div{
		font-size: 3.6vw;
	} 
	#faq .sc_faq ul li .acd_target>div>div::before{
		/* height: 0.6vw;
		margin-top: 3vw;
		margin-bottom: 3vw; */
		display: none;
	} 
	#faq .sc_faq ul li .acd_target::before{
		content: "";
		display: block;
		background-image: url(../img/common/border-dotted.svg);
		background-size: cover;
		background-repeat: repeat-x;
		width: 100%;
		
		height: 0.6vw;
		margin-top: 3vw;
		margin-bottom: 3vw;
	} 

}
/*==============================================================
	H1 HOUSING TOP
==============================================================*/

#housing #wrap{
	background-color: #F7F6F2;
}

#housing .housing_top .ph{
	/* margin-top: 80px; */
	margin-bottom: 40px;
	margin-top: 120px; 
	flex-wrap: wrap;
}
#housing .housing_top .ph_inner {
	display: flex;
	justify-content: space-between;
	align-items: start;
	height: 100%;
	width: 100%;
	position: relative; 
	padding-right: calc((100% - 1100px) / 2);
	column-gap: 40px;
	overflow: visible;
}

#housing .housing_top .ph_left {
	min-width: 50%;
	width: calc(100% - 680px);
	height: 100%;
}

#housing .housing_top .ph_left div.-pagetitle{
	box-sizing: border-box;
	color: #fff;
	border: 1px solid #000;
	border-left: none;
	background-color: #ff9933;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-radius: 0 30vw 30vw 0;
	padding: 38px 10% 42px 10%;
	/* margin-top: 100px; */
	margin-bottom: 40px;
}
#housing .housing_top .ph_left h1 {
	font-size: clamp(30px, 3.0vw, 35px);
}
#housing .housing_top .ph_left h1 span{
	font-size: clamp(28px, 2.8vw, 30px);
}

#housing .housing_top .ph_left p{
	display: block;
	/* padding-left: calc((100vw - 1100px) / 2 ); */
	padding-left: clamp(16px, calc((100vw - 1100px) / 2), calc((100vw - 1100px) / 2 - 8px));
}

#housing .housing_top .ph_right {
	width: 700px;
	height: 100%;
	position: relative;
	z-index: 1;
}

#housingkv>div>ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#housingkv>div>ul>li{
	width: 32%;
}
#housingkv>div>ul>li a{
	width: 100%;
}
#housingkv>div>ul>li a img{
	width: 100%;
}

/* .image-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 7 / 6;
	background: url(../img/housing/kenmin_header.svg) no-repeat center/contain;
	background-position: center;
} */



@media screen and (max-width: 767px) {
	#housing .housing_top .ph{
		margin-top: 0;
		margin-bottom: 10vw;
	}
	#housing .housing_top .ph_inner {
		display: block;
		height: auto;
		padding-right: 0;
		column-gap: 0;
	}
	#housing .housing_top .ph_left {
		min-width: unset;
		width: 100%;
		height: auto;
	}

	#housing .housing_top .ph_left div.-pagetitle{
		justify-content: center;
		width: calc(100% - 8vw);
		padding: 5vw 8vw 6vw 8vw;
		margin-top: 0;
		margin-bottom: 4vw;
	}
	#housing .housing_top .ph_left h1 {
		font-size: 5.2vw;
	}
	#housing .housing_top .ph_left h1 span{
		font-size: 4.5vw;
	}
	/* #housing .housing_top .ph_left p{
		text-align: center;
		display: block;
		padding-left: 0;
		font-size: 4vw;
	}

	#housing .housing_top .ph_left p img{
		text-align: center;
		padding: 0 7.5vw;
		display: block;
		margin: 0 auto;
	} */
	#housing .housing_top .ph_right {
		width: 100%;
		height: unset;
	}
	#housing .housing_top .ph_right p{
		text-align: center;
		display: block;
		/* padding-left: 0; */
		font-size: 4vw;
	}

	#housingkv>div>ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 10vw;
	}
	#housingkv>div>ul>li{
		width: 90%;
	}

}


#housingmenu h2{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	height: 75px;
	border-radius: 0 40px 40px 0;
	padding-left: 60px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 42px;
}

#housingmenu h2 span{
	font-size: 26px;
	margin-left: 6rem;
}
#housingmenu #housingmenu_knowledge h2 span{
	margin-left: 3.3rem;
}
#housingmenu #housingmenu_soudan h2{background-color: #4eb895;}
#housingmenu #housingmenu_knowledge h2{background-color: #ffa0aa;}
#housingmenu #housingmenu_shindan h2{background-color: #bb9bc8;}

#housingmenu ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 30px;
	margin-bottom: 70px;
}

#housingmenu ul li{
	width: 48%;
}
#housingmenu ul li a{
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 160px;
	background-color: #fff;
	border-radius: 80px 80px 80px 80px;
	border: 1px solid #000;
	overflow: hidden;
	padding: 0 25px 0 45px;
}
#housingmenu ul li a>div{
	width: 69%;
	font-size: 26px;
}
#housingmenu ul li a>div span{
	font-size: 18px;
	display: block;
	margin-top: 10px;
	letter-spacing: -1px;
}
#housingmenu ul li a>img{
	height: 70%;
	width: 31%;
	object-fit: contain;
}



@media screen and (max-width: 767px) {
	#housingmenu .sc_inner{
		padding: 0;
	}

	#housingmenu h2{
		display: block;
		width: calc(100% - 7.5vw);
		height: auto;
		border-radius: 0 20vw 20vw 0;
		padding: 4vw 0 4vw 7.5vw;
		margin-bottom: 6vw;
		color: #fff;
		font-size: 6vw;
	}

	#housingmenu h2 span{
		font-size: 3.6vw;
		margin-left: 0;
		display: block;
	}
	#housingmenu #housingmenu_knowledge h2 span{
		margin-left: 0;
	}

	#housingmenu ul{
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 4vw;
		margin-bottom: 10vw;
	}
	#housingmenu ul li{
		width: calc(100% - 15vw);
	}

	#housingmenu ul li a{
		width: 100%;
		height: 27vw;
		border-radius: 14vw 14vw 14vw 14vw;
		padding: 0 4vw 0 8vw;
	}
	#housingmenu ul li a>div{
		width: 75%;
		font-size: 4.5vw;
	}
	#housingmenu ul li a>div span{
		font-size: 3.6vw;
		margin-top: 1vw;
		letter-spacing: 0;
	}
	#housingmenu ul li a>img{
		height: 60%;
		width: 25%;
		object-fit: contain;
	}

}

/*==============================================================
	H2 HOUSING PAGE
==============================================================*/
#housing .housing_single .ph{
	margin-top: 120px;
}
#housing .housing_single .ph_inner {
	display: flex;
	align-items: center;
	justify-content: start;
	height: 100%;
	width: 100%;
	position: relative; 
	overflow: hidden;
	column-gap: 30px;
}
#housing .housing_single .ph_left{
	width: 55%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
}
#housing .housing_single .ph_left div.-pagetitle{
	box-sizing: border-box;
	font-size: 38px;
	border: 1px solid #000;
	border-left: none;
	background-color: #fff;
	width: 100%;
	border-radius: 0 30vw 30vw 0;
	padding: 0 0 0 2%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: end;
	align-items: center;
	height: 210px;
}
#housing .housing_single .ph_left div.-pagetitle>div{
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0 0 0 1%;
}
#housing .housing_single .ph_left h1 {
	display: block;
	width: 100%;
	max-width: 440px;
	font-size: clamp(30px, 3.2vw, 38px);
	margin-bottom: 30px;
}
#housing .housing_single .ph_left p {
	width: 100%;
	max-width: 440px;
	font-size: 16px;
}
#housing .housing_single .ph_left img {
	display: block;
	height: 60%;
	margin-right: 8%;
}
#housing .housing_single .ph_right{
	width: 45%;
	max-width: 445px;
}
#housing .housing_single .ph_right .housing_features h2{
	color: #ff9933;
	font-size: 26px;
	margin-bottom: 30px;
}
#housing .housing_single .ph_right .housing_features li::before{
	content: "●";
	color: #ff9933;
}


/* 建築賞用インフォメーション
 */



#housing .housing_single .information{
}

/* PICKUP */
#housing .housing_single .information>ul {
	padding: 0 0 0 0;
}
#housing .housing_single .information>ul li{
	margin: 0 30px;
	border-bottom: 1px dashed #adadad;
	padding: 0;
	margin-bottom: 0;
}
#housing .housing_single .information>ul li:last-child{
	border-bottom: none;
}
#housing .housing_single .information>ul li a{
	flex-wrap: wrap;
}

#housing .housing_single .information>ul li a .info_date{
	display: block;
	width: 100%;
	margin-right: 0;
}
#housing .housing_single .information>ul li a .info_title{
	width: 100%;
	margin-top: 0;
	font-size: 18px;
	padding: 0;
}

@media screen and (max-width: 767px) {
	#housing .housing_single .ph{
		margin-top: 0;
	}
	#housing .housing_single .ph_inner {
		display: block;
		column-gap: 0;
	}
	#housing .housing_single .ph_left{
		width: calc(100% - 6vw);
		justify-content: start;
	}
	#housing .housing_single .ph_left div.-pagetitle{
		font-size: 4.8vw;
		border-radius: 0 30vw 30vw 0;
		padding: 0 0 0 12vw;
		/* aspect-ratio: 1120 / 300;
		max-height: unset; */
		height: 30vw;
	}
	#housing .housing_single .ph_left div.-pagetitle>div{
		max-width: unset;
		padding: 0 0 0 0;
	}


	#housing .housing_single .ph_left h1 {
		width: 75%;
		max-width: unset;
		font-size: 4.8vw;
		margin-top: 2vw;
	}
	#housing .housing_single .ph_left span{
		top: 0; left: 0.5vw;
		font-size: 5vw;
		min-width: 10vw;
		padding: 2vw 0.5vw 0 0;
	}

	#housing .housing_single .ph_left img {
		display: block;
		height: 50%;
		margin-right: 9%;
		max-width: unset;
	}




	/* PICKUP */
	#housing .housing_single .information>ul li{
		margin: 0 5vw;
	}

	#housing .housing_single .information>ul li a .info_date{
		font-size: 3vw;
		margin-bottom: 0;
	}
	#housing .housing_single .information>ul li a .info_title{
		font-size: 3.6vw;
	}
}


@media screen and (max-width: 767px) {
	#housing .housing_single .ph{
		margin-top: 0;
	}
	#housing .housing_single .ph_inner {
		display: block;
	}
	#housing .housing_single .ph_left{
		width: 100%;
		height: 100%;
		display: block;
	}
	#housing .housing_single .ph_left div.-pagetitle{
		font-size: 5.2vw;
		width: calc(100% - 7.5vw);
		border-radius: 0 30vw 30vw 0;
		padding: 0 0 0 10vw;
		height: 24vw;
		margin-bottom: 5vw;
	}
	#housing .housing_single .ph_left div.-pagetitle>div{
		max-width: unset;
		padding: 0 0 0 0;
	}
	#housing .housing_single .ph_left h1 {
		max-width: unset;
		font-size: 5.2vw;
		margin-bottom: 0;
	}
	#housing .housing_single .ph_left p {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 5vw;
		padding: 0 7.5vw;
		max-width: unset;
		font-size: 3.6vw;
	}
	#housing .housing_single .ph_left img {
		display: block;
		height: 66%;
		margin-right: 10%;
	}
	#housing .housing_single .ph_right {
		font-size: 3.6vw;
		margin-bottom: 0;
		box-sizing: border-box;
		width: 100%;
		max-width: unset;
		padding: 0 7.5vw;
	}


	#housing .housing_single .ph_right .housing_features h2{
		font-size: 4.5vw;
		margin-bottom: 2vw;
	}



}




#housing .housing_menu h2{
	font-size: 26px;
	color: #ff9933;
	margin-bottom: 30px;
}
#housing .housing_menu ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 30px;
}
#housing .housing_menu ul::after{
	display: block;
	content:"";
	width: 31%;
}

#housing .housing_menu ul li{
	width: 31%;
}
#housing .housing_menu ul li a{
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 110px;
	background-color: #fff;
	border-radius: 0 55px 55px 0;
	border: 1px solid #000;
	border-left: none;
	padding: 0 20px;
}


#housing .housing_menu ul li a p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; 
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.5;
}
#housing .housing_menu ul li a span{
	color: #ff9933;
	border-right: 1px solid #000;
	padding-top: 0.5rem;
	padding-right: 1rem;
	display: inline-block;
	margin-bottom: 15px;
	line-height: 1;
}


@media screen and (max-width: 767px) {
	#housing .housing_menu h2{
		font-size: 4.5vw;
		margin-bottom: 2vw;
	}
	#housing .housing_menu ul{
		row-gap: 4vw;
	}
	#housing .housing_menu ul::after{
		width: 48%;
	}

	#housing .housing_menu ul li{
		width: 48%;
	}
	#housing .housing_menu ul li a{
		height: 12.5vw;
		border-radius: 0 7vw 7vw 0;
		padding: 0 20px;
		display: flex;
	}


	#housing .housing_menu ul li a p{
		-webkit-line-clamp: 2; 
		line-height: 1.5;
		font-size: 3.6vw;
		box-sizing: border-box;
		padding: 0 0 0 4vw;
		width: 100%;
		display: flex;
		justify-content: start;
		align-items: center;
	}
	#housing .housing_menu ul li a span{
		padding-top: 0.5rem;
		padding-right: 1rem;
		margin-bottom: 0;
		height: 5vw;
		font-size: 4.5vw;
	}

}





#housing .housing_single .section_housing{
	position: relative;
}

#housing .housing_single .section_housing h1{
	box-sizing: border-box;
	display: inline-block;
	font-size: 24px;
	background-color: #ff9933;
	color: #fff;
	border-radius: 0 44px 44px 0;
	border: 1px solid #000;border-left: none;
	padding: 20px 33px 24px 30px;
	margin-bottom: 30px;
	z-index: 2;
}

#housing .housing_single .section_housing img.housing_section_img{
	display: block;
	position: absolute;
	right: 0; 
	/* top: 50%;
	transform: translateY(-50%); */
	top: 30px;
	z-index: 1;
	width: 100%;
	max-width: 250px;
}


@media screen and (max-width: 767px) {
	#housing .housing_single .section_housing h1{
		font-size: 3.6vw;
		border-radius: 0 30vw 30vw 0;
		padding: 3.5vw 4vw 3.8vw 4vw;
		margin-bottom: 6vw;
	}

	#housing .housing_single .section_housing img.housing_section_img{
		display: block;
		position: relative;
		z-index: 1;
		width: 80%;
		max-width: unset;
		margin: 0 auto;
	}

}



/* EDITOR */
#housing .housing_single .content_housing{
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}

#housing .housing_single .content_housing h2{
	font-size: 22px;
	color: #ff9933;
	margin-bottom: 15px;
	font-weight: 500;
}
#housing .housing_single .content_housing h3{
	box-sizing: border-box;
	display: inline-block;
	font-size: 24px;
	background-color: #fff;
	border-radius: 0 44px 44px 0;
	border: 1px solid #000;border-left: none;
	padding: 20px 40px 24px 70px;
	margin-bottom: 30px;
	z-index: 2;
}



#housing .housing_single .content_housing p{
	margin-bottom: 30px;
}
#housing .housing_single .content_housing a{
	color: #437cbf;
	text-decoration: underline;
	/* color: #FF9933; */
}

#housing .housing_single .content_housing>ul{
	margin-bottom: 30px;
}
#housing .housing_single .content_housing>ul li::before{
	content: "●";
	color: #adadad;
}

#housing .housing_single .content_housing img{
	max-width: 100%;
	height: 100%;
}
#housing .housing_single .content_housing strong{
	color: #fa0000;
	font-weight: normal;
	/* color: #FF9933; */
}
#housing .housing_single .content_housing em{
	color: #FF9933;
}
#housing .housing_single .content_housing .orange{
	color: #FF9933;
}
/* #housing .housing_single .content_housing .frame{
	min-width: 800px;
	display: inline-block;
	box-sizing: border-box;
	border: 2px solid #adadad;
	background-color: #fff;
	border-radius: 15px;
	padding: 20px 20px;
	margin-bottom: 30px;
}
#housing .housing_single .content_housing .frame p{
	margin-bottom: 0;
	line-height: 1.8;
}

#housing .housing_single .content_housing .frame li{
	text-indent: -150px;
	padding-left: 150px;
	margin-bottom: 5px;
}
#housing .housing_single .content_housing .frame li:last-child{
	margin-bottom: 0;
}
#housing .housing_single .content_housing .frame li span{
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #7a7a7a;
	border-radius: 15px;
	min-width: 140px;
	margin-right: 20px;
	text-indent: 0;
} */

#housing .housing_single .content_housing blockquote{
	min-width: 800px;
	display: inline-block;
	box-sizing: border-box;
	border: 2px solid #adadad;
	background-color: #fff;
	border-radius: 15px;
	padding: 20px 20px;
	margin-bottom: 30px;
}
#housing .housing_single .content_housing blockquote p{
	margin-bottom: 0;
	line-height: 1.8;
}

#housing .housing_single .content_housing blockquote li{
	text-indent: -160px;
	padding-left: 160px;
	margin-bottom: 5px;
}
#housing .housing_single .content_housing blockquote li:last-child{
	margin-bottom: 0;
}
#housing .housing_single .content_housing blockquote li span{
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #7a7a7a;
	border-radius: 15px;
	min-width: 140px;
	margin-right: 20px;
	text-indent: 0;
	padding: 0 10px;
}

#housing .housing_single .content_housing a.-docicon{
	box-sizing: border-box;
	display: inline-block;
	height: 28px;
	padding-right: 22px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 17px 22px;
	background-image: url(../img/common/icon-pdf.svg);
}
#housing .housing_single .content_housing a.-docicon.-pdf{background-image: url(../img/common/icon-pdf.svg);}
#housing .housing_single .content_housing a.-docicon.-word{background-image: url(../img/common/icon-docx.svg);}
#housing .housing_single .content_housing a.-docicon.-excel{background-image: url(../img/common/icon-xlsx.svg);}

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

	#housing .housing_single .content_housing{
		margin-bottom: 6vw;
	}

	#housing .housing_single .content_housing h2{
		font-size: 4.5vw;
		margin-bottom: 4vw;
	}
	#housing .housing_single .content_housing h3{
		font-size: 3.6vw;
		border-radius: 0 30vw 30vw 0;
		padding: 3.5vw 6vw 3.8vw 10vw;
		margin-bottom: 6vw;
	}


	#housing .housing_single .content_housing p{
		margin-bottom: 6vw;
	}
	#housing .housing_single .content_housing>ul{
		margin-bottom: 6vw;
	}


	#housing .housing_single .content_housing blockquote{
		min-width: 100%;
		border-radius: 4.5vw;
		padding: 5vw 5vw;
		margin-bottom: 6vw;
	}
	#housing .housing_single .content_housing blockquote p{
	}

	#housing .housing_single .content_housing blockquote li{
		text-indent: 0;
		padding-left: 0;
		margin-bottom: 5px;
		display: flex;
  		flex-wrap: wrap;
	}
	#housing .housing_single .content_housing blockquote li:last-child{
		margin-bottom: 0;
	}
	#housing .housing_single .content_housing blockquote li span{
		border-radius: 4.5vw;
		min-width: 30vw;
		margin-right: 0;
		text-indent: 0;
		display: flex;
		justify-content: center;
		width: auto;
		margin-top: 2vw;
		margin-bottom: 2vw;
		padding: 0 2.5vw;
	}
	#housing .housing_single .content_housing blockquote li span::after{
		content: "";
		display: block;
	}



	#housing .housing_single .content_housing a.-docicon{
		height: 6vw;
		padding-top: 0.6vw;
		padding-right: 5vw;
		background-size: 4vw 6vw;
	}
}


/*==============================================================
	H3 HOUSING 住まいの応援事業者
==============================================================*/

#ouen header h1{
	box-sizing: border-box;
	display: inline-block;
	font-size: 24px;
	background-color: #FF9933;
	color: #fff;
	border-radius: 0 44px 44px 0;
	border: 1px solid #000;border-left: none;
	padding: 20px 40px 24px 20px;
	margin-bottom: 30px;
}

#ouen .sc_ouen{
	/* background-color: #eee; */
	margin-bottom: 100px;
}

#ouen .sc_ouen header h2{
	box-sizing: border-box;
	display: inline-block;
	font-size: 24px;
	background-color: #fff;
	border-radius: 0 44px 44px 0;
	border: 1px solid #000;border-left: none;
	padding: 20px 40px 24px 70px;
	margin-bottom: 30px;
	z-index: 2;
}
/* #ouen .sc_ouen header p{
	color: #ff9933;
	margin-bottom: 30px;
} */

#ouen .sc_ouen>ul{
	background-color: #fff;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
#ouen .sc_ouen>ul li{
	border-top: 1px solid #000;
}
#ouen .sc_ouen>ul li:first-child{
	border-top: none;
}
#ouen .sc_ouen>ul li .acd_trig a{
	display: flex;
	box-sizing: border-box;
	padding: 10px 30px;
	width: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: right 30px center;
	background-image: url(../img/common/acd-plus.png);
}
#ouen .sc_ouen>ul li .acd_trig.-isopen a{
	background-image: url(../img/common/acd-minus.png);
} 
#ouen .sc_ouen>ul li .acd_target table{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	/* border-top: 1px solid #000; */
	background-color: #fff;
}
#ouen .sc_ouen>ul li .acd_target table tr{
	box-sizing: border-box;
	text-align: left;
	/* border-bottom: 1px solid #ADADAD; */
	display: flex;

}



#ouen .sc_ouen>ul li .acd_target table tr:last-child{
	border-bottom: none;
}
#ouen .sc_ouen>ul li .acd_target table tr td{
	box-sizing: border-box;
	border-left: 1px solid #000;
	vertical-align: middle;
	/* padding: 10px 30px; */
	/* flex: 1; */
	display: flex;
	align-items: stretch; /* spanを縦方向に引き伸ばす */
	padding: 0 30px;
}

#ouen .sc_ouen>ul li .acd_target table tr>td>span{
	flex: 1; /* 横も縦もセルいっぱい */
	border-bottom: 1px solid #ADADAD;
	display: flex;
	align-items: center;
	padding: 10px 30px;
}
#ouen .sc_ouen>ul li .acd_target table tr:last-child>td>span{
	border-bottom: none;
}



#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(1){
	border-left: none;
	width: 33%;
	font-weight: bold;
	padding: 0 0 0 30px;
}
#ouen .sc_ouen>ul li .acd_target table tr td:nth-child(2){
	width: 45%;
	padding: 0 0 0 0;
}
#ouen .sc_ouen>ul li .acd_target table tr td:nth-child(3){
	width: 22%;
	padding: 0 30px 0 0;
}
#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(1)>span{
	padding-left: 0;
}
#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(2)>span{
	padding: 10px 30px;
}
#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(3)>span{
	padding: 10px 30px;
}

#ouen .sc_ouen>ul li .acd_target table tr:first-child{
	border-bottom: 1px solid #000;
	background-color: #ADADAD;
	color: #fff;
}
#ouen .sc_ouen>ul li .acd_target table tr:first-child td{
	background-color: #ADADAD;
	color: #fff;
	font-weight: bold;
}
#ouen .sc_ouen>ul li .acd_target table tr td a{
	color: var(--color-blue);
	text-decoration: underline;
}

/* デバッグ用 */
#ouen .sc_ouen>ul li .acd_target{
	display: none;
}

@media screen and (max-width: 767px) {
	#ouen header h1{
		font-size: 3.6vw;
		border-radius: 0 30vw 30vw 0;
		padding: 3.5vw 6vw 3.8vw 4vw;
		margin-bottom: 6vw;
	}


	#ouen .sc_ouen header h2{
		font-size: 3.6vw;
		border-radius: 0 30vw 30vw 0;
		padding: 3.5vw 6vw 3.8vw 10vw;
		margin-bottom: 6vw;
	}
	#ouen .sc_ouen>ul li .acd_trig a{
		padding: 2vw 6vw;
		background-size: 5vw;
		background-position: right 4vw center;
	}
	#ouen .sc_ouen>ul li .acd_target table{
		font-size: 3.2vw;
	}
	#ouen .sc_ouen>ul li .acd_target table tr td{
		padding: 0;
	}
	#ouen .sc_ouen>ul li .acd_target table tr>td>span{
		padding: 0;
	}
	#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(1){
		width: 35%;
		padding: 0 0 0 0;
	}
	#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(2){
		width: 45%;
		padding: 0 0 0 0;
	}
	#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(3){
		width: 20%;
		padding: 0 0 0 0;
	}
	#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(1)>span{
		padding: 3vw 2vw;
	}
	#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(2)>span{
		padding: 3vw 2vw;
	}
	#ouen .sc_ouen>ul li .acd_target table tr>td:nth-child(3)>span{
		padding: 3vw 2vw;
	}
	#ouen .sc_ouen>ul li .acd_target table tr:first-child td span{
		display: inline-block;
		text-align: center;
	}
}


/*==============================================================
	H4 HOUSING まちづくり建築賞
==============================================================*/



#prize .sc_inner>ul{
	background-color: #fff;
	border-top: 2px solid #000;
	/* border-top: 2px solid #000; */
	/* border-bottom: 2px solid #000; */
	margin-top: 40px;
}
#prize .sc_inner>ul>li{
	/* border-top: 2px solid #000; */
}
#prize .sc_inner>ul>li:first-child{
	border-top: none;
}
#prize .sc_inner>ul>li .acd_trig a{
	display: flex;
	box-sizing: border-box;
	padding: 20px 80px;
	width: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: right 30px center;
	background-image: url(../img/common/acd-plus.png);
	font-size: 24px;
	border-bottom: 2px solid #000;
}
#prize .sc_inner>ul>li .acd_trig.-isopen a{
	background-image: url(../img/common/acd-minus.png);
} 
#prize .sc_inner>ul>li .acd_target {
	border-bottom: 2px solid #000;
}
#prize .sc_inner>ul>li .acd_target .prize_single{
	box-sizing: border-box;
	width: calc(100% - 160px);
	height: auto;
	background-color: #fff;
	padding: 30px 0 30px 0;
	margin: 0 80px;
	border-bottom: 2px dashed #adadad;
}
#prize .sc_inner>ul>li .acd_target .prize_single:last-child{
	border-bottom: none;
}


#prize .sc_inner>ul>li .acd_target .prize_single .winner{
	box-sizing: border-box;
	text-align: left;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
#prize .sc_inner>ul>li .acd_target .prize_single .winner:last-child{
	margin-bottom: 0;
}

#prize .sc_inner>ul>li .acd_target .prize_single .winner div.-l{
	width: 60%;
}
#prize .sc_inner>ul>li .acd_target .prize_single .winner div.-r{
	width: 30%;
}

#prize .sc_inner>ul>li .acd_target .prize_single h3{
	font-size: 24px;
	color: #FF8533;
	margin-bottom: 40px;
}
#prize .sc_inner>ul>li .acd_target .prize_single h4{
	font-size: 16px;
	color: #fff;
	background-color: #adadad;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 5px 15px;
	margin-bottom: 20px;
}
#prize .sc_inner>ul>li .acd_target .prize_single h5{
	font-size: 24px;
	margin-bottom: 20px;
}
#prize .sc_inner>ul>li .acd_target .prize_single ul li{
	border-bottom: 1px solid #adadad;
	padding: 15px 0;
}
#prize .sc_inner>ul>li .acd_target .prize_single ul li span{
	color: #adadad;
	margin-right: 30px;
}
#prize .sc_inner>ul>li .acd_target .prize_single ul li.-place,
#prize .sc_inner>ul>li .acd_target .prize_single ul li.-design{
	text-indent: -88px;
	padding-left: 88px;
}
#prize .sc_inner>ul>li .acd_target .prize_single ul li.-note a{
	color: #ff9933;
}
#prize .sc_inner>ul>li .acd_target .prize_single .winner div.-r img{
	width: 100%;
	object-fit: cover;
}



/* デバッグ用 */
#prize .sc_inner>ul li .acd_target{
	display: none;
}


@media screen and (max-width: 767px) {
	#prize .sc_inner>ul{
		margin-top: 8vw;
	}
	#prize .sc_inner>ul>li .acd_trig a{
		padding: 4vw 5vw;
		background-size: 5vw;
		background-position: right 6vw center;
		font-size: 3.6vw;
	}
	#prize .sc_inner>ul>li .acd_target .prize_single{
		width: 100%;
		padding: 6vw 5vw;
		margin: 0;
	}


	#prize .sc_inner>ul>li .acd_target .prize_single .winner{
		flex-direction: column;
		margin-bottom: 10vw;
	}
	#prize .sc_inner>ul>li .acd_target .prize_single .winner:last-child{
		margin-bottom: 0;
	}

	#prize .sc_inner>ul>li .acd_target .prize_single .winner div.-l{
		width: 100%;
		margin-bottom: 5vw;
	}
	#prize .sc_inner>ul>li .acd_target .prize_single .winner div.-r{
		width: 100%;
	}

	#prize .sc_inner>ul>li .acd_target .prize_single h3{
		font-size: 4.8vw;
		margin-bottom: 4vw;
	}
	#prize .sc_inner>ul>li .acd_target .prize_single h4{
		font-size: 3.2vw;
		border-radius: 5vw;
		padding: 1vw 3vw;
		margin-bottom: 4vw;
	}
	#prize .sc_inner>ul>li .acd_target .prize_single h5{
		font-size: 4.2vw;
		margin-bottom: 4vw;
	}
	#prize .sc_inner>ul>li .acd_target .prize_single ul li{
		padding: 3vw 0;
	}
	#prize .sc_inner>ul>li .acd_target .prize_single ul li span{
		margin-right: 6vw;
	}
	#prize .sc_inner>ul>li .acd_target .prize_single ul li.-place,
	#prize .sc_inner>ul>li .acd_target .prize_single ul li.-design{
		text-indent: -17.6vw;
		padding-left: 17.6vw;
	}
}
/*==============================================================
	PAGES
==============================================================*/
#etc #wrap{
	background-color: #f7f5f2;
}
#etc .ph{
	margin: 120px 0 50px 0;
}
.page-title a{
	display: block;
	font-size: 30px;
	background-color: #437CBF;
	color: #fff;
	border-radius: 9999px;
	padding: 0.4em 0.9em 0.45em 0.9em;
}

.page-intro :is(h2,h3,h4){
	text-align: center;
	width: 83%;
	margin: 0 auto;
	margin-bottom: 1em;
}
.page-intro p{
	width: 83%;
	margin: 0 auto;
	margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
	#etc .ph{
		margin: 0;
	}
	.page-title a{
		display: block;
		font-size: 5.4vw;
		margin-bottom: 10vw;
	}
	.page-intro :is(h2,h3,h4){
		width: 100%;
	}
	.page-intro p{
		width: 100%;
		margin-bottom: 10vw;
	}
}

.page-section p{
	margin-bottom: 1.5em;
}
.page-section h1{
	box-sizing: border-box;
	display: inline-block;
	font-size: 24px;
	background-color: #fff;
	color: #437cbf;
	border-radius: 0 44px 44px 0;
	border: 1px solid #000;border-left: none;
	padding: 20px 33px 24px 30px;
	margin-bottom: 30px;
	font-weight: 500;
}
.page-section h2{
	font-size: 22px;
	margin-bottom: 1.5em;
}
.page-section h2::after{
	display: block;
	content: "";
	height: 1px;
	background-color: #000;
	margin-top: 10px;
}
.page-section h3{
	color: #437CBF;
	font-size: 26px;
	margin-bottom: 1.5em;
}
.page-section blockquote,
.page-section div.-content{
	border-radius: 15px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 30px 30px 30px 40px;
	margin-bottom: 1.5em;
}
.page-section h4{
	color: #437CBF;
	font-size: 20px;
	margin-bottom: 0.2em;
}



@media screen and (max-width: 767px) {
	.page-section h1{
		font-size: 4vw;
		border-radius: 0 10vw 10vw 0;
		padding: 2.5vw 5vw 2.8vw 4vw;
		margin-bottom: 4vw;
		/* margin-left: -8vw;
		padding-left: 8vw; */
	}
	.page-section h2{
		font-size: 4vw;
	}
	.page-section h2::after{
		margin-top: 2vw;
	}
	.page-section h3{
		font-size: 5vw;
	}
	.page-section blockquote,
	.page-section div.-content{
		border-radius: 5vw;
		padding: 6vw 6vw;
	}
	.page-section h4{
		color: #437CBF;
		font-size: 4vw;
		margin-bottom: 0.2em;
	}
}


.c-paralink{
	display: inline;
	background-image: url(../img/pages/icon-link.svg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 1rem;
	padding-right: 1.5rem;
}
/*==============================================================
	PAGES__PURPOSE
==============================================================*/

.purpose-intro img{
	/* display: block; */
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 100%;
	aspect-ratio: 916 / 830;
	max-width: 916px;
	margin-bottom: 50px;
}

.purpose-section div.sc_inner{
	width: 100%;
	max-width: unset;
	display: flex;
	justify-content: space-between;
	padding: 0;
	column-gap: 50px;
}

.purpose-section__left{
	box-sizing: border-box;
	background-color: red;
	width: 30%;
	display: flex;
	justify-content: space-between;
	border-radius: 0 9999px 9999px 0;
	border: 1px solid #000;
	border-left: none;
	height: 100%;
	height: 340px;
	display: flex;
	justify-content: end;
	align-items: center;
	padding-right: 5%;
	color: #fff;
}
.purpose-info .purpose-section__left{background-color: #ff9933;}
.purpose-quality .purpose-section__left{background-color: #437CBF;}
.purpose-safety .purpose-section__left{background-color: #4eb895;}

.purpose-section__left div h3{
	text-align: center;
}
.purpose-section__left div h3:after{
	content: "";
	display: block;
	height: 180px;
	width: 100%;
	background-image: url(../img/pages/purpose_info.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 30px;
}

.purpose-info .purpose-section__left{background-color: #ff9933;}
.purpose-quality .purpose-section__left{background-color: #437CBF;}
.purpose-safety .purpose-section__left{background-color: #4eb895;}

.purpose-info .purpose-section__left div h3:after{background-image: url(../img/pages/purpose-info.svg);}
.purpose-quality .purpose-section__left div h3:after{background-image: url(../img/pages/purpose-quality.svg);}
.purpose-safety .purpose-section__left div h3:after{background-image: url(../img/pages/purpose-safety.svg);}


.purpose-section__right{
	box-sizing: border-box;
	width: 70%;
	padding-right: calc((100vw - 1120px) / 2);
}
.purpose-section__right p{
	margin-bottom: 1em;
}
.purpose-section__right b{
	color: #437CBF;
	font-weight: normal;
}


.purpose-section__right>div>ul{
	margin-bottom: 1em;
}
.purpose-section__right>div>ul>li{
	margin-bottom: 1em;
}
.purpose-section__right>div>ul>li>ul{
    padding-left: 1em;
    text-indent: -1em;
}
.purpose-section__right>div>ul>li{
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (max-width: 767px) {
	.purpose-intro p{
		margin-bottom: 10vw;
	}
	.purpose-intro img{
		width: 100%;
		aspect-ratio: unset;
		max-width: unset;
		margin-bottom: 10vw;
	}

	.purpose-section div.sc_inner{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		padding: 0;
		column-gap: 0;
	}

	.purpose-section__left{
		box-sizing: border-box;
		width: 65%;
		height: 100%;
		height: 40vw;
		padding-right: 15%;
		margin-bottom: 8vw;
	}

	.purpose-section__left div h3{
		text-align: center;
		font-size: 3.6vw;
	}
	.purpose-section__left div h3:after{
		height: 22vw;
		width: 100%;
		margin-top: 4vw;
	}

	.purpose-section__right{
		box-sizing: border-box;
		width: 100%;
		padding: 0 8vw;
	}
	.purpose-section__right p{
		margin-bottom: 1em;
	}
	.purpose-section__right b{
		color: #437CBF;
		font-weight: normal;
	}

}

/*==============================================================
	PAGES__CENTER
==============================================================*/
.page-center b{
	color: var(--color-blue);
	font-weight: normal;
	font-size: 1.1em;
}

#goaisatsu .-flx{
	display: flex;
	justify-content: space-between;
	align-items: end;
}
#goaisatsu .-flx>div:nth-child(1){
	width: 70%;
}
#goaisatsu .-flx>div:nth-child(2){
	width: 23%;
	text-align: center;
}
#goaisatsu .-flx>div:nth-child(2) img{
	width: 100%;
	object-fit: cover;
	margin-bottom: 1em;
}
#goaisatsu .-flx>div:nth-child(2) span{
	display: block;
	text-align: left;
}
#goaisatsu .-flx>div:nth-child(2) em{
	font-size: 1.3em;
}

#mokuteki p,#keii p,#shishin p{
	width: 80%;
} 

#rinen .-flx{
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
}
#rinen .-flx>div:nth-child(1){
	width: 38%;
}
#rinen .-flx>div:not(:nth-child(1)){
	box-sizing: border-box;
	width: 22%;
	height: 300px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 15px;
	padding: 20px 20px;
	display: flex;
	flex-direction: column;
}
#rinen .-flx>div:not(:nth-child(1)) img{
	display: block;
	margin: 0 auto;
	height: 130px;
	object-fit: contain;
	margin-bottom: 1em;
}
#rinen .-flx>div:nth-child(3) img{
	width: 130px;
	height: 130px;
}

.page-center #yakuin b{
	color: #000;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	#goaisatsu .-flx{
		flex-direction: column-reverse;
	}
	#goaisatsu .-flx>div:nth-child(1){
		width: 100%;
	}
	#goaisatsu .-flx>div:nth-child(2){
		width: 100%;
		text-align: left;
		display: flex;
		justify-content: space-between;
		align-items: end;
		margin-bottom: 1.5em;
	}
	#goaisatsu .-flx>div:nth-child(2) img{
		width: 45%;
		object-fit: cover;
		margin-bottom: 1em;
		margin-bottom: 0;
	}
	#goaisatsu .-flx>div:nth-child(2) span{
		width: 50%;
		display: block;
		text-align: left;
	}

	#mokuteki p,#keii p,#shishin p{
		width: 100%;
	} 
	#rinen .-flx{
		row-gap: 5vw;
		column-gap: 0;
		flex-direction: column;
	}
	#rinen .-flx>div:nth-child(1){
		width: 100%;
	}
	#rinen .-flx>div:not(:nth-child(1)){
		box-sizing: border-box;
		width: 100%;
		height: 48vw;
		border-radius: 4vw;
		padding: 6vw 6vw;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	#rinen .-flx>div:not(:nth-child(1)) img{
		height: 80%;
		width: 42%;
		margin: 0;
	}
	#rinen .-flx>div:nth-child(3) img{
		width: 42%;
		height: 80%;
	}
	#rinen .-flx>div:not(:nth-child(1)) p{
		width: 52%;
	}

}

/* TABLE */

.page-center table{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fff;
}

.page-center table tr{
	text-align: left;
	border-bottom: 1px solid #000;
	width: auto;
}

.page-center table tr td{
	border-left: 1px solid #000;
	vertical-align: middle;
	padding: 1.5em 1.2em;
	width: 75%;
}
.page-center table tr td:first-child{
	border-left: none;
	background-color: #437cbf;
	color: #fff;
	width: 25%;
	vertical-align: top;
}

@media screen and (max-width: 767px) {
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-scroll table{
	min-width: 800px;
}

.page-center table{
}

.page-center table tr{
	text-align: left;
	border-bottom: 1px solid #000;
	width: auto;
}

.page-center table tr td{
	border-left: 1px solid #000;
	vertical-align: middle;
	padding: 1.2em 1.2em;
	width: 75%;
}
.page-center table tr td:first-child{
	border-left: none;
	background-color: #437cbf;
	color: #fff;
	width: 25%;
	vertical-align: top;
}

}

/*==============================================================
	PAGES__SAIYOU
==============================================================*/
.saiyou-intro h3{
	text-align: center;
	margin-bottom: 1em;
}
.saiyou-intro p{
	text-align: left;
	width: 80%;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.saiyou-intro p{
		width: 100%;
	}ng-left: 8vw; */
}

.p-saiyou-flow {
	display: flex;
	align-items: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
}

.p-saiyou-flow li {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1.6;
	position: relative;
	padding-top: 28px;
}

.p-saiyou-flow li::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #437CBF;
  z-index: 1;
}

.p-saiyou-flow li::after {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 2px;
  background: #929292;
  z-index: 0;
}

.p-saiyou-flow li:first-child::after {
	left: 50%;
}

.p-saiyou-flow li:last-child::after {
	right: 50%;
}

@media screen and (max-width: 767px) {
  .p-saiyou-flow {
    flex-direction: column;
    align-items: flex-start;
	background-color: #fff;
	padding: 0.5em 2em;
	border-radius: 4vw;
  }

  .p-saiyou-flow li {
    flex: none;
    width: 100%;
    flex-direction: row;
    align-items: center;
    text-align: left;
    padding-top: 0;
    padding-left: 8.8vw;
    min-height: 12.8vw;
  }

  .p-saiyou-flow li::before {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .p-saiyou-flow li::after {
    top: 0;
    bottom: 0;
    left: 1.8vw;
    right: auto;
    width: 2px;
    height: auto;
  }

  .p-saiyou-flow li:first-child::after {
    top: 50%;
    bottom: 0;
    left: 1.8vw;
  }

  .p-saiyou-flow li:last-child::after {
    top: 0;
    bottom: 50%;
    left: 1.8vw;
  }

}

.saiyou-content :is(h3,h4){
	color: #437CBF;
	font-size: 20px;
	margin-bottom: 0.2em;
}
@media screen and (max-width: 767px) {
  .saiyou-content :is(h3,h4){
		font-size: 4vw;
	}
}

.saiyou-body>.sc_inner h3{
	margin-bottom: 1em;
}

/*==============================================================
	PAGES__OTHERS
==============================================================*/

.others-links .btn_lo2{
	flex-wrap: wrap;
	row-gap: 30px;
	width: 70%;
	margin: 0 auto;
}
.others-links .btn_lo2>span{
	position: relative;
}
.others-links .btn_lo2 .btn_100 a{
	justify-content: start;
	padding-left: 12%;
	border-radius: 9999px;
}
.others-links .btn_lo2 p>span{
	position: absolute;
	top: 0;left: 12%;
	color: var(--color-blue);
}
.others-links .btn_lo2 p>span::after{
	display: inline-block;
	content: "";
	width: 1px;
	height: 1.5em;
	background-color: #000;
	vertical-align: text-top;
	margin-left: 0.5em;
}

@media screen and (max-width: 767px) {
	.others-links .btn_lo2{
		flex-wrap: wrap;
		flex-direction: column;
		row-gap: 30px;
		width: 100%;
	}
	.others-links .btn_lo2 .btn_100{
		width: 100%;
	}
	.others-links .btn_lo2 .btn_100 a{
		height: 22vw;
	}
}
/*==============================================================
	PAGES__POLICY
==============================================================*/
.section-policy h1{
	background-color: var(--color-blue);
	color: #fff;
	text-indent: -2em;
	padding-left: 3em;
}
.section-policy a{
	color: var(--color-blue);
	text-decoration: underline;
}
.section-policy ul{
	margin-bottom: 1em;
}
.section-policy ul li::first-letter{
	color: var(--color-blue);
}


/* TABLE */

.section-policy  table{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fff;
}

.section-policy  table tr{
	text-align: left;
	border-bottom: 1px solid #000;
	width: auto;
}

.section-policy  table tr td{
	border-left: 1px solid #000;
	vertical-align: middle;
	padding: 1.2em 1.0em;
	width: auto;
}
.section-policy  table tr:first-child td{
	background-color: #437cbf;
	color: #fff;
}
.section-policy  table tr td:first-child{
	border-left: none;
}

@media screen and (max-width: 767px) {
	.section-policy  table{
		box-sizing: border-box;
		width: 100%;
		height: auto;
		background-color: #fff;
		border: none;
	}

	.section-policy  table tr{
		display:block;
		border: none;
	}

	.section-policy  table tr td{
		vertical-align: middle;
		padding: 1.2em 1.0em;
		padding: 0;
		width: auto;
		display:block;
		border: none;
		margin: 0 1em 1em 1em;
	}
	.section-policy table tr:first-child{
		display:none;
	}
	.section-policy table tr td:first-child{
		border: none;
	}

	/* ラベル */
	.section-policy table td::before{
		color: #fff;
		display:block;
		background-color: var(--color-blue);
		padding: 0.8em 1em;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		margin: 0 -1em 1em -1em;
	}


	.section-policy table td:nth-child(1)::before{
		content:"事務所名";
	}
	.section-policy table td:nth-child(2)::before{
		content:"住所";
	}
	.section-policy table td:nth-child(3)::before{
		content:"TEL";
	}
	.section-policy table td:nth-child(4)::before{
		content:"E-mail";
	}
}

/*==============================================================
	PAGES__publicdocuments
==============================================================*/

.c-btn-document a{
	height: 94px !important;
	box-sizing: border-box;
	padding-right: 1.2em;
	background-repeat: no-repeat;
	background-position:center right 1em ;
	background-size: 1.2em;
	background-image: url(../img/common/icon-etc.svg);
}
.c-btn-document a.-docicon.-pdf{background-image: url(../img/common/icon-pdf.svg);}
.c-btn-document a.-docicon.-word{background-image: url(../img/common/icon-docx.svg);}
.c-btn-document a.-docicon.-excel{background-image: url(../img/common/icon-xlsx.svg);}

.u-text-left{text-align: left;}
.u-text-center{text-align: center;}
.u-text-right{text-align: right;}

.u-mb0{margin-bottom: 0em !important;}
.u-mb1{margin-bottom: 1em !important;}
.u-mb2{margin-bottom: 2em !important;}
.u-mb3{margin-bottom: 3em !important;}
.u-mb5{margin-bottom: 5em !important;}


@media screen and (max-width: 767px) {
	.c-btn-document a{
        font-size: 3.4vw;
        height: 17vw !important;
        padding: 0 16vw 0 9vw;
        border-radius: 9vw;
        background-position: right 7% center;
        background-size: 8%;
		justify-content: start;
	}
}

.p-documents .sc_inner>p{
	text-align: center;
	margin-bottom: 3em;
}

.p-documents .btn_lo2{
	flex-wrap: wrap;
	row-gap: 1em;
}
@media screen and (max-width: 767px) {
	.p-documents .sc_inner>p{
		text-align: left;
	}
	.p-documents .btn_lo2{
		flex-direction: column;
	}
	.p-documents .btn_lo2>span{
		width: 100% !important;
	}
}

/*==============================================================
	PAGES__pamphlet
==============================================================*/
.p-pamphlet-content .sc_inner>p{
	text-align: center;
	margin-bottom: 3em;
}

.p-pamphlet-base{
	margin-bottom: 5em;
}

.p-pamphlet-header h3{
	color: var(--color-blue);
	border-bottom: 1px solid #000;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
.p-pamphlet-header p{
	width: 50%;
	margin-bottom: 3em;
}

@media screen and (max-width: 767px) {
	.p-pamphlet-content .sc_inner>p{
		/* text-align: left; */
	}
	.p-pamphlet-header h3{
		font-size: 1.25em;
	}
	.p-pamphlet-header p{
		width: 100%;
		margin-bottom: 3em;
	}

}



.p-pamphlet-item {
	display: grid;
	/* grid-template-columns: 3fr 1.5fr; */
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr;
	gap: 1em 4em;
	margin-bottom: 3em;
}
.p-pamphlet-item>div:nth-child(1){
	grid-column: 1;
	grid-row: 1;
}
.p-pamphlet-item>div:nth-child(2){
	grid-column: 1;
	grid-row: 2;
}
.p-pamphlet-item>div:nth-child(3){
	grid-column: 2;
	grid-row: 1 / span 2;
}

.p-pamphlet-item h4{
	display: inline-block;
	background-color: #fff;
	border-radius: 0 999px 999px 0;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0.5em 1em;
	font-size: 26px;
	color: var(--color-blue);
}

.p-pamphlet-item img{
	width: 100%;
	object-fit: contain;
	max-height: 280px;
}
.p-pamphlet-content {
	
}
.p-pamphlet-content a{
	color: var(--color-blue);
	text-decoration: underline;
}

.p-pamphlet-content a.-docicon.-pdf{
	box-sizing: border-box;
	display: inline-block;
	height: 28px;
	padding-right: 22px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 17px 22px;
	background-image: url(../img/common/icon-pdf.svg);
}

@media screen and (max-width: 767px) {
	.p-pamphlet-item {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 0;
		margin-bottom: 3em;
	}
	.p-pamphlet-item>div:nth-child(1){
		grid-column: 1;
		grid-row: 1;
	}
	.p-pamphlet-item>div:nth-child(2){
		grid-column: 1;
		grid-row: 2;
		margin-bottom: 2em;
	}
	.p-pamphlet-item>div:nth-child(3){
		grid-column: 1;
		grid-row: 3;
	}

	.p-pamphlet-item h4{
		font-size: 4.5vw;
		padding: 0.5em 1.0em;
		margin-bottom: 1em;
		margin-left: -7.5vw;
	}
	.p-pamphlet-item img{
		margin-bottom: 1em;
		max-height: 60vw;
	}


	.p-pamphlet-content a.-docicon{
		height: 6vw;
		padding-top: 0.6vw;
		padding-right: 5vw;
		background-size: 4vw 6vw;
	}
}

/*==============================================================
	PAGES__accessibility
==============================================================*/
.page-accessibility .page-section a{
	color: var(--color-blue);
	text-decoration: underline;
}
.page-accessibility table{
	box-sizing: border-box;
	width: 100% !important;
	height: auto !important;
	/* border-top: 1px solid #000; */
	/* border-bottom: 1px solid #000; */
	margin-bottom: 50px;
	background-color: #fff;
}



.page-accessibility table tr{
	text-align: left;
	/* border-bottom: 1px solid #000; */
	width: auto !important;
}
.page-accessibility table th{
	border-left: 1px solid #000;
	background-color: var(--color-blue);
	vertical-align: middle;
	padding: 20px 20px;
	color: #fff;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
}
.page-accessibility table th:first-child{
	border-bottom: 1px solid #fff;
}

.page-accessibility table th:first-child{
	border-left: none;
}

.page-accessibility table td{
	border-left: 1px solid #000;
	vertical-align: middle;
	padding: 20px 20px;
	width: auto !important;
	border-bottom: 1px solid #000;
}

.page-accessibility table tr>*:nth-child(1){
	width: 13%;
}
.page-accessibility table tr>*:nth-child(2){
	width: auto;
}
.page-accessibility table tr>*:nth-child(3),
.page-accessibility table tr>*:nth-child(4),
.page-accessibility table tr>*:nth-child(5){
	width: 13%;
}

@media screen and (max-width: 767px) {
	.page-accessibility table{
		display: block;
		width: 100% !important;
		height: auto !important;
		overflow-x: auto;
		overflow-y: hidden; 
		-webkit-overflow-scrolling: touch;
		border: none;
		font-size: 3.6vw;
		margin-bottom: 10vw;
		position: relative;
	}
	.page-accessibility table th,
	.page-accessibility table td
	{
		padding: 4vw 6vw;
		white-space: nowrap;
	}
}

/*==============================================================
	P12 ETC
==============================================================*/
#notfound{
	/* display: flex;
	justify-content: center;
	align-items: center; */
}
/*==============================================================
	EX1 PAGENATION
==============================================================*/
.pagination{
	text-align: center;
	font-weight: bold;
}
.pagination span{
	display: inline-block;
	color: #828282;
	font-style: italic;
	margin: 0 6px;
}
.pagination a{
	display: inline-block;
	font-style: italic;
	color: #828282;
	margin: 0 6px;
}
.pagination a.prev,
.pagination a.next{
	/* background-image: url(../img/common/arrowcicle-greydown.svg); */
	background-repeat: no-repeat;
	background-position: left bottom 2px;
	background-size: 100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.pagination a.prev{
	/* background-image: url(../img/common/arrowcicle-greydown.svg); */
}

@media (orientation: portrait) and (max-width: 767px) {
	.pagination{
		font-size: 5vw;
	}
	.pagination span{
		width: 5vw;
		margin: 0 1.2vw;
	}
	.pagination a{
		width: 5vw;
		margin: 0 1.2vw;
	}
	.pagination a.prev,
	.pagination a.next{
		width: 4vw;
	}
}

.pagination.-single{
	font-size: 19px;
	font-weight: normal;
	width: 100%;
}
.pagination.-single>.nav-links{
	position: relative;
	display:grid;
	grid-template-columns: 1fr auto 1fr;
	align-items:center;
	width: 60%;
	margin: 0 auto;
}

.pagination.-single>.nav-links>a{
	width: 20vw;
	max-width: 200px;
	box-sizing: border-box;
	border: 2px solid #828282;
	border-radius: 9999px;
	padding: 1.1em 3.8em 1.1em 1.8em;
	height: 64px;
	color: #828282;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	font-style: normal;
}
.pagination.-single .page-numbers.backtolist{
	padding: 15px 0 18px 0;
	margin: 0;grid-column: 2;
	justify-self: center;
}
.page-numbers{
}
.pagination.-single .page-numbers.prev,
.pagination.-single .page-numbers.next{
	text-indent: 0;
	background-repeat: no-repeat;
	background-size: 42px;
}
.pagination.-single .page-numbers.prev{
	background-image: url(../img/common/arrowcicle-greyprev.svg);
	background-position: center left 8px;
	justify-self: start;
	justify-content: end;
	padding-right: 20px;
}

.pagination.-single .page-numbers.next{
	background-image: url(../img/common/arrowcicle-greynext.svg);
	background-position: center right 8px;
	justify-self: end;
	justify-content: start;
	padding-left: 20px;
}
	.pagination.-single .page-numbers.prev .label,
	.pagination.-single .page-numbers.next .label{
		font-style: normal;
	}

@media (orientation: portrait) and (max-width: 767px) {
	.pagination.-single{
		font-size: 4vw;
		display: block;
	}
	.pagination.-single>.nav-links{
	}
	.pagination.-single>.nav-links>a{
		width: auto;
		min-width: unset;
		height: 11vw;
	}
	.pagination.-single .page-numbers.backtolist{
		width: 28vw;
		padding: 0;
		margin: 0;
		left: 0; right: 0;
	}
	.page-numbers{
	}
	.pagination.-single .page-numbers.prev,
	.pagination.-single .page-numbers.next{
		border: none;
		background-color: transparent;
		background-size: 8vw;
		margin: 0;
		padding: 0;
		width: 8vw;
	}
	.pagination.-single .page-numbers.prev{
		background-position: center;
		padding-right: 0;
	}
	
	.pagination.-single .page-numbers.next{
		background-position: center;
		padding-left: 0;
	}

	.pagination.-single .page-numbers.prev .label,
	.pagination.-single .page-numbers.next .label{
		display:none;
	}

}


/* ========================================
	EX3 Editor
======================================== */
.editor_base a{
	color: #ff9933 !important;
	text-decoration: underline !important;
}
.editor_base ul{
	list-style: disc inside !important;
}
.editor_base img{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

@media screen and (max-width: 767px) {
	.editor_base img{
		width: 100% !important;
		margin: 0 auto !important;
		margin-top: 6vw !important;
		margin-bottom: 6vw !important;
	}
}

/* ========================================
	Animation
======================================== */
/* 409行目あたり */

.iv h2::before,
.iv h5::before{
	background-color: transparent !important; 
}
.toppage.top_access.iv  h2::before{background-color: transparent;}

.iv h2::before,
.iv h5::before{
	background-image: linear-gradient(#fff, #fff);
	background-repeat: no-repeat;
	background-position: bottom ;
	background-size: 1px 0;
	transition: background-size 0.6s ease-out;
	transition-delay: 0.3s;
}
.iv h2.anim_black::before,
.iv h5.anim_black::before{
	background-image: linear-gradient(#4d4d4d, #4d4d4d);
}
.iv_range h2::before,
.iv_range h5::before{
	background-position: top ;
	background-size: 1px 100%;
}