@charset "utf-8";
* {
  margin: 0;
  padding: 0;
	box-sizing: border-box;
}
html {
	/*font-size: calc(10 / 1000 * 100vw);*/
	font-family: sans-serif;
	overflow-x: hidden;
	line-height: 1;
	font-feature-settings: "palt";
}
/*
.esg-mainImage{
    font-size: calc(10 / 1000 * 100vw);
}
*/
/*
.modal-container *{
     font-size: calc(10 / 1000 * 100vw);
}
*/

a {
	outline: 0;
	text-decoration: none;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
img.map {
	width: 100vw;
}
.modal-container {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
}
.cat {
	position: absolute;
	z-index: 2;
	padding: 0.9rem 1.2rem;
	border-radius: 2rem;
	background-color: #003E8D;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
}
.cat--1 {
	top: 53.68944rem;
	left: 71.61378rem;
}
.cat--2 {
	top: 5.27403rem;
	left: 35.32946rem;
    z-index: 1;
}
.cat--3 {
	top: 22.92407rem;
	left: 76.29195rem;
}
.cat--4 {
	top: 44.73182rem;
	left: 87.79639rem;
}
.cat--5 {
	top: 40.05213rem;
	left: 45.56864rem;
}
.cat--6 {
	top: 6.4935rem;
	left: 81.57031rem;
}
.cat--7 {
	top: 14.64493rem;
	left: 51.24806rem;
}
.cat--8 {
	top: 21.88159rem;
	left: 31.27158rem;
}
.cat--9 {
	top: 37.27261rem;
	left: 17.72929rem;
}
.cat--10 {
	top: 36.30774rem;
	left: 65.3951rem;
}
.modal-trigger {
	position: absolute;
}
.modal-trigger:hover {
	transition: 0.5s;
}
.modal-trigger.modal-trigger--1 {
	top: 51.07529rem;
	left: 68.06954rem;
	width: 21.54915rem;
	height: 19.30991rem;
	z-index: 1;
}
.modal-trigger.modal-trigger--2 {
	top: 1.55169rem;
	left: 24.37204rem;
	width: 71.94089rem;
	height: 14.70321rem;
}
.modal-trigger.modal-trigger--3 {
	top: 26.50687rem;
	left: 80.8279rem;
	width: 12.1346rem;
	height: 12.3934rem;
	z-index: 1;
}
.modal-trigger.modal-trigger--4 {
	top: 48.43091rem;
	left: 89.20381rem;
	width: 9.76666rem;
	height: 6.5844rem;
	z-index: 1;
}
.modal-trigger.modal-trigger--5 {
	top: 43.70231rem;
	left: 48.37629rem;
	width: 7.61087rem;
	height: 12.58312rem;
	z-index: 1;
}
.modal-trigger.modal-trigger--6 {
	top: 10.0308rem;
	left: 74.63054rem;
	width: 14.88199rem;
	height: 10.07873rem;
}
.modal-trigger.modal-trigger--7 {
	top: 18.28208rem;
	left: 49.20964rem;
	width: 16.91096rem;
	height: 14.75634rem;
}
.modal-trigger.modal-trigger--8 {
	top: 25.64831rem;
	left: 34.08559rem;
	width: 5.79674rem;
	height: 10.78041rem;
}
.modal-trigger.modal-trigger--9 {
	top: 36.97794rem;
	left: 3.76745rem;
	width: 23.90052rem;
	height: 12.25238rem;
}
.modal-trigger.modal-trigger--10 {
	top: 36.1878rem;
	left: 41.19211rem;
	width: 58.8079rem;
	height: 37.23567rem;
}
.ill-over {
	position: absolute;
}
.ill-over--11 {
	top: 64.63126rem;
	left: 48.22305rem;
	width: 3.96191rem;
	height: 4.98913rem;
}
.ill-over--12 {
	top: 48.17269rem;
	left: 73.72181rem;
	width: 12.11238rem;
	height: 10.00286rem;
}
.modal {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color:  rgba(51, 51, 51, 0.96);
	justify-content: center;
	align-items: center;
	pointer-events: none;
	opacity: 0;
	transition: 0.5s;
}
.modal.active {
	opacity: 1;
	pointer-events: all;
}
.modal:target {
	display: flex;
}
.modal-content {
	position: relative;
	max-width: 72rem;
	/* max-height: 80%; */
	background-color: white;
}
.modal-content img {
	max-width: 100%;
	max-height: 100%;
}
.image-slide {
	display: none;
	text-align: center;
}
#img1-1:checked ~ .modal-content .image-slide:nth-child(2),
#img1-2:checked ~ .modal-content .image-slide:nth-child(3),
#img1-3:checked ~ .modal-content .image-slide:nth-child(4),
#img1-4:checked ~ .modal-content .image-slide:nth-child(5),
#img1-5:checked ~ .modal-content .image-slide:nth-child(6),
#img1-6:checked ~ .modal-content .image-slide:nth-child(7),
#img1-7:checked ~ .modal-content .image-slide:nth-child(8),
#img1-8:checked ~ .modal-content .image-slide:nth-child(9) {
	display: block;
}
#img2-1:checked ~ .modal-content .image-slide:nth-child(2),
#img2-2:checked ~ .modal-content .image-slide:nth-child(3),
#img2-3:checked ~ .modal-content .image-slide:nth-child(4),
#img2-4:checked ~ .modal-content .image-slide:nth-child(5),
#img2-5:checked ~ .modal-content .image-slide:nth-child(6),
#img2-6:checked ~ .modal-content .image-slide:nth-child(7),
#img2-7:checked ~ .modal-content .image-slide:nth-child(8) {
	display: block;
}
#img3-1:checked ~ .modal-content .image-slide:nth-child(2),
#img3-2:checked ~ .modal-content .image-slide:nth-child(3),
#img3-3:checked ~ .modal-content .image-slide:nth-child(4),
#img3-4:checked ~ .modal-content .image-slide:nth-child(5),
#img3-5:checked ~ .modal-content .image-slide:nth-child(6) {
	display: block;
}
#img4-1:checked ~ .modal-content .image-slide:nth-child(2),
#img4-2:checked ~ .modal-content .image-slide:nth-child(3),
#img4-3:checked ~ .modal-content .image-slide:nth-child(4),
#img4-4:checked ~ .modal-content .image-slide:nth-child(5) {
	display: block;
}
#img5-1:checked ~ .modal-content .image-slide:nth-child(2),
#img5-2:checked ~ .modal-content .image-slide:nth-child(3),
#img5-3:checked ~ .modal-content .image-slide:nth-child(4),
#img5-4:checked ~ .modal-content .image-slide:nth-child(5),
#img5-5:checked ~ .modal-content .image-slide:nth-child(6),
#img5-6:checked ~ .modal-content .image-slide:nth-child(7),
#img5-7:checked ~ .modal-content .image-slide:nth-child(8) {
	display: block;
}
#img6-1:checked ~ .modal-content .image-slide:nth-child(2),
#img6-2:checked ~ .modal-content .image-slide:nth-child(3),
#img6-3:checked ~ .modal-content .image-slide:nth-child(4) {
	display: block;
}
#img7-1:checked ~ .modal-content .image-slide:nth-child(2),
#img7-2:checked ~ .modal-content .image-slide:nth-child(3),
#img7-3:checked ~ .modal-content .image-slide:nth-child(4),
#img7-4:checked ~ .modal-content .image-slide:nth-child(5),
#img7-5:checked ~ .modal-content .image-slide:nth-child(6) {
	display: block;
}
#img8-1:checked ~ .modal-content .image-slide:nth-child(2),
#img8-2:checked ~ .modal-content .image-slide:nth-child(3) {
	display: block;
}
#img9-1:checked ~ .modal-content .image-slide:nth-child(2),
#img9-2:checked ~ .modal-content .image-slide:nth-child(3),
#img9-3:checked ~ .modal-content .image-slide:nth-child(4),
#img9-4:checked ~ .modal-content .image-slide:nth-child(5) {
	display: block;
}
#img0-1:checked ~ .modal-content .image-slide:nth-child(2),
#img0-2:checked ~ .modal-content .image-slide:nth-child(3) {
	display: block;
}
.modal input[type="radio"] {
	display: none;
}
.prev, .next {
	position: absolute;
	top: calc(50% + 2rem);
	transform: translateY(-50%);
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	border: 0.6rem solid #003E8D;
	border-radius: 50%;
	background: #fff;
	font-size: 2rem;
	font-weight: bold;
	color: #003E8D;
	cursor: pointer;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
.prev {
	left: -2rem;
}
.next {
	right: -2rem;
}
.close-modal {
	position: absolute;
	top: -2rem;
	right: -2rem;
	cursor: pointer;
	background-color: #fff;
	padding: 0;
	z-index: 1000;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	border: 0.6rem solid #003E8D;
	border-radius: 50%;
	font-size: 2rem;
	font-weight: bold;
	color: #003E8D;
	cursor: pointer;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
.tooltip {
	display: inline-block;
	position: absolute;
	z-index: 2;
	padding: 2.4rem;
	border: 0.3rem solid #003E8D;
	background: #fff;
	pointer-events: none;
	opacity: 0;
	transition: 0.5s;
}
/* .tooltip--1 {
	top: 19.033rem;
	left: 3.54484rem;
} */
/* .tooltip--2 {
	top: 8.50253rem;
	left: 42.95467rem;
} */
/* .tooltip--3 {
	top: 25.0172rem;
	left: 31.16661rem;
} */
/* .tooltip--4 {
	top: 34.99581rem;
	left: 50.44134rem;
} */
/* .tooltip--5 {
	top: 21.13125rem;
	left: 2.13532rem;
} */
.tooltip--6 {
	/* top: 8.51841rem;
	left: 41.52306rem; */
	margin-top: 8rem;
}
/* .tooltip--7 {
	top: 34.29478rem;
	left: 42.13196rem;
} */
/* .tooltip--8 {
	top: 28.7457rem;
	left: 43.19688rem;
} */
/* .tooltip--9 {
	top: 40.50112rem;
	left: 29.63217rem;
} */
/* .tooltip--10 {
	top: 39.03625rem;
	left: 36.44305rem;
} */
.tooltip button {
	position: absolute;
	top: -2rem;
	right: -2rem;
	width: 4rem;
	height: 4rem;
	border: none;
	border: 0.6rem solid #003E8D;
	border-radius: 50%;
	background: #fff;
	font-size: 2rem;
	font-weight: bold;
	color: #003E8D;
	cursor: pointer;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
.tooltip h2 {
	position: absolute;
	top: -3rem;
	left: -0.3rem;
	display: inline-block;
	/*padding: 0.75rem 1rem;*/
    padding: 0.4rem 1rem;
	border-radius: 1rem 1rem 0 0;
	background: #003E8D;
	font-size: 1.5rem;
	color: #fff;
    font-weight: bold;
}
.tooltip ul {
	display: flex;
	flex-direction: column;
	gap: 2rem;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.tooltip ul li {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip ul li p {
	font-size: 1.1rem;
	font-weight: bold;
}
.tooltip ul li .company_name {
	display: flex;
	gap: 1.6rem;
	font-size: 2rem;
	font-weight: bold;
    margin-bottom: 0px;
}
.tooltip ul li .company_name a {
	color: #000;
	transition: 0.25s;
}
.tooltip ul li .company_name a:hover {
	opacity: 0.5;
}
.tooltip ul li .company_name a img {
	width: 1.6rem;
	vertical-align: inherit;
}
map area {
	cursor: pointer;
	outline: #000;
}

/*font-size----------------------------------------------*/
/*.site-header .site-logo {
    width: 100%;
    max-width: 80px;
    height: auto;
    padding: 12px;
    box-sizing: content-box;
}*/

/*

html .site-header .global-menu > li .menu-level-0 > dt > a{
    font-size: 16px;
}

html .site-header .global-menu > li .menu-level-1 li a {
    font-size: 14px;
}

html .header-menu li a,
html .sub-menu li a{
    font-size: 16px;
}

html .search-menu{
    font-size: 24px;
}

html .MainArea .PageTitle h2{
    font-size: 28px;
}

html #Pankuzu ul li{
    font-size: 12.25px;
}

html .site-footer nav a {
    font-size: 14px;
}

html site-footer .footer-nav dt a {
    font-size: 16px;
}

*/

html .w1000{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}


html .page-top{
    color: #fff;
}

@media screen and (max-width: 640px) {
/*
   html {
        font-size: calc(10 / 1000 * 90vw);
    }
*/

    .ContentsArea {
        padding: 0;
    }
        html .w1000{
        width: 90%;
        margin: 0 auto;
    }

    html .fs16p{
        font-size: 16px;
    }


.cat {
	padding: calc(0.9 * (10 / 1000 * 90vw)) calc(1.2 * (10 / 1000 * 90vw));
	border-radius: calc(2 * (10 / 1000 * 90vw));
	font-size: calc(1.5 * (10 / 1000 * 90vw));
}

.cat--1 {
	top:  calc(53.68944 *  (10 / 1000 * 90vw));
	left: calc(71.61378 * (10 / 1000 * 90vw));
}

.cat--2 {
	top: calc(5.27403 * (10 / 1000 * 90vw));
	left: calc(35.32946 * (10 / 1000 * 90vw));
}

.cat--3 {
	top: calc(22.92407 * (10 / 1000 * 90vw));
	left: calc(76.29195 * (10 / 1000 * 83vw));
}

.cat--4 {
	top: calc(44.73182 * (10 / 1000 * 90vw));
	left: calc(87.79639 * (10 / 1000 * 85vw));
}

.cat--5 {
	top: calc(40.05213 * (10 / 1000 * 90vw));
	left: calc(45.56864 * (10 / 1000 * 90vw));
}

.cat--6 {
	top: calc(6.4935 * (10 / 1000 * 90vw));
	left: calc(81.57031 * (10 / 1000 * 90vw));
}

.cat--7 {
	top: calc(14.64493 * (10 / 1000 * 90vw));
	left: calc(51.24806 * (10 / 1000 * 90vw));
}

.cat--8 {
	top: calc(21.88159 * (10 / 1000 * 90vw));
	left: calc(31.27158 * (10 / 1000 * 90vw));
}

.cat--9 {
	top: calc(37.27261 * (10 / 1000 * 90vw));
	left: calc(17.72929 * (10 / 1000 * 90vw));
}

.cat--10 {
	top: calc(36.30774 * (10 / 1000 * 90vw));
	left: calc(65.3951 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--1 {
	top: calc(51.07529 * (10 / 1000 * 90vw));
	left: calc(68.06954 * (10 / 1000 * 90vw));
	width: calc(21.54915 * (10 / 1000 * 90vw));
	height: calc(19.30991 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--2 {
	top: calc(1.55169 * (10 / 1000 * 90vw));
	left: calc(24.37204 * (10 / 1000 * 90vw));
	width: calc(71.94089 * (10 / 1000 * 90vw));
	height: calc(14.70321 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--3 {
	top: calc(26.50687 * (10 / 1000 * 90vw));
	left: calc(80.8279 * (10 / 1000 * 90vw));
	width: calc(12.1346 * (10 / 1000 * 90vw));
	height: calc(12.3934 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--4 {
	top: calc(48.43091 * (10 / 1000 * 90vw));
	left: calc(89.20381 * (10 / 1000 * 90vw));
	width: calc(9.76666 * (10 / 1000 * 90vw));
	height: calc(6.5844 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--5 {
	top: calc(43.70231 * (10 / 1000 * 90vw));
	left: calc(48.37629 * (10 / 1000 * 90vw));
	width: calc(7.61087 * (10 / 1000 * 90vw));
	height: calc(12.58312 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--6 {
	top: calc(10.0308 * (10 / 1000 * 90vw));
	left: calc(74.63054 * (10 / 1000 * 90vw));
	width: calc(14.88199 * (10 / 1000 * 90vw));
	height: calc(10.07873 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--7 {
	top: calc(18.28208 * (10 / 1000 * 90vw));
	left: calc(49.20964 * (10 / 1000 * 90vw));
	width: calc(16.91096 * (10 / 1000 * 90vw));
	height: calc(14.75634 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--8 {
	top: calc(25.64831 * (10 / 1000 * 90vw));
	left: calc(34.08559 * (10 / 1000 * 90vw));
	width: calc(5.79674 * (10 / 1000 * 90vw));
	height: calc(10.78041 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--9 {
	top: calc(36.97794 * (10 / 1000 * 90vw));
	left: calc(3.76745 * (10 / 1000 * 90vw));
	width: calc(23.90052 * (10 / 1000 * 90vw));
	height: calc(12.25238 * (10 / 1000 * 90vw));
}

.modal-trigger.modal-trigger--10 {
	top: calc(36.1878 * (10 / 1000 * 90vw));
	left: calc(41.19211 * (10 / 1000 * 90vw));
	width: calc(58.8079 * (10 / 1000 * 90vw));
	height: calc(37.23567 * (10 / 1000 * 90vw));
}

.ill-over--11 {
	top: calc(64.63126 * (10 / 1000 * 90vw));
	left: calc(48.22305 * (10 / 1000 * 90vw));
	width: calc(3.96191 * (10 / 1000 * 90vw));
	height: calc(4.98913 * (10 / 1000 * 90vw));
}

.ill-over--12 {
	top: calc(48.17269 * (10 / 1000 * 90vw));
	left: calc(73.72181 * (10 / 1000 * 90vw));
	width: calc(12.11238 * (10 / 1000 * 90vw));
	height: calc(10.00286 * (10 / 1000 * 90vw));
}
.modal-content {
	max-width: calc(72 * (10 / 1000 * 90vw));
}
.prev,
.next {
	top: calc(50% + calc(2 * (10 / 1000 * 90vw)));
	width: calc(4 * (10 / 1000 * 90vw));
	height: calc(4 * (10 / 1000 * 90vw));
	border-width: calc(0.6 * (10 / 1000 * 90vw));
	font-size: calc(2 * (10 / 1000 * 90vw));
	box-shadow: 0 0 calc(1 * (10 / 1000 * 90vw)) rgba(0, 0, 0, 0.5);
}
.prev {
	left: calc(-2 * (10 / 1000 * 90vw));
}
.next {
	right: calc(-2 * (10 / 1000 * 90vw));
}
.close-modal {
	top: calc(-2 * (10 / 1000 * 90vw));
	right: calc(-2 * (10 / 1000 * 90vw));
	width: calc(4 * (10 / 1000 * 90vw));
	height: calc(4 * (10 / 1000 * 90vw));
	border-width: calc(0.6 * (10 / 1000 * 90vw));
	font-size: calc(2 * (10 / 1000 * 90vw));
	box-shadow: 0 0 calc(1 * (10 / 1000 * 90vw)) rgba(0, 0, 0, 0.5);
}
.tooltip {
	padding: calc(2.4 * (10 / 1000 * 90vw));
	border-width: calc(0.3 * (10 / 1000 * 90vw));
}
.tooltip--6 {
	margin-top: calc(8 * (10 / 1000 * 90vw));
}
.tooltip button {
	top: calc(-2 * (10 / 1000 * 90vw));
	right: calc(-2 * (10 / 1000 * 90vw));
	width: calc(4 * (10 / 1000 * 90vw));
	height: calc(4 * (10 / 1000 * 90vw));
	border-width: calc(0.6 * (10 / 1000 * 90vw));
	font-size: calc(2 * (10 / 1000 * 90vw));
	box-shadow: 0 0 calc(1 * (10 / 1000 * 90vw)) rgba(0, 0, 0, 0.5);
}
.tooltip h2 {
	top: calc(-3 * (10 / 1000 * 90vw));
	left: calc(-0.3 * (10 / 1000 * 90vw));
	padding: calc(0.4 * (10 / 1000 * 90vw)) calc(1 * (10 / 1000 * 90vw));
	border-radius: calc(1 * (10 / 1000 * 90vw)) calc(1 * (10 / 1000 * 90vw)) 0 0;
	font-size: calc(1.5 * (10 / 1000 * 90vw));
}
.tooltip ul {
	gap: calc(2 * (10 / 1000 * 90vw));
}
.tooltip ul li {
	gap: calc(0.8 * (10 / 1000 * 90vw));
}
.tooltip ul li p {
	font-size: calc(1.1 * (10 / 1000 * 90vw));
}
.tooltip ul li .company_name {
	gap: calc(1.6 * (10 / 1000 * 90vw));
	font-size: calc(2 * (10 / 1000 * 90vw));
}
.tooltip ul li .company_name a img {
	width: calc(1.6 * (10 / 1000 * 90vw));
}


/*
    html .MainArea .PageTitle h2{
        font-size: 24px;
    }

    html .site-footer .copyright p small{
        font-size:  16px;
    }

    html #Pankuzu ul li{
        font-size: 14px;
    }

    html .site-footer nav a {
        font-size: 16px;
    }

    html .page-top::before {
        font-size: 10px;
    }

    html .site-header .search-box input,
    html .site-header .search-box button {
        font-size: 16px;
    }
*/

}