﻿@charset "utf-8";
/* mv
----------------------------------------------------------------------*/
.ir .mv_img,
.ir_briefing .mv_img{
	position: relative;
	overflow: hidden;
	background-image: url(../images/ir_mv_img.webp);
}
.ir_management .mv_img{
	background-image: url(../images/ir_management_mv_img.webp);
}
.ir_doc .mv_img{
	background-image: url(../images/ir_doc_mv_img.webp);
}
.ir_ir .mv_img{
	background-image: url(../images/ir_ir_mv_img.webp);
}
.ir_notification .mv_img{
	background-image: url(../images/ir_notification_mv_img.webp);
}
#randomValue{
	position: absolute;
	inset: -54px 0 0 -113px;
	margin: auto;
	height: 1em;
	transform: skewY(-16deg) skewX(-9deg);
  letter-spacing: -0.48em;
	line-height: 1;
	color: #4dede4;
	font-family: "ab-polcadot", sans-serif;
	font-size: 28px;
	font-weight: 400;
	font-style: normal;
	text-align: center;
}

/*500以下*/
@media screen and ( min-width:500px ){
	#randomValue{
	inset: -11.5vw auto 0 29vw;
	font-size: 5.5vw;
}
}

/* main
----------------------------------------------------------------------*/
/*box_link_list*/
.box_link_list > li.img_top::before{
	background-image: url(../images/ir_top.webp);
}
.box_link_list > li.img_management::before{
	background-image: url(../images/ir_management.webp);
	background-position-y: 15%;
}
.box_link_list > li.img_doc::before{
	background-image: url(../images/ir_doc.webp);
}
.box_link_list > li.img_ir::before{
	background-image: url(../images/ir_ir.webp);
}
.box_link_list > li.img_notification::before{
	background-image: url(../images/ir_notification.webp);
}

/*=====================================================================
   769 start
======================================================================*/
@media screen and ( min-width:769px ){

/* main
----------------------------------------------------------------------*/

/*=====================================================================
   769 end
======================================================================*/
}

@media screen and ( min-width:1200px ){

/* mv
***********************************************************************/

}