@charset "UTF-8";

/* digipark_title
**************************************** */
.digipark_title { border-bottom: 1px solid #e5e5e5; }
.digipark_title .title_block.is-clone { display: none !important; }

/* digipark_wrapper
**************************************** */
/* .digipark_wrapper { padding-bottom: 50px; } */
.digipark_wrapper sup { font-size: 75%; vertical-align: inherit; }
.digipark_wrapper sub { font-size: 75%; vertical-align: inherit; }
.digipark_wrapper sup.large { font-size: 100%; }
@media only screen and (max-width:640px){
.digipark_wrapper { background-color: #ffffff; padding-bottom: 0; }
}

/* pageTopBorder
**************************************** */
.pageTopBorder { border-top: 1px solid #e5e5e5; }
@media only screen and (max-width:640px){
}

/* heading
**************************************** */
.cHeading_A { position: relative; }
.cHeading_A::before { background: url(/fa/events-seminars/factories/nagoya/img/icon_heading_01.png) no-repeat; background-size: cover; content: ""; position: absolute; top: -17px; left: -30px; width: 19px; height: 35px; }
.cHeading_A span { color: #098ae5; display: block; font-family: 'Rajdhani', sans-serif; font-size: 337.5%; font-weight: 600; font-style: italic; line-height: 1; margin-left: -0.05em; }
.cHeading_A small { display: block; font-size: 125%; font-weight: 700; }
.cHeading_B { color: #098ae5; position: relative; padding-left: 60px; }
.cHeading_B::before { background-color: #098ae5; content: ""; position: absolute; top: calc(50% - 1px); left: 0px; width: 50px; height: 1px; }
.cHeading_B span { display: block; font-family: 'Rajdhani', sans-serif; font-size: 150%; font-weight: 600; font-style: italic; line-height: 1; margin-left: -0.05em; }
@media only screen and (max-width:640px){
.cHeading_A { padding-left: 18px; }
.cHeading_A::before { top: -8px; left: 0px; width: 11px; height: 20px; }
.cHeading_A span { font-size: 257.1428%; }
.cHeading_A small { font-size: 114.2857%; margin-top: -2px; }
.cHeading_B { padding-left: 30px; }
.cHeading_B::before { width: 25px; }
.cHeading_B span { font-size: 128.5714%; }
}

/* cSection
**************************************** */
.cSection { margin-top: 120px; }
@media only screen and (max-width:640px){
.cSection { margin-top: 60px; }
}

/* btn
**************************************** */
a.cBtn_A { box-sizing: border-box; box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.2); background: linear-gradient(90deg, rgba(30,151,254,1) 0%, rgba(57,203,255,1) 100%); color: #ffffff; display: inline-block; font-family: 'Rajdhani', sans-serif; font-weight: 600; font-style: italic; line-height: 50px; vertical-align: bottom; text-align: center; padding: 0 20px; width: 230px; }
a.cBtn_A:hover { text-decoration: none; }
a.cBtn_A span { display: block; position: relative; padding: 0 30px; }
a.cBtn_A span::before { background-color: #ffffff; content: ""; position: absolute; top: calc(50% - 3px); right: 0px; width: 6px; height: 6px; }
a.cBtn_A span::after { background-color: #ffffff; content: ""; position: absolute; top: calc(50% - 1px); right: 0px; width: 26px; height: 2px; }
span.cBtn_B { display: block; position: relative; padding-right: 30px; }
span.cBtn_B::before { background-color: #098ae5; content: ""; position: absolute; top: calc(50% - 3px); right: 0px; width: 6px; height: 6px; }
span.cBtn_B::after { background-color: #098ae5; content: ""; position: absolute; top: calc(50% - 1px); right: 0px; width: 26px; height: 2px; }
@media only screen and (min-width:641px){
a.cBtn_A { transition: opacity .25s ease-out; }
a.cBtn_A:hover { opacity: 0.7; }
}
@media only screen and (max-width:640px){
a.cBtn_A { box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2); line-height: 40px; padding: 0 15px; width: 175px; }
a.cBtn_A span { padding: 0 20px; }
a.cBtn_A span::before { top: calc(50% - 2px); width: 4px; height: 4px; }
a.cBtn_A span::after { top: calc(50% - 1px); width: 13px; }
span.cBtn_B { padding-right: 20px; }
span.cBtn_B::before { top: calc(50% - 2px); width: 4px; height: 4px; }
span.cBtn_B::after { top: calc(50% - 1px); width: 13px; }
}

/* cNnavi
**************************************** */
.cNnavi { background-color: #ffffff; position: relative; height: 60px; z-index: 90; }
.cNnavi .inner { background-color: #ffffff; position: absolute; top: 0px; left: 0px; width: 100%; }
.cNnavi .inner.is-fixed { animation: showNavi 0.5s ease-out; position: fixed; }
.cNnavi dl { display: flex; align-items: center; justify-content: space-between; }
.cNnavi dl dt { font-weight: bold; }
.cNnavi dl dd > ul { display: flex; position: relative; }
.cNnavi dl dd > ul > li { position: relative; }
.cNnavi dl dd > ul > li + li { margin-left: 36px; }
.cNnavi dl dd > ul > li > a { color: #333333; display: flex; align-items: center; font-size: 87.5%; line-height: 1.7142; height: 60px; }
.cNnavi dl dd > ul > li > a:hover { text-decoration: none; }
.cNnavi dl dd > ul > li > a span { display: block; position: relative; }
.cNnavi dl dd > ul > li > a span::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; }
.cNnavi dl dd > ul > li ul { background-color: #ffffff; display: none; position: absolute; top: 100%; right: -18px; padding-bottom: 14px; min-width: calc(100% + 36px); z-index: +2; }
.cNnavi dl dd > ul > li ul li { padding: 0 18px; }
.cNnavi dl dd > ul > li ul li + li { margin-top: 10px; }
.cNnavi dl dd > ul > li ul li a { color: #333333; display: block; font-size: 87.5%; line-height: 1.5; position: relative; padding-left: 13px; white-space: nowrap; }
.cNnavi dl dd > ul > li ul li a::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #098ae5; position: absolute; top: 0.4166em; left: 0px; }

.cNnavi.page-home dl dd > ul > li:nth-of-type(1) > a span::after { background-color: #098ae5; }
.cNnavi.page-outline dl dd > ul > li:nth-of-type(2) > a span::after,
.cNnavi.page-factorytour dl dd > ul > li:nth-of-type(3) > a span::after { background-color: #098ae5; width: calc(100% - 18px); }
.cNnavi dl dd > ul > li > a.toggle span { padding-right: 18px; }
.cNnavi dl dd > ul > li > a.toggle span::before { border-bottom: 2px solid #333333; border-left: 2px solid #333333; content: ""; position: absolute; top: calc(50% - 6px); right: 2px; width: 6px; height: 6px; transform: rotate(-45deg); }
@media (min-width:641px){
.cNnavi dl dd { display: block !important; }
}
@media only screen and (min-width:641px){
.cNnavi dl dd > ul > li > a:hover span::after { background-color: #098ae5; }
.cNnavi dl dd > ul > li > a.toggle:hover span::after { width: calc(100% - 18px); }
.cNnavi dl dd > ul > li > a.toggle span::before { transition: transform 0.25s, top 0.25s; }
.cNnavi dl dd > ul > li > a.toggle.is-opened span::before  { top: calc(50% - 2px); transform: rotate(-225deg); }
}
@media only screen and (max-width:640px){
.cNnavi { height: 40px; }
.cNnavi dl { display: block; }
.cNnavi dl dt { display: flex; align-items: center; position: relative; margin: 0 -10px; padding: 0 10px; height: 40px; }
.cNnavi dl dt::before { border-bottom: 2px solid #333333; border-right: 2px solid #333333; content: ""; position: absolute; top: calc(50% - 8px); right: 10px; width: 8px; height: 8px; transform: rotate(45deg); transition: transform 0.25s, top 0.25s; }
.cNnavi dl dt.is-open::before { top: calc(50% - 3px); transform: rotate(-135deg); }
.cNnavi dl dd { background-color: #f4f4f4; border-top: 1px solid #d5d5d5; display: none; margin: 0 -10px; }
.cNnavi dl dd > ul { display: block; }
.cNnavi dl dd > ul > li + li { border-top: 1px solid #d5d5d5; margin-left: 0; }
.cNnavi dl dd > ul > li > a { display: block; font-size: 92.8571%; padding: 7px 10px; height: auto; }
.cNnavi dl dd > ul > li > a span::after { background-color: #333333; content: ""; position: absolute; bottom: calc(50% - 1px); left: auto; right: 0px; width: 10px; height: 2px; }
.cNnavi dl dd > ul > li ul { border-top: 1px solid #d5d5d5; background-color: #f4f4f4; position: relative; top: auto; left: auto; padding: 7px 20px; min-width: 0%; }
.cNnavi dl dd > ul > li ul li { padding: 0; }
.cNnavi dl dd > ul > li ul li + li { margin-top: 0; }
.cNnavi dl dd > ul > li ul li a { display: block; font-size: 92.8571%; line-height: 1.2727; position: relative; padding: 7px 0 7px 10px; }
.cNnavi dl dd > ul > li ul li a::before { border-width: 3px 0 3px 5px; top: calc(0.3635em + 7px); }

.cNnavi dl dd > ul > li:nth-of-type(1) > a span::after,
.cNnavi.page-home dl dd > ul > li:nth-of-type(1) > a span::after { display: none; }
.cNnavi.page-outline dl dd > ul > li:nth-of-type(2) > a span::after,
.cNnavi.page-factorytour dl dd > ul > li:nth-of-type(3) > a span::after { background-color: #333333; width: 10px; }
.cNnavi dl dd > ul > li > a.toggle span { display: block; padding-right: 15px; }
.cNnavi dl dd > ul > li > a.toggle span::before { background-color: #333333; border: none; top: calc(50% - 1px); right: 0px; width: 10px; height: 2px; transform: rotate(90deg); transition: transform 0.25s; }
.cNnavi dl dd > ul > li > a.toggle.is-opened span::before { transform: rotate(0deg); }
}
@keyframes showNavi {
	0% { top: 0px; transform: translateY(-100%); }
	100% { top: 0px; transform: translateY(0); }
}

/* cRelation
**************************************** */
.cRelation { background-color: #f7f7f7; padding: 80px 0; }
.cRelation .block { display: flex; flex-wrap: wrap; margin: 0 -19px; }
.cRelation a { background-color: #ffffff; color: #333333; display: block; margin: 0 19px; width: calc(33.3333% - 38px); }
.cRelation a:nth-of-type(n+4) { margin-top: 38px; }
.cRelation a:hover { text-decoration: none; }
.cRelation a p { font-size: 0; line-height: 0; }
.cRelation a p img { width: 100%; }
.cRelation a dl { padding: 20px; }
.cRelation a dl dt { font-size: 112.5%; font-weight: 700; }
.cRelation a dl dd { line-height: 1.6; margin-top: 10px; }
@media only screen and (min-width:641px){
.cRelation a { transition: opacity .25s ease-out; }
.cRelation a:hover { opacity: 0.7; }
}
@media only screen and (max-width:640px){
.cRelation { padding: 40px 0 45px 0; }
.cRelation .block { display: block; margin: 0; }
.cRelation a { margin: 0; width: auto; }
.cRelation a:nth-of-type(n+4) { margin-top: 20px; }
.cRelation a:nth-of-type(n+2) { margin-top: 20px; }
.cRelation a dl { padding: 15px; }
.cRelation a dl dt { font-size: 114.2857%; }
.cRelation a dl dd { line-height: 1.7272; margin-top: 3px; }
}

/* cTitle
**************************************** */
.cTitle .container { color: #ffffff; display: flex; align-items: center; height: 328px; }
.cTitle .block { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.cTitle .heading small { font-family: 'Rajdhani', sans-serif; display: block; font-size: 437.5%; font-weight: 600; font-style: italic; line-height: 1; margin-left: -0.05em; }
.cTitle .heading span { display: block; font-size: 150%; font-weight: 700; }
.cTitle .text { text-align: right; }
.cTitle .text span { display: block; font-size: 187.5%; font-weight: 700; line-height: 1; margin-bottom: 10px; }
.cTitle .text small { display: block; font-size: 125%; font-weight: normal; line-height: 1.7272; }
@media only screen and (max-width:640px){
.cTitle .container { box-sizing: border-box; padding: 30px 10px; height: auto; min-height: 206px; }
.cTitle .block { display: block; }
.cTitle .heading { display: flex; align-items: center; justify-content: space-between; }
.cTitle .heading small { font-size: 250%; margin-left: -0.05em; }
.cTitle .heading span { flex: 1; font-size: 100%; text-align: right; margin-left: 20px; }
.cTitle .text { border-top: 1px solid #ffffff; text-align: left; margin-top: 13px; padding-top: 18px; }
.cTitle .text span { font-size: 107.1428%; margin-bottom: 8px; }
.cTitle .text small { font-size: 100%; }
}

/* cAnchor
**************************************** */
.cAnchor { position: relative; margin-top: -48px; z-index: +1; }
.cAnchor .container { display: flex; justify-content: flex-end; }
.cAnchor ul { background: linear-gradient(90deg, rgba(30,151,254,1) 0%, rgba(57,203,255,1) 100%); box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.2); display: flex; }
.cAnchor ul li a { color: #ffffff; display: block; font-weight: 700; line-height: 1.6666; text-align: center; position: relative; padding: 20px 15px; min-width: 180px; }
.cAnchor ul li a::after { background-color: #ffffff; content: ""; position: absolute; top: calc(50% - 16px); right: 0px; width: 1px; height: 32px; }
.cAnchor ul li:last-of-type a::after { display: none; }
.cAnchor ul li a:hover { text-decoration: none; }
.cAnchor ul li a .txt { border-bottom: 3px solid transparent; border-top: 3px solid transparent; display: inline-block; vertical-align: bottom; }
@media only screen and (min-width:641px){
.cAnchor ul li a .txt { transition: border .25s ease-out; }
.cAnchor ul li a:hover .txt { border-bottom: 3px solid #ffffff; }
}
@media only screen and (max-width:640px){
.cAnchor { margin-top: -24px; }
.cAnchor ul { box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2); display: block; padding: 20px 0; }
.cAnchor ul li a { line-height: 1.8181; text-align: left; padding: 5px 28px; min-width: 11em; }
.cAnchor ul li a::after { display: none; }
.cAnchor ul li a .txt { border-bottom: none; border-top: none; display: block; }
}

/* cAnchorPoint
**************************************** */
.cAnchorPoint { font-size: 0; line-height: 0; position: relative; }
.cAnchorPoint span { position: absolute; top: -70px; left: 0px; }
.cAnchorPoint.large span { top: -85px; }
@media only screen and (max-width:640px){
.cAnchorPoint span { top: -50px; }
.cAnchorPoint.large span { top: -55px; }
}

/* cBannerFCC
**************************************** */
.cBannerFCC { position: relative; margin-top: 110px; padding-bottom: 120px; z-index: +1; }
.cBannerFCC::before { background-color: #f7f7f7; content: ""; position: absolute; bottom: 0px; left: 0px; width: calc(50% + 600px); height: 260px; z-index: -1; }
.cBannerFCC a { background: url(/fa/events-seminars/factories/nagoya/img/bnr_fcc.jpg) no-repeat; background-size: cover; color: #ffffff; display: flex; align-items: center; height: 214px; }
.cBannerFCC a:hover { text-decoration: none; }
.cBannerFCC a p { padding-left: 460px; }
.cBannerFCC a p span { display: block; font-size: 175%; font-weight: 700; }
.cBannerFCC a p small { display: block; font-size: 100%; margin-top: 8px; }
@media only screen and (min-width:641px){
.cBannerFCC a { transition: opacity .25s ease-out; }
.cBannerFCC a:hover { opacity: 0.7; }
}
@media only screen and (max-width:640px){
.cBannerFCC { margin-top: 50px; padding-bottom: 45px; }
.cBannerFCC::before { width: 83.5937vw; height: 54.6875vw; }
.cBannerFCC a { background-image: url(/fa/events-seminars/factories/nagoya/img/bnr_fcc_sp.jpg); display: block; position: relative; padding-bottom: 58.9285%; height: auto; }
.cBannerFCC a p { box-sizing: border-box; text-align: center; position: absolute; top: 54.5454%; left: 0px; padding: 0 4.6875vw; width: 100%; }
.cBannerFCC a p span { font-size: 5vw; line-height: 1.375; }
.cBannerFCC a p small { font-size: 3.7333vw; line-height: 1.5; margin-top: 1.5625vw; }
}

/* cBannerVFI
**************************************** */
.cBannerVFI { position: relative; margin-top: 140px; padding-bottom: 105px; z-index: +1; }
.cBannerVFI::before { background-color: #f7f7f7; content: ""; position: absolute; bottom: 0px; left: 0px; width: calc(50% + 600px); height: 360px; z-index: -1; }
.cBannerVFI a { background: url(/fa/events-seminars/factories/nagoya/img/bnr_vfi.jpg) no-repeat; background-size: cover; color: #333333; display: flex; align-items: center; position: relative; height: 330px; }
.cBannerVFI a:hover { text-decoration: none; }
.cBannerVFI .block { padding-left: 50px; }
.cBannerVFI .limited { display: inline-block; font-size: 150%; font-weight: 700; line-height: 2.0416; position: relative; vertical-align: bottom; margin-bottom: 15px; padding: 0 45px; }
.cBannerVFI .limited::before { box-sizing: border-box; border: 2px solid #333333; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: skewX(-10deg); }
.cBannerVFI .arw { color: #ffffff; font-weight: 700; line-height: 1.2; position: absolute; bottom: 23px; right: 15px; margin-bottom: -0.6em; padding-right: 22px; }
.cBannerVFI dt span:nth-of-type(1),
.cBannerVFI dt span:nth-of-type(2) { color: #098ae5; display: inline-block; vertical-align: middle; font-family: 'Rajdhani', sans-serif; font-size: 525%; font-weight: 600; font-style: italic; line-height: 0.8; margin-left: -0.09em; }
.cBannerVFI dt span:nth-of-type(1) { display: block; }
.cBannerVFI dt span:nth-of-type(3) { color: #098ae5; display: inline-block; vertical-align: middle; font-size: 187.5%; font-weight: 700; line-height: 1.2; margin-left: 30px; }
.cBannerVFI dd { margin-top: 5px; }
@media only screen and (min-width:641px){
.cBannerVFI a { transition: opacity .25s ease-out; }
.cBannerVFI a:hover { opacity: 0.7; }
}
@media only screen and (max-width:640px){
.cBannerVFI { margin-top: 55px; padding-bottom: 50px; }
.cBannerVFI::before { width: 83.5937vw; height: 75vw; }
.cBannerVFI a { background-image: url(/fa/events-seminars/factories/nagoya/img/bnr_vfi_sp.jpg); display: block; padding-bottom: 80.3571%; height: auto; }
.cBannerVFI .block { position: absolute; top: 6.9%; left: 7%; padding-left: 0; }
.cBannerVFI .limited { font-size: 3.75vw; line-height: 7.6562vw; margin-bottom: 2.3437vw; padding: 0 5.3125vw; }
.cBannerVFI .limited::before { border: 0.3125vw solid #333333; }
.cBannerVFI .copy { font-size: 3.7333vw; line-height: 1.7; margin-top: 2.0312vw; }
.cBannerVFI .arw { font-size: 3.125vw; line-height: 1.3; text-align: right; bottom: 6.7187vw; right: 2.3437vw; margin-bottom: -1.3em; padding-right: 3.125vw; }
.cBannerVFI dt span:nth-of-type(1),
.cBannerVFI dt span:nth-of-type(2) { display: block; font-size: 13.0468vw; line-height: 0.9; }
.cBannerVFI dt span:nth-of-type(3) { display: block; font-size: 4.375vw; margin-left: 0; }
.cBannerVFI dd { font-size: 3.4375vw; margin-top: 2.3437vw; }
}

/* cMovie
**************************************** */
.cMovie { display: block; font-size: 0; line-height: 0; position: relative; }
.cMovie:hover { text-decoration: none; }
.cMovie::after { background: url(/fa/events-seminars/factories/nagoya/img/arw_movie.png) no-repeat; background-size: cover; content: ""; position: absolute; top: calc(50% - 28px); left: calc(50% - 28px); width: 56px; height: 56px; }
.cMovie.arw-L::after { top: calc(50% - 51px); left: calc(50% - 51px); width: 102px; height: 102px; }
.cMovie img { width: 100%; }
@media only screen and (min-width:641px){
.cMovie { transition: opacity .25s ease-out; }
.cMovie:hover { opacity: 0.7; }
}
@media only screen and (max-width:640px){
.cMovie::after { top: calc(50% - 22px); left: calc(50% - 22px); width: 44px; height: 44px; }
.cMovie.arw-L::after { top: calc(50% - 22px); left: calc(50% - 22px); width: 44px; height: 44px; }
}

/* cColumn
**************************************** */
.cColumn { display: flex; flex-wrap: wrap; margin-left: -18px; margin-right: -18px; }
.cColumn > a,
.cColumn > div { display: block; margin-left: 18px; margin-right: 18px; width: calc(33.3333% - 36px); }
@media (min-width:641px){
.cColumn > a:nth-of-type(n+4),
.cColumn > div:nth-of-type(n+4) { margin-top: 40px; }
}
@media only screen and (max-width:640px){
.cColumn { display: block; margin-left: 0; margin-right: 0; }
.cColumn > a,
.cColumn > div { margin-left: 0; margin-right: 0; width: auto; }
.cColumn > a:nth-of-type(n+2),
.cColumn > div:nth-of-type(n+2) { margin-top: 25px; }
}

/* cModal
**************************************** */
.cModalBG { background-color: rgba(0,0,0,0.6); display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; }
.cModalContents { display: none; position: absolute; top: 0px; left: calc(50% - 490px); width: 980px; z-index: 100; }
.cModalContents .block { background-color: #ffffff; padding: 65px 25px 25px 25px; }
.cModalContents .close { position: absolute; top: 10px; right: 25px; }
.cModalContents .close a { color: #000000; display: inline-block; font-family: 'Roboto', 'Arial', sans-serif; font-size: 12px; font-weight: 700; line-height: 50px; vertical-align: bottom; padding-right: 50px; position: relative; }
.cModalContents .close a:hover { text-decoration: none; }
.cModalContents .close a::after { background: url(/fa/events-seminars/factories/assets/common/img/icon_menu_close.svg) right center no-repeat; background-size: cover; content: ""; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; }
.cModalContents .video { position: relative; padding-bottom: 56.25%; }
.cModalContents .video video,
.cModalContents .video iframe { border: none; position: absolute; top: 0px;  left: 0px; width: 100%; height: 100%; }
@media only screen and (min-width:641px){
.cModalContents .close a { transition: opacity .25s ease-out; }
.cModalContents .close a:hover { opacity: 0.7; }
}
@media only screen and (max-width:640px){
.cModalContents { left: calc(50% - 48%); width: 96%; }
.cModalContents .block { padding: 45px 15px 15px 15px; }
.cModalContents .close { position: absolute; top: 15px; right: 15px; }
.cModalContents .close a { font-size: 10px; line-height: 20px; padding-right: 25px; }
.cModalContents .close a::after { right: 0px; top: 0px; width: 20px; height: 20px;  }
}