/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 08 2022 | 22:33:43 */
/* --------------------
	top
--------------------*/
#main_visual{
	background: #FFFFFF;
	position: relative;
	border-bottom: #d6d6d6 1px solid;
}
#main_visual .in-box{
	width: 100%;
	height: 750px;
	margin: 0 auto;
	position: relative;
}
#main_visual .in-box h3#copy_jp{
	width: 333px;
	position: absolute;
	top: 8.6%;
	left: calc(50% - 161px);
	opacity: 0;
}
#main_visual .in-box #mv_image_area{
	position: absolute;
	top: 16.6%;
	left: calc(50% - 209px);
	width: 418px;
}
#main_visual .in-box #mv_image_area::before{
	content: "";
	display: block;
	padding-top: 87.55980861244019%;
}
#main_visual .in-box #mv_image_area figure{
	position: absolute;
	opacity: 0;
}
#main_visual .in-box #mv_image_area #c01{
	width: 46px;
	top: 247px;
	left: 206px;
}
#main_visual .in-box #mv_image_area #c02{
	width: 30px;
	top: 253px;
	left: 171px;
}
#main_visual .in-box #mv_image_area #c03{
	width: 36px;
	top: 242px;
	left: 133px;
}
#main_visual .in-box #mv_image_area #c04{
	width: 37px;
	top: 209px;
	left: 246px;
}
#main_visual .in-box #mv_image_area #c05{
	width: 35px;
	top: 208px;
	left: 90px;
}
#main_visual .in-box #mv_image_area #c06{
	width: 33px;
	top: 182px;
	left: 284px;
}
#main_visual .in-box #mv_image_area #c07{
	width: 44px;
	top: 150px;
	left: 100px;
}
#main_visual .in-box #mv_image_area #c08{
	width: 51px;
	top: 130px;
	left: 258px;
}
#main_visual .in-box #mv_image_area #c09{
	width: 42px;
	top: 139px;
	left: 52px;
}
#main_visual .in-box #mv_image_area #c10{
	width: 39px;
	top: 114px;
	left: 317px;
}
#main_visual .in-box #mv_image_area #c11{
	width: 36px;
	top: 122px;
	left: 14px;
}
#main_visual .in-box #mv_image_area #c12{
	width: 33px;
	top: 102px;
	left: 354px;
}
#main_visual .in-box #mv_image_area #c13{
	width: 113px;
	top: 151px;
	left: 145px;
}
#main_visual .in-box #mv_image_area #c14{
	width: 124px;
	top: 98px;
	left: 43px;
}
#main_visual .in-box #mv_image_area #c15{
	width: 140px;
	top: 88px;
	left: 239px;
}
#main_visual .in-box #mv_image_area #c16{
	width: 36px;
	top: 38px;
	left: 0px;
}
#main_visual .in-box #mv_image_area #c17{
	width: 37px;
	top: 54px;
	left: 381px;
}
#main_visual .in-box #mv_image_area #c18{
	width: 51px;
	top: 5px;
	left: 22px;
}
#main_visual .in-box #mv_image_area #c19{
	width: 56px;
	top: 14px;
	left: 337px;
}
#main_visual .in-box #mv_image_area #c20{
	width: 35px;
	top: 33px;
	left: 83px;
}
#main_visual .in-box #mv_image_area #c21{
	width: 50px;
	top: 44px;
	left: 286px;
}
#main_visual .in-box #mv_image_area #c22{
	width: 39px;
	top: 0px;
	left: 76px;
}
#main_visual .in-box #mv_image_area #c23{
	width: 46px;
	top: 1px;
	left: 293px;
}
#main_visual .in-box #mv_image_area #c24{
	width: 39px;
	top: 26px;
	left: 120px;
}
#main_visual .in-box #mv_image_area #c25{
	width: 44px;
	top: 17px;
	left: 247px;
}
#main_visual .in-box #mv_image_area #c26{
	width: 37px;
	top: 43px;
	left: 168px;
}
#main_visual .in-box #mv_image_area #c27{
	width: 39px;
	top: 45px;
	left: 208px;
}
#main_visual .in-box #en_copy{
	position: absolute;
	top: 72%;
	left: calc(50% - 323px);
	width: 647px;
}
#main_visual .in-box #en_copy::before{
	content: "";
	display: block;
	padding-top: 21.79289026275116%;
}
#main_visual .in-box #en_copy #en_copy_heart1{
	position: absolute;
	top: 0;
	left: 0;
	width: 35.39412673879444%;
	opacity: 0;
}
#main_visual .in-box #en_copy #en_copy_to{
	position: absolute;
	top: 0;
	left: calc(50% - 6.414219474497682%);
	width: 12.82843894899536%;
	opacity: 0;
}
#main_visual .in-box #en_copy #en_copy_heart2{
	position: absolute;
	top: 0;
	right: 0;
	width: 35.39412673879444%;
	opacity: 0;
}
#main_visual .in-box #en_copy #en_copy_Communications{
	position: absolute;
	top: 58.86524822695035%;
	left: 0;
	width: 100%;
	opacity: 0;
}

@media only screen and (max-width: 1200px) {
	#main_visual{
	}
    #main_visual::before{
        content: "";
        display: block;
        padding-top: 46.875%;
    }
	#main_visual .in-box{
		width: 100%;
		height: 100%;
      	position:absolute;
        top:0;
        left:0;
	}
	
	#main_visual .in-box h3#copy_jp{
		width: 20.8125%;
		left: calc(50% - 10.40625%);
		top: 3.6%;
	}
	#main_visual .in-box #mv_image_area{
		left: calc(50% - 15.625%);
    	width: 31.25%;
		top: 14.6%;
	}

	#main_visual .in-box #mv_image_area #c01{
		width: 11.00478468899522%;
		top: 67.67123287671233%;
		left: 49.2822966507177%;
	}
	#main_visual .in-box #mv_image_area #c02{
		width: 7.177033492822967%;
		top: 69.31506849315068%;
		left: 40.90909090909091%;
	}
	#main_visual .in-box #mv_image_area #c03{
		width: 8.61244019138756%;
		top: 66.3013698630137%;
		left: 31.81818181818182%;
	}
	#main_visual .in-box #mv_image_area #c04{
		width: 8.851674641148325%;
		top: 57.26027397260274%;
		left: 59.33014354066986%;
	}
	#main_visual .in-box #mv_image_area #c05{
		width: 8.373205741626794%;
		top: 56.98630136986301%;
		left: 21.5311004784689%;
	}
	#main_visual .in-box #mv_image_area #c06{
		width: 7.894736842105263%;
		top: 49.86301369863014%;
		left: 67.94258373205742%;
	}
	#main_visual .in-box #mv_image_area #c07{
		width: 10.52631578947368%;
		top: 41.0958904109589%;
		left: 23.92344497607656%;
	}
	#main_visual .in-box #mv_image_area #c08{
		width: 12.20095693779904%;
		top: 35.61643835616438%;
		left: 61.72248803827751%;
	}
	#main_visual .in-box #mv_image_area #c09{
		width: 10.04784688995215%;
		top: 38.08219178082192%;
		left: 12.44019138755981%;
	}
	#main_visual .in-box #mv_image_area #c10{
		width: 9.330143540669856%;
		top: 31.23287671232877%;
		left: 75.83732057416268%;
	}
	#main_visual .in-box #mv_image_area #c11{
		width: 8.61244019138756%;
		top: 33.42465753424658%;
		left: 3.349282296650718%;
	}
	#main_visual .in-box #mv_image_area #c12{
		width: 7.894736842105263%;
		top: 27.94520547945205%;
		left: 84.688995215311%;
	}
	#main_visual .in-box #mv_image_area #c13{
		width: 27.03349282296651%;
		top: 41.36986301369863%;
		left: 34.688995215311%;
	}
	#main_visual .in-box #mv_image_area #c14{
		width: 29.66507177033493%;
		top: 26.84931506849315%;
		left: 10.28708133971292%;
	}
	#main_visual .in-box #mv_image_area #c15{
		width: 33.49282296650718%;
		top: 24.10958904109589%;
		left: 57.17703349282297%;
	}
	#main_visual .in-box #mv_image_area #c16{
		width: 8.61244019138756%;
		top: 10.41095890410959%;
		left: 0px;
	}
	#main_visual .in-box #mv_image_area #c17{
		width: 8.851674641148325%;
		top: 14.79452054794521%;
		left: 91.14832535885167%;
	}
	#main_visual .in-box #mv_image_area #c18{
		width: 12.20095693779904%;
		top: 1.36986301369863%;
		left: 5.263157894736842%;
	}
	#main_visual .in-box #mv_image_area #c19{
		width: 13.39712918660287%;
		top: 3.835616438356164%;
		left: 80.62200956937799%;
	}
	#main_visual .in-box #mv_image_area #c20{
		width: 8.373205741626794%;
		top: 9.041095890410959%;
		left: 19.85645933014354%;
	}
	#main_visual .in-box #mv_image_area #c21{
		width: 11.96172248803828%;
		top: 12.05479452054795%;
		left: 68.42105263157895%;
	}
	#main_visual .in-box #mv_image_area #c22{
		width: 9.330143540669856%;
		top: 0px;
		left: 18.18181818181818%;
	}
	#main_visual .in-box #mv_image_area #c23{
		width: 11.00478468899522%;
		top: 0.273972602739726%;
		left: 70.09569377990431%;
	}
	#main_visual .in-box #mv_image_area #c24{
		width: 9.330143540669856%;
		top: 7.123287671232877%;
		left: 28.70813397129187%;
	}
	#main_visual .in-box #mv_image_area #c25{
		width: 10.52631578947368%;
		top: 4.657534246575342%;
		left: 59.09090909090909%;
	}
	#main_visual .in-box #mv_image_area #c26{
		width: 8.851674641148325%;
		top: 11.78082191780822%;
		left: 40.19138755980861%;
	}
	#main_visual .in-box #mv_image_area #c27{
		width: 9.330143540669856%;
		top: 12.32876712328767%;
		left: 49.76076555023923%;
	}


	#main_visual .in-box #en_copy{
		left: calc(50% - 20.21875%);
    	width: 40.4375%;
		top: 76%;
	}
}
@media only screen and (max-width: 768px) {
	#main_visual{
	}
	#main_visual::before{
        content: "";
        display: block;
        padding-top: 66.666667%;
    }
	
	#main_visual .in-box h3#copy_jp{
		width: 30.8125%;
		left: calc(50% - 15.40625%);
		top: 5.6%;
	}
	#main_visual .in-box #mv_image_area{
		left: calc(50% - 20.125%);
    	width: 40.25%;
		top: 18.6%;
	}

	#main_visual .in-box #en_copy{
		left: calc(50% - 24.21875%);
    	width: 48.4375%;
		top: 76%;
	}
}


#top-search-block-block_5d64f4ac63b6a.top_search_block {
    background-color: #f2f2f2;
	position: relative;
	margin-bottom: 80px !important;
}
#top-search-block-block_5d64f4ac63b6a.top_search_block::before {
	content: "";
	position: absolute;
	bottom: -85px;
	left: 0;
	width: 100%;
	height: 235px;
	background: url(https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/tab_img.png) left calc(50% + 570px) center/401px 235px no-repeat;
}

#point_area{
	background: #f08200;
	padding: 55px 0 220px 0;
	margin-bottom: 80px !important;
	position: relative;
}
#point_area h2{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
}

#point_area #point_under_image{
	width: 538px;
	position: absolute;
	bottom: -25px;
	left: calc(50% - 269px);
	overflow: hidden;
}

#point_area #point_area_units{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#point_area #point_area_units .unit{
	width: 540px;
	background: #FFFFFF;
	border-radius: 30px;
	margin: 0 0 40px 0;
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	position: relative;
}
#point_area #point_area_units .unit figure{
	position: absolute;
	top: 41px;
	left: 30px;
}
#point_area #point_area_units .unit#point1 figure{
	width: 186px;
}
#point_area #point_area_units .unit#point2 figure{
	width: 200px;
	top: 51px;
}
#point_area #point_area_units .unit#point3 figure{
	width: 166px;
	top: auto;
	bottom: 0;
	left: 50px;
}
#point_area #point_area_units .unit#point4 figure{
	width: 200px;
	top: 51px;
}

#point_area #point_area_units .unit .txt_area{
	width: 250px;
}
#point_area #point_area_units .unit .txt_area h4{
	width: 100%;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 10px;
}
#point_area #point_area_units .unit .txt_area p{
	text-align: left;
	font-size: 0.938rem;
	line-height: 2.0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.recommend_unit1,
.recommend_unit2{
	position: relative;
}

.recommend_unit1::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 155px;
	height: 208px;
	background: url("https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/recomend_img.gif") center center/contain no-repeat;
}
.recommend_unit2::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 151px;
	height: 185px;
	background: url("https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/recomend_img2.gif") center center/contain no-repeat;
}

#ekiten{
	margin: 0 0 40px 0;
}
#ekiten .ekiten-gadget{
	
}

@media only screen and (max-width: 1200px) {
	#point_area{
		padding: 55px 0 220px 0;
		margin-bottom: 80px !important;
	}

	#point_area #point_under_image{
		width: 50%;
		position: absolute;
		bottom: -25px;
		left: calc(50% - 25%);
	}

	#point_area #point_area_units .unit{
		width: 49%;
		margin: 0 0 40px 0;
		padding: 25px;
	}
	#point_area #point_area_units .unit figure{
		position: absolute;
		top: 41px;
		left: 30px;
	}
	#point_area #point_area_units .unit#point1 figure{
		width: 34.44%;
	}
	#point_area #point_area_units .unit#point2 figure{
		width: 37.037%;
		top: 51px;
	}
	#point_area #point_area_units .unit#point3 figure{
		width: 30.74%;
		top: auto;
		bottom: 0;
		left: 50px;
	}
	#point_area #point_area_units .unit#point4 figure{
		width: 37.037%;
		top: 51px;
	}

	#point_area #point_area_units .unit .txt_area{
		width: 47%;
	}
	#point_area #point_area_units .unit .txt_area h4{
		font-size: 1.000rem;
	}
	#point_area #point_area_units .unit .txt_area p{
		text-align: left;
		font-size: 0.875rem;
		line-height: 2.0;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
}
@media only screen and (max-width: 999px) {
	#point_area{
		padding: 55px 0 220px 0;
		margin-bottom: 80px !important;
	}

	#point_area #point_under_image{
		width: 50%;
		position: absolute;
		bottom: -25px;
		left: calc(50% - 25%);
	}

	#point_area #point_area_units .unit{
		width: 49%;
		margin: 0 0 40px 0;
		padding: 25px;
		align-items: stretch;
		align-content: stretch;
	}
	#point_area #point_area_units .unit figure{
		position: relative;
		top: auto;
		left: auto;
		order: 2;
		margin: 0 auto;
	}
	#point_area #point_area_units .unit#point1 figure{
		width: calc(34.44% * 2);
	}
	#point_area #point_area_units .unit#point2 figure{
		width: calc(37.037% * 2);
		top: auto;
	}
	#point_area #point_area_units .unit#point3 figure{
		width: calc(30.74% * 2);
		top: auto;
		bottom: auto;
		left: auto;
	}
	#point_area #point_area_units .unit#point4 figure{
		width: calc(37.037% * 2);
		top: auto;
	}

	#point_area #point_area_units .unit .txt_area{
		width: 100%;
		padding: 0 0 20px 0;
		order: 1;
	}
	#point_area #point_area_units .unit .txt_area h4{
		font-size: 1.000rem;
	}
	#point_area #point_area_units .unit .txt_area p{
		text-align: left;
		font-size: 0.875rem;
		line-height: 2.0;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
}
@media only screen and (max-width: 768px) {
	#point_area{
		padding: 55px 0 20% 0;
		margin-bottom: 60px !important;
	}

	#point_area #point_under_image{
		width: 50%;
		position: absolute;
		bottom: -25px;
		left: calc(50% - 25%);
	}

	#point_area #point_area_units .unit{
		width: 49%;
		margin: 0 0 30px 0;
		padding: 25px;
	}

	#point_area #point_area_units .unit .txt_area{
		width: 100%;
		order: 1;
	}
	#point_area #point_area_units .unit .txt_area h4{
		font-size: 1.000rem;
	}
	#point_area #point_area_units .unit .txt_area p{
		text-align: left;
		font-size: 0.875rem;
	}
  
	.recommend_unit1::before{
		width: 100px;
		height: auto;
		top: 3%;
      	display: block;
    	padding-top: 27%;
	}
	.recommend_unit2::before{
		width: 100px;
		height: auto;
		top: 3%;
      	display: block;
    	padding-top: 25%;
	}
}
@media only screen and (max-width: 480px) {
	#point_area{
		padding: 55px 0 20% 0;
		margin-bottom: 60px !important;
	}

	#point_area #point_under_image{
		width: 60%;
		bottom: -20px;
		left: calc(50% - 30%);
	}

	#point_area #point_area_units .unit{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 25px;
	}
	#point_area #point_area_units .unit .txt_area h4{
		font-size: 1.000rem;
	}
	#point_area #point_area_units .unit .txt_area p{
		text-align: left;
		font-size: 0.875rem;
	}
  
	.recommend_unit1::before{
		width: 80px;
		top: 5%;
	}
	.recommend_unit2::before{
		width: 80px;
		top: 5%;
	}
	
	#ekiten{
		margin: 0 0 20px 0;
	}
}


/* --------------------
	company
--------------------*/
#company {
	width: 940px;
	margin: 0 auto;
	padding: 0 0 110px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#company .txt_area{
	width: 50%;
}
#company .txt_area h3{
	width: 100%;
	padding: 0 0 40px 0;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: center;
	color: #f08300;
}
#company .txt_area i{
	width: 58px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	text-align: center;
	display: block;
}
#company .txt_area p{
	width: 350px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	font-size: 1.000rem;
	letter-spacing: 0.1em;
	line-height: 2.0;
	color: #f08300;
}
#company .img_area{
	width: 50%;
	padding-top: 70px;
}

#company .Heart_to_Heart{
	width: 100%;
	padding: 70px 0 0 0;
}


#company_rinen {
	background: #f08200;
	padding: 55px 0 55px 0;
	margin-bottom: 80px !important;
	position: relative;
	max-width: calc(100vw - 0px) !important;
    width: calc(100vw - 0px) !important;
}
#company_rinen .inner{
	background: #FFFFFF;
	border-radius: 30px;
	padding: 40px 100px;
	box-sizing: border-box;
}
#company_rinen .inner .unit{
	width: 100%;
	padding: 0 0 100px 0;
}
#company_rinen .inner .unit:last-child{
	padding: 0 0 0 0;
}
#company_rinen .inner h3{
	width: 100%;
	padding: 0 0 29px 0;
	margin: 0 0 55px 0;
	border-bottom: #f08200 1px solid;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
#company_rinen .inner ol{
	width: 650px;
	margin: 0 auto;
	counter-reset: li_count;
}
#company_rinen .inner ol li{
	width: 100%;
	text-align: left;
	font-size: 1.75rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #f08200;
	padding: 0 0 10px 1.5em;
	position: relative;
}
#company_rinen .inner ol li::before{
	counter-increment: li_count;
	content: counter(li_count)".";
	color: #f08200;
}

#company_rinen .inner dl{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 45px 0;
}
#company_rinen .inner dl dt{
	width: 100%;
	text-align: left;
	font-size: 1.375rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #f08200;
	padding: 0 0 25px 0;
}
#company_rinen .inner dl dd{
	width: 100%;
	text-align: left;
	font-size: 1.000rem;
	letter-spacing: 0.05em;
	line-height: 2.2;
	margin: 0 0 45px 0;
}

#company_taisetsu{
	width: 100%;
	padding: 120px 0 120px 0;
}
#company_taisetsu .head_area{
	width: 100%;
	padding: 0 0 100px 0;
}
#company_taisetsu .head_area h3{
	width: 451px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
#company_taisetsu .head_area h4{
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}

#company_taisetsu .taisetsu_point{
	width: 935px;
	margin: 0 auto 60px auto;
	position: relative;
}
#company_taisetsu .taisetsu_point::before{
	content: "";
	display: block;
	padding-top: 94.22459893048128%;
}
#company_taisetsu .taisetsu_point .point_box1,
#company_taisetsu .taisetsu_point .point_box2,
#company_taisetsu .taisetsu_point .point_box3{
	width: 504px;
	position: absolute;
}
#company_taisetsu .taisetsu_point .point_box1{
	top: 0;
	left: calc(50% - 257px);
}
#company_taisetsu .taisetsu_point .point_box2{
	bottom: 0;
	left: 0;
}
#company_taisetsu .taisetsu_point .point_box3{
	bottom: 0;
	right: 0;
}
#company_taisetsu .taisetsu_point .point_box1 figure,
#company_taisetsu .taisetsu_point .point_box2 figure,
#company_taisetsu .taisetsu_point .point_box3 figure{
	position: absolute;
}
#company_taisetsu .taisetsu_point .point_box1 figure{
	width: 200px;
	top: 46px;
	left: -82px;
}
#company_taisetsu .taisetsu_point .point_box2 figure{
	width: 214px;
	top: 128px;
	left: -115px;
}
#company_taisetsu .taisetsu_point .point_box3 figure{
	width: 203px;
	top: 120px;
	right: -88px;
}
#company_taisetsu p{
	text-align: center;
	font-size: 1.000rem;
	line-height: 1.8;
}

#company_torikumi{
	width: 100%;
}
#company_torikumi h3{
	width: 100%;
	padding: 0 0 29px 0;
	margin: 0 0 55px 0;
	border-bottom: #f08200 1px solid;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
#company_torikumi h4{
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #f08200;
	padding: 0 0 0 0;
}
#company_torikumi p.txt{
	font-size: 1.000rem;
	line-height: 1.4;
	text-align: center;
	padding: 0 0 25px 0;
}
#company_torikumi .sdgs{
	width: 100%;
	padding: 50px;
	border: #cccccc 1px solid;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#company_torikumi .sdgs .txt_area{
	width: 58.87%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#company_torikumi .sdgs .txt_area .photo{
	width: 23%;
}
#company_torikumi .sdgs .txt_area .photo figcaption{
	font-size: 0.625rem;
	letter-spacing: -0.03em;
}
#company_torikumi .sdgs .txt_area p{
	width: 74%;
	font-size: 0.875rem;
	line-height: 2.0;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#company_torikumi .sdgs .sdgs_img{
	width: 38.16%;
}
#company_torikumi .sdgs .sdgs_img figure{
	width: 75.17%;
	padding: 0 0 10px 0;
}
#company_torikumi .sdgs .sdgs_img ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 0 0;
}
#company_torikumi .sdgs .sdgs_img ul li{
	width: calc((100% / 5) - 10px) !important;
}


#company_outline{
	width: 100%;
}
#company_outline h3{
	width: 100%;
	padding: 0 0 29px 0;
	margin: 0 0 55px 0;
	border-bottom: #f08200 1px solid;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
	position: relative;
}
#company_outline .outline_area{
	width: 100%;
	border: #ccc 1px solid;
	padding: 80px;
	margin: 0 0 90px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
#company_outline .outline_area .img1{
	width: 244px;
	position: absolute;
	top: -150px;
	right: -80px;
}
#company_outline .outline_area .img2{
	width: 143px;
	position: absolute;
	top: -150px;
	left: -40px;
}

#company_outline .outline_area dl{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.000rem;
}
#company_outline .outline_area dl dt{
	margin: 0 0 0 0;
	padding: 1em 1em 1em 1em;
	border-bottom: #ccc 1px solid;
	position: relative;
	font-weight: normal;
	float: left;
}
#company_outline .outline_area dl dt::before{
	content: "";
	width: 12px;
	height: 12px;
	background: #000000;
	position: absolute;
	top: 1.5em;
	left: 0px;
}
#company_outline .outline_area dl dd{
	margin: 0 0 0 0;
	padding: 1em 0 1em 0;
	border-bottom: #ccc 1px solid;
}
#company_outline .outline_area dl dt.wideFull{
	width: 100%;
	border-bottom: none;
}
#company_outline .outline_area dl dd.wideFullunder{
	padding: 0 0 1em 2.5em;
}

#company_outline .outline_area dl.group{
	width: 530px;
}
#company_outline .outline_area .groupPh{
	width: 400px;
	position: relative;
}
#company_outline .outline_area .groupPh .img{
	width: 227px;
	position: absolute;
	bottom: -112px;
	right: -100px;
}

#company_outline .shopinfo{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 0 0 0;
}
#company_outline .shopinfo .info{
	width: 425px;
}
#company_outline .shopinfo .info .address{
	width: 100%;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom: #ccc 1px solid;
}
#company_outline .shopinfo .info h4{
	font-size: 1.000rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
}
#company_outline .shopinfo .info p{
	font-size: 1.000rem;
	line-height: 1.8;
	text-align: left;
}
#company_outline .shopinfo .ph{
	width: 679px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#company_outline .shopinfo .ph figure{
	width: 100%;
	margin: 0 0 1px 0;
}
#company_outline .shopinfo .ph figure:nth-child(2){
	width: 41.08983799705449%;
	margin: 0 0 0 0;
}
#company_outline .shopinfo .ph figure:nth-child(3){
	width: 58.76288659793814%;
	margin: 0 0 0 0;
}
.gmap{
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
}
@media only screen and (max-width: 1179px) {
	#company {
		width: 94%;
		padding: 0 0 100px 0;
	}
	#company .txt_area{
		width: 50%;
	}
	#company .txt_area h3{
		padding: 0 0 40px 0;
		font-size: 2rem;
	}
	#company .txt_area i{
		width: 58px;
		padding: 0 0 50px 0;
	}
	#company .txt_area p{
		width: 100%;
		font-size: 1.000rem;
	}
	#company .img_area{
		width: 50%;
		padding-top: 70px;
	}

	#company .Heart_to_Heart{
		padding: 70px 0 0 0;
	}


	#company_rinen {
		padding: 55px 0 55px 0;
		margin-bottom: 80px !important;
		max-width: calc(100vw - 0px) !important;
    	width: calc(100vw - 0px) !important;
	}
	#company_rinen .inner{
		border-radius: 30px;
		padding: 40px 100px;
	}
	#company_rinen .inner .unit{
		padding: 0 0 100px 0;
	}
	#company_rinen .inner .unit:last-child{
		padding: 0 0 0 0;
	}
	#company_rinen .inner h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.125rem;
	}
	#company_rinen .inner ol{
		width: 650px;
	}
	#company_rinen .inner ol li{
		font-size: 1.75rem;
		padding: 0 0 15px 1.5em;
	}

	#company_rinen .inner dl{
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	#company_rinen .inner dl dt{
		font-size: 1.375rem;
		padding: 0 0 25px 0;
	}
	#company_rinen .inner dl dd{
		font-size: 1.000rem;
		margin: 0 0 45px 0;
	}

	#company_taisetsu{
		padding: 100px 0 100px 0;
	}
	#company_taisetsu .head_area{
		padding: 0 0 100px 0;
	}
	#company_taisetsu .head_area h3{
		width: 451px;
		padding: 0 0 20px 0;
	}
	#company_taisetsu .head_area h4{
		font-size: 1.125rem;
	}

	#company_taisetsu .taisetsu_point{
		width: 90%;
		margin: 0 auto 60px auto;
	}
  	#company_taisetsu .taisetsu_point::before{
        content: "";
        display: block;
        padding-top: 92.85714285714286%;
    }
	#company_taisetsu .taisetsu_point .point_box1,
	#company_taisetsu .taisetsu_point .point_box2,
	#company_taisetsu .taisetsu_point .point_box3{
		width: 54%;
	}
	#company_taisetsu .taisetsu_point .point_box1{
		top: 0;
		left: calc(50% - 27%);
	}
	#company_taisetsu .taisetsu_point .point_box2{
		bottom: 0;
		left: 0;
	}
	#company_taisetsu .taisetsu_point .point_box3{
		bottom: 0;
		right: 0;
	}
	#company_taisetsu .taisetsu_point .point_box1 figure{
		width: 34.68254%;
		top: 6%;
		left: -12.269841%;
	}
	#company_taisetsu .taisetsu_point .point_box2 figure{
		width: 32.460317%;
		top: 23%;
		left: -11.81746%;
	}
	#company_taisetsu .taisetsu_point .point_box3 figure{
		width: 31.277778%;
		top: 23%;
		right: -7.460317%;
	}
	#company_taisetsu p{
		font-size: 1.000rem;
	}

	#company_torikumi{
	}
	#company_torikumi h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.125rem;
	}
	#company_torikumi h4{
		font-size: 1.375rem;
	}
	#company_torikumi p.txt{
		font-size: 1.000rem;
		padding: 0 0 25px 0;
	}
	#company_torikumi .sdgs{
		padding: 40px;
	}
	#company_torikumi .sdgs .txt_area{
		width: 58.87%;
	}
	#company_torikumi .sdgs .txt_area .photo{
		width: 23%;
	}
	#company_torikumi .sdgs .txt_area .photo figcaption{
		font-size: 0.625rem;
		letter-spacing: -0.03em;
	}
	#company_torikumi .sdgs .txt_area p{
		width: 74%;
		font-size: 0.875rem;
	}

	#company_torikumi .sdgs .sdgs_img{
		width: 38.16%;
	}
	#company_torikumi .sdgs .sdgs_img figure{
		width: 75.17%;
		padding: 0 0 10px 0;
	}
	#company_torikumi .sdgs .sdgs_img ul{
	}
	#company_torikumi .sdgs .sdgs_img ul li{
		width: calc((100% / 5) - 10px) !important;
	}


	#company_outline h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.125rem;
	}
	#company_outline .outline_area{
		padding: 70px;
		margin: 0 0 90px 0;
	}
	#company_outline .outline_area .img1{
		width: 244px;
		position: absolute;
		top: -150px;
		right: -80px;
	}
	#company_outline .outline_area .img2{
		width: 143px;
		position: absolute;
		top: -150px;
		left: -40px;
	}

	#company_outline .outline_area dl{
		font-size: 1.000rem;
	}
	#company_outline .outline_area dl dt{
		padding: 1em 1em 1em 1em;
		float: left;
	}
	#company_outline .outline_area dl dt::before{
		content: "";
		width: 12px;
		height: 12px;
		background: #000000;
		position: absolute;
		top: 1.5em;
		left: 0px;
	}
	#company_outline .outline_area dl dd{
		padding: 1em 0 1em 0;
	}
	#company_outline .outline_area dl dd.wideFullunder{
		padding: 0 0 1em 2.5em;
	}

	#company_outline .outline_area dl.group{
		width: 55%;
	}
	#company_outline .outline_area .groupPh{
		width: 42%;
		position: relative;
	}
	#company_outline .outline_area .groupPh .img{
		width: 227px;
		position: absolute;
		bottom: -112px;
		right: -100px;
	}

	#company_outline .shopinfo{
		align-items: flex-start;
	}
	#company_outline .shopinfo .info{
		width: 45%;
	}
	#company_outline .shopinfo .info .address{
		padding: 0 0 30px 0;
		margin: 0 0 30px 0;
	}
	#company_outline .shopinfo .info .address p{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	#company_outline .shopinfo .info h4{
		font-size: 1.000rem;
	}
	#company_outline .shopinfo .info p{
		font-size: 1.000rem;
	}
	#company_outline .shopinfo .ph{
		width: 53%;
	}
}
@media only screen and (max-width: 999px) {
	#company {
		width: 94%;
		padding: 0 0 80px 0;
	}
	#company .txt_area{
		width: 100%;
		padding: 0 0 30px 0;
	}
	#company .txt_area h3{
		padding: 0 0 30px 0;
		font-size: 1.875rem;
	}
	#company .txt_area i{
		width: 50px;
		padding: 0 0 50px 0;
	}
	#company .txt_area p{
		font-size: 0.938rem;
	}
	#company .img_area{
		width: 100%;
		padding-top: 40px;
	}

	#company .Heart_to_Heart{
		padding: 40px 0 0 0;
	}


	#company_rinen {
		padding: 45px 0 45px 0;
		margin-bottom: 60px !important;
	}
	#company_rinen .inner{
		border-radius: 30px;
		padding: 30px 60px;
	}
	#company_rinen .inner .unit{
		padding: 0 0 70px 0;
	}
	#company_rinen .inner h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#company_rinen .inner ol{
		width: 70%;
	}
	#company_rinen .inner ol li{
		font-size: 1.500rem;
		padding: 0 0 15px 1.5em;
	}

	#company_rinen .inner dl{
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	#company_rinen .inner dl dt{
		font-size: 1.250rem;
		padding: 0 0 25px 0;
	}
	#company_rinen .inner dl dd{
		font-size: 0.938rem;
		margin: 0 0 35px 0;
	}

	#company_taisetsu{
		padding: 80px 0 80px 0;
	}
	#company_taisetsu .head_area{
		padding: 0 0 80px 0;
	}
	#company_taisetsu .head_area h3{
		width: 50%;
		padding: 0 0 20px 0;
	}
	#company_taisetsu .head_area h4{
		font-size: 1.000rem;
	}

	
	#company_taisetsu p{
		font-size: 0.938rem;
	}

	#company_torikumi{
	}
	#company_torikumi h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#company_torikumi h4{
		font-size: 1.250rem;
	}
	#company_torikumi p.txt{
		font-size: 0.938rem;
		padding: 0 0 25px 0;
	}
	#company_torikumi .sdgs{
		padding: 30px;
	}
	#company_torikumi .sdgs .txt_area{
		width: 100%;
		padding: 0 0 30px 0;
	}
	#company_torikumi .sdgs .txt_area .photo{
		width: 23%;
	}
	#company_torikumi .sdgs .txt_area .photo figcaption{
		font-size: 0.625rem;
		letter-spacing: -0.03em;
	}
	#company_torikumi .sdgs .txt_area p{
		width: 74%;
		font-size: 0.875rem;
	}

	#company_torikumi .sdgs .sdgs_img{
		width: 80%;
	}
	#company_torikumi .sdgs .sdgs_img figure{
		width: 75.17%;
		padding: 0 0 10px 0;
	}
	#company_torikumi .sdgs .sdgs_img ul{
	}
	#company_torikumi .sdgs .sdgs_img ul li{
		width: calc((100% / 5) - 10px) !important;
	}


	#company_outline h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#company_outline .outline_area{
		padding: 45px;
		margin: 0 0 90px 0;
	}
	#company_outline .outline_area .img1{
		width: 25%;
		position: absolute;
		top: -15%;
		right: -2%;
	}
	#company_outline .outline_area .img2{
		width: 13%;
		position: absolute;
		top: -20%;
		left: -1%;
	}

	#company_outline .outline_area dl{
		font-size: 0.938rem;
	}
	#company_outline .outline_area dl dt{
		padding: 1em 1em 1em 1em;
		float: left;
	}
	#company_outline .outline_area dl dt::before{
		content: "";
		width: 12px;
		height: 12px;
		background: #000000;
		position: absolute;
		top: 1.5em;
		left: 0px;
	}
	
	#company_outline .outline_area dl.group{
		width: 55%;
	}
	#company_outline .outline_area .groupPh{
		width: 42%;
		position: relative;
	}
	#company_outline .outline_area .groupPh .img{
		width: 62%;
		position: absolute;
		bottom: 2%;
		right: -5%;
	}

	#company_outline .shopinfo{
	}
	#company_outline .shopinfo .info{
		width: 45%;
	}
	#company_outline .shopinfo .info .address{
		padding: 0 0 30px 0;
		margin: 0 0 30px 0;
	}
	#company_outline .shopinfo .info h4{
		font-size: 1.000rem;
	}
	#company_outline .shopinfo .info p{
		font-size: 1.000rem;
	}
	#company_outline .shopinfo .ph{
		width: 53%;
	}
}
@media only screen and (max-width: 768px) {
	#company {
		width: 100%;
		padding: 0 0 60px 0;
	}
	#company .txt_area{
		padding: 0 0 30px 0;
	}
	#company .txt_area h3{
		padding: 0 0 30px 0;
		font-size: 1.625rem;
	}
	#company .txt_area i{
		width: 50px;
		padding: 0 0 50px 0;
	}
	#company .txt_area p{
		font-size: 0.938rem;
		text-align: center;
	}
	#company .img_area{
		width: 100%;
		padding-top: 40px;
	}

	#company .Heart_to_Heart{
		padding: 40px 0 0 0;
	}


	#company_rinen {
		padding: 45px 0 45px 0;
		margin-bottom: 60px !important;
	}
	#company_rinen .inner{
		border-radius: 30px;
		padding: 25px 40px;
	}
	#company_rinen .inner .unit{
		padding: 0 0 70px 0;
	}
	#company_rinen .inner h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#company_rinen .inner ol{
		width: 100%;
	}
	#company_rinen .inner ol li{
		font-size: 1.375rem;
		padding: 0 0 15px 1.5em;
	}

	#company_rinen .inner dl{
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	#company_rinen .inner dl dt{
		font-size: 1.125rem;
		padding: 0 0 25px 0;
	}
	#company_rinen .inner dl dd{
		font-size: 0.938rem;
		margin: 0 0 35px 0;
	}

	#company_taisetsu{
		padding: 60px 0 60px 0;
	}
  
	#company_taisetsu .head_area{
		padding: 0 0 40px 0;
	}
	#company_taisetsu .head_area h3{
		width: 50%;
		padding: 0 0 20px 0;
	}
	#company_taisetsu .head_area h4{
		font-size: 0.938rem;
	}

	#company_taisetsu p{
		font-size: 0.938rem;
	}
  	#company_taisetsu .taisetsu_point::before{
        content: none;
    }
  	#company_taisetsu .taisetsu_point div{
        padding: 0 0 40px 0;
    }

	#company_torikumi{
	}
	#company_torikumi h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#company_torikumi h4{
		font-size: 1.125rem;
	}
	#company_torikumi p.txt{
		font-size: 0.938rem;
		padding: 0 0 25px 0;
	}
	#company_torikumi .sdgs{
		padding: 30px;
	}
	#company_torikumi .sdgs .txt_area{
		width: 100%;
		padding: 0 0 30px 0;
	}
	#company_torikumi .sdgs .txt_area .photo{
		width: 23%;
	}
	#company_torikumi .sdgs .txt_area .photo figcaption{
		font-size: 0.625rem;
		letter-spacing: -0.03em;
	}
	#company_torikumi .sdgs .txt_area p{
		width: 74%;
		font-size: 0.813rem;
	}

	#company_torikumi .sdgs .sdgs_img{
		width: 100%;
	}
	#company_torikumi .sdgs .sdgs_img figure{
		width: 100%;
		padding: 0 0 10px 0;
	}
	#company_torikumi .sdgs .sdgs_img ul{
	}
	#company_torikumi .sdgs .sdgs_img ul li{
		width: calc((100% / 5) - 10px) !important;
	}


	#company_outline h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#company_outline .outline_area{
		padding: 40px;
		margin: 0 0 90px 0;
	}

	#company_outline .outline_area dl{
		font-size: 0.938rem;
	}
	#company_outline .outline_area dl dt{
		width: 100%;
		padding: 1em 1em 0.0em 1em;
		float: none;
		border-bottom: none;
	}
	#company_outline .outline_area dl dd{
		width: 100%;
		padding: 0 0 1em 0;
	}
	
	#company_outline .outline_area dl.group{
		width: 100%;
	}
	#company_outline .outline_area .groupPh{
		width: 100%;
		position: relative;
	}
	#company_outline .outline_area .groupPh .img{
		width: 30%;
		position: absolute;
		bottom: -19%;
		right: -5%;
	}

	#company_outline .shopinfo{
	}
	#company_outline .shopinfo .info{
		width: 100%;
	}
	#company_outline .shopinfo .info .address{
		padding: 0 0 30px 0;
		margin: 0 0 30px 0;
	}
	#company_outline .shopinfo .info h4{
		font-size: 0.938rem;
	}
	#company_outline .shopinfo .info p{
		font-size: 0.938rem;
	}
	#company_outline .shopinfo .ph{
		width: 100%;
	}
	#company_outline .outline_area .img1{
		width: 25%;
		position: absolute;
		top: -8%;
		right: -2%;
	}
	#company_outline .outline_area .img2{
		width: 13%;
		position: absolute;
		top: -8%;
		left: -1%;
	}
}
@media only screen and (max-width: 480px) {
	#company {
		padding: 0 0 60px 0;
	}
	#company .txt_area{
		padding: 0 0 30px 0;
	}
	#company .txt_area h3{
		padding: 0 0 30px 0;
		font-size: 1.500rem;
	}
	#company .txt_area i{
		width: 50px;
		padding: 0 0 50px 0;
	}
	#company .txt_area p{
		font-size: 0.875rem;
	}
	#company .img_area{
		width: 90%;
        padding-top: 40px;
        margin: 0 auto;
	}

	#company .Heart_to_Heart{
		padding: 40px 0 0 0;
      	width: 90%;
        margin: 0 auto;
	}


	#company_rinen {
		padding: 45px 0 45px 0;
		margin-bottom: 60px !important;
	}
	#company_rinen .inner{
		border-radius: 30px;
		padding: 25px 40px;
	}
	#company_rinen .inner .unit{
		padding: 0 0 50px 0;
	}
	#company_rinen .inner h3{
		padding: 0 0 23px 0;
		margin: 0 0 45px 0;
		font-size: 0.938rem;
	}
	#company_rinen .inner ol li{
		font-size: 1.250rem;
		padding: 0 0 15px 1.5em;
	}

	#company_rinen .inner dl{
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	#company_rinen .inner dl dt{
		font-size: 1.125rem;
		padding: 0 0 25px 0;
	}
	#company_rinen .inner dl dd{
		font-size: 0.875rem;
		margin: 0 0 35px 0;
	}

	#company_taisetsu{
		padding: 60px 0 60px 0;
	}
	#company_taisetsu .head_area{
		padding: 0 0 40px 0;
	}
	#company_taisetsu .head_area h3{
		width: 50%;
		padding: 0 0 20px 0;
	}
	#company_taisetsu .head_area h4{
		font-size: 0.938rem;
	}

	#company_taisetsu p{
		font-size: 0.875rem;
	}

	#company_torikumi{
	}
	#company_torikumi h3{
		padding: 0 0 23px 0;
		margin: 0 0 45px 0;
		font-size: 0.938rem;
	}
	#company_torikumi h4{
		font-size: 1.000rem;
	}
	#company_torikumi p.txt{
		font-size: 0.838rem;
		padding: 0 0 25px 0;
	}
	#company_torikumi .sdgs{
		padding: 30px;
	}
	#company_torikumi .sdgs .txt_area{
		width: 100%;
		padding: 0 0 30px 0;
	}
	#company_torikumi .sdgs .txt_area .photo{
		width: 23%;
	}
	#company_torikumi .sdgs .txt_area .photo figcaption{
		font-size: 0.625rem;
		letter-spacing: -0.03em;
	}
	#company_torikumi .sdgs .txt_area p{
		width: 74%;
		font-size: 0.813rem;
	}

	#company_torikumi .sdgs .sdgs_img{
		width: 100%;
	}
	#company_torikumi .sdgs .sdgs_img figure{
		width: 100%;
		padding: 0 0 10px 0;
	}
	#company_torikumi .sdgs .sdgs_img ul{
	}
	#company_torikumi .sdgs .sdgs_img ul li{
		width: calc((100% / 5) - 10px) !important;
	}


	#company_outline h3{
		padding: 0 0 23px 0;
		margin: 0 0 45px 0;
		font-size: 0.938rem;
	}
	#company_outline .outline_area{
		padding: 30px;
		margin: 0 0 60px 0;
	}

	#company_outline .outline_area dl{
		font-size: 0.838rem;
	}
	#company_outline .outline_area dl dt{
		padding: 1em 1em 1em 1em;
		float: left;
	}
	#company_outline .outline_area dl dt::before{
		content: "";
		width: 12px;
		height: 12px;
		background: #000000;
		position: absolute;
		top: 1.5em;
		left: 0px;
	}

	#company_outline .shopinfo .info .address{
		padding: 0 0 30px 0;
		margin: 0 0 30px 0;
	}
	#company_outline .shopinfo .info h4{
		font-size: 0.938rem;
	}
	#company_outline .shopinfo .info p{
		font-size: 0.938rem;
	}
	#company_outline .shopinfo .ph{
		width: 100%;
	}
}


/* --------------------
	head_area_ttl
--------------------*/
.head_area_ttl{
	width: 100%;
	padding: 0 0 50px 0;
}
.head_area_ttl h3{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0px 0;
	text-align: center;
	font-size: 2.25rem;
	font-weight: bold;
	color: #f08200;
}
.head_area_ttl h4{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	color: #f08200;
	font-family: Arial, Helvetica, "sans-serif";
}
.head_area_ttl h5{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	color: #f08200;
}
.head_area_ttl i{
	width: 58px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	text-align: center;
	display: block;
}
.head_area_ttl p{
	text-align: center;
	font-size: 1.000rem;
	letter-spacing: 0.1em;
	line-height: 2.0;
	padding: 0 0 30px 0;
	margin: 0 0 0 0;
}
.head_area_ttl .topimg{
	text-align: center;
	margin: 0 auto;
}

#steps.step_area{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
#steps.step_area h3{
	width: 100%;
	padding: 0 0 29px 0;
	margin: 0 0 55px 0;
	border-bottom: #f08200 1px solid;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
#steps.step_area .unit{
	width: 550px;
	padding: 20px 80px 50px;
	margin: 0 auto;
	border: #f08200 3px solid;
	background: #faefe2;
	box-sizing: border-box;
	position: relative;
}
#steps.step_area .unit.arrow{
	margin: 0 auto 55px auto;
}
#steps.step_area .unit.arrow::before{
	content: "";
	position: absolute;
	bottom: -50px;
	left: calc(50% - 28px);
	width: 56px;
	height: 41px;
	background: url("https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/step_under_arrow.png") center center/cover no-repeat;
}
#steps.step_area .unit p{
	font-size: 1.000rem;
	text-align: left;
	line-height: 1.6;
}
#steps.step_area .unit h4{
	font-size: 1.375rem;
	font-weight: bold;
	color: #f08200;
}
@media only screen and (max-width: 1179px) {

}
@media only screen and (max-width: 999px) {
	.head_area_ttl{
		width: 100%;
		padding: 0 0 50px 0;
	}
	.head_area_ttl h3{
		margin: 0 0 0 0;
		padding: 0 0 0px 0;
		font-size: 2.00rem;
	}
	.head_area_ttl h4{
		margin: 0 0 0 0;
		padding: 0 0 30px 0;
		font-size: 1.000rem;
	}
	.head_area_ttl h5{
		margin: 0 0 0 0;
		padding: 0 0 10px 0;
		font-size: 1.250rem;
	}
	.head_area_ttl i{
		width: 50px;
		padding: 0 0 50px 0;
	}
	.head_area_ttl p{
		text-align: center;
		font-size: 0.938rem;
		padding: 0 0 30px 0;
	}
	.head_area_ttl .topimg{
		text-align: center;
		margin: 0 auto;
	}

	#steps.step_area{
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	#steps.step_area h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#steps.step_area .unit{
		width: 80%;
		padding: 15px 60px 45px;
	}
	#steps.step_area .unit.arrow{
		margin: 0 auto 55px auto;
	}
	#steps.step_area .unit.arrow::before{
		bottom: -50px;
		left: calc(50% - 28px);
		width: 56px;
		height: 41px;
	}
	#steps.step_area .unit p{
		font-size: 0.938rem;
	}
	#steps.step_area .unit h4{
		font-size: 1.250rem;
	}
}
@media only screen and (max-width: 768px) {
	.head_area_ttl{
		width: 90%;
		margin: 0 auto;
		padding: 0 0 40px 0;
	}
	.head_area_ttl h3{
		margin: 0 0 0 0;
		padding: 0 0 0px 0;
		font-size: 1.875rem;
	}
	.head_area_ttl h4{
		margin: 0 0 0 0;
		padding: 0 0 25px 0;
		font-size: 0.938rem;
	}
	.head_area_ttl h5{
		margin: 0 0 0 0;
		padding: 0 0 10px 0;
		font-size: 1.125rem;
	}
	.head_area_ttl i{
		width: 45px;
		padding: 0 0 40px 0;
	}
	.head_area_ttl p{
		text-align: center;
		font-size: 0.875rem;
		padding: 0 0 25px 0;
	}
	.head_area_ttl p br{
		display: none;
	}
	.head_area_ttl .topimg{
		text-align: center;
		margin: 0 auto;
	}

	#steps.step_area{
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	#steps.step_area h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#steps.step_area .unit{
		width: 90%;
		padding: 15px 40px 45px;
	}
	#steps.step_area .unit.arrow{
		margin: 0 auto 55px auto;
	}
	#steps.step_area .unit.arrow::before{
		bottom: -50px;
		left: calc(50% - 28px);
		width: 56px;
		height: 41px;
	}
	#steps.step_area .unit p{
		font-size: 0.875rem;
	}
	#steps.step_area .unit h4{
		font-size: 1.125rem;
	}
}
@media only screen and (max-width: 480px) {
	.head_area_ttl{
		padding: 0 0 40px 0;
	}
	.head_area_ttl h3{
		margin: 0 0 0 0;
		padding: 0 0 0px 0;
		font-size: 1.625rem;
	}
	.head_area_ttl h4{
		margin: 0 0 0 0;
		padding: 0 0 25px 0;
		font-size: 0.875rem;
	}
	.head_area_ttl h5{
		margin: 0 0 0 0;
		padding: 0 0 10px 0;
		font-size: 1.000rem;
	}
	.head_area_ttl i{
		width: 45px;
		padding: 0 0 40px 0;
	}
	.head_area_ttl p{
		text-align: center;
		font-size: 0.875rem;
		padding: 0 0 25px 0;
	}
	.head_area_ttl .topimg{
		text-align: center;
		margin: 0 auto;
	}

	#steps.step_area{
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	#steps.step_area h3{
		padding: 0 0 23px 0;
		margin: 0 0 45px 0;
		font-size: 0.938rem;
	}
	#steps.step_area .unit{
		width: 90%;
		padding: 15px 30px 45px;
	}
	#steps.step_area .unit.arrow{
		margin: 0 auto 55px auto;
	}
	#steps.step_area .unit.arrow::before{
		bottom: -50px;
		left: calc(50% - 28px);
		width: 56px;
		height: 41px;
	}
	#steps.step_area .unit p{
		font-size: 0.875rem;
	}
	#steps.step_area .unit h4{
		font-size: 1.000rem;
	}
}


/* --------------------
	uritai
--------------------*/
#uritai {
	width: 100%;
	padding: 60px 0 120px 0;
}
#uritai .head_area_ttl .topimg{
	width: 849px;
}
#uritai #steps.step_area .unit{
}
#uritai #steps.step_area .unit h4{
	text-align: center;
	padding: 0 0 15px;
	margin: 0 0 15px 0;
	border-bottom: #f08200 1px solid
}
#uritai #steps.step_area .unit h4.fix{
	font-size: 1.875rem;
	border-bottom: none;
	padding: 0 0 0;
	margin: 0 0 0 0;
}
#uritai #steps.step_area .unit.step6{
	padding: 45px 80px 45px;
}
#uritai #steps.step_area .unit figure{
	position: absolute;
}
#uritai #steps.step_area .unit.step1 figure{
	width: 130px;
	bottom: -65px;
	right: 20px;
}
#uritai #steps.step_area .unit.step2 figure{
	width: 377px;
	bottom: -72px;
	left: -253px;
}
#uritai #steps.step_area .unit.step3 figure{
	width: 179px;
	bottom: -146px;
	right: 11px;
}
#uritai #steps.step_area .unit.step5 figure{
	width: 209px;
	bottom: -64px;
	right: -87px;
}
#uritai #steps.step_area .unit.step6 figure{
	width: 114px;
	bottom: -10px;
	left: 30px;
}

#point_area.uritai{
	padding: 55px 0 55px 0;
	margin-bottom: 60px !important;
}
#point_area.uritai #point_area_units .unit{
	width: calc((100% / 3) - 30px);
	margin: 0 0 0px 0;
}
#point_area.uritai #point_area_units .unit .txt_area{
	width: 100%;
}
@media only screen and (max-width: 1179px) {

}
@media only screen and (max-width: 999px) {
	#uritai {
		width: 100%;
		padding: 60px 0 90px 0;
	}
	#uritai .head_area_ttl .topimg{
		width: 85%;
	}
	#uritai #steps.step_area .unit{
	}
	#uritai #steps.step_area .unit h4{
	}
	#uritai #steps.step_area .unit h4.fix{
		font-size: 1.625rem;
	}
	#uritai #steps.step_area .unit.step6{
		padding: 45px 80px 45px;
	}
	#uritai #steps.step_area .unit.step1 figure{
		width: 120px;
		bottom: -34%;
		right: 20px;
	}
	#uritai #steps.step_area .unit.step2 figure{
		width: 270px;
		bottom: -43%;
		left: -10%;
	}
	#uritai #steps.step_area .unit.step3 figure{
		width: 179px;
		bottom: -146px;
		right: 11px;
	}
	#uritai #steps.step_area .unit.step5 figure{
		width: 167px;
		bottom: -56px;
		right: -32px;
	}
	#uritai #steps.step_area .unit.step6 figure{
		width: 141px;
		bottom: -30px;
	}

	#point_area.uritai{
		padding: 50px 0 50px 0;
		margin-bottom: 60px !important;
	}
	#point_area.uritai #point_area_units .unit{
		width: calc((100% / 3) - 30px);
		margin: 0 0 0px 0;
	}
}
@media only screen and (max-width: 768px) {
	#uritai {
		padding: 40px 0 60px 0;
	}
	#uritai .head_area_ttl .topimg{
		width: 85%;
	}
	#uritai #steps.step_area .unit{
	}
	#uritai #steps.step_area .unit h4{
	}
	#uritai #steps.step_area .unit h4.fix{
		font-size: 1.500rem;
	}
	#uritai #steps.step_area .unit.step6{
		padding: 30px 60px 30px;
	}
	#uritai #steps.step_area .unit.step1 figure{
		width: 26%;
		bottom: -41%;
		right: 20px;
	}
	#uritai #steps.step_area .unit.step2 figure{
		width: 47%;
		bottom: -43%;
		left: -10%;
	}
	#uritai #steps.step_area .unit.step3 figure{
		width: 28%;
		bottom: -62%;
		right: 11px;
	}
	#uritai #steps.step_area .unit.step5 figure{
		width: 31%;
		bottom: -23%;
		right: -5%;
	}
	#uritai #steps.step_area .unit.step6 figure{
		width: 20%;
    	bottom: -4%;
	}

	#point_area.uritai{
		padding: 40px 0 40px 0;
		margin-bottom: 40px !important;
	}
	#point_area.uritai #point_area_units .unit{
		width: 90%;
		margin: 0 auto 20px auto;
	}
}
@media only screen and (max-width: 480px) {

}


/* --------------------
	souzoku
--------------------*/
#souzoku {
	width: 100%;
	padding: 60px 0 120px 0;
}
#souzoku .head_area_ttl .topimg{
	width: 730px;
}
#souzoku #steps.step_area {
	counter-reset: li_count;
	margin: 0 auto 0 auto;
}
#souzoku #steps.step_area .unit{
	padding: 50px 50px 40px 170px;
	position: relative;
}
#souzoku #steps.step_area .unit::after{
	counter-increment: li_count;
	content: "0"counter(li_count);
	color: #f08200;
	position: absolute;
	top: 0;
	left: 50px;
	font-size: 3.75rem;
	font-weight: bold;
	border-right: #f08200 1px solid;
	padding: 0 25px 0 0;
	margin: 50px 0 50px 0;
    height: calc(100% - 100px);
	box-sizing: border-box;
	line-height: 1.0;
	display: flex;
    align-items: center;
}
#souzoku #steps.step_area .unit h4{
	text-align: left;
	padding: 0 0 15px;
	margin: 0 0 0 0;
}
#souzoku #steps.step_area .unit.step3{
	z-index: 10;
}
#souzoku #steps.step_area .unit figure{
	position: absolute;
}
#souzoku #steps.step_area .unit.step1 figure{
	width: 380px;
	bottom: -15px;
	right: -220px;
}
#souzoku #steps.step_area .unit.step3 figure{
	width: 175px;
	bottom: -95px;
	left: -147px;
}
#souzoku #steps.step_area .unit.step5 figure{
	width: 175px;
	bottom: -29px;
	right: -94px;
}
#souzoku #steps.step_area .unit.step6 figure{
	width: 178px;
	bottom: -84px;
	left: -140px;
}

#point_area.souzoku{
	padding: 55px 0 55px 0;
	margin-bottom: 60px !important;
}
#point_area.souzoku #point_area_units .unit{
	width: 800px;
	margin: 0 auto 0px auto;
	padding: 45px 95px;
	position: relative;
}
#point_area.souzoku #point_area_units .unit ul{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#point_area.souzoku #point_area_units .unit ul li{
	width: 100%;
	text-align: left;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 0 10px 0;
}
#point_area.souzoku #point_area_units .unit figure{
	width: 180px;
	position: absolute;
	bottom: -115px;
	right: -65px;
	left: auto;
	top: auto;
}

#souzoku #pattern{
	width: 100%;
	margin: 0 auto;
	padding: 80px 0 120px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  	box-sizing: border-box;
}
#souzoku #pattern h3{
	width: 100%;
	text-align: center;
	padding: 0 0 20px 0;
	font-size: 1.5rem;
	font-weight: bold;
}
#souzoku #pattern .unit{
	width: calc(100% / 5);
	padding: 5px 30px 0;
	box-sizing: border-box;
	border-left: #ccc 1px solid;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: space-between;
}
#souzoku #pattern .unit:last-child{
	border-right: #ccc 1px solid;
}
#souzoku #pattern .unit p{
	text-align: left;
	font-size: 1.00rem;
	line-height: 1.6;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}
#souzoku #pattern .unit figure{
	margin: 0 auto;
}
#souzoku #pattern .unit:nth-child(2) figure{
	width: 169px;
}
#souzoku #pattern .unit:nth-child(3) figure{
	width: 137px;
}
#souzoku #pattern .unit:nth-child(4) figure{
	width: 152px;
}
#souzoku #pattern .unit:nth-child(5) figure{
	width: 82px;
}
#souzoku #pattern .unit:nth-child(6) figure{
	width: 155px;
}
@media only screen and (max-width: 1179px) {
	#souzoku {
		padding: 60px 0 120px 0;
	}
	#souzoku .head_area_ttl .topimg{
		width: 730px;
	}
	#souzoku #steps.step_area .unit{
		padding: 50px 50px 40px 170px;
		position: relative;
	}
	#souzoku #steps.step_area .unit::after{
		top: 0;
		left: 50px;
		font-size: 3.75rem;
		padding: 0 25px 0 0;
	}
	#souzoku #steps.step_area .unit h4{
		padding: 0 0 15px;
	}
	#souzoku #steps.step_area .unit.step1 figure{
		width: 380px;
		bottom: -15px;
		right: -220px;
	}
	#souzoku #steps.step_area .unit.step3 figure{
		width: 175px;
		bottom: -95px;
		left: -147px;
	}
	#souzoku #steps.step_area .unit.step5 figure{
		width: 175px;
		bottom: -29px;
		right: -94px;
	}
	#souzoku #steps.step_area .unit.step6 figure{
		width: 178px;
		bottom: -84px;
		left: -140px;
	}

	#point_area.souzoku{
		padding: 55px 0 55px 0;
		margin-bottom: 60px !important;
	}
	#point_area.souzoku #point_area_units .unit{
		width: 800px;
		margin: 0 auto 0px auto;
		padding: 45px 95px;
		position: relative;
	}
	#point_area.souzoku #point_area_units .unit ul{
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	#point_area.souzoku #point_area_units .unit ul li{
		width: 100%;
		text-align: left;
		font-size: 1.125rem;
		font-weight: bold;
		line-height: 1.4;
		padding: 0 0 10px 0;
	}
	#point_area.souzoku #point_area_units .unit figure{
		width: 180px;
		position: absolute;
		bottom: -115px;
		right: -65px;
		left: auto;
		top: auto;
	}

	#souzoku #pattern{
		padding: 80px 0 120px;
	}
	#souzoku #pattern h3{
		padding: 0 0 20px 0;
		font-size: 1.5rem;
	}
	#souzoku #pattern .unit{
		width: calc(100% / 5);
		padding: 5px 30px 0;
	}
	#souzoku #pattern .unit p{
		font-size: 1.00rem;
	}
	#souzoku #pattern .unit p br{
		display: none;
	}
	#souzoku #pattern .unit:nth-child(2) figure{
		width: 100%;
	}
	#souzoku #pattern .unit:nth-child(3) figure{
		width: 82.036%;
	}
	#souzoku #pattern .unit:nth-child(4) figure{
		width: 91.018%;
	}
	#souzoku #pattern .unit:nth-child(5) figure{
		width: 49.1018%;
	}
	#souzoku #pattern .unit:nth-child(6) figure{
		width: 92.814%;
	}
}
@media only screen and (max-width: 999px) {
	#souzoku {
		padding: 50px 0 90px 0;
	}
	#souzoku .head_area_ttl .topimg{
		width: 73%;
	}
	#souzoku #steps.step_area .unit{
		padding: 40px 40px 30px 150px;
		position: relative;
	}
	#souzoku #steps.step_area .unit::after{
		top: 0;
		left: 40px;
		font-size: 3.25rem;
		padding: 0 25px 0 0;
		margin: 40px 0 40px 0;
    	height: calc(100% - 80px);
	}
	#souzoku #steps.step_area .unit h4{
		padding: 0 0 15px;
	}
	#souzoku #steps.step_area .unit.step1 figure{
		width: 46%;
		bottom: -10%;
		right: -10%;
	}
	#souzoku #steps.step_area .unit.step3 figure{
		width: 18%;
		bottom: -25%;
		left: -11%;
	}
	#souzoku #steps.step_area .unit.step5 figure{
		width: 22%;
		bottom: -16%;
		right: -5%;
	}
	#souzoku #steps.step_area .unit.step6 figure{
		width: 21%;
		bottom: -30%;
		left: -12%;
	}

	#point_area.souzoku{
		padding: 45px 0 45px 0;
		margin-bottom: 50px !important;
	}
	#point_area.souzoku #point_area_units .unit{
		width: 90%;
		padding: 35px 75px;
	}
	#point_area.souzoku #point_area_units .unit ul{
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	#point_area.souzoku #point_area_units .unit ul li{
		font-size: 1.000rem;
		padding: 0 0 10px 0;
	}
	#point_area.souzoku #point_area_units .unit figure{
		width: 20%;
		bottom: -60%;
		right: -3%;
	}

	#souzoku #pattern{
		padding: 60px 0 90px;
	}
	#souzoku #pattern h3{
		padding: 0 0 20px 0;
		font-size: 1.375rem;
	}
	#souzoku #pattern .unit{
		width: calc(100% / 5);
		padding: 5px 15px 0;
	}
	#souzoku #pattern .unit p{
		font-size: 0.938rem;
	}
	#souzoku #pattern .unit p br{
		display: none;
	}
	#souzoku #pattern .unit:nth-child(2) figure{
		width: 100%;
	}
	#souzoku #pattern .unit:nth-child(3) figure{
		width: 82.036%;
	}
	#souzoku #pattern .unit:nth-child(4) figure{
		width: 91.018%;
	}
	#souzoku #pattern .unit:nth-child(5) figure{
		width: 49.1018%;
	}
	#souzoku #pattern .unit:nth-child(6) figure{
		width: 92.814%;
	}
}
@media only screen and (max-width: 768px) {
	#souzoku {
		padding: 40px 0 70px 0;
	}
	#souzoku .head_area_ttl .topimg{
		width: 80%;
	}
	#souzoku #steps.step_area .unit{
		padding: 30px 30px 20px 120px;
		position: relative;
	}
	#souzoku #steps.step_area .unit::after{
		top: 0;
		left: 30px;
		font-size: 2.75rem;
		padding: 0 25px 0 0;
		margin: 30px 0 30px 0;
    	height: calc(100% - 60px);
	}
	#souzoku #steps.step_area .unit h4{
		padding: 0 0 15px;
	}
	#souzoku #steps.step_area .unit.step1 figure{
		width: 46%;
		bottom: -10%;
		right: -10%;
	}
	#souzoku #steps.step_area .unit.step3 figure{
		width: 18%;
		bottom: -25%;
		left: -11%;
	}
	#souzoku #steps.step_area .unit.step5 figure{
		width: 22%;
		bottom: -16%;
		right: -5%;
	}
	#souzoku #steps.step_area .unit.step6 figure{
		width: 21%;
		bottom: -30%;
		left: -12%;
	}

	#point_area.souzoku{
		padding: 35px 0 35px 0;
		margin-bottom: 40px !important;
	}
	#point_area.souzoku #point_area_units .unit{
		width: 90%;
		padding: 25px 35px;
	}
	#point_area.souzoku #point_area_units .unit ul li{
		font-size: 0.938rem;
		padding: 0 0 10px 0;
	}
	#point_area.souzoku #point_area_units .unit figure{
		width: 20%;
		bottom: -40%;
		right: -3%;
	}

	#souzoku #pattern{
		padding: 40px 0 70px;
	}
	#souzoku #pattern h3{
		padding: 0 0 20px 0;
		font-size: 1.25rem;
	}
	#souzoku #pattern .unit{
		width: calc(100% / 2);
		padding: 5px 25px 15px;
		margin: 0 0 20px 0;
		border-left: none;
		border-right: none;
		border-bottom: #ccc 1px solid;
	}
	#souzoku #pattern .unit:last-child{
		border-right: none;
	}
	#souzoku #pattern .unit p{
		font-size: 0.875rem;
	}
	#souzoku #pattern .unit p br{
		display: none;
	}
	#souzoku #pattern .unit:nth-child(2) figure{
		width: 100%;
	}
	#souzoku #pattern .unit:nth-child(3) figure{
		width: 82.036%;
	}
	#souzoku #pattern .unit:nth-child(4) figure{
		width: 91.018%;
	}
	#souzoku #pattern .unit:nth-child(5) figure{
		width: 49.1018%;
	}
	#souzoku #pattern .unit:nth-child(6) figure{
		width: 92.814%;
	}
}
@media only screen and (max-width: 480px) {
	#souzoku {
		padding: 40px 0 70px 0;
	}
	#souzoku #steps.step_area .unit::after{
		font-size: 2.375rem;
		padding: 0 25px 0 0;
	}
	#souzoku #steps.step_area .unit h4{
		padding: 0 0 15px;
	}
	#souzoku #steps.step_area .unit.step1 figure{
		width: 46%;
		bottom: -13%;
		right: -7%;
	}
	#souzoku #steps.step_area .unit.step3 figure{
		width: 18%;
		bottom: -25%;
		left: -2%;
	}
	#souzoku #steps.step_area .unit.step5 figure{
		width: 22%;
		bottom: -35%;
		right: -5%;
	}
	#souzoku #steps.step_area .unit.step6 figure{
		width: 21%;
		bottom: -30%;
		left: -2%;
	}

	#point_area.souzoku{
		padding: 35px 0 35px 0;
		margin-bottom: 40px !important;
	}
	#point_area.souzoku #point_area_units .unit{
		width: 100%;
		padding: 25px 25px;
	}
	#point_area.souzoku #point_area_units .unit ul li{
		font-size: 0.938rem;
		padding: 0 0 10px 0;
	}
	#point_area.souzoku #point_area_units .unit figure{
		width: 20%;
		bottom: -40%;
		right: -3%;
	}

	#souzoku #pattern{
		padding: 40px 5% 70px;
	}
	#souzoku #pattern h3{
		padding: 0 0 20px 0;
		font-size: 1.25rem;
	}
	#souzoku #pattern .unit{
		width: calc(100% / 2);
		padding: 5px 25px 15px;
		margin: 0 0 20px 0;
	}
	#souzoku #pattern .unit p{
		font-size: 0.875rem;
	}
}


/* --------------------
	karitai
--------------------*/
#karitai {
	width: 100%;
	padding: 60px 0 0 0;
}
#rent_flow{
	width: 100%;
}
#rent_flow h3{
	width: 100%;
	padding: 0 0 29px 0;
	margin: 0 0 55px 0;
	border-bottom: #f08200 1px solid;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
#rent_flow .flow_area{
	width: 100%;
	padding: 80px 140px;
	margin: 0 0 60px 0;
	border: #ccc 1px solid;
	box-sizing: border-box;
}
#rent_flow .flow_area dl{
	width: 100%;
	padding: 0 0 0 65px;
	box-sizing: border-box;
	margin: 0 0 0 0;
	counter-reset: li_count;
}
#rent_flow .flow_area dl dt{
	width: 100%;
	padding: 0 0 10px 0;
	box-sizing: border-box;
	margin: 0 0 0 0;
	text-align: left;
	position: relative;
	font-size: 1.5rem;
	font-weight: bold;
	color: #f08200;
	letter-spacing: 0.05em;
}
#rent_flow .flow_area dl dt::before{
	counter-increment: li_count;
	content: "0"counter(li_count);
	color: #f08200;
	position: absolute;
	top: -11px;
	left: -65px;
	font-size: 2.25rem;
	font-weight: bold;
}
#rent_flow .flow_area dl dd{
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	border-bottom: #f08200 1px solid;
}
#rent_flow .flow_area dl dd p{
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	text-align: left;
}
#rent_flow .flow_area dl dd .btn_area{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0 0 20px 0;
	line-height: 1.0;
}
#rent_flow .flow_area dl dd .btn_area .wp-block-button__link {
	width: 300px !important;
	background: #f08300 !important;
	border-radius: 100px;
	border: #ccc 1px solid;
	padding: 18px 18px;
	box-sizing: border-box;
}
#rent_flow .flow_area dl dd .btn_area .tel{
	width: auto;
	background-color: #fff;
    border-radius: 100px;
	border: #ccc 1px solid;
	padding: 0 18px;
	margin: 0 0 0 15px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
}
#rent_flow .flow_area dl dd .btn_area .tel .num span{
	color: #f08300;
	font-size: 1.5rem;
	font-weight: bold;
}
#rent_flow .flow_area dl dd .btn_area .tel .time{
	font-size: 0.625rem;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
}
@media only screen and (max-width: 1179px) {
	#rent_flow .flow_area{
		padding: 80px 10%;
		margin: 0 0 60px 0;
	}
}
@media only screen and (max-width: 999px) {
	#karitai {
		padding: 60px 0 0 0;
	}
	#rent_flow h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#rent_flow .flow_area{
		padding: 60px 8%;
		margin: 0 0 60px 0;
	}
	#rent_flow .flow_area dl{
		padding: 0 0 0 65px;
	}
	#rent_flow .flow_area dl dt{
		font-size: 1.5rem;
	}
	#rent_flow .flow_area dl dt::before{
		top: -11px;
		left: -65px;
		font-size: 2.25rem;
	}
	#rent_flow .flow_area dl dd{
		margin: 0 0 20px 0;
	}
	#rent_flow .flow_area dl dd p{
		padding: 0 0 20px 0;
	}
	#rent_flow .flow_area dl dd .btn_area{
		padding: 0 0 20px 0;
		line-height: 1.0;
	}
	#rent_flow .flow_area dl dd .btn_area .wp-block-button__link {
		width: 100% !important;
		padding: 18px 18px;
		margin: 0 0 5px 0;
	}
	#rent_flow .flow_area dl dd .btn_area .tel{
		width: 100%;
		padding: 18px 18px;
		margin: 0 0 0 0;
		justify-content: center;
	}
	#rent_flow .flow_area dl dd .btn_area .tel .num span{
		font-size: 1.5rem;
	}
	#rent_flow .flow_area dl dd .btn_area .tel .time{
		font-size: 0.625rem;
	}
}
@media only screen and (max-width: 768px) {
	#karitai {
		padding: 40px 0 0 0;
	}
	#rent_flow h3{
		padding: 0 0 29px 0;
		margin: 0 0 55px 0;
		font-size: 1.000rem;
	}
	#rent_flow .flow_area{
		padding: 40px 8%;
		margin: 0 0 40px 0;
	}
	#rent_flow .flow_area dl{
		padding: 0 0 0 45px;
	}
	#rent_flow .flow_area dl dt{
		font-size: 1.375rem;
	}
	#rent_flow .flow_area dl dt::before{
		top: -8px;
		left: -45px;
		font-size: 2.00rem;
	}
	#rent_flow .flow_area dl dd{
		margin: 0 0 15px 0;
	}
	#rent_flow .flow_area dl dd p{
		padding: 0 0 15px 0;
		font-size: 0.875rem;
	}
	#rent_flow .flow_area dl dd .btn_area{
		padding: 0 0 15px 0;
		line-height: 1.0;
	}
	#rent_flow .flow_area dl dd .btn_area .wp-block-button__link {
	}
	#rent_flow .flow_area dl dd .btn_area .tel{
		margin: 0 0 0 0;
	}
	#rent_flow .flow_area dl dd .btn_area .tel .num span{
		font-size: 1.375rem;
	}
}
@media only screen and (max-width: 480px) {
	#rent_flow h3{
		padding: 0 0 23px 0;
		margin: 0 0 45px 0;
		font-size: 0.938rem;
	}
	#rent_flow .flow_area{
		padding: 40px 8%;
		margin: 0 0 40px 0;
	}
	#rent_flow .flow_area dl{
		padding: 0 0 0 45px;
	}
	#rent_flow .flow_area dl dt{
		font-size: 1.250rem;
	}
	#rent_flow .flow_area dl dt::before{
		top: -8px;
		left: -45px;
		font-size: 1.875rem;
	}
	#rent_flow .flow_area dl dd .btn_area{
		line-height: 1.0;
	}
	#rent_flow .flow_area dl dd .btn_area .wp-block-button__link {
		margin: 0 0 5px 0;
	}
	#rent_flow .flow_area dl dd .btn_area .tel{
		margin: 0 0 0 0;
	}
	#rent_flow .flow_area dl dd .btn_area .tel .num span{
		font-size: 1.250rem;
	}
}



/* --------------------
	unyou
--------------------*/
#unyou {
	width: 100%;
	padding: 10px 0 0 0;
}
#unyou .head_area_ttl .topimg{
	width: 770px;
	padding: 0 0 30px 0;
}
#unyou #steps.step_area {
	counter-reset: li_count;
	margin: 0 auto 0 auto;
}
#unyou #steps.step_area .unit{
	padding: 50px 50px 40px 170px;
	position: relative;
}
#unyou #steps.step_area .unit::after{
	counter-increment: li_count;
	content: "0"counter(li_count);
	color: #f08200;
	position: absolute;
	top: 0;
	left: 50px;
	font-size: 3.75rem;
	font-weight: bold;
	border-right: #f08200 1px solid;
	padding: 0 25px 0 0;
	margin: 50px 0 50px 0;
    height: calc(100% - 100px);
	box-sizing: border-box;
	line-height: 1.0;
	display: flex;
    align-items: center;
}
#unyou #steps.step_area .unit.step1 h4,
#unyou #steps.step_area .unit.step4 h4{
	margin: 20px 0 20px 0;
}
#unyou #steps.step_area .unit h4{
	text-align: left;
	padding: 0 0 15px;
	margin: 0 0 0 0;
}
#unyou #steps.step_area .unit figure{
	position: absolute;
}
#unyou #steps.step_area .unit.step1 figure{
	width: 356px;
	bottom: -40px;
	right: -130px;
}
#unyou #steps.step_area .unit.step3 figure{
	width: 306px;
	top: -119px;
	left: -266px;
	z-index: -99;
}
#unyou #steps.step_area .unit.step4 figure{
	width: 114px;
	bottom: 30px;
	right: 75px;
}
#unyou #steps.step_area .unit.step5 figure{
	width: 138px;
	bottom: 32px;
	right: -106px;
}


#unyou #apartment{
	width: 100%;
	margin: 0 0 30px 0;
}
#unyou #apartment h3{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	text-align: center;
	font-size: 1.75rem;
	font-weight: bold;
	color: #f08300;
	letter-spacing: 0.02em;
}
#unyou #apartment .graph_box{
	width: 100%;
	margin: 0 0 0 0;
	padding: 70px 90px 70px 90px;
	position: relative;
	border: #CCC 1px solid;
	box-sizing: border-box;
}
#unyou #apartment .graph_box::before{
	content: "";
	display: block;
	padding-top: 83.5978835978836%;
}
#unyou #apartment .graph_box .graph_out{
	width: 84%;
    margin: 16px 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 0;
    left: calc(50% - 43%);
}

#unyou #apartment .graph_box .graph_in{
	width: 514px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	top: 174px;
	left: calc(50% - 240px);
}
#unyou #apartment .graph_box .graph_sp{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#unyou #apartment .dekirukoto{
	width: 100%;
	margin: 0 0 0 0;
	padding: 55px 0 0 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#unyou #apartment .dekirukoto h4{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	line-height: 1.4;
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	color: #f08300;
	letter-spacing: 0.02em;
	border-bottom: #f08300 1px solid;
}
#unyou #apartment .dekirukoto dl{
	width: 660px;
	margin: 0 auto 0 auto;
	padding: 0 0 15px 0;
}
#unyou #apartment .dekirukoto dl dt{
	width: 14em;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.2;
	position: relative;
	float: left;
}
#unyou #apartment .dekirukoto dl dt span{
	background: #FFFFFF;
	display: inline;
	padding: 0 1em 0 1.5em;
}
#unyou #apartment .dekirukoto dl dt::before{
	content: "";
	width: 11px;
	height: 11px;
	background: #f08300;
	border-radius: 100%;
	position: absolute;
	top: 1px;
	left: 0;
}
#unyou #apartment .dekirukoto dl dd{
	width: auto;
	margin: 0 0 15px 0;
	padding: 0 0 0 250px;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.2;
	position: relative;
}
#unyou #apartment .dekirukoto dl dd span{
	background: #FFFFFF;
	display: block;
	padding: 0 0.5em;
}
#unyou #apartment .dekirukoto dl dd::before{
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: #CCC 1px dashed;
	z-index: -10;
}

#unyou #orner{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 80px 90px;
	position: relative;
	border: #CCC 1px solid;
	box-sizing: border-box;
}
#unyou #orner h3{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	line-height: 1.4;
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	color: #f08300;
	letter-spacing: 0.02em;
	border-bottom: #f08300 1px solid;
}
#unyou #orner figure.image{
	width: 672px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}



/*-- unyou_irem --*/
#unyou_irem{
	width: 100%;
	padding: 60px;
	box-sizing: border-box;
	border: #ccc 30px solid;
	border-radius: 15px;
	margin: 90px 0 0 0;
}
#unyou_irem #irem{
	width: 100%;
	padding: 0 0 50px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#unyou_irem #irem h3{
	width: 100%;
	padding: 0 0 35px 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	color: #f08300;
}
#unyou_irem #irem .txt_area{
	width: 620px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
}
#unyou_irem #irem .txt_area p{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.000rem;
	line-height: 2.0;
}
#unyou_irem #irem figure{
	width: 303px;
}

#unyou_irem #cpm{
	width: 100%;
	padding: 0 45px 0 0;
	margin: 0 0 40px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	background: #eeeeee;
	box-sizing: border-box;
}
#unyou_irem #cpm figure{
	width: 230px;
}
#unyou_irem #cpm .txt_area{
	width: 650px;
	padding: 0 0 0 0;
}
#unyou_irem #cpm .txt_area h4{
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 1.125rem;
	font-weight: bold;
}
#unyou_irem #cpm .txt_area p{
	width: 100%;
	text-align: left;
	font-size: 0.875rem;
	line-height: 1.8;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#unyou_irem .btn_area{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0 20px 0;
	line-height: 1.0;
}
#unyou_irem .btn_area .wp-block-button__link {
	width: 300px !important;
	background: #f08300 !important;
	border-radius: 100px;
	border: #ccc 1px solid;
	padding: 18px 18px;
	box-sizing: border-box;
}
#unyou_irem .btn_area .tel{
	width: auto;
	background-color: #fff;
    border-radius: 100px;
	border: #ccc 1px solid;
	padding: 0 18px;
	margin: 0 0 0 15px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
}
#unyou_irem .btn_area .tel .num span{
	color: #f08300;
	font-size: 1.5rem;
	font-weight: bold;
}
#unyou_irem .btn_area .tel .time{
	font-size: 0.625rem;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
}
@media only screen and (max-width: 1179px) {
	#unyou {
		width: 100%;
		padding: 10px 0 0 0;
	}
	#unyou .head_area_ttl .topimg{
		width: 770px;
		padding: 0 0 30px 0;
	}
	#unyou #steps.step_area .unit{
		padding: 50px 50px 40px 170px;
		position: relative;
	}
	#unyou #steps.step_area .unit::after{
		top: 0;
		left: 50px;
		font-size: 3.75rem;
		padding: 0 25px 0 0;
	}
	#unyou #steps.step_area .unit.step1 h4,
	#unyou #steps.step_area .unit.step4 h4{
		margin: 20px 0 20px 0;
	}
	#unyou #steps.step_area .unit h4{
		text-align: left;
		padding: 0 0 15px;
		margin: 0 0 0 0;
	}
	#unyou #steps.step_area .unit.step1 figure{
		width: 356px;
		bottom: -40px;
		right: -130px;
	}
	#unyou #steps.step_area .unit.step3 figure{
		width: 306px;
		top: -119px;
		left: -266px;
		z-index: -99;
	}
	#unyou #steps.step_area .unit.step4 figure{
		width: 114px;
		bottom: 30px;
		right: 75px;
	}
	#unyou #steps.step_area .unit.step5 figure{
		width: 138px;
		bottom: 32px;
		right: -106px;
	}


	#unyou #apartment{
		margin: 0 0 30px 0;
	}
	#unyou #apartment h3{
		padding: 0 0 25px 0;
		font-size: 1.75rem;
		letter-spacing: 0.02em;
	}
	#unyou #apartment .graph_box{
		padding: 70px 90px 70px 90px;
	}
    #unyou #apartment .graph_box::before{
        content: "";
        display: block;
        padding-top: 83.5978835978836%;
    }
	#unyou #apartment .graph_box .graph_out{
		margin: 15px 0 0 0;
	}

	#unyou #apartment .graph_box .graph_in{
		width: 53.65344467640919%;
		top: 13.75%;
		left: calc(50% - 25.05219206680585%);
	}
	#unyou #apartment .dekirukoto{
		padding: 55px 0 0 0;
	}
	#unyou #apartment .dekirukoto h4{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		font-size: 1.375rem;
	}
	#unyou #apartment .dekirukoto dl{
		width: 660px;
	}
	#unyou #apartment .dekirukoto dl dt{
		width: 14em;
		margin: 0 0 15px 0;
		padding: 0 0 0 0;
		font-size: 0.875rem;
		float: left;
	}
	#unyou #apartment .dekirukoto dl dt::before{
		content: "";
		width: 11px;
		height: 11px;
		top: 1px;
	}
	#unyou #apartment .dekirukoto dl dd{
		margin: 0 0 15px 0;
		padding: 0 0 0 250px;
		font-size: 0.875rem;
	}

	#unyou #orner{
		margin: 0 0 30px 0;
		padding: 80px 90px;
	}
	#unyou #orner h3{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		font-size: 1.375rem;
	}
	#unyou #orner figure.image{
		width: 672px;
		padding: 30px 0 0 0;
	}


	/*-- unyou_irem --*/
	#unyou_irem{
		padding: 60px;
		border: #ccc 30px solid;
		margin: 90px 0 0 0;
	}
	#unyou_irem #irem{
		padding: 0 0 50px 0;
	}
	#unyou_irem #irem h3{
		padding: 0 0 40px 0;
		font-size: 1.375rem;
	}
	#unyou_irem #irem .txt_area{
		width: 65%;
	}
	#unyou_irem #irem .txt_area p{
		font-size: 1.000rem;
		line-height: 2.0;
	}
	#unyou_irem #irem figure{
		width: 33%;
	}

	#unyou_irem #cpm{
		padding: 0 45px 0 0;
		margin: 0 0 40px 0;
	}
	#unyou_irem #cpm figure{
		width: 25%;
	}
	#unyou_irem #cpm .txt_area{
		width: 75%;
	}
	#unyou_irem #cpm .txt_area h4{
		font-size: 1.125rem;
	}
	#unyou_irem #cpm .txt_area p{
		font-size: 0.875rem;
	}

	#unyou_irem .btn_area{
		padding: 0 0 20px 0;
		line-height: 1.0;
	}
	#unyou_irem .btn_area .wp-block-button__link {
		width: 300px !important;
		background: #f08300 !important;
		border-radius: 100px;
		border: #ccc 1px solid;
		padding: 18px 18px;
		box-sizing: border-box;
	}
	#unyou_irem .btn_area .tel{
		border-radius: 100px;
		border: #ccc 1px solid;
		padding: 0 18px;
		margin: 0 0 0 15px;
	}
	#unyou_irem .btn_area .tel .num span{
		font-size: 1.5rem;
	}
	#unyou_irem .btn_area .tel .time{
		font-size: 0.625rem;
	}
}
@media only screen and (max-width: 999px) {
	#unyou {
		padding: 10px 0 0 0;
	}
	#unyou .head_area_ttl .topimg{
		width: 77%;
		padding: 0 0 20px 0;
	}
	#unyou #steps.step_area .unit{
		padding: 40px 40px 30px 150px;
		position: relative;
	}
	#unyou #steps.step_area .unit::after{
		top: 0;
		left: 40px;
		font-size: 3.25rem;
		padding: 0 25px 0 0;
		margin: 40px 0 40px 0;
    	height: calc(100% - 80px);
	}
	#unyou #steps.step_area .unit.step1 h4,
	#unyou #steps.step_area .unit.step4 h4{
		margin: 20px 0 20px 0;
	}
	#unyou #steps.step_area .unit h4{
		text-align: left;
		padding: 0 0 15px;
		margin: 0 0 0 0;
	}
	#unyou #steps.step_area .unit.step1 figure{
		width: 46%;
		bottom: -19%;
		right: -15%;
	}
	#unyou #steps.step_area .unit.step3 figure{
		width: 32%;
		top: -40%;
		left: -14%;
	}
	#unyou #steps.step_area .unit.step4 figure{
		width: 16%;
		bottom: 21px;
		right: 10%;
	}
	#unyou #steps.step_area .unit.step5 figure{
		width: 18%;
		bottom: 11%;
		right: -8%;
	}


	#unyou #apartment{
		margin: 0 0 30px 0;
	}
	#unyou #apartment h3{
		padding: 0 0 25px 0;
		font-size: 1.50rem;
		letter-spacing: 0.02em;
	}
	#unyou #apartment .graph_box{
		padding: 50px 70px 50px 70px;
	}
	#unyou #apartment .graph_box .graph_out{
		margin: 3% 0 0 0;
	}
	#unyou #apartment .graph_box .graph_in{
		width: 53.65344467640919%;
		top: 14.75%;
		left: calc(50% - 25.05219206680585%);
	}
	#unyou #apartment .dekirukoto{
		padding: 55px 0 0 0;
	}
	#unyou #apartment .dekirukoto h4{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		font-size: 1.375rem;
	}
	#unyou #apartment .dekirukoto dl{
		width: 90%;
	}
	#unyou #apartment .dekirukoto dl dt{
		width: 14em;
		margin: 0 0 15px 0;
		padding: 0 0 0 0;
		font-size: 0.813rem;
		float: left;
	}
	#unyou #apartment .dekirukoto dl dt::before{
		content: "";
		width: 11px;
		height: 11px;
		top: 1px;
	}
	#unyou #apartment .dekirukoto dl dd{
		margin: 0 0 15px 0;
		padding: 0 0 0 25em;
		font-size: 0.813rem;
	}

	#unyou #orner{
		margin: 0 0 30px 0;
		padding: 60px 70px;
	}
	#unyou #orner h3{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		font-size: 1.250rem;
	}
	#unyou #orner figure.image{
		width: 70%;
		padding: 30px 0 0 0;
	}


	/*-- unyou_irem --*/
	#unyou_irem{
		padding: 40px;
		border: #ccc 25px solid;
		margin: 70px 0 0 0;
	}
	#unyou_irem #irem{
		padding: 0 0 40px 0;
	}
	#unyou_irem #irem h3{
		padding: 0 0 30px 0;
		font-size: 1.250rem;
	}
	#unyou_irem #irem .txt_area{
		width: 65%;
	}
	#unyou_irem #irem .txt_area p{
		font-size: 0.938rem;
		line-height: 2.0;
	}
	#unyou_irem #irem figure{
		width: 33%;
	}

	#unyou_irem #cpm{
		padding: 0 45px 0 0;
		margin: 0 0 40px 0;
	}
	#unyou_irem #cpm figure{
		width: 25%;
	}
	#unyou_irem #cpm .txt_area{
		width: 75%;
		padding: 15px 0;
	}
	#unyou_irem #cpm .txt_area h4{
		font-size: 1.000rem;
	}
	#unyou_irem #cpm .txt_area p{
		font-size: 0.813rem;
	}

	#unyou_irem .btn_area{
		padding: 0 0 20px 0;
	}
	#unyou_irem .btn_area .wp-block-button__link {
		width: 100% !important;
		padding: 18px 18px;
		margin: 0 0 5px 0;
	}
	#unyou_irem .btn_area .tel{
		width: 100%;
		padding: 18px 18px;
		margin: 0 0 0 0;
		justify-content: center;
	}
	#unyou_irem .btn_area .tel .num span{
		font-size: 1.5rem;
	}
	#unyou_irem .btn_area .tel .time{
		font-size: 0.625rem;
	}
}
@media only screen and (max-width: 768px) {
	#unyou {
		padding: 10px 0 0 0;
	}
	#unyou .head_area_ttl .topimg{
		width: 77%;
		padding: 0 0 20px 0;
	}
	#unyou #steps.step_area .unit{
		padding: 30px 30px 20px 120px;
		position: relative;
	}
	#unyou #steps.step_area .unit::after{
		top: 0;
		left: 30px;
		font-size: 2.75rem;
		padding: 0 25px 0 0;
		margin: 30px 0 30px 0;
    	height: calc(100% - 60px);
	}
	#unyou #steps.step_area .unit.step1 h4,
	#unyou #steps.step_area .unit.step4 h4{
		margin: 20px 0 20px 0;
	}
	#unyou #steps.step_area .unit h4{
		text-align: left;
		padding: 0 0 15px;
	}
	#unyou #steps.step_area .unit.step1 figure{
		width: 46%;
		bottom: -9%;
		right: -7%;
	}
	#unyou #steps.step_area .unit.step3 figure{
		width: 35%;
		top: -40%;
		left: -9%;
	}
	#unyou #steps.step_area .unit.step4 figure{
		width: 16%;
		bottom: 20%;
		right: 10%;
	}
	#unyou #steps.step_area .unit.step5 figure{
		width: 18%;
		bottom: 11%;
		right: -4%;
	}


	#unyou #apartment{
		margin: 0 0 30px 0;
	}
	#unyou #apartment h3{
		padding: 0 0 25px 0;
		font-size: 1.375rem;
		letter-spacing: 0.02em;
	}
	#unyou #apartment .graph_box{
		padding: 30px 40px 30px 40px;
	}
  	#unyou #apartment .graph_box::before{
        content: none;
        display: block;
        padding-top: 83.5978835978836%;
    }
	#unyou #apartment .graph_box .graph_out{
		margin: -5% 0 0 0;
	}
	#unyou #apartment .graph_box .graph_in{
		width: 53.65344467640919%;
		top: 21.75%;
		left: calc(50% - 25.05219206680585%);
	}
	#unyou #apartment .dekirukoto{
		padding: 35px 0 0 0;
	}
	#unyou #apartment .dekirukoto h4{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		font-size: 1.250rem;
	}
	#unyou #apartment .dekirukoto dl{
		width: 100%;
	}
	#unyou #apartment .dekirukoto dl dt{
		width: 100%;
		margin: 0 0 0px 0;
		padding: 0 0 0 0;
		font-size: 0.813rem;
		float: none;
	}
	#unyou #apartment .dekirukoto dl dd{
		width: 100%;
		margin: 5px 0 15px 0;
		padding: 0 0 0 3em;
		font-size: 0.813rem;
		box-sizing: border-box;
	}

	#unyou #orner{
		margin: 0 0 30px 0;
		padding: 30px 40px;
	}
	#unyou #orner h3{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		font-size: 1.125rem;
	}
	#unyou #orner p{
		font-size: 0.875rem;
	}
	#unyou #orner figure.image{
		width: 100%;
		padding: 25px 0 0 0;
	}


	/*-- unyou_irem --*/
	#unyou_irem{
		padding: 30px;
		border: #ccc 20px solid;
		margin: 50px 0 0 0;
	}
	#unyou_irem #irem{
		padding: 0 0 30px 0;
	}
	#unyou_irem #irem h3{
		padding: 0 0 30px 0;
		font-size: 1.125rem;
	}
	#unyou_irem #irem .txt_area{
		width: 100%;
		padding: 0 0 20px 0;
	}
	#unyou_irem #irem .txt_area p{
		font-size: 0.875rem;
		line-height: 2.0;
	}
	#unyou_irem #irem figure{
		width: 70%;
		margin: 0 auto;
	}

	#unyou_irem #cpm{
		padding: 0 35px 0 0;
		margin: 0 0 30px 0;
	}
	#unyou_irem #cpm figure{
		width: 50%;
		margin: 0 auto;
		order: 2;
	}
	#unyou_irem #cpm .txt_area{
		width: 100%;
		padding: 20px 20px 30px 20px;
		order: 1;
	}
	#unyou_irem #cpm .txt_area h4{
		font-size: 0.938rem;
	}
	#unyou_irem #cpm .txt_area p{
		font-size: 0.813rem;
	}

	#unyou_irem .btn_area{
		padding: 0 0 15px 0;
		line-height: 1.0;
	}
	#unyou_irem .btn_area .wp-block-button__link {
		width: 100% !important;
	}
	#unyou_irem .btn_area .tel{
		width: 100%;
	}
	#unyou_irem .btn_area .tel .num span{
		font-size: 1.375rem;
	}
}
@media only screen and (max-width: 480px) {
	#unyou {
		padding: 10px 0 0 0;
	}
	#unyou .head_area_ttl .topimg{
		width: 80%;
		padding: 0 0 20px 0;
	}
	#unyou #steps.step_area .unit{
		padding: 30px 30px 20px 120px;
		position: relative;
	}
	#unyou #steps.step_area .unit::after{
		top: 0;
		left: 30px;
		font-size: 2.75rem;
		padding: 0 25px 0 0;
		margin: 30px 0 30px 0;
    	height: calc(100% - 60px);
	}


	#unyou #apartment{
		margin: 0 auto 30px auto;
    	width: 90%;
	}
	#unyou #apartment h3{
		padding: 0 0 25px 0;
		font-size: 1.375rem;
		letter-spacing: 0.02em;
	}
	#unyou #apartment .graph_box{
		padding: 20px 25px 20px 25px;
	}
	#unyou #apartment .dekirukoto{
		padding: 35px 0 0 0;
	}
	#unyou #apartment .dekirukoto h4{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		font-size: 1.250rem;
	}

	#unyou #orner{
		margin: 0 auto 30px auto;
    	width: 90%;
		padding: 20px 25px;
	}
	#unyou #orner h3{
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
		font-size: 1.125rem;
	}


	/*-- unyou_irem --*/
	#unyou_irem{
		padding: 30px;
		border: #ccc 20px solid;
		margin: 50px 0 0 0;
	}
	#unyou_irem #irem h3{
		padding: 0 0 30px 0;
		font-size: 1.125rem;
	}
	#unyou_irem #irem .txt_area{
		width: 100%;
		padding: 0 0 20px 0;
	}
	#unyou_irem #irem .txt_area p{
		font-size: 0.875rem;
		line-height: 2.0;
	}
	#unyou_irem #irem figure{
		width: 70%;
		margin: 0 auto;
	}

	#unyou_irem #cpm{
		padding: 25px 6% 0 6%;
		margin: 0 0 30px 0;
	}
	#unyou_irem #cpm figure{
		width: 70%;
	}
	#unyou_irem #cpm .txt_area{
		padding: 0 0 20px 0;
	}
	#unyou_irem #cpm .txt_area h4{
		font-size: 0.938rem;
	}
	#unyou_irem #cpm .txt_area p{
		font-size: 0.813rem;
	}

	#unyou_irem .btn_area .tel .num span{
		font-size: 1.250rem;
	}
}


/* --------------------
	kaitai
--------------------*/
#kaitai {
	width: 100%;
	padding: 60px 0 0 0;
}
@media only screen and (max-width: 999px) {
}
@media only screen and (max-width: 768px) {
	#kaitai {
		padding: 40px 0 0 0;
	}
}
@media only screen and (max-width: 480px) {
}



/* --------------------
	recruit
--------------------*/
#recruit {
	width: 100%;
	padding: 60px 0 60px 0;
}
#recruit .ttl h3{
	width: 100%;
	padding: 0 0 29px 0;
	margin: 0 0 30px 0;
	border-bottom: #f08200 1px solid;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
#recruit .pro_area{
	width: 100%;
	padding: 0 0 90px 0;
	position: relative;
}
#recruit .pro_area figure{
	position: absolute;
	top: -180px;
	left: 0;
	width: 216px;
}
#recruit .pro_area h4{
	width: 100%;
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 2.0;
	padding: 0 0 40px 0;
}
#recruit .pro_area .in_box{
	width: 980px;
	border: #CCC 1px solid;
	position: relative;
	margin: 0 auto;
}
#recruit .pro_area .in_box h5{
	width: auto;
	background: #7f7f7f;
	padding: 1em 70px;
	text-align: center;
	font-size: 1.000rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #FFF;
	display: inline-block;
}
#recruit .pro_area .in_box p{
	width: 100%;
	padding: 40px 70px;
	text-align: left;
	font-size: 1.000rem;
	letter-spacing: 0.05em;
	line-height: 2.0;
}

#recruit .career{
	width: 100%;
}
#recruit .career .top_note{
	width: 100%;
	padding: 0 90px 35px 90px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#recruit .career .top_note .txt{
	width: 50%;
	text-align: left;
	font-size: 1.00rem;
	line-height: 2.0;
}
#recruit .career .conditions{
	width: 100%;
	padding: 40px 70px 40px 70px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border: #f08200 3px solid;
	background: #faefe2;
	box-sizing: border-box;
	position: relative;
}
#recruit .career .conditions figure.img1{
	width: 122px;
	position: absolute;
	top: -225px;
	left: -50px;
}
#recruit .career .conditions figure.img2{
	width: 88px;
	position: absolute;
	bottom: -25px;
	right: -18px;
}
#recruit .career .conditions .txt{
	width: 50%;
}
#recruit .career .conditions .txt h5{
	text-align: left;
	font-size: 1.375rem;
	font-weight: bold;
	color: #f08200;
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
}
#recruit .career .conditions .txt h6{
	text-align: left;
	font-size: 1.000rem;
	font-weight: bold;
	line-height: 1.8;
	padding: 0 0 15px 0;
}
#recruit .career .conditions .txt ul{
	text-align: left;
	font-size: 1.000rem;
	line-height: 1.8;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#recruit .career .conditions .txt ul li{
	text-align: left;
	padding: 0 0 0 1em;
	margin: 0 0 0 0;
	position: relative;
}
#recruit .career .conditions .txt ul li::before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
#recruit .career .conditions .txt p{
	text-align: left;
	font-size: 1.000rem;
	line-height: 1.8;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#recruit .deteil{
	width: 100%;
	padding: 60px 80px 50px 350px;
	margin: 30px 0 0 0;
	position: relative;
	box-sizing: border-box;
	background: #f0f0f0;
}
#recruit .deteil .img{
	width: 332px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	bottom: -12px;
	left: -29px;
}
#recruit .deteil dl{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 0.938rem;
	line-height: 1.7;
}
#recruit .deteil dl dt{
	width: 13em;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	float: left;
}
#recruit .deteil dl dd{
	width: auto;
	padding: 0 0 10px 15em;
	margin: 0 0 0 0;
}

#recruit .entry_banner{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 60px 0 0 0;
}
#recruit .entry_banner a{
	width: 440px;
	margin: 0 65px;
	padding: 1.4em 2em;
	text-align: center;
	font-size: 1.000rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	border-radius: 10px;
	text-decoration: none;
	box-sizing: border-box;
}
#recruit .entry_banner a.entry{
	background: #f08200;
	color: #111;
}
#recruit .entry_banner a.indeed{
	background: #024296 url(https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/logo_indeed.png) center right 2em/105px auto no-repeat;
	color: #FFF;
	text-align: left;
	justify-content: flex-start;
}
@media only screen and (max-width: 1179px) {
	#recruit {
		padding: 60px 0 60px 0;
	}
	#recruit .ttl h3{
		padding: 0 0 29px 0;
		margin: 0 0 30px 0;
		font-size: 1.125rem;
	}
	#recruit .pro_area{
		padding: 0 0 90px 0;
	}
	#recruit .pro_area figure{
		top: -180px;
		left: 0;
		width: 216px;
	}
	#recruit .pro_area h4{
		font-size: 1.375rem;
		padding: 0 0 40px 0;
	}
	#recruit .pro_area .in_box{
		width: 90%;
	}
	#recruit .pro_area .in_box h5{
		padding: 1em 5em;
		font-size: 1.000rem;
	}
	#recruit .pro_area .in_box p{
		padding: 30px 5em;
		font-size: 1.000rem;
	}

	#recruit .career .top_note{
		padding: 0 70px 35px 70px;
	}
	#recruit .career .top_note .txt{
		width: 100%;
		font-size: 1.00rem;
	}
	#recruit .career .conditions{
		padding: 40px 60px 40px 60px;
	}
	#recruit .career .conditions figure.img1{
		width: 122px;
		top: -225px;
		left: -50px;
	}
	#recruit .career .conditions figure.img2{
		width: 88px;
		bottom: -25px;
		right: -18px;
	}
	#recruit .career .conditions .txt{
		width: 50%;
	}
	#recruit .career .conditions .txt h5{
		font-size: 1.375rem;
	}
	#recruit .career .conditions .txt h6{
		font-size: 1.000rem;
	}
	#recruit .career .conditions .txt ul{
		font-size: 1.000rem;
	}
	#recruit .career .conditions .txt p{
		font-size: 1.000rem;
	}

	#recruit .deteil{
		padding: 50px 60px 40px 300px;
		margin: 30px 0 0 0;
	}
	#recruit .deteil .img{
		width: 332px;
		bottom: -12px;
		left: -29px;
	}
	#recruit .deteil dl{
		font-size: 0.938rem;
	}
	#recruit .deteil dl dt{
		width: 13em;
		padding: 0 0 10px 0;
	}
	#recruit .deteil dl dd{
		padding: 0 0 10px 15em;
	}

	#recruit .entry_banner{
		margin: 60px 0 0 0;
	}
	#recruit .entry_banner a{
		width: 40%;
		margin: 0 5%;
		padding: 1.4em 2em;
		font-size: 1.000rem;
	}
	#recruit .entry_banner a.indeed{
		background: #024296 url(https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/logo_indeed.png) center right 2em/105px auto no-repeat;
	}
}
@media only screen and (max-width: 999px) {
	#recruit {
		padding: 50px 0 50px 0;
	}
	#recruit .ttl h3{
		padding: 0 0 29px 0;
		margin: 0 0 30px 0;
		font-size: 1.00rem;
	}
	#recruit .pro_area{
		padding: 0 0 60px 0;
	}
	#recruit .pro_area figure{
		top: -16%;
		left: 0;
		width: 15%;
	}
	#recruit .pro_area h4{
		font-size: 1.250rem;
		padding: 0 0 30px 0;
	}
	#recruit .pro_area .in_box{
		width: 90%;
	}
	#recruit .pro_area .in_box h5{
		padding: 1em 5em;
		font-size: 0.938rem;
	}
	#recruit .pro_area .in_box p{
		padding: 25px 5em;
		font-size: 0.938rem;
	}
	#recruit .pro_area .in_box p br{
		display: none;
	}

	#recruit .career .top_note{
		padding: 0 12% 35px 12%;
	}
	#recruit .career .top_note .txt{
		font-size: 0.938rem;
	}
	#recruit .career .conditions{
		padding: 30px 50px 30px 50px;
	}
	#recruit .career .conditions figure.img1{
		width: 9%;
		top: -63%;
		left: 0%;
	}
	#recruit .career .conditions figure.img2{
		width: 7%;
		bottom: 53%;
		right: 2%;
	}
	#recruit .career .conditions .txt{
		width: 49%;
		padding: 0 0 20px 0;
	}
	#recruit .career .conditions .txt h5{
		font-size: 1.250rem;
		padding: 0 0 10px 0;
	}
	#recruit .career .conditions .txt h6{
		font-size: 0.938rem;
		padding: 0 0 10px 0;
	}
	#recruit .career .conditions .txt ul{
		font-size: 0.938rem;
	}
	#recruit .career .conditions .txt p{
		font-size: 0.938rem;
	}

	#recruit .deteil{
		padding: 40px 50px 30px 50px;
		margin: 30px 0 0 0;
	}
	#recruit .deteil .img{
		width: 28%;
		bottom: auto;
		left: auto;
		position: relative;
		margin: 0 auto;
	}
	#recruit .deteil dl{
		font-size: 0.875rem;
		margin: 0 auto;
	}
	#recruit .deteil dl dt{
		width: 100%;
		padding: 0 0 5px 0;
	}
	#recruit .deteil dl dd{
		width: 100%;
		padding: 0 0 10px 0;
	}

	#recruit .entry_banner{
		margin: 50px 0 0 0;
	}
	#recruit .entry_banner a{
		width: 46%;
		margin: 0 2%;
		padding: 1.2em 1.5em;
		font-size: 0.938rem;
	}
	#recruit .entry_banner a.indeed{
		background: #024296 url(https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/logo_indeed.png) center right 1.5em/18% auto no-repeat;
	}
}
@media only screen and (max-width: 768px) {
	#recruit {
		padding: 40px 0 40px 0;
	}
	#recruit .ttl h3{
		padding: 0 0 29px 0;
		margin: 0 0 30px 0;
		font-size: 0.938rem;
	}
	#recruit .pro_area{
		padding: 0 0 50px 0;
	}
	#recruit .pro_area figure{
		top: -16%;
		left: 0;
		width: 15%;
	}
	#recruit .pro_area h4{
		font-size: 1.125rem;
		line-height: 1.8;
		padding: 0 5% 30px 5%;
	}
	#recruit .pro_area h4 br{
		display: none;
	}
	#recruit .pro_area .in_box{
		width: 90%;
	}
	#recruit .pro_area .in_box h5{
		width: 100%;
		box-sizing: border-box;
		padding: 1em 5em;
		font-size: 0.875rem;
	}
	#recruit .pro_area .in_box p{
		padding: 20px 5em;
		font-size: 0.875rem;
	}
	#recruit .pro_area .in_box p br{
		display: none;
	}

	#recruit .career .top_note{
		padding: 0 12% 30px 12%;
	}
	#recruit .career .top_note .txt{
		font-size: 0.875rem;
		text-align: center;
	}
	#recruit .career .conditions{
		padding: 30px 40px 30px 40px;
	}
	#recruit .career .conditions figure.img1{
		width: 9%;
		top: -63%;
		left: 0%;
	}
	#recruit .career .conditions figure.img2{
		width: 7%;
		bottom: 53%;
		right: 2%;
	}
	#recruit .career .conditions .txt{
		width: 100%;
		padding: 0 0 15px 0;
	}
	#recruit .career .conditions .txt h5{
		font-size: 1.125rem;
		padding: 0 0 5px 0;
	}
	#recruit .career .conditions .txt h6{
		font-size: 0.875rem;
		padding: 0 0 5px 0;
	}
	#recruit .career .conditions .txt ul{
		font-size: 0.875rem;
	}
	#recruit .career .conditions .txt p{
		font-size: 0.875rem;
	}

	#recruit .deteil{
		padding: 30px 40px 20px 40px;
		margin: 30px 0 0 0;
	}
	#recruit .deteil .img{
		width: 50%;
		bottom: auto;
		left: auto;
		position: relative;
		margin: 10px auto 0 auto;
	}
	#recruit .deteil dl{
		font-size: 0.813rem;
		margin: 0 auto;
	}
	#recruit .deteil dl dt{
		width: 100%;
		padding: 0 0 5px 0;
	}
	#recruit .deteil dl dd{
		width: 100%;
		padding: 0 0 10px 0;
	}

	#recruit .entry_banner{
		padding: 0 5%;
		margin: 40px auto 0 auto;
	}
	#recruit .entry_banner a{
		width: 100%;
		margin: 0 0 5px 0;
		padding: 1.2em 1.2em;
		font-size: 0.875rem;
		text-align: center;
	}
	#recruit .entry_banner a.indeed{
		text-align: center;
		justify-content: center;
		background: #024296 url(https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/logo_indeed.png) center right 1.2em/10% auto no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	#recruit {
		padding: 40px 0 40px 0;
	}
	#recruit .ttl h3{
		padding: 0 0 29px 0;
		margin: 0 0 30px 0;
		font-size: 0.875rem;
	}
	#recruit .pro_area{
		padding: 0 0 50px 0;
	}
	#recruit .pro_area figure{
		top: -16%;
		left: 0;
		width: 15%;
	}
	#recruit .pro_area h4{
		font-size: 1.000rem;
	}
	#recruit .pro_area .in_box{
		width: 90%;
	}
	#recruit .pro_area .in_box h5{
		font-size: 0.875rem;
	}
	#recruit .pro_area .in_box p{
		padding: 15px 3em;
		font-size: 0.875rem;
	}
	#recruit p br{
		display: none;
	}

	#recruit .career .top_note{
		padding: 0 4% 30px 4%;
	}
	#recruit .career .top_note .txt{
		font-size: 0.875rem;
		text-align: left;
	}
	#recruit .career .conditions{
		padding: 30px 40px 30px 40px;
	}
	#recruit .career .conditions figure.img1{
		width: 9%;
		top: -75%;
		left: 2%;
	}
	#recruit .career .conditions figure.img2{
		width: 7%;
		bottom: 5%;
		right: 2%;
	}
	#recruit .career .conditions .txt{
		width: 100%;
		padding: 0 0 15px 0;
	}
	#recruit .career .conditions .txt h5{
		font-size: 1.000rem;
		padding: 0 0 5px 0;
	}
	#recruit .career .conditions .txt h6{
		font-size: 0.875rem;
		padding: 0 0 5px 0;
	}
	#recruit .career .conditions .txt ul{
		font-size: 0.813rem;
	}
	#recruit .career .conditions .txt p{
		font-size: 0.813rem;
	}

	#recruit .deteil{
		padding: 30px 40px 20px 40px;
		margin: 30px 0 0 0;
	}
	#recruit .deteil dl{
		font-size: 0.813rem;
	}
	#recruit .deteil dl dt{
		padding: 0 0 5px 0;
	}
	#recruit .deteil dl dd{
		padding: 0 0 10px 0;
	}

	#recruit .entry_banner a{
		padding: 1.0em 1.0em;
		font-size: 0.813rem;
	}
	#recruit .entry_banner a.indeed{
		text-align: center;
		justify-content: center;
		background: #024296 url(https://www.wakana-e.co.jp/wp-content/uploads/sites/668/2022/02/logo_indeed.png) center right 1.0em/10% auto no-repeat;
	}
}