@charset "utf-8";


/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
	20251022
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
.oswald-fontstyle {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.spOnly{
	display: none;
}
.contentsTop{
}
.innerBox{
	width: 100%;
	max-width: 1100px;
	margin: 0px auto;
	padding: 30px 30px;
}

.bg-sWrap{
	background: url(/assets/img/nagoya/mainBg.gif);
	width: 100%;
	text-align: center;
	padding: 70px 0;
}
.bg-sWrap .innerBox h2{
	font-size: 200%;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
}

.imgnote{
	margin-top: 0.5em;
	font-size: 0.9em;
	line-height: 1.2;
}

@media screen and (max-width: 667px) {
	.pcOnly{
		display: none;
	}
	.spOnly{
		display: block;
	}
	.innerBox{
		padding: 20px;
	}
}
@media screen and (max-width: 667px) {
	.bg-sWrap .innerBox{
		padding: 0px 10px;
	}
	.bg-sWrap .innerBox h2{
		font-size: 150%;
		text-align: left;
	}
}


.bg-p-ttlWrap{
	position: relative;
	margin-top: 100px;
	margin-bottom: 100px;
	width: 100%;
	background-color: #ebedfc;
	border-top: #c5c9e2 solid 1px;
	border-bottom: #c5c9e2 solid 1px;
}

#wrapper section:nth-last-child(3) .bg-p-ttlWrap{
	margin-bottom: 50px;
}

.bg-p-ttlWrap h3 {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: -2.2em;
}
.bg-p-ttlWrap h3 > span {
	text-align: center;
	font-size: 186%;
	color: #ffffff;
	font-weight: bold;
	background-color: #565ab4;
	padding: 0.5em 1em;
	display: inline-block;
	line-height: 1.4;
}
.bg-p-ttlWrap .innerBox{
	padding: 80px 30px 80px;
}

.photoList{
	margin-top: 4em;
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
}
.photoList > li{
	width: 254px;
	margin-right: 8px;
}
.photoList > li:last-child{
	margin-right: 0px;
}


@media screen and (max-width: 667px) {
	.bg-p-ttlWrap h3 {
		top: -1.7em;
	}
	.bg-p-ttlWrap h3 > span {
		font-size: 135%;
		padding: 0.5em 1em;
	}
	.bg-p-ttlWrap .innerBox {
		padding: 60px 20px 60px;
	}

	.photoList {
		margin-top: 1.0em;
		flex-flow: row wrap;
	}
	.photoList > li{
		margin-top: 2%;
		width: 48%;
		margin-right: 4%;
	}
	.photoList > li:nth-child(2n){
		margin-right: 0px;
	}
}


.innerBox.cvLogoadd{
	padding: 0px 30px;
}
.cvlogo{
	width: 100%;
	max-width: 600px;
	padding: 20px;
	background-color: #ffffff;
	margin: 1em auto 1.5em;
}
.innerBox.cvLogoadd > p{
	color: #ffffff;
	font-size: 1.2em;
}

.explainArea{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-top: 40px;
}
.explainArea:first-child{
	margin-top: 0;
}
.explainArea .explainTextbox{
	width: 55%;
}
.explainArea .explainImgbox{
	width: 40%;
}
.explainArea.contentSort .explainTextbox{
	order: 2;
}
.explainArea.contentSort .explainImgbox{
	order: 1;
}

.ttlstyle01 {
	position: relative;
	padding: 0.5em 0.5em 0.4em 2em;
	overflow: hidden;
	color: #ffffff;
	background-color: #525050;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.3;
}
.ttlstyle01::before {
	position: absolute;
	top: -40%;
	left: -20px;
	transform: rotate(20deg);
	width: 40px;
	height: 200%;
	background-color: #8a8dd8;
	content: '';
}
.explainText{
	margin-top: 0.5em;
}
@media screen and (max-width: 667px) {
	.cvlogo{
		padding: 10px;
	}
	.innerBox.cvLogoadd > p{
		text-align: left;
	}
	.explainArea{
		flex-flow: column nowrap;
	}
	.explainArea .explainTextbox{
		width: 100%;
		margin-bottom: 1em;
	}
	.explainArea .explainImgbox{
		width: 100%;
	}
	.explainArea.contentSort .explainTextbox{
		order: 1;
	}
	.explainArea.contentSort .explainImgbox{
		order: 2;
	}
	.ttlstyle01 {
		font-size: 1.2em;
	}
}
.btnOnlybox{
	margin-top: 40px;
	text-align: center;
}
.btn_cv_blue{
	display: inline-block;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.3;
	border-radius: 50px;
	margin: 0 auto;
	background-color: #565ab4;
	padding: 0.5em 2em 0.5em 3em;
	width: auto;
	border: 2px solid #565ab4;
	background-image: url("/assets/img/icon/arrowWhite.png");
	background-position: 1em center;
	background-size: 26px auto;
	background-repeat: no-repeat;
}
.btn_cv_blue:hover{
	color: #565ab4;
	background-color: #ffffff;
	background-image: url("/assets/img/icon/arrowBlue.png");
}
.btnnote{
	text-align: center;
	font-size: 0.9em;
	margin-top: 5px;
}
@media screen and (max-width: 667px) {
	.btn_cv_blue{
		font-size: 1.2em;
		padding: 0.5em 1em 0.5em 3em;
	}
}

.aboutSignage{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.aboutSignage .aboutSignageText{
	width: 55%;
}
.aboutSignage .explainImgbox{
	width: 42%;
}
@media screen and (max-width: 667px) {
	.aboutSignage{
		flex-flow: column nowrap;
	}
	.aboutSignage .aboutSignageText{
		width: 100%;
	}
	.aboutSignage .explainImgbox{
		margin-top: 0.5em;
		width: 100%;
	}
}

.locationBox{
	text-align: center;
}
.locationTtl{
	display: inline-block;
	position: relative;
	padding: 0.5em 3em 0.4em;
	overflow: hidden;
	color: #ffffff;
	background-color: #525050;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4;
}
.locationTtl::before {
	content: '';
	position: absolute;
	top: -30%;
	left: -40px;
	transform: rotate(20deg);
	width: 60px;
	height: 200%;
	background-color: #8a8dd8;
}
.locationTtl::after {
	content: '';
	position: absolute;
	top: -30%;
	right: -18px;
	transform: rotate(20deg);
	width: 60px;
	height: 200%;
	background-color: #8a8dd8;
}
@media screen and (max-width: 667px) {
	.locationTtl{
		padding: 0.5em 2em 0.4em;
		text-align: left;
		font-size: 1.2em;
	}
	.locationTtl::before {
		transform: rotate(10deg);
		left: -50px;
	}
	.locationTtl::after {
		transform: rotate(10deg);
		right: -38px;
	}
}


section#top_contents{
	background:#ffffff;
	width:100%;
	max-width:1100px;
	margin:auto;
	display:block;
	overflow:hidden;
	padding:30px 40px;
	margin-bottom: 100px;
}
section#top_contents div{width:50%;}
section#top_contents h3{text-align:left;}

section#top_contents div.left{float:left;}
section#top_contents div.right{float:right;}



/* left */
section#top_contents div ol{width:94%;}
section#top_contents div ol li{
	display:inline-block;
	width:100%;
	margin:10px 0;
	background:#F7F8F2 url(/assets/img/icon/downloadBlack.png) no-repeat 95% center;
}
section#top_contents div ol li a{
	border-bottom:4px solid #e4e5df;
	padding:15px 60px;
	width:100%;
	max-width:500px;
	display:block;
	color:#333333;
	font-weight:bold;
	font-size: 115%;
	text-align:left;
}
section#top_contents div ol li a.pdf{background:url(/assets/img/icon/pdfRed.png) no-repeat 5% center;}
section#top_contents div ol li a.ppt{background:url(/assets/img/icon/pptRed.png) no-repeat 5% center;}
section#top_contents div ol li a.zip{background:url(/assets/img/icon/zipBlack.png) no-repeat 5% center;}

section#top_contents div ol li:hover{
	background:#6376E0 url(/assets/img/icon/downloadBlack.png) no-repeat 95% center;
	transition-duration:0.3s;
	transition-timing-function: ease-out;
}
section#top_contents div ol li:hover a{color:#ffffff;}



/* right */
section#top_contents div.right p{
	width:100%;
	background:#F7F8F2;
	margin-top:10px;
	padding:32px 0;
}
section#top_contents div.right p iframe{
	width:274px;
	height:154px;
	margin:auto;
	display:block;
}
@media screen and (max-width: 667px) {
	section#top_contents{
		padding:7% 3%;
	}

	section#top_contents div,
	section#top_contents div.left ol,
	section#top_contents div.left ol li{
		width:100%;
	}
	section#top_contents div.left,
	section#top_contents div.right{
		float:none;
	}
	section#top_contents div.left,
	section#top_contents div.right{
		padding:3%;
	}
	section#top_contents div.left ol li{
		margin:0 0 10px;
	}
	section#top_contents div h3{
		margin-bottom:10px;
	}
	section#top_contents div.right p{
		padding:15px 0;
	}
	section#top_contents div.right p iframe{
		width:90%;
		margin:auto;
	}
		section#top_contents div ol{
		width: 100%;
	}
	section#top_contents div ol li a{
		max-width: auto;
	}
}