@charset "UTF-8";

.pageImage {
	 background-image: url(../img/licence_career/page_img.png);
	 margin-bottom: 5rem;
}

.licence {
	margin-bottom: 5rem;
}

.licence .sectionTitle {
	margin-bottom: 5rem;
}

.licence .cards {
	margin-bottom: 3rem;
}

.cards .cards__card {
	background: #00693E;
	padding: 3.5rem 2rem 3rem 2rem;
	color: #fff;
	width: 90%;
	margin: 0 auto 3rem;
}

.cards .cards__card:last-of-type {
	margin-bottom: 2rem;
}

.cards .cards__card img {
	height: 4.5rem;
	display: block;
	margin-bottom: 2.5rem;
}

.cards .cards__card h3 {
	font-size: 2.1rem;
	letter-spacing: 0.05em;
	font-weight: 500;
	text-align: center;
	margin-bottom: 1.5rem;
}

.cards .cards__card ul li {
	line-height: 1.8;
	padding-left: 1.2em;
	position: relative;
	letter-spacing: 0.04em;
}

.cards .cards__card ul li::before {
	content: "●";
	width: 1em;
	height: 100%;
	font-size: 1.3rem;
	position: absolute;
	left: 0;
	top: 0.3rem;
}

.cards .cap {
	font-size: 1.4rem;
	width: 90%;
	margin: 0 auto;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6;
}


.usually {
	margin-bottom: 3rem;
}

.usually h4 {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	width: 90%;
	margin: 0 auto 2rem;
	position: relative;
}

.usually h4::after {
	content:"";
	display: block;
	width: calc(100% - 7em - 1.2rem);
	border-top: 1px solid black;
	position: absolute;
	right: 0;
	top: 1.2rem;
}

.usually.left .usually--inner .usually--left p {
    margin-bottom: 3rem;
}

.usually .arborist {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.usually .arborist li {
    width: 49%;
    font-size: 1.4rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.usually .arborist li img {
    width: 5.7rem;
    margin: 0 auto;
}

.usually .arborist li span {
    display: block;
    margin-top: 1rem;
}
 
.usually .arborist li:last-of-type img {
    position: relative;
    top: .7rem;
}

.usually .arborist li:last-of-type span {
    display: block;
    margin-top: 2rem;
}
    
.asunaro {
	width: 90%;
	margin: 0 auto;
	padding: 2rem 2rem 2rem 6rem;
	border-radius: 1rem;
	background: #FFFE27;
	background-image: url("../img/licence_career/logo_asunaro.png");
	background-repeat: no-repeat;
}

.asunaro .asunaro__inner {
	
}

.asunaro .asunaro__inner img {
	width: 26%;
	margin-bottom: 1rem;
}

.asunaro .asunaro__inner p {
	line-height: 1.8;
	letter-spacing: 0.04em;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
}


.careers {
	padding: 5rem 0;
	margin-bottom: 5rem;
}

.careers .sectionTitle {
	margin-bottom: 5rem;
}

.careers .industry {
	width: 90%;
	margin: 0 auto 5rem;
}

.careers .industry h3 {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 3rem;
}

.careers .careerDetail {
	width: 90%;
	margin: 0 auto;
}


.careers .careerDetail {
	
}

.careers .careerDetail dl {
	margin-bottom: 3rem;
	display: flex;
	flex-wrap: wrap;
}

.careers .careerDetail dl:last-of-type {
	margin-bottom: 0;
}

.careers .careerDetail dl dt {
	/*border-left: .6rem solid #00D67E;*/
	position: relative;
	font-size: 1.6rem;
	letter-spacing: 0.05rem;
	font-weight: 500;
	color: #00693E;
	margin-bottom: 1.5rem;
}

.careers .careerDetail dl dt::before {
	content: "";
	display: block;
	width: .6rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #00D67E;
}

.careers .careerDetail dl dt span {
	position: absolute;
	top: 50%;
	left: 2.5rem;
	transform: translateY(-50%);
}

.careers .careerDetail dl dd {
	font-size: 1.4rem;
	margin-right: .8em;
	padding-left: 1em;
	line-height: 1.7;
	position: relative;
}

.careers .careerDetail dl dd::before {
	content: "●";
	font-size: 1.2rem;
	color: #00D67E;
	position: absolute;
	top: .1rem;
	left: 0;
}

.civilServant .sectionTitle {
	margin-bottom: 5rem;
}

.result {
	background: #CCF7E5;
	padding: 5rem 0;
	margin-bottom: 5rem;
}

.result h2 {
	font-size: 1.8rem;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: .05em;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 3rem;
}

.result h2 span {
	display: block;
	font-size:  3.9rem;
	color: #00693E;
	font-weight: 600;
}

.result .result__content {
	width: 90%;
	margin: 0 auto;
}

.result .result__content .result__content--item {
	border: 5px solid #00693E;
	border-radius: 1rem;
	background: #fff;
	padding: 3rem 2.5rem;
	margin-bottom: 2rem;
}

.result .result__content .result__content--item:last-of-type {
	margin-bottom: 0;
}

.result .result__content .result__content--item h3 {
	font-size: 2.4rem;
	text-align: center;
	letter-spacing: .05em;
	color: #00693E;
	margin-bottom: 1.5rem;
}

.result .result__content .result__content--item h3 span {
	font-size: 1.4rem;
}

.result .result__content .result__content--item dl {
	display: flex;
	justify-content: center;
	align-items: center;
}

.result .result__content .result__content--item dl dt {
	font-size: 1.5rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
	padding-left: 1em;
	position: relative;
	font-weight: 500;
	margin-right: 1rem;
}

.result .result__content .result__content--item dl dt::before {
	content:"●";
	font-size: 1.2rem;
	position: absolute;
	top: .3rem;
	left: 0;
	color: #00693E;
}

.result .result__content .result__content--item dl dt span {
	display: block;
	position: relative;
}

.result .result__content .result__content--item dl dt span::before {
	content:"●";
	font-size: 1.2rem;
	position: absolute;
	top: .3rem;
	left: -1.5rem;
	color: #00693E;
}

.result .result__content .result__content--item dl dd {
	font-size: 7.5rem;
	color: #00693E;
	line-height: 1em;
}

.result .result__content .result__content--item dl dd span {
	font-size: 1.6rem;
	font-weight: 600;
}

.result .result__content .result__content--item ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 1.5rem;
	line-height: 1.6;
}

/* 複数ある場合 → 左寄せ */
.result .result__content .result__content--item ul:has(li:nth-child(2)) {
	justify-content: flex-start;
	font-size: 1.3rem;
}

/* 複数ある場合だけ「、」を付ける（最後は除く） */
.result .result__content .result__content--item ul li:not(:last-child)::after {
	content: "、";
}

/* 念のため既存を消す */
.result .result__content .result__content--item ul li::after {
	content: "";
}

.difference {
	width: 90%;
	margin: 0 auto 5rem;
}

.difference h3 {
	font-size: 2.2rem;
	font-weight: 500;
	margin-bottom: 3rem;
	text-align: center;
	letter-spacing: 0.05em;
}

.difference .difference__item h4 {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

.difference .difference__item img {
	margin-bottom: 1rem;
}

.difference .difference__item p {
	margin-bottom: 3rem;
	line-height: 1.8;
	letter-spacing: 0.04em;
}

.difference .difference__item:last-of-type p {
	margin-bottom: 0;
}

.content {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5rem;
}

.content h3 {
	font-size: 2.2rem;
	font-weight: 500;
	margin-bottom: 3rem;
	text-align: center;
	letter-spacing: 0.05em;
}

.content .content__item {
	background: #00693E;
	margin-bottom: 3rem;
	color: #fff;
	padding: 5rem 4rem 4rem;
}

.content .content__item:last-of-type {
	margin-bottom: 0;
}

.content .content__item h4 {
	text-align: center;
	font-size: 2.1rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.content .content__item h4 span {
	font-size: 1.3rem;
}

.content .content__item p {
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.04em;
}

.support {
	width: 90%;
	margin: 0 auto;
}

.support h4 {
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 1.5rem;
}

.support p {
	line-height: 1.8;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 769px) {
	.pageImage {
		margin-bottom: 8rem;
	}
	
	.licence {
		margin-bottom: 8rem;
	}
	
	.licence .sectionTitle {
		margin-bottom: 8rem;
	}
	
	.licence .cards {
		width: 108rem;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 5rem;
	}

	.cards .cards__card {
		width: 32%;
		margin: initial;
		display: flex;
		flex-direction: column;
	}
	
	.cards .cards__card:last-of-type {
		margin-bottom: 0;
	}
	
	.cards .cards__card h3 {
		font-size: 2.4rem;
	}
	
	.cards .cards__card ul {
		width: fit-content;
		margin: 0 auto;
	}
	
	.cards .cards__card ul li {
		width: fit-content;
	}
	
	.cards .cards__card ul li::before {
		font-size: 1.4rem;
	}
	
	.cards .cap {
		margin: 1.5rem 0 0;
	}
	
	.usually {
		margin-bottom: 5rem;
	}
	
	.usually h4 {
		width: 108rem;
		margin: 0 auto 3rem;
		font-size: 2.2rem;
	}
	
	.usually h4::after {
		top: 1.5rem;
	}
	
    
    .usually.left .usually--inner .usually--left p {
        margin-bottom: 3rem;
    }

    .usually .arborist {
        justify-content: flex-start;
        gap: 1rem;
    }
    
    .usually .arborist li {
        width: 33%;
        transition: 0.3s;
    }
    
    .usually .arborist li:hover {
        transform: scale(1.1);
        
    }
    
    .usually .arborist li img {
        width: 4.77rem;
    }
    
    
	.asunaro {
		width: 81.8rem;
        transition: 0.3s;
	}
    
    .asunaro:hover {
        transform: scale(1.05);
    }
	
	.asunaro .asunaro__inner img {
		width: 6.6rem;
	}
	
	.asunaro .asunaro__inner p {
		font-size: 1.4rem;
	}
	
	.careers {
		padding: 8rem 0;
		margin-bottom: 8rem;
	}
	
	.careers .sectionTitle {
		margin-bottom: 8rem;
	}
	
	.careers .industry {
		width: 108rem;
		margin-bottom: 8rem;
	}
	
	.careers .industry h3 {
		font-size: 2.8rem;
		margin-bottom: 5rem;
	}
	.careers .industry picture {
		width: 79.1rem;
	}
	
	.careers .careerDetail {
		width: 108rem;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	
	.careers .careerDetail dl {
		width: 52.5rem;
		margin-bottom: 5rem;
	}
	
	.careers .careerDetail dl dt::before {
		width: 1rem;
	}
	
	.careers .careerDetail dl dt span {
		font-size:  2.2rem;
	}
	
	.careers .careerDetail dl dd {
		font-size: 1.5rem;
	}
	
	.careers .careerDetail dl dd::before {
		font-size: 1.3rem;
		top: .2rem;
	}
	
	.civilServant .sectionTitle {
		margin-bottom: 8rem;
	}
	
	.result {
		padding: 8rem 0;
    	margin-bottom: 8rem;
	}
	
	.result h2 {
		font-size: 2.2rem;
		margin-bottom: 5rem;
	}
	
	.result h2 span {
		display: inline;
		font-size: 3.9rem;
		margin-left: 2rem;
	}
	
	.result .result__content {
		width: 108rem;
		display: flex;
		justify-content: space-between;
		
	}
	
	.result .result__content .result__content--item {
		width: 34.4rem;
		margin-bottom: 0rem;
		border-radius: 2rem;
	}
	
	.difference {
		width: 108rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 8rem;
	}
	
	.difference h3 {
		font-size: 3.2rem;
		margin-bottom: 5rem;
		width: 100%;
	}
	
	.difference .difference__item {
		width: 51rem;
	}
	
	.difference .difference__item h4 {
		font-size: 2.2rem;
		margin-bottom: 2.5rem;
	}
	
	.difference .difference__item img {
		margin-bottom: 2rem;
	}
	
	.content {
		width: 108rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 8rem;
	}
	
	.content h3 {
		font-size: 3.2rem;
        margin-bottom: 5rem;
		width: 100%;
	}
	
	.content .content__item {
		width: 34.4rem;
		    margin-bottom: 0;
	}
	
	.content .content__item h4 {
		font-size: 2.4rem;
	}
	
	.support {
		width: 108rem;
	}
	
	.support h4 {
		font-size: 2.2rem;
	}
	
	
	
}