@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}

/* ヘッダー、ロゴ・電話番号のスペース */
	.h_top_info{
		position: absolute;
		top: 0;
		width: 76%;
	}
/* ナビ位置 */
	.navi_pc {
		margin: -6.9vw 0 0 0;
		padding-bottom: 4.1vw;
		padding-left: 21.7vw;
	}
/* H1
----------------------------------------------- */
	.sp_h1 {
		display: none;
	}
	.pc_h1 {
		position: absolute;
		bottom: 2.7vw;
		right: 4.4vw;
		text-align: right;
		z-index: 1;
	}
	.pc_h1 h1 {
		font-size: 13px;
		line-height: 1;
		color: inherit;
		color: #3c3c3c;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	新着情報

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01{
		padding-bottom: 131px;
		position: relative;
		background: url(../img/row01_bg.jpg) no-repeat right bottom / auto;
	}

	/* タイトル */
	.row01 .title_01 {
		position: relative;
		padding-bottom: 74px;
	}
	.row01 .title_01::before{
		position: absolute;
		content: "";
		width: 1025px;
		height: 3px;
		top: 17px;
		left: 150px;
		background: #fac114;
		border-radius: 100px;
	}
	.row01 h2{
		font-size: 30px;
		display: inline-block;
		font-weight: 500;
		letter-spacing: 0.15em;
	}
	/* --記事設定-- */
	.news_box{
		width: 1010px !important;
		margin: 0 auto !important;
		padding-bottom: 98px;
	}
	.news_box .post_wrap ul{
		font-size: 0;
		text-align: center;
	}
	.news_box .post_wrap ul li{
		position: relative;
		display: inline-block;
		font-size: 18px;
		font-weight: 500;
	}
	.news_box .post_wrap ul li:nth-of-type(2){
		margin: 0 9px;
	}
	/* カテゴリー */
	.news_box .post_icon_box{
		position: absolute;
		top: -23px;
		left: 0;
		background: #fac114;
		padding: 0px 30px 2px 30px;
		font-weight: bold;
		font-size: 26px;
		display: inline-block;
		z-index: 1;
	}
	.news_box .cate_feature_list{
		display: none;
	}
	/* サムネイル */
	.news_box .post_thumb{
		padding-bottom: 6px;
	}
	.news_box .post_thumb img{
		width:329px;
		height:329px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		border: solid #fac114 2px;
	}
   /* 日付 */
   .news_box .post_date{
		text-align: left;
		padding: 0 0 9px 7px;
		letter-spacing: 00.05em;
		font-weight: bold;
   }
   /* タイトル */
   .news_box .post_title{
		text-align: left;
		width: 320px;
		padding-left: 5px;
		font-weight: bold;
		line-height: 1.5;
	}
	.news_box .post_title a{
		color: #000000;
	}

	/* 一覧はこちら */
	.button_box ul {
		text-align: center;
		font-size: 0;
	}
	.button_box ul li {
		font-size: 23px;
		font-weight: bold;
		list-style-type: none;
		vertical-align: top;
		display: inline-block;
		overflow: hidden;
		position: relative;
	}
	.button_box ul li::before {
		position: absolute;
		top: 6.7vw;
		left: -26vw;
		width: 45vw;
		height: 45vw;
		content: '';
		-webkit-transform: rotate(137deg);
		transform: rotate(137deg);
		background: #000;
		z-index: 1;
	}
	.button_box ul li::after {
		position: absolute;
		content: "";
		top: 15px;
		right: 25px;
		width: 31px;
		height: 30px;
		background: url(../img/button_icon.png) no-repeat center top / auto 100%;
		z-index: 2;
	}
	.button_box ul li a {
		position: relative;
		background-color: #fac114;
		display: block;
		color: #000000;
		text-decoration: none;
		padding: 10px 97px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
		.row01{
			padding: 11vw 4vw 17vw;
		}
		/* タイトル */
		.row01 .title_01 {
			position: relative;
			padding-bottom: 10vw;
		}
		.row01 .title_01::before{
			position: absolute;
			content: "";
			width: 64vw;
			height: 3px;
			top: 3vw;
			left: 28vw;
			background: #fac114;
			border-radius: 100px;
		}
		.row01 h2{
			font-size: 5.5vw;
			display: inline-block;
			font-weight: 500;
			letter-spacing: 0.15em;
		}
	/* --記事設定-- */
	.news_box{
	}
	.news_box .post_wrap ul{
		font-size: 0;
		text-align: center;
	}
	.news_box .post_wrap ul li{
		position: relative;
		display: inline-block;
		font-size: 4.5vw;
		font-weight: 500;
		padding-bottom: 13vw;
	}

	/* カテゴリー */
	.news_box .post_icon_box{
		position: absolute;
		top: -3vw;
		left: 0;
		background: #fac114;
		padding: 0vw 4vw 0 4vw;
		font-weight: bold;
		font-size: 4vw;
		display: inline-block;
		z-index: 1;
	}
	.news_box .cate_feature_list{
		display: none;
	}

	/* 最初のサムネイル */
	.news_box .post_thumb{
		padding-bottom: 1vw;
	}
	.news_box .post_thumb img{
		width: 86vw;
		height: 56vw;
		object-fit: cover;
		font-family: 'object-fit: cover;';
		border: solid #fac114 2px;
	}
   /* 最初の日付 */
   .news_box .post_date{
		text-align: left;
		padding: 0 0 0 1vw;
		letter-spacing: 00.05em;
		font-weight: bold;
   }
   /* 最初のタイトル */
   .news_box .post_title{
		text-align: left;
		width: 85vw;
		padding-left: 1vw;
		font-weight: bold;
		line-height: 1.5;
	}
	.news_box .post_title a{
		color: #000000;
	}




	/* 二個目、三個目のサムネイル */
	.news_box .post_wrap ul li:nth-of-type(2){
		margin-right: 2.5vw;
	}
	.news_box .post_wrap ul li:nth-of-type(3){
		margin-left: 2.5vw;
	}
	.news_box .post_wrap ul li:not(:first-child) .post_thumb img{
		width: 40vw;
		height: 40vw;
		object-fit: cover;
		font-family: 'object-fit: cover;';
		border: solid #fac114 2px;
	}
   /* 二個目、三個目の日付 */
   .news_box .post_wrap ul li:not(:first-child) .post_date{
		text-align: left;
		padding: 0 0 0 1vw;
		letter-spacing: 00.05em;
		font-weight: 400;
	}
	/* 二個目、三個目のタイトル */
	.news_box .post_wrap ul li:not(:first-child) .post_title{
		text-align: left;
		width: 39vw;
		padding-left: 1vw;
		font-weight: 400;
		line-height: 1.5;
	}
	.news_box .post_wrap ul li:not(:first-child) .post_title a{
		color: #000000;
		letter-spacing: -0.08em;
	}



	/* 一覧はこちら */
	.button_box ul {
		text-align: center;
		font-size: 0;
	}
	.button_box ul li {
		font-size: 5vw;
		font-weight: bold;
		list-style-type: none;
		vertical-align: top;
		display: inline-block;
		overflow: hidden;
		position: relative;
	}
	.button_box ul li::before {
		position: absolute;
		top: 6.7vw;
		left: -26vw;
		width: 45vw;
		height: 45vw;
		content: '';
		-webkit-transform: rotate(137deg);
		transform: rotate(137deg);
		background: #000;
		z-index: 1;
	}
	.button_box ul li::after {
		position: absolute;
		content: "";
		top: 2.8vw;
		right: 4VW;
		width: 7VW;
		height: 7VW;
		background: url(../img/button_icon.png) no-repeat center top / auto 100%;
		z-index: 2;
	}
	.button_box ul li a {
		position: relative;
		background-color: #fac114;
		display: block;
		color: #000000;
		text-decoration: none;
		padding: 2vw 0;
		width: 80vw;
	}
}





/* ================================================================================

	こんな人におすすめ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 背景 */
	.row02{
		background: url(../img/pc_row02_bg.jpg)no-repeat center top / auto;
		height: 508px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}


	/* タイトル */
	.row02_in{
		position: relative;
	}
	.row02_in img{
		width: 405px;
		position: absolute;
		top: -17px;
		left: 31px;
	}
	/* 白背景 */
	.row02 .row02_in{
		position: relative;
		width: 1000px !important;
		margin: 0 auto !important;
		background: #ffffff;
		border-radius: 10px;
		padding: 15px;
	}
	.row02 .row02_in::before{
		position: absolute;
		content: "";
		background: url(../img/taka.png) no-repeat center top / auto 100%;
		width: 420px;
		height: 430px;
		top: -300px;
		right: -130px;
		z-index: 1;
	}
	/* 黄色枠 */
	.row02 .row02_in .top_check_list{
		border: 6px solid #fac114;
		border-radius: 10px;
		padding: 50px 0;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	/* 枠内設定 */
	.row02 .row02_in .top_check_list ul{
		float: right;
	}
	.row02 .row02_in .top_check_list ul:nth-of-type(1){
		margin-left: 55px;
	}
	.row02 .row02_in .top_check_list ul:nth-of-type(2){
		padding-left: 85px;
	}
	.row02 .row02_in .top_check_list ul li{
		position: relative;
		font-size: 25px;
		font-weight: 400;
		letter-spacing: 0.05em;
		padding: 9px 0;
	}
	.row02 .row02_in .top_check_list ul li::before{
		position: absolute;
		content: "";
		background: url(../img/check_icon.jpg) no-repeat center top / 100% auto;
		width: 40px;
		height: 34px;
		top: 10px;
		left: -47px;
	}
	.row02 .row02_in .top_check_list ul li p span{
		background:linear-gradient(transparent 60%, #fac114 60%);
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
		/* 背景 */
		.row02{
			background: url(../img/sp_row02_bg.jpg)no-repeat center top / auto;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
			padding: 20vw 4vw;
		}

			/* タイトル */
	.row02_in{
		position: relative;
	}
	.row02_in img{
		width: 76vw;
		position: absolute;
		top: 3vw;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	/* 白背景 */
	.row02 .row02_in{
		position: relative;
		margin: 0 auto !important;
		background: #ffffff;
		border-radius: 10px;
		padding: 3vw;
		width: 92vw;
	}
	.row02 .row02_in::before{
		position: absolute;
		content: "";
		background: url(../img/taka.png) no-repeat center top / auto 100%;
		width: 55vw;
		height: 56vw;
		bottom: -28vw;
		right: -3vw;
		z-index: 1;
	}
	/* 黄色枠 */
	.row02 .row02_in .top_check_list{
		border: 6px solid #fac114;
		border-radius: 10px;
		padding: 8vw 4vw 8vw 9vw;
	}
	/* 枠内設定 */
	.row02 .row02_in .top_check_list ul li{
		position: relative;
		font-size: 4vw;
		font-weight: 400;
		padding: 2vw 0;
	}
	.row02 .row02_in .top_check_list ul li::before{
		position: absolute;
		content: "";
		background: url(../img/check_icon.jpg) no-repeat center top / 100% auto;
		width: 5vw;
		height: 5vw;
		top: 3.7vw;
		left: -6vw;
	}
	.row02 .row02_in .top_check_list ul li p span{
		background:linear-gradient(transparent 60%, #fac114 60%);
	}

	
}





/* ================================================================================

	八潮で建材配送なら赤帽ワカタカ運送‼

================================================================================ */
.yellow_text{
	color: #fac114;
}
.red_text{
	color: #e71622;
}
.white_text{
	color: #ffffff;
}
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row03{
		background: url(../img/note_bg.jpg)repeat center left / auto;
		padding: 114px 0 100px;
	}

	/* タイトル */
	.row03 .title_02{
		padding-bottom: 72px;
	}

	.row03 .title_02 h2{
		position: relative;
		font-size: 42px;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.08em;
		display: inline-block;
	}
	.row03 .title_02 h2::before{
		position: absolute;
		content: "";
		background: url(../img/wing_right.png) no-repeat center top / 100% auto;
		width: 100px;
		height: 173px;
		top: -64px;
		right: -114px;
	}
	.row03 .title_02 h2::after{
		position: absolute;
		content: "";
		background: url(../img/wing_left.png) no-repeat center top / 100% auto;
		width: 100px;
		height: 173px;
		top: -64px;
		left: -114px;
	}
	.row03 .title_02 h2 .row03_font-size{
		font-size: 46px;
	}
	/* テキスト */
	.br-none{
		display: inline;
	}
	.row03_text_01{
		position: relative;
		width: 1000px !important;
		margin: 0 auto;
		padding-bottom: 52px;
		letter-spacing: -0.03em;
	}
	.row03_text_01 p{
		position: relative;
		z-index: 1;
	}
	.row03_text_01::before{
		position: absolute;
		content: "";
		background: url(../img/akaou_name.png) no-repeat center top / 100% auto;
		width: 1226px;
		height: 173px;
		bottom: 20px;
		left: 50%;
		transform: translate(-50%, 50%);
		-webkit-transform: translate(-50%, 50%);
		-ms-transform: translate(-50%, 50%);
		z-index: 0;
	}
	.row03_text_02{
		font-weight: 300;
		letter-spacing: 0.04em;
	}


}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row03{
		background: url(../img/note_bg.jpg)repeat center left / auto;
		padding: 15vw 4vw 15vw;
	}

	/* タイトル */
	.row03 .title_02{
		padding-bottom: 14vw;
	}

	.row03 .title_02 h2{
		position: relative;
		width: 80vw;
		font-size: 8vw;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.08em;
		display: inline-block;
	}
	.row03 .title_02 h2::before{
		position: absolute;
		content: "";
		background: url(../img/wing_right.png) no-repeat center top / 100% auto;
		width: 15vw;
		height: 27vw;
		bottom: -11vw;
		right: -8vw;
	}
	.row03 .title_02 h2::after{
		position: absolute;
		content: "";
		background: url(../img/wing_left.png) no-repeat center top / 100% auto;
		width: 15vw;
		height: 27vw;
		bottom: -11vw;
		left: -8vw;
	}
	/* テキスト */
	.row03_text_01{
		position: relative;
		padding-bottom: 9vw;
	}
	.row03_text_01 p{
		position: relative;
		z-index: 1;
	}
	.row03_text_01::before{
		position: absolute;
		content: "";
		background: url(../img/akaou_name.png) no-repeat center top / 100% auto;
		width: 54vw;
		height: 6vw;
		top: -10vw;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		z-index: 0;
	}
	.row03_text_02{
		font-weight: 300;
		letter-spacing: 0.04em;
	}

	
}





/* ================================================================================

	赤帽ワカタカ運送の引越は
財布に優しい
破格の13,750円から！

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row04{
		background: #fac114;
		position: relative;
		height: 452px !important;
	}
	.row04::before{
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		border-top: 65px solid #fac114;
		border-right: 82px solid transparent;
		border-left: 82px solid transparent;
		z-index: 1;
	}

	.row04_box{
		position: relative;
		
	}
	.row04_in01{
		padding-top: 45px;
	}
	/* タイトル */
	.row04 .title_03 h2{
		position: relative;
		font-size: 46px;
		font-weight: 600;
		line-height: 1.35;
		letter-spacing: -0.01em;
		z-index: 1;
	}
	.row04 .title_03 h2::before{
		position: absolute;
		content: "";
		background: url(../img/gama.png) no-repeat center top / 100% auto;
		width: 170px;
		height: 148px;
		bottom: -30px;
		right: 10px;
		z-index: -1;
	}
	.row04 .title_03 span.white_line{
		background:linear-gradient(transparent 60%, #ffffff 60%);
	}

	.row04_text{
		padding-top: 48px;
	}
	/* 画像 */
	.row04_in02{
		position: absolute;
		width: 879px !important;
		left: 50%;
		margin-left: 82px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row04{
		background: #fac114;
		position: relative;
		padding: 0 4vw 15vw;
	}
	.row04::before{
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		border-top: 10vw solid #fac114;
		border-right: 10vw solid transparent;
		border-left: 10vw solid transparent;
		z-index: 1;
	}

	.row04_box{
		position: relative;
		
	}
	.row04_in01{
		padding-top: 17vw;
	}
	/* タイトル */
	.row04 .title_03 h2{
		position: relative;
		font-size: 7vw;
		font-weight: 600;
		line-height: 1.35;
		letter-spacing: -0.01em;
		z-index: 1;
	}
	.row04 .title_03 h2::before{
		position: absolute;
		content: "";
		background: url(../img/gama.png) no-repeat center top / 100% auto;
		width: 28vw;
		height: 24vw;
		bottom: -5vw;
		right: 3vw;
		z-index: -1;
	}
	.row04 .title_03 span.white_line{
		background:linear-gradient(transparent 60%, #ffffff 60%);
	}
	/* テキスト */
	.row04_text{
		padding: 7vw 0;
	}
}





/* ================================================================================

	問い合わせ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row05_taka{
		position: relative;
	}
	.row05_taka::before{
		position: absolute;
		content: "";
		background: url(../img/taka02.png) no-repeat center top / 100% auto;
		width: 334px;
		height: 347px;
		top: -90px;
		left: 50%;
		z-index: 1;
		margin-left: -617px;
	}
	.row05{
		position: relative;
		border: #fac114 solid 6px;
		background: #ffffff;
		width: 1366px;
		margin: 0 auto;
		text-align: center;
		padding: 60px;
		overflow: hidden;
	}
	.row05::after {
		position: absolute;
		right: -82px;
		bottom: -90px;
		width: 170px;
		height: 170px;
		content: '';
		-webkit-transform: rotate(137deg);
		transform: rotate(137deg);
		background: #fac114;
		z-index: 1;
	}
	/* タイトル */
	.row05 .title_04 h2{
		font-size:37px;
		font-weight: 500;
		line-height: 1.5;
	}
	
	.row05 .title_04 h2 span{
		background:linear-gradient(transparent 60%, #fac114 60%);
		font-size: 49px;
		font-weight: 600;
	}
	/* 電話 */
	.row05_tel a{
		color: #fac114;
		font-weight: 500;
		font-size: 57px;
		letter-spacing: 0.08em;
	}
	.row05_tel p{
		font-size: 27px;
		font-weight: 500;
		margin-top: -13px;
		padding-bottom: 39px;
	}

	/* ボタン */
	.row05 .button_box ul {
		text-align: center;
		font-size: 0;
	}
	.row05 .button_box ul li {
		font-size: 35px;
		font-weight: bold;
		list-style-type: none;
		vertical-align: top;
		display: inline-block;
		overflow: hidden;
		position: relative;
		margin: 0 25px;
		width: 445px;
	}
	.row05 .button_box ul li::before {
		position: absolute;
		top: 6.7vw;
		left: -26vw;
		width: 45vw;
		height: 45vw;
		content: '';
		-webkit-transform: rotate(137deg);
		transform: rotate(137deg);
		background: #fac114;
		z-index: 1;
	}
	.row05 .button_box ul li::after {
		position: absolute;
		content: "";
		top: 31px;
		right: 31px;
		width: 31px;
		height: 30px;
		background: url(../img/button_icon.png) no-repeat center top / auto 100%;
		z-index: 2;
	}
	.row05 .button_box ul li a {
		position: relative;
		background-color: #000000;
		display: block;
		color: #ffffff;
		text-decoration: none;
		padding: 15px 0;
		letter-spacing: 0.08em;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row05{
		position: relative;
		border-top: #fac114 solid 6px;
		border-bottom: #fac114 solid 6px;
		background: #ffffff;
		text-align: center;
		padding: 12vw 5vw;
		margin: 20vw 0 0;
		overflow: hidden;
	}
	.row05::after {
		position: absolute;
		right: -10vw;
		bottom: -11vw;
		width: 20vw;
		height: 20vw;
		content: '';
		-webkit-transform: rotate(137deg);
		transform: rotate(137deg);
		background: #fac114;
		z-index: 1;
	}
	/* タイトル */
	.row05 .title_04 h2{
		font-size: 7vw;
		font-weight: 500;
		line-height: 1.6;
		text-align: center;
		padding-bottom: 5vw;
	}
	.row05 .title_04 h2 span{
		background: linear-gradient(transparent 60%, #fac114 60%);
		font-weight: 600;
		font-size: 9vw;
		line-height: 1;
	}
	/* 電話 */
	.row05_tel a{
		font-size: 9vw;
		color: #fac114;
	}
	.row05_tel p{
		font-size: 5vw;
		font-weight: 500;
		margin-top: -1vw;
		padding-bottom: 6vw;
	}

		/* ボタン */
		.button_box ul {
			text-align: center;
			font-size: 0;
		}
		.button_box ul li {
			font-size: 5vw;
			font-weight: bold;
			list-style-type: none;
			vertical-align: top;
			display: inline-block;
			overflow: hidden;
			position: relative;
			margin: 2vw 0;
		}
		.button_box ul li::before {
			position: absolute;
			top: 6.7vw;
			left: -26vw;
			width: 45vw;
			height: 45vw;
			content: '';
			-webkit-transform: rotate(137deg);
			transform: rotate(137deg);
			background: #fac114;
			z-index: 1;
		}
		.button_box ul li::after {
			position: absolute;
			content: "";
			top: 2.8vw;
			right: 4VW;
			width: 7VW;
			height: 7VW;
			background: url(../img/button_icon.png) no-repeat center top / auto 100%;
			z-index: 2;
		}
		.button_box ul li a {
			position: relative;
			background-color: #000000;
			display: block;
			color: #ffffff;
			text-decoration: none;
			padding: 2vw 0;
			width: 80vw;
		}
}