@charset "UTF-8";

/* -----------------------------------------------------------
   COMMON
------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}
body {
	font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

body {
	color: #000;
	background-size: cover;
}

.t-center{text-align: center !important;}
.t-right{text-align: right !important;}
.t-left{text-align: left !important;}

#wrap ul{
margin:0;
padding: 0;
list-style: none;
}

#wrap h2,
#wrap h3,
#wrap h4,
#wrap h5,
#wrap p,
#wrap li
{
  font-feature-settings: "palt";
  text-justify: inter-ideograph;
  text-align: justify;
  word-break: break-all;
}

#wrap p,
#wrap li,
#wrap article a
{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight:400;
  font-style: normal;
  line-height: 1.6em;
transition : all 0.5s ease 0s;
}


#wrap h2{
font-family: "roc-grotesk-extrawide", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
line-height: 1;
margin:0;
}
#wrap h3{
font-family: "roc-grotesk-extrawide", sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
line-height: 1;
}
p.subtitle{
text-align: center !important;
font-weight: 700 !important;
}

.alt{
display: block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.red{
color:#FF3939;
font-weight: bold;
}

@media all and (min-width: 768px) {
.smp_only{display: none!important;}
#wrap h2{
font-size:300%;
}
#wrap h3{
font-size:130%;
}
#wrap p,
#wrap li{
font-size:85%;
}

}

@media all and (max-width: 767px) {
.pc_only{display: none !important;}
#wrap {
min-width: 320px;
}
#wrap h2{
font-size:10vw;
}
#wrap h3{
font-size:100%;
}
#wrap p,
#wrap li{
font-size:90%;
}
p.subtitle{
font-size:3.5vw !important;
}

}

/*/TEXT/*/
.tCenter{ text-align:center !important;}
.tLeft{ text-align:left !important;}
.tRight{ text-align:right !important;}

/*/LINK/*/
a {
text-decoration:underline;
color: #000;
transition : all 0.5s ease 0s;
}
a:hover { text-decoration:none;}
a:visited { text-decoration:none;}
/*/ lazy /*/
.lazy {position:relative;display:block;background:center top no-repeat;background-size:cover;margin:0 auto;}
.lazy img{position:absolute;top:0;left:0;}



/*/ footer /*/
footer {
position: relative;
width: 100%;
background: rgba(130, 147, 172, 13%); 
padding:2em 0;
margin:0 auto;
}

footer .copyright {
	color: #8293AC;
	text-align: center !important;
}

footer .copyright a {
	color: #8293AC;
}
@media all and (min-width: 768px) {
footer .copyright {
padding: 30px 10px;
font-size: 75%;
}
}

@media all and (max-width: 767px) {
footer .copyright {
	padding: 20px;
	font-size: 67.5%;
	line-height: 160%;
word-break: break-word !important;
}
}

/*/ footer banner /*/
.footer_info{
display: flex;
justify-content: center;
align-items: center;
margin:0 auto;
width: 90vw;
}
.footer_info span a
{
display: block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

.footer_info .hap_logo a{
background: url(../img/hap_w_logo2025.png) no-repeat #fff;
background-size: contain;
aspect-ratio: 737/233;
}
.footer_info .hol_logo a{
background: url(../img/hol_logo.png?20241225) no-repeat #fff;
background-size: contain;
aspect-ratio: 912/273;
}

.footer_info .hap_logo:hover,
.footer_info .hol_logo:hover{
opacity: .8;
}

.footer_info span{
display: block;
margin:0 1em;
}

@media all and (min-width: 768px) {
.att{
padding: 0 !important;
font-size: 80% !important;
text-align: left !important;
}
.footer_info p,
.footer_info span{
padding:0 .5em;
}

.footer_info span a
{
height:6vw;
max-height: 80px;
}

.footer_info .hap_logo{
  position: relative;
}
.footer_info .hap_logo:after{
position: absolute;
top: calc(50% - 20px);
right: -1em;
width: 1px;
height: 4vh;
content: '';
background: #8293AC;
}
}


@media all and (max-width: 767px) {
.footer_info{
width: 90%;
flex-wrap: wrap;
text-align: center;
}

.footer_info p,
.footer_info span{
padding:1em 0;
}

.footer_info span a
{
width:70%;
margin: auto;
}
.footer_info .att{
width:100%;
text-align: center !important;
font-size: 80% !important;
}
.footer_info span{
width: 100%;
}
.footer_info .hol_logo{
  position: relative;
}
.footer_info .hol_logo:after{
position: absolute;
top: 0;
left: calc(50% - 30px);
width: 80px;
height: 1px;
content: '';
background: #8293AC;
}

}


/*/ event_btn /*/
@media all and (min-width: 768px) {
.event_btn{
width: 80%;
max-width:1080px ;
margin:2em auto 1em;
background-image: url(../img/techdesign2025_pc.png);
aspect-ratio: 11/2;
}
}

@media all and (max-width: 767px) {
.event_btn{
width: 80%;
margin:auto;
background-image: url(../img/techdesign2025_smp.png);
aspect-ratio: 60/25;
}
}

.event_btn{
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.event_btn:hover{
opacity: .5;
}


/*/ event_btn_jobfes2027 /*/
@media all and (min-width: 768px) {
.event_btn_jobfes2027{
width: 100%;
max-width: 1080px;
margin:7em auto 1em;
background-image: url("../img/jobfes2027_archive_pc.jpg");
aspect-ratio: 11/2;
}
}

@media all and (max-width: 767px) {
.event_btn_jobfes2027{
width: 80%;
margin:auto;
background-image: url("../img/jobfes2027_archive_sp.jpg");
aspect-ratio: 60/25;
}
}

.event_btn_jobfes2027{
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.event_btn_jobfes2027:hover{
opacity: .5;
}


/*/ event_btn_ore_career /*/
@media all and (min-width: 768px) {
.event_btn_ore_career{
width: 100%;
max-width: 1080px;
margin:3em auto 1em;
background-image: url("../img/oreno_career_pc.jpg");
aspect-ratio: 11/2;
}
}

@media all and (max-width: 767px) {
.event_btn_ore_career{
width: 80%;
margin:auto;
background-image: url("../img/oreno_career_sp.jpg");
aspect-ratio: 60/25;
margin-top: 20px
}
}

.event_btn_ore_career{
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.event_btn_ore_career:hover{
opacity: .5;
}