@charset "UTF-8";

/* CSS Document */

html, bod { height: 100%; }

body {
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height: 0;
	text-align: center;
	color: #000;
	font-size: 0.95em;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}

body.ja { font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', "メイリオ", Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; }

body img { max-width: 100%; height: auto; }
.sp { display: none !important; }

#wrapper {
	padding-top: 70px;
	letter-spacing: 0.05em;
}

a, #wrapper a:hover, a img, a:hover img { transition: 0.5s ease all; }
a:hover img { opacity: 0.8; }
#wrapper sup, #wrapper sub { line-height: 1em; }
.wBreak { word-break: break-all; }

.btRegist { margin: 20px 0; }
.btRegist a { display: block; width: 18em; line-height: 50px; background: #1e50a2 url(../images/wagara.png) center center; color: #fff !important; text-decoration: none !important; text-align: center; font-size: 1.4em; font-weight: bold; letter-spacing: 1px; border: 5px solid #038; border-radius: 15px; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
.btRegist a:hover { background-color: #2e60b2; }

.movieLink a { font-weight: bold; display: flex; align-items: center; line-height: 1.5em; }
.movieLink a::after { content: ""; width: 58px; height: 23px; background: url(../images/icon_youtube.png) center center no-repeat; background-size: 100%; margin-left: 8px; }

@media(max-width: 1024px) {
}

@media(max-width: 800px) {
}

@media(max-width: 680px) {
	#wrapper { padding-top: 50px; }
	.btRegist a { width: auto; font-size: 1.25em; }
	.movieLink a { display: block; }
	.movieLink a::after { display: block; margin-left: 0; margin-top: 5px; }
}

@media(max-width: 480px) {
}


/*
=================================================
	header
=================================================
*/

header {
	position: fixed;
	background: rgba(255,255,255,0.9);
	top: 0;
	left: 0;
	width: 100%;
	text-align: left;
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	z-index: 70;
}

#header { display: flex; padding: 10px 10px 10px 30px; justify-content: space-between; }
#header h1 { padding: 10px 0; }
.ja #header h1 { padding: 0; }
#header #utility { display: flex; }
#header #utility ul li { display: inline-block; margin-right: 20px; padding: 5px 0; }

#header #utility #naviOpen {
	background: url(../images/bt_menu.png) center top no-repeat;
	text-indent: -9999px;
	width: 50px;
	line-height: 50px;
	cursor: pointer;
}


@media(max-width: 1024px) {
	#header #utility ul { display: none; }
}

@media(max-width: 800px) {
}

@media(max-width: 680px) {
	#header { padding: 0 10px; justify-content: flex-end; }
	#header h1 { display: none; }
}

@media(max-width: 480px) {
}


/*
=================================================
	title
=================================================
*/

#title ul { display: flex; flex-wrap: wrap; }
#title ul li { width: 20%; flex-basis: auto; }
#title ul li.w2 { width: 40%; }

#title #titleInner { background: #1e50a2 url(../images/wagara.png) center center; padding: 50px 30px 45px; color: #fff; }
#title #titleInner h2 { font-size: 2.2em; line-height: 1.4em; margin-bottom: 10px; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
#title #titleInner h2 span { margin-left: 0.5em; }
#title #titleInner p { font-size: 1.25em; line-height: 1.6em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
#title #titleInner p strong { font-size: 1.25em; margin-right: 1em; color: #ff0; }

@media(max-width: 1024px) {
}

@media(max-width: 800px) {
	#title #titleInner h2 { font-size: 2em; }
	#title #titleInner h2 span { margin-left: 0; display: block; }
}

@media(max-width: 680px) {
	#title #titleInner { padding: 30px 10px 25px; }
	#title #titleInner h2 { font-size: 1.6em; }
	#title #titleInner p { font-size: 1em; }
}

@media(max-width: 480px) {
	#title #titleInner p strong { display: block; margin-right: 0; }
	#title ul li:nth-child(n+3) { display: none; }
	#title ul li { width: 33.3333%; }
	#title ul li.w2 { width: 66.6666%; }
}


/*
=================================================
	navigation
=================================================
*/

/* global navigation */
#navi { position: fixed; width: 400px; height: 100%; background: #393f4c url(../images/wagara.png) center center; top: 0; right: 0; z-index: 80; display: none; overflow: auto; }
#navi ul { margin-top: 70px; }
#navi li { border-bottom: 1px solid #848688; text-align: left; letter-spacing: 0.05em; }
#navi li a { display: block; color: #fff; line-height: 30px; padding: 20px 20px 20px 38px; background: url(../images/icon_navi.png) 20px center no-repeat; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
#navi li a:hover { background-color: #556; }
#navi #naviClose { background: url(../images/bt_menuClose.png) center top no-repeat; text-indent: -9999px; width: 50px; line-height: 50px; position: fixed; top: 10px; right: 10px; cursor: pointer; }
#navi #logo { display: none; }
#navi .btRegist { margin: 20px; }
#navi .btRegist a { width: auto; }

/* page navigation */
#pageNavi ul { display: flex; }
#pageNavi ul li { width: 33.3333%; border-right: 1px solid #848688; }
#pageNavi ul li:last-child { border-right: none; }
#pageNavi ul li a { display: block; line-height: 55px; background: #393f4c url(../images/wagara.png) center center; color: #fff; font-weight: bold; font-size: 1.1em; }
#pageNavi ul li a:hover { background-color: #556; }

@media(max-width: 1024px) {
}

@media(max-width: 800px) {
	#pageNavi { display: none; }
}

@media(max-width: 680px) {
	#navi #naviClose { top: 0; }
	#navi ul { margin-top: 0; }
	#navi #logo { display: block; border-bottom: 1px solid #848688; margin-top: 60px; }
	#navi #logo a { display: block; padding: 20px; }
}

@media(max-width: 480px) {
	#navi { width: 100%; }
}


/*
=================================================
	contents
=================================================
*/

#contents { text-align: left; }
#contents article { margin: -100px 0 50px; padding: 100px 100px 0; }
#contents h3 { font-size: 1.25em; color: #393f4c; line-height: 1.5em; margin-bottom: 15px; border-left: 5px solid #1e50a2; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
#contents h4 { font-size: 1.125em; line-height: 1.5em; border-bottom: 1px solid #393f4c; margin-bottom: 15px; }
#contents p, #contents li, #contents dt, #contents dd { line-height: 1.6em; }
#contents p { text-align: justify; margin-bottom: 15px; }
#contents ol li { margin-left: 1.5em; list-style: decimal; }
#contents a { color: #039; text-decoration: underline; }
#contents a:hover { color: #04c; text-decoration: none; }

#contents p.txtNote { font-size: 0.875em; font-style: italic; }

/* news */
#contents #news { margin-top: 0; padding: 50px 100px; background: #f4f5f6; display: flex; }
#contents #news #newsTitle { background: #393f4c; color: #fff; width: 200px; display: flex; align-items: center; justify-content: center; margin-right: 20px; }
#contents #news #newsList { flex-shrink: 100; width: 100%; }
#contents #news #newsList ul { height: 198px; overflow: auto; background: #fff; border: 1px solid #393f4c; }
#contents #news #newsList li { border-bottom: 1px dotted #393f4c; padding: 17px 20px 15px; }
#contents #news #newsList li:last-child { border-bottom: none; }
#contents #news #newsList li dt { font-weight: bold; color: #393f4c; float: left; }
#contents #news #newsList li dd { margin-left: 8.5em; }

/* top movie */
#contents #topMovie { max-width: 720px; margin: 20px auto 0; }

/* webinar */
#contents #webinar #zoomVideo { max-width: 720px; margin: 0 auto; border: 1px solid #ccc; }

/* Preliminary Agenda */
#contents #agenda dl.schedule { border-bottom: 1px solid #ccc; display: flex; padding: 20px; }
#contents #agenda dl.schedule:nth-child(odd) { background: #f4f5f6; }
#contents #agenda .schedule dt { font-weight: bold; }
#contents #agenda .schedule dt.time { width: 8.5em; }
#contents #agenda .schedule dd { flex-shrink: 100; }
#contents #agenda .schedule dd h4 strong { color: #393f4c; }
#contents #agenda .schedule dd dl dt { margin-top: 15px; }
#contents #agenda .schedule dd dl dt .btDoc { display: inline-block; margin-left: 8px; vertical-align: top; }
#contents #agenda .schedule dd dl dt .btDoc a { display: block; line-height: 20px; font-size: 0.9em; color: #fff; background: #d00; text-decoration: none; padding: 0 15px; padding-top: 1px; border-radius: 15px; }
#contents #agenda .schedule dd dl dt .btDoc a:hover { background: #f00; }
#contents #agenda .schedule dd dl dd .list li { margin-left: 1.5em; list-style: disc; }

#contents #agenda .schedule #companies { padding-top: 70px; margin-top: -70px; }
#contents #agenda .schedule #companyList { margin-top: 5px; }
#contents #agenda .schedule #companyList .company { border: 1px solid #ccc; border-top: 5px solid #036; background: #fff; padding: 15px; margin-bottom: 10px; position: relative; }
#contents #agenda .schedule #companyList .company:last-child { margin-bottom: 0; }
#contents #agenda .schedule #companyList .company .more { position: absolute; top: 14px; right: 14px; padding-right: 15px; width: 105px; font-size: 0.9em; border: 1px solid #000; text-align: center; line-height: 26px; cursor: pointer; transition: 0.5s ease all; background: url(../images/icon_more.png) right top no-repeat; }
#contents #agenda .schedule #companyList .company .more.active { background-position: right bottom; }
#contents #agenda .schedule #companyList .company .more:hover { background-color: #eee; }
#contents #agenda .schedule #companyList .company .closeBox { display: none; }
#contents #agenda .schedule #companyList .company p { margin-bottom: 0; }
#contents #agenda .schedule #companyList .company .companyName { font-weight: bold; font-size: 1.3em; line-height: 1.4em; margin-right: 140px; }
#contents #agenda .schedule #companyList .company .linkList { margin-bottom: 15px; display: flex; }
#contents #agenda .schedule #companyList .company .linkList li { margin-top: 5px; margin-right: 5px; width: 10em; }
#contents #agenda .schedule #companyList .company .linkList li a { display: block; line-height: 35px; text-align: center; text-decoration: none; color: #fff; background: #000; border-radius: 7px; }
#contents #agenda .schedule #companyList .company .linkList li.link1 a { background: #606; }
#contents #agenda .schedule #companyList .company .linkList li.link2 a { background: #05b; }
#contents #agenda .schedule #companyList .company .linkList li.link3 a { background: #c00; }
#contents #agenda .schedule #companyList .company .linkList li a:hover { opacity: 0.8; }

#contents #agenda .schedule #companyList .company .tableList li { margin-top: 8px; }
#contents #agenda .schedule #companyList .company .tableList li .type { float: left; width: 22em; font-weight: bold; font-size: 0.875em; text-align: right; letter-spacing: 0; }
#contents #agenda .schedule #companyList .company .tableList li p { margin-left: 20.5em; text-align: left; }
.ja #contents #agenda .schedule #companyList .company .tableList li .type { width: 9.5em; }
.ja #contents #agenda .schedule #companyList .company .tableList li p { margin-left: 9.5em; }

#contents #agenda .btRegist { margin: 30px 0 0; }

/* speaker */
#contents #agenda .schedule dd .speaker li { margin-top: 5px; margin-left: 1.5em; list-style: disc; }
#contents #agenda .schedule dd .speaker li dt { margin-top: 0; }
#contents #agenda .schedule dd .speaker li dd { font-size: 0.825em; letter-spacing: 0; }

@media(max-width: 1024px) {
	#contents article { padding: 100px 30px 0; }
	/* news */
	#contents #news { padding: 50px 30px; display: block; }
}

@media(max-width: 800px) {
	#contents #news #newsTitle { width: auto; display: block; margin-right: 0; line-height: 35px; text-align: center; }
	/* Preliminary Agenda */
	#contents #agenda dl.schedule { display: block; }
	#contents #agenda .schedule dt.time { width: auto; margin-bottom: 5px; }
	#contents #agenda .schedule #companyList .company .linkList { flex-wrap: wrap; }
	#contents #agenda .schedule #companyList .company .tableList li .type { float: none; width: auto !important; text-align: left; }
	#contents #agenda .schedule #companyList .company .tableList li p { margin-left: 0 !important; }
	#contents #agenda .schedule #companyList .company .more:hover { background-color: transparent; }
}

@media(max-width: 680px) {
	#contents article { margin: -100px 0 30px; padding: 100px 10px 0; }
	#contents p { text-align: left; }
	/* news */
	#contents #news { padding: 30px 10px; }
	#contents #news #newsList li { padding: 12px 10px 10px; }
	#contents #news #newsList li dt { float: none; }
	#contents #news #newsList li dd { margin-left: 0; }
	/* Preliminary Agenda */
	#contents #agenda dl.schedule { padding: 12px 10px 10px; }
	#contents #agenda .schedule #companyList .company { padding: 20px 10px 15px; }
}

@media(max-width: 480px) {
	#contents #agenda .schedule #companyList .company .more { position: static; padding-right: 0; width: auto; margin-top: 5px; }
	#contents #agenda .schedule #companyList .company .companyName { margin-right: 0; }
	#contents #agenda .schedule #companyList .company .linkList { display: block; }
	#contents #agenda .schedule #companyList .company .linkList li { margin-right: 0; width: auto; }
	#contents #agenda .schedule #companyList .company .linkList, #contents #agenda .schedule #companyList .company .tableList { margin-top: 18px; }
}


/*
=================================================
	registration
=================================================
*/

#contents #regist { margin-top: 50px; padding-top: 0; }
#contents #regist .must { color: #b7282e; margin: 0 2px; }

/* input */
#contents #regist input[type=checkbox], #contents #regist input[type=radio] {
	width:			17px;
	height:			17px;
	-moz-transform:		scale(1.25);
	-webkit-transform:	scale(1.25);
	transform:		scale(1.25);
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 8px;
	border-color: #aaa;
}
.text1 { width: 100%; }
.text2 { width: 160px; }


/* Participant Information */
#contents #regist #info { margin-top: 30px; }
#contents #regist #info #caution li { font-size: 0.875em; }

/* enter */
#contents #regist #info .error { margin-top: 20px; }
#contents #regist #info .error p { margin: 0; color: #d00; font-weight: bold; }
#contents #regist #info #enter { display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents #regist #info #enter li { margin-top: 15px; width: 100%; }
#contents #regist #info #enter li.w2 { width: 48%; }
#contents #regist #info #enter li.w3 { width: 31%; }
#contents #regist #info #enter li dt { font-weight: bold; }
#contents #regist #info #enter li dd.txtBox { border: 1px solid #aaa; padding: 5px; border-radius: 7px; }
#contents #regist #info #enter li dd input { line-height: 25px; font-size: 1em; width: 100%; border: none; }
#contents #regist #info #enter li dd.selectBox { width: 200px; position: relative; background: #fff; border: 1px solid #aaa; border-radius: 7px; }
#contents #regist #info #enter li dd.selectBox select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	color: #000;	
}
#contents #regist #info #enter li dd.selectBox select::-ms-expand { display: none; }
#contents #regist #info #enter li dd.selectBox::before {
	position: absolute;
	top: 13px;
	right: 15px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 9px solid #000;
	pointer-events: none;
}
#contents #regist #info #enter li dd.selectBox select { padding: 0 50px 0 15px; line-height: 35px; }

/* questions */
#contents #regist #info #questions { margin-top: 25px; background: #f6f7f8; padding: 30px 20px 20px; border: 1px solid #ddd; }
#contents #regist #info #questions p { font-weight: bold; color: #d00; font-size: 1.2em; line-height: 1.4em; }
#contents #regist #info #questions dl { margin-top: 20px; }
#contents #regist #info #questions dt { font-weight: bold; }
#contents #regist #info #questions dd .btCheck { margin-left: 10px; }
#contents #regist #info #questions dd .btCheck li { margin: 6px 0; }
#contents #regist #info #questions dd .btCheck li input[type=text] { border: 1px solid #aaa; padding: 3px 5px; line-height: 18px; margin: 0 5px; width: 200px; font-size: 1em; }
#contents #regist #info #questions dd textarea { border: 1px solid #aaa; padding: 5px; border-radius: 7px; width: 98%; }

/* Agreement of Privacy Policy */
#contents #regist #policy { margin-top: 30px; }
#contents #regist #policy dt { font-weight: bold; margin-top: 10px; }
#contents #regist #policy p#agree { background: #f6f7f8; padding: 10px 15px; margin-top: 15px; border: 1px solid #ddd; }

/* check */
#contents #regist #check p { margin-top: 40px; }
#contents #regist #check li { padding: 20px 0; border-bottom: 1px solid #ccc; }
#contents #regist #check li dt { font-weight: bold; }
#contents #regist #check #check1 li dt { float: left; }
#contents #regist #check #check1 li dd { margin-left: 9.5em; }

/* submit */
#contents #regist #submit { margin-top: 30px; text-align: center; }
#contents #regist #submit input { background: #1e50a2; margin: 0 auto; display: block; transition: all 0.5s ease; border-radius: 15px; }
#contents #regist #submit input:hover { background: #2e60b2; transition: all 0.5s ease; }
#contents #regist #submit li { display: inline-block; margin: 0 10px; }

/* thanks */
#contents #inquiry.thanks #thanksMessage { margin-top: 30px; }

@media(max-width: 1024px) {
}

@media(max-width: 800px) {
}

@media(max-width: 680px) {
	/* enter */
	#contents #regist #info #enter { display: block; }
	#contents #regist #info #enter li { width: auto !important; }
	/* questions */
	#contents #regist #info #questions { padding: 20px 10px 10px; }
	/* check */
	#contents #regist #check #check1 li dt { float: none; }
	#contents #regist #check #check1 li dd { margin-left: 0; }
}

@media(max-width: 480px) {
	/* submit */
	#contents #regist #submit li { display: block; margin: 15px 0; }
}


/*
=================================================
	footer
=================================================
*/

#footer {
	display: flex;
	justify-content: space-between;
	padding: 30px 30px 75px;
	text-align: left;
	background: #ccc;
}

#footer #banner li { display: inline-block; margin-right: 15px; }
#footer #banner li a { display: block; background: #fff; padding: 5px 8px; border-radius: 7px; }

#footer #contact a { display: block; line-height: 48px; border: 1px solid #b7282e; background: #fff url(../images/icon_mail.png) right center no-repeat; padding-right: 48px; width: 10em; text-align: center; font-size: 1.1em; color: #b7282e; border-radius: 7px; }
#footer #contact a:hover { background-color: #ffb; text-decoration: underline; }

#btTop { position: fixed; bottom: 0; right: 0; width: 100%; }
#btTop a { display: block; text-align: center; background: rgba(0,0,0,0.8); line-height: 45px; color: #fff; font-size: 0.85em; transition: 0.5s ease all; letter-spacing: 0.25em; }
#btTop a:hover { background: #000; transition: 0.5s ease all; }

@media(max-width: 1024px) {
}

@media(max-width: 800px) {
}

@media(max-width: 680px) {
	#footer { display: block; text-align: center; padding: 30px 10px 75px; }
	#footer #banner li { margin: 0 10px; }
	#footer #contact { margin-top: 20px; }
	#footer #contact a { margin: 0 auto; }
}

@media(max-width: 480px) {
	#footer #banner li { display: block; margin: 0 0 10px; }
}