@charset "UTF-8";



	body {
		-ms-overflow-style: none;    /* IE, Edge 対応 */
		scrollbar-width: none;       /* Firefox 対応 */
    }
	body::-webkit-scrollbar {  /* Chrome, Safari 対応 */
		display:none;
    }



@keyframes airplain {
	0%,40% {
		transform: translate(0, 0);
	}
	97% {
		transform: translate(1100%, -525%);
	} 
	99% {
		opacity: 1;
	} 
	100% {
		opacity: 0;
		transform: translate(1100%, -525%);
	} 
}
@keyframes ill02 {
	0%,70% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(600%, -515%);
	} 
}
@keyframes ill04 {
	0%,60% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-1000%, -810%);
	} 
}
@keyframes ill05 {
	0%,60% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-750%, 640%);;
	} 
}
@keyframes ill07 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(750%, 320%);
	} 
}
@keyframes ill08 {
	0%,60% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-850%, -705%);
	} 
}
@keyframes ill09 {
	0%,60% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-1000%, 810%);
	} 
}


#main .contents .map_area ul li .no_ank{
	margin-top: -10px;
	opacity: 0;	
}
#main .contents .map_area ul li:nth-of-type(2) .no_ank{
	transition: margin-top 700ms 0.2s ease-out , opacity 700ms 0.2s ease ,transform 400ms;
}
#main .contents .map_area ul li:nth-of-type(3) .no_ank{
	transition: margin-top 700ms 0.4s ease-out , opacity 700ms 0.4s ease ,transform 400ms;
}
#main .contents .map_area ul li:nth-of-type(4) .no_ank{
	transition: margin-top 700ms 0.6s ease-out , opacity 700ms 0.6s ease ,transform 400ms;
}
#main .contents .map_area ul li:nth-of-type(5) .no_ank{
	transition: margin-top 700ms 0.8s ease-out , opacity 700ms 0.8s ease ,transform 400ms;
}
#main .contents .map_area ul li:nth-of-type(6) .no_ank{
	transition: margin-top 700ms 1.0s ease-out , opacity 700ms 1.0s ease ,transform 400ms;
}
#main .contents .map_area ul li:nth-of-type(7) .no_ank{
	transition: margin-top 700ms 1.2s ease-out , opacity 700ms 1.2s ease ,transform 400ms;
}
#main .contents .map_area ul li:nth-of-type(8) .no_ank{
	transition: margin-top 700ms 1.4s ease-out , opacity 700ms 1.4s ease ,transform 400ms;
}
#main.ank_on .contents .map_area ul li .no_ank{
	margin-top: 0;
	opacity: 1;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {	

	
	
	.contents {
		position: relative;
	}
	
	#main {
		padding-top: 64px;
		position: relative;
		background-color: #f5f5f5;
		min-width: 1200px;
		overflow-y: hidden;
	}
	
	/*deco*/
	.deco {
		z-index: 1;
	}
	.deco01 {
		bottom: 46px;
		left: -2vw;
	}
	.deco02 {
		top: 35px;
		right: 8vw;
	}
	.deco03 {
		top: 47px;
		right: -4vw;
	}
	
	.fv {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(132,205,230,.5);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 99;
	}
		.fv .fv_inn {
			font-weight: bold;
			background-color: #fff;
			padding: 40px 50px 70px;
			position: relative;
		}
			.fv .fv_inn dl {
			}
				.fv dl dt {
					font-size: 30px;
					line-height: 2;
					letter-spacing: 4px;
				}
				.fv dl dd {
					margin-top: 30px;
				}
					.fv dl dd p {
						line-height: 2.2;
						letter-spacing: 2px;
					}
					.fv dl dd div {
						position: absolute;
						bottom: -25px;
						left: 0;
						right: 0;
						margin: auto;
					}
						.fv dl dd div a {
							cursor: pointer;
							color: #fff !important;
							margin: auto;
							width: 145px;
							text-align: center;
							letter-spacing: 4px;
						}

	h1 {
		position: absolute;
		bottom: 0;
		right: 0;
		text-align: right;
		line-height: 1;
		font-size: 20px;
		z-index: 50;
	}
		h1 span {
			background-color: #fff;
			display: inline-block;
			padding: 8px;
		}
	
	.contents .map_area {
	}	
		.contents .map_area .map {
			background-image: url("../img/discovery/map_a.png");
			background-size: cover;
			background-position: 50% 50%;
			height: 42.15vw;
			min-height: 506px;
			position: relative;
		}	
			.contents .map_area ul {
				position: relative;
				height: 100%;
			}
				.contents .map_area ul li {
				}
					.contents .map_area ul li a {
						position: absolute;
						display: inline-block;
						width: 2.929%;
						z-index: 5;
					}
					.contents .map_area ul li a:hover {
						transform: translateY(-5px);
					}
					.contents .map_area ul li:nth-child(2) a::before {
						position: absolute;
						content: "";
						background-size: cover;
						background-image: url("../img/discovery/point01.png");
						width: 241.5%;
						height: 315.26%;
						top: 80%;
						left: -70%;
						z-index: -1;
					}
					.contents .map_area ul li:nth-child(4) a::before {
						position: absolute;
						content: "";
						background-size: cover;
						background-image: url("../img/discovery/point04.png");
						width: 241.5%;
						height: 283.06%;
						top: 80%;
						left: -70%;
						z-index: -1;
					}
					.contents .map_area ul li:nth-child(1) a {
						top: 29.3%;
						left: 13.5%;
					}
					.contents .map_area ul li:nth-child(2) a {
						top: 15.5%;
						left: 32%;
					}
					.contents .map_area ul li:nth-child(3) a {
						top: 35.8%;
						left: 39.5%;
					}
					.contents .map_area ul li:nth-child(4) a {
						top: 29.8%;
						left: 48.3%;
					}
					.contents .map_area ul li:nth-child(5) a {
						top: 42.5%;
						right: 36.65%;
					}
					.contents .map_area ul li:nth-child(6) a {
						top: 68.5%;
						left: 21.5%;
					}
					.contents .map_area ul li:nth-child(7) a {
						top: 74.4%;
						left: 46.5%;
					}
					.contents .map_area ul li:nth-child(8) a {
						top: 9%;
						right: 10%;
					}
						.contents .map_area ul li a img {
							opacity: 1 !important;
						}
			.contents .map_area .ill {
				position: absolute;
				z-index: 1;
				font-size: 0;
				line-height: 1;
			}
			.contents .map_area .ill01 {
				width: 6.557%;
				left: 12%;
				bottom: -50%;
				animation: airplain 8s 0s linear infinite;
				z-index: 3;
			}
			.contents .map_area .ill02 {
				width: 2.5%;
				left: -3%;
				bottom: 31.5%;
				animation: ill02 8s 3s linear infinite;
			}
			.contents .map_area .ill04 {
				width: 2.5%;
				left: 47.2%;
				bottom: 48.5%;
				animation: ill04 8s 3s linear infinite;
			}
			.contents .map_area .ill05 {
				width: 2.786%;
				left: 32.5%;
				bottom: 36%;
				animation: ill05 6s 3s linear both;
			}
			.contents .map_area .ill07 {
				width: 1.286%;
				left: 43.8%;
				bottom: 30.4%;
				animation: ill07 6s 5s linear both;
			}
			.contents .map_area .ill08 {
				width: 2.5%;
				right: 14%;
				bottom: 26%;
				animation: ill08 7s 0s linear infinite;
			}
			.contents .map_area .ill09 {
				width: 2.5%;
				right: 16.2%;
				bottom: 25%;
				animation: ill09 8s 3s linear infinite;
			}
			.contents .map_area .map_b {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}

	#popupBg {
		display: none;
		background-color: rgba(132,205,230,.5);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
	}
	#popupArea {
		display: none;
		width: 73%;
		/*min-width: 1060px;*/
		height: 100% !important;
		margin: auto;
		position: absolute;
		top: 0 !important;
		right: 0;
		background: #fff;
		z-index: 99;
	}
	#popupArea .closeBtn {
		display: inline-block;
		width: 55px;
		height: 55px;
		background-color: #000;
		text-indent: 120%;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		top: 6px;
		left: -28px;
		bottom: 0;
		margin: auto;
		z-index: 3;
		box-shadow: 6px 6px rgb(206 206 206 / 75%);
	}
	#popupArea .closeBtn::before ,
	#popupArea .closeBtn::after {
		content: '';
		display: block;
		position: absolute;
		width: 80%;
		height: 1px;
		background-color: #fff;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	#popupArea .closeBtn::before {
		transform: rotate(45deg);
	}
	#popupArea .closeBtn::after {
		transform: rotate(-45deg);
	}
	#popupArea .popup_blo {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		position: relative;
	}
	#popupArea .popup {
		display: none;
		padding: 70px 40px 70px 100px;
		margin: auto;
		z-index: 2;
		-webkit-transition: 500ms opacity ease, 500ms visibility ease;
		transition: 500ms opacity ease, 500ms visibility ease;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-feature-settings: "palt";
	}
	#popupArea .popup.current {
		display: block;
	}
		#popupArea .popup h2 {
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: #f06400;
			color: #fff;
			display: inline-block;
			line-height: 1;
			padding: 10px 20px;
			font-size: 25px;
			letter-spacing: 2px;
			font-weight: 500;
		}
		#popupArea .popup .popup_box {
			
		}
			#popupArea .popup .popup_box01 dl {
				margin-top: -10px;
				flex-grow: 1;
			}
		#popupArea .popup:not(#inline08) h3,
		#popupArea #inline08 .popup .popup_box dl dt{
			font-size: 25px;
			letter-spacing: 2px;
			font-weight: 500;
			margin-bottom: 40px;
			background-color: transparent;
		}
		#popupArea #inline08.popup h3{
			margin-bottom: 30px;
		}
		#popupArea .popup .popup_box + .popup_box {
			margin-top: 60px;
		}
				#popupArea .popup .popup_box dl dt {
					font-size: 25px;
					letter-spacing: 2px;
				}
				#popupArea .popup:not(#inline08) .popup_box dl dt,
	 			#popupArea #inline08.popup h3{					
					background-color: #f06400;
					color: #fff;
					padding: 3px 10px;
					font-size: 16px;
					font-weight: 500;
					line-height: 1.6;
				}
					
				#popupArea .popup .popup_box dl dd {
					line-height: 2;
					margin-top: 12px;
					text-align: justify;
					line-break: strict;
					word-wrap: break-word;
					overflow-wrap: break-word;
				}
					#popupArea .popup .popup_box dl dd a{
						text-decoration: underline;
					}
				#popupArea .popup .popup_box dl dd:not(.no_flex){
					display: flex;
					justify-content: space-between;
				}
					#popupArea .popup .popup_box dl dd:not(.no_flex) .popup_img {
						width: 320px;
						min-width: 320px;
						margin-left: 40px;
						margin-top: 5px;
					}
					#popupArea .popup .popup_box dl dd.no_flex .popup_img{
						width: 100%;
						margin-top: 20px;
					}
					#popupArea .popup .popup_box dl dd .popup_txt a{
						text-decoration: underline;
					}
				
				
			#popupArea .popup .popup_box02 .popup_prof {
				font-weight: 600;
				width: 316px;
				min-width: 316px;
				margin-right: 40px;
			}
				#popupArea .popup .popup_box02 .popup_prof .popup_img {
				}
				#popupArea .popup .popup_box02 .popup_prof .name {
					margin-top: 15px;
				}
					#popupArea .popup .popup_box02 .popup_prof .name span {
					}
					#popupArea .popup .popup_box02 .popup_prof .name .jp {
						font-size: 20px;
						letter-spacing: 2px;
					}
					#popupArea .popup .popup_box02 .popup_prof .name .en {
						color: #f06400;
						margin-left: 15px;
					}
				#popupArea .popup .popup_box02 .popup_prof p {
					margin-top: 7px;
				}
		
		#popupArea .popup .link_area {
			margin-top: 30px;
		}
			#popupArea .popup .link_area a.bl_btn{
				width: 160px;
				font-size: 14px;
				height: 45px;
				line-height: 45px;
			}
			#popupArea .popup .link_area ul {
				display: flex;
				justify-content: space-between;
			}
				#popupArea .popup .link_area ul li {
					position: relative;
					width: calc(50% - 10px);
				}
				#popupArea .popup .link_area ul li::after {
					position: absolute;
					bottom: 0;
					right: 0;
					content: "";
					width: 60px;
					height: 60px;
					background-color: #f06400;
					z-index: 1;
				}
					#popupArea .popup .link_area ul li a {
						position: relative;						
						height: 120px;
						display: block;
						overflow: hidden;
					}
					#popupArea .popup .link_area ul li a::after {
						position: absolute;
						bottom: 25px;
						right: 12px;
						content: "";
						background: url(../../common/img/arrow.svg) no-repeat center;
						background-size: cover;
						width: 34px;
						height: 11px;
						z-index: 2;
						transition: 0.3s;
					}
					#popupArea .popup .link_area ul li a:hover::after {
						right: 8px;
					}
					#popupArea .popup .link_area ul li a::before {
						position: absolute;
						top: 0;
						left: 0;
						content: "";
						background-position: 50% 50%;
						background-size: cover;
						width: 100%;
						height: 100%;
						transition: 1.0s;
					}
					#popupArea .popup .link_area ul li a:hover::before {
						transform: scale(1.05);
					}
						#popupArea .popup .link_area ul li a p {
							position: relative;
							z-index: 1;
							display: inline-block;
							color: #fff;
							background-color: #000;
							line-height: 1;
							padding: 7px 10px 8px;
							font-size: 16px;
						}
	
/* #inline01 */
				#popupArea #inline01.popup h2,
				#popupArea #inline01.popup .popup_box dl dt{
					background-color: #0a9bcd;
				}
					
/* #inline02 */
				#popupArea #inline02.popup h2,
				#popupArea #inline02.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline03 */
				#popupArea #inline03.popup h2,
				#popupArea #inline03.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline04 */
				#popupArea #inline04.popup h2,
				#popupArea #inline04.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline05 */
				#popupArea #inline05.popup h2,
				#popupArea #inline05.popup .popup_box dl dt{
					background-color: #6e3cbe;
				}
/* #inline06 */
				#popupArea #inline06.popup h2,
				#popupArea #inline06.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline07 */
				#popupArea #inline07.popup h2,
				#popupArea #inline07.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline08 */
				#popupArea #inline08.popup h2,
				#popupArea #inline08.popup h3{
					background-color: #0a9bcd;
				}
	
	
	
}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	#main {
		padding-top: 50px;
		position: relative;
		background-color: #f5f5f5;
	}
	
	.contents {
		position: relative;
	}
	
	/*deco*/
	.deco {
		z-index: 1;
	}
	.deco01 {
		bottom: 26px;
		left: -2vw;
	}
	.deco02 {
		top: 35px;
		right: 12vw;
	}
	.deco03 {
		top: 42px;
		right: -4vw;
	}
	
	.fv {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(132,205,230,.7);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 99;
	}
		.fv .fv_inn {
			font-weight: bold;
			background-color: #fff;
			padding: 30px 5% 50px;
			position: relative;
			width: 90%;
			box-sizing: border-box;
		}
			.fv .fv_inn dl {
			}
				.fv dl dt {
					font-size: 20px;
					line-height: 1.8;
					letter-spacing: 4px;
				}
				.fv dl dd {
					margin-top: 25px;
				}
					.fv dl dd p {
						line-height: 2;
						letter-spacing: 2px;
					}
					.fv dl dd div {
						position: absolute;
						bottom: -15px;
						left: 0;
						right: 0;
						margin: auto;
					}
						.fv dl dd div a {
							cursor: pointer;
							color: #fff !important;
							margin: auto;
							width: 145px;
							text-align: center;
							letter-spacing: 4px;
						}

	h1 {
		text-align: center;
		line-height: 1;
		font-size: 16px;
		padding: 12px 10px;
	}
		h1 span {
			display: inline-block;
			padding: 5px;
		}
	
	.contents .map_area {
		overflow-y: hidden;
	}	
		.contents .map_area .map {
			background-image: url("../img/discovery/map_a.png");
			background-size: cover;
			background-position: 50% 50%;
			height: 506px;
			width: 1200px;
			position: relative;
		}	
			.contents .map_area ul {
				position: relative;
				height: 100%;
			}
				.contents .map_area ul li {
				}
					.contents .map_area ul li a {
						position: absolute;
						display: inline-block;
						width: 2.929%;
						z-index: 5;
					}
					
					.contents .map_area ul li:nth-child(2) a::before {
						position: absolute;
						content: "";
						background-size: cover;
						background-image: url("../img/discovery/point01.png");
						width: 241.5%;
						height: 315.26%;
						top: 80%;
						left: -70%;
						z-index: -1;
					}
					.contents .map_area ul li:nth-child(4) a::before {
						position: absolute;
						content: "";
						background-size: cover;
						background-image: url("../img/discovery/point04.png");
						width: 241.5%;
						height: 283.06%;
						top: 80%;
						left: -70%;
						z-index: -1;
					}
					.contents .map_area ul li:nth-child(1) a {
						top: 29.8%;
						left: 13%;
					}
					.contents .map_area ul li:nth-child(2) a {
						top: 15.8%;
						left: 31.5%;
					}
					.contents .map_area ul li:nth-child(3) a {
						top: 36.2%;
						left: 39%;
					}
					.contents .map_area ul li:nth-child(4) a {
						top: 30.2%;
						left: 47.8%;
					}
					.contents .map_area ul li:nth-child(5) a {
						top: 42.8%;
						right: 36.85%;
					}
					.contents .map_area ul li:nth-child(6) a {
						top: 68.8%;
						left: 22%;
					}
					.contents .map_area ul li:nth-child(7) a {
						top: 74.7%;
						left: 46.3%;
					}
					.contents .map_area ul li:nth-child(8) a {
						top: 9%;
						right: 10%;
					}
						.contents .map_area ul li a img {
							opacity: 1 !important;
						}
			.contents .map_area .ill {
				position: absolute;
				z-index: 1;
				font-size: 0;
				line-height: 1;
			}
			.contents .map_area .ill01 {
				width: 6.557%;
				left: 12%;
				bottom: -50%;
				animation: airplain 12s 0s linear infinite;
				z-index: 3;
			}
			.contents .map_area .ill02 {
				width: 2.5%;
				left: -3%;
				bottom: 31.5%;
				animation: ill02 8s 3s linear infinite;
			}
			.contents .map_area .ill04 {
				width: 2.5%;
				left: 47.2%;
				bottom: 48.5%;
				animation: ill04 8s 3s linear infinite;
			}
			.contents .map_area .ill05 {
				width: 3%;
				left: 32.5%;
				bottom: 36%;
				animation: ill05 6s 3s linear both;
			}
			.contents .map_area .ill07 {
				width: 1.286%;
				left: 43.8%;
				bottom: 30.4%;
				animation: ill07 8s 5s linear both;
			}
			.contents .map_area .ill08 {
				width: 2.5%;
				right: 14%;
				bottom: 26%;
				animation: ill08 7s 0s linear infinite;
			}
			.contents .map_area .ill09 {
				width: 2.5%;
				right: 16.2%;
				bottom: 25%;
				animation: ill09 8s 3s linear infinite;
			}
			.contents .map_area .map_b {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}

	#popupBg {
		display: none;
		background-color: rgba(132,205,230,.5);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
	}
	#popupArea {
		display: none;
		width: 100%;
		height: 100% !important;
		margin: auto;
		position: absolute;
		top: 0 !important;
		left: 0;
		background: #fff;
		z-index: 99;
	}
	#popupArea .closeBtn {
		display: inline-block;
		width: 35px;
		height: 35px;
		background-color: #000;
		text-indent: 120%;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 20px;
		margin: auto;
		z-index: 3;
		box-shadow: 6px 6px rgb(206 206 206 / 75%);
	}
	#popupArea .closeBtn::before ,
	#popupArea .closeBtn::after {
		content: '';
		display: block;
		position: absolute;
		width: 80%;
		height: 1px;
		background-color: #fff;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	#popupArea .closeBtn::before {
		transform: rotate(45deg);
	}
	#popupArea .closeBtn::after {
		transform: rotate(-45deg);
	}
	#popupArea .popup_blo {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		position: relative;
	}
	#popupArea .popup {
		display: none;
		padding: 70px 5% 20px 5%;
		margin: auto;
		z-index: 2;
		-webkit-transition: 500ms opacity ease, 500ms visibility ease;
		transition: 500ms opacity ease, 500ms visibility ease;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-feature-settings: "palt";
	}
	#popupArea .popup.current {
		display: block;
	}
		#popupArea .popup h2 {
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: #f06400;
			color: #fff;
			display: inline-block;
			line-height: 1;
			padding: 8px 16px;
			font-size: 20px;
			letter-spacing: 2px;
			font-weight: 500;
		}
				#popupArea .popup:not(#inline08) h3,
				#popupArea #inline08.popup .popup_box dl dt {
					font-size: 18px;
					letter-spacing: 2px;
					font-weight: 500;
					margin-bottom: 30px;
				}
				#popupArea #inline08.popup h3{
					margin-bottom: 20px;
				}
				#popupArea #inline08.popup .popup_box dl dt{
					margin-bottom: 10px;
				}
					#popupArea .popup .popup_box dl dd a{
						text-decoration: underline;
					}
		#popupArea .popup .popup_box {
		}
			#popupArea .popup .popup_box + .popup_box{
				margin-top: 40px;
			}
			#popupArea .popup .popup_box dl {
				
			}
				
				#popupArea .popup:not(#inline08) .popup_box dl dt,
				#popupArea #inline08.popup h3{					
					background-color: #f06400;
					color: #fff;
					padding: 3px 10px;
					font-size: 16px;					
					line-height: 1.6;
					font-weight: 500;
				}
				#popupArea .popup dl dd {
					line-height: 1.8;
					margin-top: 12px;
					text-align: justify;
					line-break: strict;
					word-wrap: break-word;
					overflow-wrap: break-word;
				}
				#popupArea .popup .popup_box .popup_img {
					margin: 20px auto 0;
				}
			#popupArea .popup .popup_box02 .popup_prof {
				font-weight: 600;
				margin-bottom: 40px;
			}
				#popupArea .popup .popup_box02 .popup_prof .popup_img {
				}
				#popupArea .popup .popup_box02 .popup_prof .name {
					margin-top: 15px;
				}
					#popupArea .popup .popup_box02 .popup_prof .name span {
					}
					#popupArea .popup .popup_box02 .popup_prof .name .jp {
						font-size: 16px;
						letter-spacing: 2px;
					}
					#popupArea .popup .popup_box02 .popup_prof .name .en {
						font-size: 13px;
						color: #f06400;
						margin-left: 15px;
					}
				#popupArea .popup .popup_box02 .popup_prof p {
					font-size: 13px;
					margin-top: 5px;
				}
		
		#popupArea .popup .link_area {
			margin-top: 30px;
		}
			#popupArea .popup .link_area .bl_btn{
				max-width: 160px;
				font-size: 14px;
				margin: 0 auto;
			}
			#popupArea .popup .link_area ul {
			}
				#popupArea .popup .link_area ul li {
					position: relative;
				}
				#popupArea .popup .link_area ul li + li {
					margin-top: 15px;
				}
				#popupArea .popup .link_area ul li::after {
					position: absolute;
					bottom: 0;
					right: 0;
					content: "";
					width: 60px;
					height: 60px;
					background-color: #f06400;
					z-index: 1;
				}
					#popupArea .popup .link_area ul li a {
						position: relative;
						width: 100%;
						height: 24.1vw;
						display: block;
						overflow: hidden;
					}
					#popupArea .popup .link_area ul li a::after {
						position: absolute;
						bottom: 25px;
						right: 12px;
						content: "";
						background: url(../../common/img/arrow.svg) no-repeat center;
						background-size: cover;
						width: 34px;
						height: 11px;
						z-index: 2;
						transition: 0.3s;
					}
					#popupArea .popup .link_area ul li a:hover::after {
						right: 8px;
					}
					#popupArea .popup .link_area ul li a::before {
						position: absolute;
						top: 0;
						left: 0;
						content: "";
						background-position: 50% 50%;
						background-size: cover;
						width: 100%;
						height: 100%;
						transition: 1.0s;
					}
					#popupArea .popup .link_area ul li a:hover::before {
						transform: scale(1.05);
					}
						#popupArea .popup .link_area ul li a p {
							position: relative;
							z-index: 1;
							display: inline-block;
							color: #fff;
							background-color: #000;
							line-height: 1;
							padding: 7px 10px 8px;
							font-size: 16px;
						}
	
/* #inline01 */
				#popupArea #inline01.popup h2,
				#popupArea #inline01.popup .popup_box dl dt{
					background-color: #0a9bcd;
				}
					
/* #inline02 */
				#popupArea #inline02.popup h2,
				#popupArea #inline02.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline03 */
				#popupArea #inline03.popup h2,
				#popupArea #inline03.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline04 */
				#popupArea #inline04.popup h2,
				#popupArea #inline04.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline05 */
				#popupArea #inline05.popup h2,
				#popupArea #inline05.popup .popup_box dl dt{
					background-color: #6e3cbe;
				}
/* #inline06 */
				#popupArea #inline06.popup h2,
				#popupArea #inline06.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline07 */
				#popupArea #inline07.popup h2,
				#popupArea #inline07.popup .popup_box dl dt{
					background-color: #f06400;
				}
/* #inline08 */
				#popupArea #inline08.popup h2,
				#popupArea #inline08.popup h3{
					background-color: #0a9bcd;
				}
	

	
}




