:root {
	--size-h2: 4vw;
	--size-h2a: 3.8vw;
	--size-h3: 3vw;
	--size-h3a: 1vw;
	}

/***** メニューに関するＣＳＳ *****/

.navi ul .company_li a {
	color: var(--color-pink);
	font-weight: bold;
	}

/***** コンテンツに対するＣＳＳ *****/

.sp_br {
	display: none;
	}

dl, dt, dd {
	display: block;
	}

main {
	width: 100vw;
	height: auto;
	background: var(--color-white);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

.page_title {
	width: 100%;
	height: 50vw;
	margin-top: 7vw;
	background: url(../image/company/aifeel_back.svg) center center / auto 100% no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

.page_title h2 {
	box-sizing: border-box;
	width: 40%;
	margin-bottom: 5vw;
	padding: 6% 2%;
	background: var(--color-white);
	line-height: 5vw;
	box-shadow: 0 0 2vw var(--color-white);
	border-radius: 50%;
	font-size: var(--size-h2);
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

.page_title h2::after {
	content: "Company Profile";
	color: var(--color-pink);
	font-size: var(--size-h2a);
	font-family: 'CherryBombOne';
	font-weight: bolder;
	letter-spacing: 0.3vw;
	}

.layout {
	display: flex;
	justify-content: space-evenly;
	}

.layout h3 {
	width: 20%;
	height: 50%;
	margin-top: 9vw;
	font-size: var(--size-h3);
	font-weight: normal;
	line-height: 2.5vw;
	letter-spacing: 0.7vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

h3::after {
	color: var(--color-orange);
	font-size: 1.2vw;
	font-weight: bold;
	letter-spacing: 0.2vw;
	}
	
.layout div {
	width: 60%;
	margin-top: 9vw;
	font-size: 1.3vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	}

.layout div dl {
	width: 100%;
	display: flex;
	align-items: center;
	}

.company {
	width: 100%;
	margin-top: 10vw;
	margin-bottom: 20vw;
	}

.company h3::after {
	content: "PROFILE";
	}


.company div dl {
	width: 90%;
	padding: 7vw 0;
	border-top: solid 0.3vw var(--color-lightgreen);
	justify-content: flex-start;
	align-items: baseline;
	}

.company dl dt {
	width: 20%;
	line-height: 2vw;
	}

.company dl dd {
	padding-left: 5%;
	line-height: 2.5vw;
	}

.company dl dd span {
	display: block;
	line-height: 1.5vw;
	}

.company dl dd small {
	font-size: 1vw;
	}

article {
	background: var(--color-lightgreen);
	padding-bottom: 20vw;
	}

article h3::after {
	content: "WORK EMVIRONMENT";
	}

article div dl {
	margin-bottom: 10%;
	flex-direction: column;
	}

.posting {
	padding-top: 15%;
	border-top: solid 0.3vw var(--color-green);
	}

article div dl dt {
	width: 90%;
	line-height: 7vw;
	font-size: 1.5vw;
	}
	
article div dl dd {
	width: 85%;
	line-height: 2vw;
	}




@media (max-width: 960px){




	
.sp_br {
	display: block;
	}

main {
	width: 100%;
	}

.page_title {
	width: 98%;
	background: url(../image/company/aifeel_back.svg) center center / 100% auto no-repeat;
	margin: 20% 0 15% 0;
	}

.page_title h2 {
	width: 48%;
	margin-top: 5%;
	padding: 8% 2%;
	font-size: 6vw;
	}

.page_title h2::after {
	margin-top: 4%;
	font-size: 4.5vw;
	}

.layout {
	flex-direction: column;
	align-items: center;
	}

.layout h3 {
	width: 100%;
	height: auto;
	margin-top: 15vw;
	font-size: 5vw;
	text-align: center;
	line-height: 5vw;
	}

h3::after {
	font-size: 3vw;
	}
	
.layout div {
	width: 90%;
	font-size: 3vw;
	}

.company div dl {
	flex-direction: column;
	width: 95%;
	}

.company dl dt {
	width: 96%;
	margin-bottom: 10%;
	font-size: 2.5vw;
	line-height: 0;
	}

.company dl dd {
	width: 90%;
	line-height: 5vw;
	}

.company dl dd span {
	font-size: 2vw;
	line-height: 3vw;
	}

article {
	padding-bottom: 30vw;
	}

article div dl {
	margin: 8% 0;
	flex-direction: column;
	}

article div dl dt {
	width: 96%;
	font-size: 3vw;
	line-height: 13vw;
	}
	
article div dl dd {
	width: 90%;
	line-height: 4vw;

	}
}