@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
* {
    box-sizing: border-box;
    color: #222;
    font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(14px, 1.1vw, 18px);
	font-weight: 500;
}
p,dt,dd,tr,th,td,li,a,b,em,span,strong,div,img,header,section,article,nav,footer,h1,h2,h3,h4,h5,h6{
	font-size: clamp(14px, 1.1vw, 18px);
	line-height: 1.7;
}
.en{
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.serif{
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
}
.wrapper{
	width: 90%;
	max-width: 1480px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.wrap {
    padding-top: 0;
    display: initial;
    flex-direction: initial;
}
:root{
	--black: #111;
	--blue: rgba(0,77,139,1);
	--lightblue: rgba(98,175,226,1);
	--bluebk: rgba(210,236,250,1);
	--orange: rgba(211,98,18,1);
	--lightorange: rgba(244,164,59,1);
	--orangebk: rgba(251,225,195,1);
	--green: rgba(0,105,52,1);
	--lightgreen: rgba(126,191,88,1);
	--greenbk: rgba(224,239,225,1);
	--yellow: rgba(255,240,0,1);
	--lightyellow: rgba(255,244,133,1);
	--red: rgba(176,30,45,1);
	--emerald: rgba(34,181,176,1);
}
@media screen and (max-width: 680px) {
}

/*HEADER*/
.hitea-header_h1{
	width: clamp(200px, 14vw, 300px);
	top: 1em;
	right: 1em;
	z-index: 2;
}
/*MV*/
.hitea-mv{
	width: 100%;
	height: 60vw;
	background: url(../img/main_bg.jpg) center center;
	background-size: cover;
}
.hitea-mv_img{
	width: clamp(200px, 55vw, 1180px);
	padding: 0 3vw 3vw;
	margin-top: -3vw;
	z-index: 3;
}
.hitea-mv_catch{
	writing-mode: vertical-rl;
	top: 5vw;
	left: 3vw;
	font-size: clamp(21px, 2.4vw, 48px);
	z-index: 2;
}
.hitea-mv_breeze{
	width: 100%;
	bottom: 5vw;
	left: 0;
	z-index: 2;
}
.hitea-mv:after{
	content: "";
	display: block;
	width: 100%;
	height: 25vw;
	background: linear-gradient(180deg, transparent 0, rgba(255,255,255,0.9) 80%, #fff 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
@media screen and (max-width: 980px) {
	.hitea-mv{
		height: 120vw;
		background: url(../img/main_bg.jpg) center left -26vw;
		background-size: cover;
	}
	.hitea-mv_catch{
		font-size: clamp(18px, 4.4vw, 38px);
		top: inherit;
		bottom: 0;
		left: inherit;
		right: 1em;
	}
	.hitea-mv_img {
		margin-top: -35vw;
		width: clamp(200px, 60vw, 1180px);
	}
	.hitea-mv_breeze{
		bottom: 40vw;
	}
}
@media screen and (max-width: 680px) {
	.hitea-mv{
		height: 150vw;
		background: url(../img/main_bg.jpg) top left -34vw;
		background-size: cover;
	}
	.hitea-mv:after{
		height: 30vw;
	}
	.hitea-mv_img {
		margin-top: -40vw;
	}
}
/*SUMMARY*/
.hitea-summary_h2{
	font-size: clamp(18px, 3.4vw, 58px);
}
.hitea-summary_h2 br{
	display: none;
}
.hitea-summary_p{
	font-size: clamp(14px, 1.4vw, 21px);
	line-height: 2;
}
.hitea-summary_graph{
	width: 70%;
	margin: 0 0 0 auto;
}
.hitea-summary_graph--text{
	flex-basis: 12em;
	font-size: clamp(21px, 2vw, 34px);
	border-top: 1px solid var(--lightblue);
	border-left: 1px solid var(--lightblue);
	padding:0.5em 0 0 1em;
}
.hitea-summary_graph--img{
	flex: 1;
}
.hitea-summary_graph--h3{
	font-size: clamp(21px, 2vw, 34px);
}
@media screen and (max-width: 980px) {
	.hitea-summary_h2 {
		font-size: clamp(21px, 7vw, 48px);
		line-height: 1.3;
	}
	.hitea-summary_h2 br{
		display: block;
	}
	.hitea-summary_graph{
		width: 90%;
		margin: 2em 0 0 auto;
	}
}
@media screen and (max-width: 680px) {
	.hitea-summary_p{
		display: inline;
		text-align: justify;
	}
	.hitea-summary_p br{
		display: none;
	}
	.hitea-summary_graph{
		width: 100%;
		margin: 2em 0 3em auto;
	}
	.hitea-summary_graph--h3 br{
		display: none;
	}
	.hitea-summary_graph--text{
		flex-basis: 100%;
		margin-bottom: 2em;
	}
	.hitea-summary_graph--img{
		flex-basis: 100%;
	}
}
@media screen and (max-width: 480px) {
	.hitea-summary_h2 {
		font-size: 7.6vw;
		text-align: center;
	}
	.hitea-summary_p{
		line-height: 1.7;
	}
	.hitea-summary_graph--text{
		flex-basis: 100%;
	}
	.hitea-summary_graph--h3{
		text-align: center;
	}
	.hitea-summary_graph--h3 br{
		display: block;
	}
}
/*FACULTY*/
.hitea-faculty{
	background: url("../img/earth.jpg") no-repeat top center;
	background-size: 100%;
}
.hitea-faculty_h3{
	font-size: clamp(21px, 4.4vw, 42px);
}
.hitea-faculty_h3 b{
	font-size: 180%;
	color: var(--blue);
	line-height: 1;
}
.hitea-faculty_h3 br{
	display: none;
}
.hitea-faculty_inner{
	grid-column-gap: 3em;
}
.hitea-faculty_group{
	flex: 1;
}
.hitea-faculty_group:last-child{
	flex: initial;
	flex-basis: 10%;
}
.hitea-faculty_h4{
	flex-basis: 1em;
	writing-mode: vertical-rl;
	font-size: clamp(24px, 1.6vw, 34px);
	letter-spacing: 0.2em;
	line-height: 1;
    padding-right: 0.5em;
	font-weight: 700;
}
.hitea-faculty_ol{
	flex: 1;
}
.hitea-faculty_li{
	border-left: 1px solid var(--black);
	padding: 0 0 1em 1.5em !important;
	position: relative;
}
.hitea-faculty_li:last-child{
	padding-bottom: 0 !important;
}
.hitea-faculty_li:before{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--emerald);
	clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
.hitea-faculty_h5{
	font-size: clamp(18px, 1.4vw, 21px);
	font-weight: 500;
	line-height: 1;
}
.hitea-faculty_p{
	line-height: 1.5;
	font-size: clamp(14px, 1.1vw, 15px);
}
.hitea-faculty_environment:before,
.hitea-faculty_information:after,
.hitea-faculty_group:last-of-type:before{
	content: "";
	display: block;
	width: 100%;
}
.hitea-faculty_information:after{
	background: url("../img/faculities01.svg") no-repeat center;
	background-size: contain;
	height: 10vw;
}
.hitea-faculty_environment:before{
	background: url("../img/faculities02.svg") no-repeat center;
	background-size: contain;
	height: 13vw;
	margin-bottom: 1em;
}
.hitea-faculty_group:last-of-type:before{
	background: url("../img/faculities03.svg") no-repeat center;
	background-size: contain;
	height: 14vw;
	margin-bottom: 3vw;
}
@media screen and (max-width: 1280px) {
	.hitea-faculty_inner{
		grid-column-gap: 1em;
	}
	.hitea-faculty_information:after{
		height: 13vw;
	}
	.hitea-faculty_environment:before{
		height: 18vw;
	}
	.hitea-faculty_group:last-of-type:before{
		height: 14vw;
		margin-bottom: 3vw;
	}
}
@media screen and (max-width: 980px) {
	.hitea-faculty_inner{
		display: block;
	}
	.hitea-faculty_group{
		flex-basis: 100%;
		flex: initial;
	}
	.hitea-faculty_environment:before,
	.hitea-faculty_information:after,
	.hitea-faculty_group:last-of-type:before{
		display: none;
	}
	.hitea-faculty_group{
		margin-bottom: 3em;
		justify-content: space-between;
	}
	.hitea-faculty_h4 {
		flex-basis: 14em;
		writing-mode: inherit;
		letter-spacing: 0;
		padding-right: 0;
		margin-bottom: 1em;
	}
	.hitea-faculty_engineering .hitea-faculty_h4:after,
	.hitea-faculty_information .hitea-faculty_h4:after,
	.hitea-faculty_environment .hitea-faculty_h4:after{
		content: "";
		display: block;
		width: 90%;
	}
	.hitea-faculty_engineering .hitea-faculty_h4:after{
		height: 20vw;
		background: url("../img/faculities01.svg") no-repeat top center;
		background-size: contain;
	}
	.hitea-faculty_information .hitea-faculty_h4:after{
		height: 24vw;
		background: url("../img/faculities02.svg") no-repeat top center;
		background-size: contain;
	}
	.hitea-faculty_environment .hitea-faculty_h4:after{
		height: 24vw;
		background: url("../img/faculities03.svg") no-repeat top center;
		background-size: contain;
	}
}
@media screen and (max-width: 680px) {
	.hitea-faculty_h3{
		text-align: center;
		font-size: clamp(21px, 6vw, 42px);
		line-height: 1.1;
	}
	.hitea-faculty_h3 br{
		display: block;
	}
	.hitea-faculty_group{
		display: block;
	}
	.hitea-faculty_h4 {
		display: block;
		font-weight: 700;
		text-align: center;
	}
	.hitea-faculty_engineering .hitea-faculty_h4:after,
	.hitea-faculty_information .hitea-faculty_h4:after,
	.hitea-faculty_environment .hitea-faculty_h4:after{
		width: 100%;
	}
	.hitea-faculty_h4:after{
		margin-top: 1em;
		height: 170px !important;
	}
}
/*CASE*/
.hitea-case_header{
	padding-bottom: 2em;
}
.hitea-case_h3{
	flex-basis: 14em;
	height: 14em;
	margin-right: 2em;
	position: relative;
	z-index: 2;
}
.hitea-case_engineering .hitea-case_h3{
	background: url("../img/info_bg.png") no-repeat center center;
	background-size: contain;
}
.hitea-case_information .hitea-case_h3{
	background: url("../img/construction_bg.png") no-repeat center center;
	background-size: contain;
}
.hitea-case_environment .hitea-case_h3{
	background: url("../img/life_bg.png") no-repeat center center;
	background-size: contain;
}
.hitea-case_h3 *{
	color: #fff;
	line-height: 1.3;
}
.hitea-case_h3 small{
	font-size: clamp(12px, 1.2vw, 18px);
}
.hitea-case_h3 b{
	font-size: clamp(28px, 2.4vw, 38px);
}
.hitea-case_h3 span{
	font-size: clamp(21px, 2.4vw, 28px);
}
.hitea-case_header--inner{
	flex: 1;
	padding: 5em 0 1em;
}
.hitea-case_h4{
	flex-basis: 12em;
	font-size: clamp(24px, 2vw, 38px);
	font-weight: 700;
	line-height: 1.4;
}
.hitea-case_p{
	flex: 1;
}
.hitea-case_engineering{
	background: linear-gradient(180deg, transparent 3em, var(--bluebk) 3em, var(--bluebk) 100% );
}
.hitea-case_information{
	background: linear-gradient(180deg, transparent 3em, var(--orangebk) 3em, var(--orangebk) 100% );
	margin-top: -1em;
}
.hitea-case_environment{
	background: linear-gradient(180deg, transparent 3em, var(--greenbk) 3em, var(--greenbk) 100% );
}
.hitea-case_engineering:before,
.hitea-case_information:before,
.hitea-case_environment:before{
	content: "";
	display: block;
	width: 100%;
	height: 1.5em;
	position: absolute;
	top: 3em;
	left: 0;
	z-index: 0;
}
.hitea-case_engineering:before{
	background: linear-gradient(90deg, rgba(0,92,161,1) 0%, rgba(84,168,222,1) 100%);
}
.hitea-case_information:before{
	background: linear-gradient(90deg, rgba(233,85,6,1) 0%, rgba(244,161,44,1) 100%);
}
.hitea-case_environment:before{
	background: linear-gradient(90deg, rgba(1,128,68,1) 0%, rgba(117,193,138,1) 100%);
}
.hitea-case_ex--line{
	width: 95%;
}
.hitea-case_ex{
	padding-left: 5%;
	clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
}
.hitea-case_ex--line:after{
	content: "";
    display: block;
    width: 10%;
    height: 168%;
    clip-path: polygon(0% 0%, 15% 0%, 100% 100%, 85% 100%);
    position: absolute;
    bottom: 0;
    right: 0;
}
.hitea-case_ex *{
	color: #fff;
	line-height: 1;
}
.hitea-case_engineering .hitea-case_ex{
	background: linear-gradient(90deg, rgba(84,168,222,1) 68%, rgba(0,130,187,1) 100%);
}
.hitea-case_information .hitea-case_ex{
	background: linear-gradient(90deg, rgba(243,153,35,1) 0%, rgba(239,131,11,1) 100%);
}
.hitea-case_environment .hitea-case_ex{
	background: linear-gradient(90deg, rgba(117,193,138,1) 0%, rgba(62,173,111,1) 100%);
}
.hitea-case_ex--wrapper{
	padding: 0.5em 0;
}
.hitea-case_ex small{
	flex-basis: 6em;
	font-size: 110%;
	font-weight: 700;
}
.hitea-case_ex i{
	flex-basis: 1.5em;
	font-size: 200%;
	text-align: center;
}
.hitea-case_ex span{
	font-size: 145%;
	font-weight: 700;
	margin-right: 0.5em;
}
.hitea-case_ex b{
	font-weight: 700;
	color: var(--yellow);
	font-size: 120%;
}
.hitea-case_ol{
	padding: 1em 0 3em !important;
	z-index: 5;
}
.hitea-case_li{
	flex-basis: 30%;
	margin-bottom: 1em !important;
}
.hitea-case_li--top{
	background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.8) 100%);
	padding: 0 2em 4em !important;
	clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 0%);
}
.hitea-case_li--h4{
	font-weight: 700;
	font-size: clamp(21px, 2vw, 34px);
}
.hitea-case_li--bottom{
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.8) 100%);
    padding: 6em 2em 2em !important;
    margin-top: -6em;
}
.hitea-case_li--h5 span{
	padding: 0 0.5em;
	z-index: 2;
}
.hitea-case_li--h5:before,
.hitea-case_li--h5:after{
	content: "";
	flex-grow: 1;
	height: 1px;
}
.hitea-case_key--li{
	width: 6em;
	height: 6em;
	border-radius: 50%;
	color: #fff;
	line-height: 1.2;
	margin: 0 2px !important;
	font-size: clamp(12px, 1vw, 18px);
}
.hitea-case_faculity--h4 span{
	font-weight: 700;
    font-size: clamp(21px, 2vw, 34px);
	z-index: 2;
	line-height: 1;
}
.hitea-case_faculity--h4 span:after{
	content: "";
	display: block;
	width: 100%;
	height: 0.2em;
	background: var(--yellow);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.hitea-case_faculity--h4 small{
	font-size: clamp(14px, 1.1vw, 15px);
}
.hitea-case_faculity--h5{
	line-height: 1.3;
	font-weight: 700;
	font-size: 110%;
}
@media screen and (max-width: 1180px) {
	.hitea-case_ex--wrapper{
		padding: 0.5em 0 1em;
		margin: 0 auto 0 0 !important;
	}
	.hitea-case_ex p{
		flex-basis: 100%;
		line-height: 1.4;
		margin-top: 0.5em;
		padding-right: 1em;
	}
	.hitea-case_ex{
		clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
	}
	.hitea-case_ex--line:after {
		width: 15%;
		height: 140%;
		clip-path: polygon(0% 0%, 15% 0%, 100% 100%, 85% 100%);
	}
	.hitea-case_li {
		flex-basis: 32.3%;
	}
}
@media screen and (max-width: 980px) {
	.hitea-case_header{
		align-items: flex-start;
	}
	.hitea-case_header--inner{
		flex-basis: 100%;
		padding: 0;
	}
	.hitea-case_h3{
		margin: 0 auto 0.5em;
	}
	.hitea-case_h4{
		text-align: center;
		flex-basis: 100%;
		margin-bottom: 0.5em;
	}
	.hitea-case_ol{
		display: block;
		grid-column-gap: 2em;
	}
	.hitea-case_li{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		background: linear-gradient(180deg, rgba(255,255,255,0.3), rgba(255, 255, 255, 0.8) 100%);
		padding: 5em 2em 4em !important;
		clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 0%);
		margin-top: -5em !important;
	}
	.hitea-case_li:first-of-type{
		padding-top: 2em !important;
		margin-top: 0 !important;
	}
	.hitea-case_li:last-of-type{
		clip-path: border-box;
	}
	.hitea-case_engineering .hitea-case_li:nth-last-of-type(2){
		clip-path: border-box;
		margin: 0 0 3em !important;
	}
	.hitea-case_li--top,
	.hitea-case_li--bottom{
		background: none;
		flex-basis: 48%;
		padding: 0 !important;
		margin-top: 0;
	}
	.hitea-case_li--top{
		display: flex;
		flex-wrap: wrap;
	}
	.hitea-case_li--h4{
		flex-basis: 100%;
		order: 0;
	}
	.hitea-case_li--p{
		flex: 100%;
		order: 1;
		margin-bottom: 1em !important;
	}
	.hitea-case_li--illust{
		order: 2;
		height: auto !important;
	}
	.hitea-case_key--li{
		width: 11vw;
		height: 11vw;
		font-size: 1.8vw;
	}
	.hitea-case_li--bottom{
		height: auto !important;
	}
}
@media screen and (max-width: 680px) {
	.hitea-case_ex--line {
		width: 100%;
	}
	.hitea-case_ex {
		clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 0% 100%);
	}
	.hitea-case_ex--line:after {
		width: 20%;
		height: 120%;
		clip-path: polygon(0% 0%, 15% 0%, 100% 100%, 85% 100%);
	}
	.hitea-case_li{
		padding: 5em 1em 4em !important;
		clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 50% 100%, 0% 95%, 0% 0%);
		background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255, 255, 255, 0.8) 100%);
		margin-top: -5em !important;
	}
	.hitea-case_li--top,
	.hitea-case_li--bottom{
		flex-basis: 100%;
	}
	.hitea-case_li--top{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: max-content 1fr;
		grid-column-gap: 0;
		grid-row-gap: 0;
		margin-bottom: 0;
		clip-path: border-box;
	}
	.hitea-case_li--h4{
		grid-column: 1/3;
		grid-row: 1;
		text-align: left !important;
	}
	.hitea-case_li--p{
		grid-column: 1/3;
		grid-row: 2;
		margin-bottom: 0 !important;
		height: auto !important;
	}
	.hitea-case_li--illust{
		grid-column: 3;
		grid-row: 1/3;
		width: 100%;
		padding-left: 0.5em;
	}
	.hitea-case_key--li {
		width: 22vw;
		height: 22vw;
		font-size: 3.4vw;
	}
	.hitea-case_li--bottom{
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: max-content max-content max-content max-content 1fr;
		grid-column-gap: 1em;
		grid-row-gap: 0;
	}
	.hitea-case_li--h5{
		grid-column: 1/3;
		grid-row: 1;
		text-align: left !important;
		margin-bottom: 1em !important;
	}
	.hitea-case_key--ul{
		grid-column: 1/3;
		grid-row: 2;
	}
	.hitea-case_faculity--h4{
		grid-column: 1/3;
		grid-row: 3;
	}
	.hitea-case_faculity--h5{
		text-align: left !important;
		grid-column: 1/3;
		grid-row: 4;
	}
	.hitea-case_faculity--h5 br{
		display: none;
	}
	.hitea-case_faculity--p{
		grid-column: 1/3;
		grid-row: 5;
		margin-bottom: 1em !important;
	}
	.hitea-case_faculity--img{
		grid-column: 1/3;
		grid-row: 6;
	}
}
/*HIT-E ACTION*/
.hitea-case_action--inner{
	padding: 2em !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid var(--lightblue);
	border-left: 1px solid var(--lightblue);
}
.hitea-case_action--h3 span{
	color: var(--red);
	font-size: clamp(24px, 1.6vw, 34px);
}
.hitea-case_action--inner p{
	font-size: 90%;
}
.hitea-case_action_en{
	font-size: 80%;
}
.hitea-case_action--light{
	width: clamp(40px, 3vw, 100px);
	top: 0;
	right: -2em;
}
.hitea-case_action--illust{
	right: -2em;
}
@media screen and (max-width: 980px) {
	.hitea-case_action{
		display: flex;
		justify-content: space-between;
	}
	.hitea-case_action--inner{
		flex-basis: 60%;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0) 100%);
	}
	.hitea-case_engineering .hitea-case_li:last-of-type{
		background: none;
    	padding: 0 !important;
		margin-top: 0 !important;
	}
	.hitea-case_action--illust{
		flex: 1;
		right: 0;
	}
}
@media screen and (max-width: 680px) {
	.hitea-case_action{
		display: block;
	}
	.hitea-case_action--inner{
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0) 100%);
	}
	.hitea-case_action--illust{
		max-width: 380px;
	}
	.hitea-case_action--light{
		right: -1em;
	}
}
/*COLUMN*/
.hitea-column_circle {
    width: 27em;
    height: 24em;
    background: url(../img/digital_earth.png) no-repeat;
    background-size: contain;
    padding: 0 5em 0 6em;
	margin-top: -2em;
	margin-right: 2em;
	z-index: 2;
}
.hitea-column_circle--h3{
	font-size: clamp(18px, 2.1vw, 24px);
	font-weight: 700;
	line-height: 1.2;
}
.hitea-column_circle--p{
	font-size: clamp(12px, 1.1vw, 16px);
	text-align: justify;
	line-height: 1.4;
}
.hitea-column_wrapper{
	width: 75%;
	margin: 0 0 0 auto !important;
	padding: 5em 3em 5em 10em;
}
.hitea-column_information{
	background: linear-gradient(180deg, transparent 0%, var(--orangebk) 100%);
}
.hitea-column_environment{
	background: linear-gradient(180deg, transparent 0%, var(--greenbk) 100%);
}
.hitea-column_h3 small{
	font-weight: 700;
	line-height: 1.3;
}
.hitea-column_h3 span {
    color: var(--red);
    font-size: clamp(24px, 1.6vw, 34px);
}
.hitea-column_inner{
	flex-basis: 47%;
}
.hitea-column_inner p{
	font-size: 90%;
}
.hitea-column_imgs{
	z-index: 5;
}
.hitea-column_img{
	flex-basis: 49%;
}
.hitea-column_imgs small{
	font-size: 12px;
	line-height: 1.3;
}
.hitea-column_h4{
	font-size: clamp(16px, 1.1vw, 18px);
}
.hitea-column_h4 span{
	padding: 0 1em;
}
.hitea-column_h4:before,
.hitea-column_h4:after{
	content: "";
	display: block;
	flex-grow: 1;
	height: 1px;
	background: #111;
}
.hitea-column_ul li{
	padding-left: 1em !important;
	text-indent: -1em;
	line-height: 1.3;
	margin-bottom: 0.5em !important;
	font-size: 90%;
}
.hitea-column_ul li:before{
	content: "■";
}
@media screen and (max-width: 1180px) {
	.hitea-column_bk{
		width: 100% !important;
	}
}
@media screen and (max-width: 980px) {
	.hitea-column_circle {
		position: relative !important;
		margin: -2em auto;
	}
	.hitea-column_wrapper {
		width: 100%;
		margin: 0 auto !important;
		padding: 3em 5% 4em !important;
	}
	.hitea-column .hitea-mv_breeze {
		bottom: 5vw;
	}
}
@media screen and (max-width: 680px) {
	.hitea-column_circle {
		width: 23em;
		height: 21em;
	}
	.hitea-column_inner{
		flex-basis: 100%;
		margin-bottom: 5em;
	}
}
/*ATT*/
.hitea-att{
	background: #eee;
	padding: 1em;
}
.hitea-att p{
	font-size: 80%;
}
/*FOOTER*/
.footer-nav_a{
	flex-basis: 9em;
	height: 8em;
	border-radius: 50%;
	margin: 0 0.1em;
	position: relative;
	background: url("../img/digital_earth.png") no-repeat;
	background-size: contain;
}
.footer-nav_a span{
	display: inline-block;
	color: var(--blue);
	text-align: center;
	line-height: 1.2em;
	font-size: clamp(11px, 1.1vw, 16px)
}
.footer-nav_a span br{
	display: none;
}
.footer-nav_a:hover{
	filter: drop-shadow(0 10px 5px rgba(0,0,0,0.3));
}
.footer-logo_a{
	max-width: 200px;
}
.footer-copy{
	font-size: 80%;
}
@media screen and (max-width: 680px) {
	.footer-nav_a {
		flex-basis: 6em;
		height: 5.5em;
		margin: 0;
	}
	.footer-nav_a span br{
		display: block;
	}
}
/*色分け*/
.hitea-case_engineering .hitea-case_faculity--h4 small,
.hitea-case_engineering .hitea-case_faculity--h5,
.hitea-case_engineering .hitea-case_faculity--h4 small,
.hitea-case_engineering .hitea-case_faculity--h4 span,
.hitea-case_engineering .hitea-case_li--h5 span,
.hitea-case_engineering .hitea-case_li--h4{
	color: var(--blue);
}
.hitea-case_engineering .hitea-case_li--h5:after,
.hitea-case_engineering .hitea-case_li--h5:before,
.hitea-case_engineering .hitea-case_ex--line:after{
	background: var(--blue);
}
.hitea-case_engineering .hitea-case_key--li{
	background: var(--lightblue);
}

.hitea-case_information .hitea-case_faculity--h4 small,
.hitea-case_information .hitea-case_faculity--h5,
.hitea-case_information .hitea-case_faculity--h4 small,
.hitea-case_information .hitea-case_faculity--h4 span,
.hitea-case_information .hitea-case_li--h5 span,
.hitea-case_information .hitea-case_li--h4{
	color: var(--orange);
}
.hitea-case_information .hitea-case_li--h5:after,
.hitea-case_information .hitea-case_li--h5:before,
.hitea-case_information .hitea-case_ex--line:after{
	background: var(--orange);
}
.hitea-case_information .hitea-case_key--li{
	background: var(--lightorange);
}

.hitea-case_environment .hitea-case_faculity--h4 small,
.hitea-case_environment .hitea-case_faculity--h5,
.hitea-case_environment .hitea-case_faculity--h4 small,
.hitea-case_environment .hitea-case_faculity--h4 span,
.hitea-case_environment .hitea-case_li--h5 span,
.hitea-case_environment .hitea-case_li--h4{
	color: var(--green);
}
.hitea-case_environment .hitea-case_li--h5:after,
.hitea-case_environment .hitea-case_li--h5:before,
.hitea-case_environment .hitea-case_ex--line:after{
	background: var(--green);
}
.hitea-case_environment .hitea-case_key--li{
	background: var(--lightgreen);
}


/*20240909*/
.alink{
	display: inline-block;
	background: var(--red);
	color: #fff;
	line-height: 1.3;
	padding: 0.5em 3em 0.7em;
	min-width: 15em;
	cursor: pointer;
	text-shadow: none;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	text-align: center;
	margin-top: 2em;
}
.alink br{
	display: none;
}
.alink:hover{
	background: var(--black);
}
@media screen and (max-width: 980px) {
	.alink{
		padding: 0.5em 1em;
		min-width: inherit;
		margin-top: 1em;
	}
.alink br{
	display: block;
}
}




























