@charset "UTF-8";

/*
	PC: 16px SP: 14px
	font-family: 'Noto Sans JP', 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Osaka, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	font-family: 'Roboto', 'Arial', sans-serif;
	
*/

/* body
**************************************** */
body.is-fixed { position: fixed; width:100%; }

main {padding-bottom: 1px;}

/* header overwrite
**************************************** */
#global_header img { vertical-align: top; }
#global_header .function_nav ul li .global { padding-top: 2px; }
#module_socialMedia { width: 80px; }
#module_socialMedia ul { font-size: 0; line-height: 0; }
#module_bookmark ul { font-size: 0; line-height: 0; }
#module_login ul { font-size: 0; line-height: 0; }
#module_titleArea #stitle { width: auto; float: none; margin: 0; }
#module_titleArea #printNavi { top: 4px; }
#module_zoomFontSize { top: 4px; }
@media only screen and (max-width:640px){
.global_header { position: relative; z-index: 95; }
}

/* f-robot
**************************************** */
.f-robot { font-family: 'Roboto', 'Arial', sans-serif; }
@media only screen and (max-width:640px){
}

/* view
**************************************** */
.pcInline { display: inline; }
.spInline { display: none; }
.pcBlock { display: block; }
.spBlock { display: none; }
@media only screen and (max-width:640px){
.pcInline { display: none; }
.spInline { display: inline; }
.pcBlock { display: none; }
.spBlock { display: block; }
}

/* digipark_header
**************************************** */
.digipark_header { background-color: #ffffff; position: relative; z-index: 80; }
@media only screen and (max-width:640px){
}

/* stitle
**************************************** */
@media only screen and (max-width:640px){
/* #module_titleArea { display: none; } */
}

/* digipark_wrapper
**************************************** */
.digipark_wrapper { border-top: 1px solid #e5e5e5; font-family: 'Noto Sans JP', 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Osaka, Verdana, 'ＭＳ Ｐゴシック', sans-serif; line-height: 1.5; overflow: hidden; position: relative; padding: 0; z-index: +1; }
.digipark_wrapper button { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
@media only screen and (max-width:640px){
.digipark_wrapper { background-color: #f3f3f3; border-top: none; padding: 0 0 30px 0; }
}

/* loading
**************************************** */
body.loading { overflow: hidden; }
.loading_anime { background-color: #ffffff; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; }
.loading_anime img { position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); width: 200px; height: 200px; }
@media only screen and (max-width:640px){
.loading_anime img { position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px; }
}

/* container
**************************************** */
.container { position: relative; width: 980px; margin: 0 auto; }
@media only screen and (max-width:640px){
.container { width: auto; margin: 0; padding: 0 10px; }
}

/* digipark_menubtn
**************************************** */
.digipark_menubtn { position: absolute; top: calc(50% - 25px); right: 0px; z-index: +1; }
.digipark_menubtn a { color: #333333; display: block; position: relative; padding-right: 60px; }
.digipark_menubtn a::before { background-color: #000000; content: ""; position: absolute; top: 0px; right: 0px; width: 50px; height: 49px; }
.digipark_menubtn a::after { background-color: #727272; content: ""; position: absolute; top: 12px; right: 10px; width: 30px; height: 5px; }
.digipark_menubtn a span { display: block; font-family: 'Roboto', 'Arial', sans-serif; font-size: 12px; line-height: 49px; position: relative; }
.digipark_menubtn a span::before { background-color: #727272; content: ""; position: absolute; top: 22px; right: -50px; width: 30px; height: 5px; }
.digipark_menubtn a span::after { background-color: #727272; content: ""; position: absolute; top: 32px; right: -35px; width: 15px; height: 5px; }
.digipark_menubtn a b { font-weight: 700; }
.digipark_menubtn a:hover { text-decoration: none; }
@media only screen and (min-width:641px) {
.digipark_menubtn a::after,
.digipark_menubtn a span::before,
.digipark_menubtn a span::after { -webkit-transition: background-color .25s ease-out; transition: background-color .25s ease-out; }
.digipark_menubtn a:hover::after,
.digipark_menubtn a:hover span::before,
.digipark_menubtn a:hover span::after { background-color: #ffffff; }
}
@media only screen and (max-width:640px){
.digipark_menubtn { top: calc(50% - 20px); right: 10px; }
.digipark_menubtn a { color: #ffffff; padding-right: 0; width: 40px; height: 40px; }
.digipark_menubtn a::before { width: 40px; height: 40px; }
.digipark_menubtn a::after { top: 6px; right: 10px; width: 20px; height: 3px; }
.digipark_menubtn a span { font-size: 16px; width: 40px; height: 40px; }
.digipark_menubtn a span::before { top: 13px; right: 10px; width: 20px; height: 3px; }
.digipark_menubtn a span::after { top: 20px; right: 20px; width: 10px; height: 3px; }
.digipark_menubtn a span b { -webkit-ttransform: scale(0.5); transform: scale(0.5); display: block; line-height: 1; text-align: center; position: absolute; bottom: 0px; left :0px; width: 100%; }
.digipark_menubtn a b { font-weight: normal; }
}

/* digipark_gnavi
**************************************** */
.digipark_gnavi_bg { background-color: rgba(0,0,0,0.6); display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; }
.digipark_gnavi { display: none; position: absolute; top: 17px; left: calc(50% - 490px); width: 980px; z-index: 100; }
.digipark_gnavi .block { -webkit-border-radius: 5px; border-radius: 5px; background-color: #ffffff; padding: 25px 30px 70px 40px; }
.digipark_gnavi .block > dl { display: flex; align-items: center; justify-content: space-between; }
.digipark_gnavi .block > dl dt span { border-bottom: 2px solid #000000; display: inline-block; font-family: 'Roboto', 'Arial', sans-serif; font-size: 150%; font-weight: 700; line-height: 1.2; vertical-align: bottom; padding-top: 2px; }
.digipark_gnavi .block > dl dd 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; }
.digipark_gnavi .block > dl dd 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; }
.digipark_gnavi .block > dl dd a:hover { text-decoration: none; }
.digipark_gnavi .block > ul { margin: 15px 200px 0 190px; }
.digipark_gnavi .block > ul li { border-bottom: 1px solid #cccccc; padding-bottom: 10px; }
.digipark_gnavi .block > ul li + li { margin-top: 10px; }
.digipark_gnavi .block > ul li a { color: #000000; display: block; position: relative; }
.digipark_gnavi .block > ul li a:hover { text-decoration: none; }
.digipark_gnavi .block > ul li a::after { background: url(/fa/events-seminars/factories/assets/common/img/arw_link.svg) no-repeat; background-size: cover; content: ""; position: absolute; top: calc(50% - 12px); right: 0px; width: 38px; height: 24px; }
.digipark_gnavi .block > ul li a dt { font-size: 150%; font-weight: 700; line-height: 1.2; position: relative; padding: 5px 70px 5px 50px; }
.digipark_gnavi .block > ul li a dt::before { background-color: #e5e5e5; content: ""; position: absolute; top: calc(5px + 0.1em); left: 0px; width: 3px; height: 1em; }
.digipark_gnavi .block > ul li a dt span { display: inline-block; position: relative; }
.digipark_gnavi .block > ul li a[target="_blank"] dt span::after { background: url(/fa/events-seminars/factories/assets/common/img/icn_blank.png) no-repeat; background-size: cover; content: ""; display: inline-block; vertical-align: middle; margin-left: 5px; width: 12px; height: 11px; }
.digipark_gnavi .block > ul li a dd { font-family: 'Roboto', 'Arial', sans-serif; font-size: 96.125%; padding: 0 70px 0 50px; opacity: 0.3; }
@media only screen and (min-width:641px) {
.digipark_gnavi .block > dl dd a { -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; }
.digipark_gnavi .block > dl dd a:hover { opacity: 0.7; }
.digipark_gnavi .block > ul li a::after { -webkit-transition: right .25s ease-out; transition: right .25s ease-out; }
.digipark_gnavi .block > ul li a:hover::after { right: -15px; }
}
@media only screen and (max-width:640px){
.digipark_gnavi_bg { background-color: rgba(0,0,0,0.9); }
.digipark_gnavi { top: 0px; left: 0px; width: 100%; }
.digipark_gnavi .block { -webkit-border-radius: 0; border-radius: 0; background-color: transparent; padding: 5px 0 15px 0; }
.digipark_gnavi .block > dl { justify-content: flex-end; padding-right: 10px; }
.digipark_gnavi .block > dl dt span { display: none; }
.digipark_gnavi .block > dl dd a { color: #ffffff; display: block; font-size: 10px; line-height: 40px; padding-right: 40px; }
.digipark_gnavi .block > dl dd a::after { background: url(/fa/events-seminars/factories/assets/common/img/icon_menu_close_w.svg) right center no-repeat; background-size: cover; content: ""; position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; }
.digipark_gnavi .block > ul { border-top: 1px solid #5c5c5c; margin: 15px 0 0 0; }
.digipark_gnavi .block > ul li { border-bottom: 1px solid #5c5c5c; padding-bottom: 0; }
.digipark_gnavi .block > ul li + li { margin-top: 0; }
.digipark_gnavi .block > ul li a { color: #ffffff; padding: 20px 10px; }
.digipark_gnavi .block > ul li a::after { top: calc(50% - 10px); right: 10px; width: 29px; height: 19px; }
.digipark_gnavi .block > ul li a dt { font-size: 114.2857%; padding: 0 40px 0 0; }
.digipark_gnavi .block > ul li a dt::before { display: none; }
.digipark_gnavi .block > ul li a[target="_blank"] dt span::after { background: url(/fa/events-seminars/factories/assets/common/img/icn_blank_w.png) no-repeat; background-size: cover; }
.digipark_gnavi .block > ul li a dd { font-size: 71.4285%; padding: 0 40px 0 0; }
}

/* digipark_title
**************************************** */
.digipark_title { position: relative; height: 77px; z-index: 90; }
.digipark_title .heading { display: flex; align-items: center; font-size: 0; line-height: 0; height: 77px; }
.digipark_title .heading img { width: 505px; }
.digipark_title .title_block:nth-of-type(1) { background-color: #ffffff; position: relative; }
.digipark_title .title_block:nth-of-type(2) { -webkit-transition: top .25s ease-out,visibility .25s ease-out; transition: top .25s ease-out,visibility .25s ease-out; background-color: #ffffff; position: fixed; top: -77px; left: 0px; width: 100%; visibility: hidden; z-index: +1; }
.digipark_title .title_block.is-fixed { top: 0px; visibility: visible; }
.digipark_title .title_block.is-clone .heading { height: 59px; }
.digipark_title .title_block.is-clone .heading img { width: 360px; }
@media only screen and (max-width:640px){
.digipark_title { height: 67px; }
.digipark_title .heading { padding-right: 45px; height: 67px; }
.digipark_title .heading img { width: 303px; max-width: 100%; }
.digipark_title .title_block.is-clone .heading { height: 50px; }
.digipark_title .title_block.is-clone .heading img { width: 303px; }
}

/* current
**************************************** */
@-webkit-keyframes current {
0% { -webkit-transform: scale(1,1); }
50% { -webkit-transform: scale(1.075,1.075); }
100% { -webkit-transform: scale(1,1); }
}
@keyframes current {
0% { transform: scale(1,1); }
50% { transform: scale(1.075,1.075); }
100% { transform: scale(1,1); }
}

/* innavi
**************************************** */
@-webkit-keyframes innavi {
0% { top: -77px; visibility: hidden; }
100% { top: 0px; visibility: visible; }
}
@keyframes innavi {
0% { top: -77px; visibility: hidden; }
100% { top: 0px; visibility: visible; }
}

/* outnavi
**************************************** */
@-webkit-keyframes outnavi {
0% { top: 0px; visibility: visible; }
100% { top: -77px; visibility: hidden; }
}
@keyframes innavi {
0% { top: 0px; visibility: visible; }
100% { top: -77px; visibility: hidden; }
}