@charset "UTF-8";

/*under_header*/
.under_header{
    background: url(../img/company/mv.jpg) center / cover no-repeat;
}


/* company_menu
***************************************************************/
.company_menu{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: -50px;
	gap: 25px 0;
}
.company_menu a{
	width: 31.7%;
	height: 80px;
	background-color: var(--white);
	filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.16));
	font-size: clamp(18px, 2.2vw, 24px);
	font-weight: 700;
	display: flex;
	align-items: center;
	padding: 0 5%;
}
.company_menu a.current{
	background: var(--lg01);
	color: var(--white);
	pointer-events: none;
}

/*--------------------PC--------------------*/
@media all and (min-width:768px) {
	.company_menu a:hover{
		background: var(--lg01);
		color: var(--white);
	}
}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.company_menu{
		gap: 15px 0;
	}
	.company_menu a{
		width: 48%;
		height: 60px;
		font-size: 16px;
		padding: 0 4%;
	}
}


/* company_list
***************************************************************/
.company_list > div{
	display: flex;
	font-size: 16px;
	line-height: 2;
	> dt{
		width: 160px;
		font-weight: 700;
		border-top: 2px solid var(--blue);
		padding: 2em 0;
	}
	> dd{
		width: calc(100% - 160px);
		border-top: 2px solid var(--gray);
		padding: 2em 0;
	}
}

/*--------------------PC--------------------*/
@media all and (min-width:768px) {
	.company_list > div:last-of-type{
		> dt{
			border-bottom: 2px solid var(--blue);
		}
		> dd{
			border-bottom: 2px solid var(--gray);
		}
	}
}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.company_list > div{
		display: block;
		font-size: 15px;
		> dt{
			width: 100%;
			padding: 1em 0;
		}
		> dd{
			width: 100%;
			padding: 1em 0;
		}
	}
	.company_list > div:last-of-type{
		> dd{
			border-bottom: 2px solid var(--blue);
		}
	}
}


/* about
***************************************************************/
.director dl{
	display: flex;
	line-height: 1.5;
	> dt{
		width: 142px;
	}
	> dd{
		width: calc(100% - 142px);
	}
}
.director dl + dl{
	margin-top: 1.5em;
}

.about_box01--img{
	margin-top: 25px;
}

.about_box02--img{
	max-width: 700px;
}

/*--------------------PC--------------------*/
@media all and (min-width:768px) {}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.director dl + dl{
		margin-top: 1em;
	}

}


/* message
***************************************************************/
.message_ttl{
	font-size: clamp(18px, 2.2vw, 24px);
}

.message_box .block_txt{
	margin-top: 2.5em;
}
.message_box p + p{
	margin-top: 2em;
}

.message_name{
	font-size: 18px;
	font-weight: 700;
	text-align: right;
	margin-top: 2em;
}

.message_box--img{
	max-width: 480px;
	margin-left: 3.8%;
}

/*--------------------PC--------------------*/
@media all and (min-width:768px) {
	.message_box{
		justify-content: space-between;
	}
}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.message_name{
		font-size: 16px;
	}

	.message_box--img{
		max-width: 480px;
		margin: 20px auto 0;
	}

}


/* place-of-business
***************************************************************/
.business_box01--sub,
.business_box02--sub{
	min-height: 160px;
    padding: 25px 50px;
    margin-top: 25px;
	filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.16));
    border-radius: 50px;
    background-color: var(--white);

    font-size: 16px;
    line-height: 2;
}
.business_box02--sub{
	min-height: 240px;
	width: 48.1%;
	padding: 50px;

	.store_name{
		margin-bottom: 1em;
	}
}

.store_name{
	font-weight: 700;
}


/*--------------------PC--------------------*/
@media all and (min-width:768px) {
	.business_box01--sub {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .business_box02 .flex_box{
		justify-content: space-between;
		flex-wrap: wrap;
	}

}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.business_box01--sub .blue_btn{
		margin: 20px auto 0;
	}
	.business_box01--sub,
	.business_box02--sub{
		min-height: initial;
		width: 100%;
    	padding: 25px 30px;
	}

}


/* healthy-management
***************************************************************/
.healthy_box01--img{
	width: 50%;
}

.healthy_box02--img01{
	width: 50%;
}
.healthy_box02--img01 img{
	display: block;
}
.healthy_box02--img01 img + img{
	margin-top: clamp(25px, 3.2vw, 40px);;
}

.healthy_box02--ttl{
    width: 100%;
    height: 36px;
    font-size: 16px;
    font-weight: 700;
    color: var(--white);
    text-align: center;
    background-color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.healthy_box02--img02{
	max-width: 832px;
	margin: clamp(25px, 3.2vw, 40px) auto 0;
}


.healthy_box03--img{
	margin-top: clamp(40px, 5vw, 80px);
}
.healthy_box03 .block_txt{
	margin-top: 1.5em;
}

.healthy_box05--img{
	max-width: 520px;
}
.healthy_box05 .block_txt{
	margin-top: 2em;
}

/*--------------------PC--------------------*/
@media all and (min-width:768px) {
	.healthy_sub{
		width: 46.2%;
	}
	
	.healthy_box01--img img{
		display: block;
		width: 58.8%;
		margin: auto;
	}

	.healthy_box01,
	.healthy_box02 .flex_box{
		justify-content: space-between;
	}
}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.healthy_box01--img{
		max-width: 480px;
		width: 100%;
		margin: 20px auto 0;
	}

	.healthy_box02--img01{
		max-width: 480px;
		width: 100%;
		margin: 20px auto 0;
	}

	.healthy_box03--img{
	    width: 580px;
	    padding-bottom: 15px;
	    margin: 0 auto;
	}
	.healthy_box04--img{
		width: 680px;
		padding-bottom: 15px;
	    margin: 0 auto;
	}

}



/* sustainability
***************************************************************/
.sustaina_box01 .block_txt{
	text-align: center;
}
.sustaina_box02 .block_ttl span{
	color: #E3190F;
}

.sdgs_box{
	padding: 60px;
}
.sdgs_box--ttl{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;

	.en{
		font-size: 16px;
	}
	.ja{
		font-size: clamp(18px, 2.2vw, 24px);
		color: #E3190F;
		margin-top: 0.5em;
	}
}


.sdgs_detail{
	display: flex;
	justify-content: space-between;
	margin-top: clamp(25px, 3.2vw, 40px);

	.block_txt{
		width: 50%;
	}
	.sdgs_detail--img{
		width: 45.6%;
	}
}


@media all and (max-width:979px) {
	.sdgs_detail{
	 	flex-direction: column;

	 	.block_txt{
			width: 100%;
		}
		.sdgs_detail--img{
			width: 100%;
			margin-top: 20px;
		}
	}

}


.sdgs_goal{
	margin-top: clamp(35px, 6vw, 75px);
}
.sdgs_goal--ttl{
	font-size: clamp(18px, 2.2vw, 24px);
	text-align: center;
}
.sdgs_goal--img{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	gap: 0 20px;
}

.sdgs_box01 .sdgs_goal--img img{
	width: 279px;
}
.sdgs_box02 .sdgs_goal--img img{
	width: 280px;
}
.sdgs_box03 .sdgs_goal--img img{
	width: 380px;
}

@media all and (max-width:979px) {
	.sdgs_goal--img{
	 	flex-direction: column;
	 	gap: 20px 0;

	}


}


.sdgs_sub--ttl{
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	margin-top: clamp(30px, 3.2vw, 50px);
}


.sdgs_sub .flex_box{
	background-color: var(--l_blue);
	border-radius: 50px;
	padding: 30px 60px;
	margin-top: 25px;

	.sdgs_sub--img{
		width: 120px;
	    flex-shrink: 0;
	    margin-right: 5%;
	}
}
.sdgs_sub--txt{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}
.sdgs_sub--txtWrap .block_txt{
	margin-top: 1em;
}

.sdgs_box01 .sdgs_sub .flex_box{
	align-items: center;
}


/*--------------------PC--------------------*/
@media all and (min-width:768px) {}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.sdgs_box{
		padding: 25px;
	}

	.sdgs_box01 .sdgs_goal--img,
	.sdgs_box02 .sdgs_goal--img{
		margin: 20px 13% 0;
	}

	.sdgs_sub .flex_box{
		padding: 30px 25px;
		margin-top: 20px;

		.sdgs_sub--img{
		    margin: 0 auto;
		}
	}

	.sdgs_sub--txtWrap{
		margin-top: 1em;
	}
	.sdgs_sub--txt {
	    font-size: 16px;
	}

}