@charset "UTF-8";


/* viewing */
/*------------------------------------------------------------------------------*/
#viewing {
	background-color: #f7f7f7;
}
#viewing header {
	display: flex;
	justify-content: center;
	height: 90px;
	background-color: #ebebeb;
	background-color: #f7f7f7;
	background-color: #070125;
	/*margin-bottom: 20px;*/
	padding: 0;
	position: relative;
}
#viewing header::before {
	content: "";
	display: none;
	width: 100%;
	height: 50%;
	background-color: #e23136;
	background-color: #1f1f1f;
	position: absolute;
	top: 0;
	left: 0;
}
/*#viewing.seminer_health header::before {
	background-color: #006b2f;
}*/
#viewing header h1 {
	display: flex;
	align-items: center;
	width: 1000px;
	position: relative;
}
#viewing header h1 .logo {
	display: flex;
	align-items: center;
	/*background-color: #fff;
	box-shadow : 3px 3px 3px rgba(0,0,0,.1);*/
}
#viewing.seminer_TECH header h1 .logo {
	height: 60%;
	/*padding: 10px 15px;*/
}
#viewing.seminer_health header h1 .logo {
	height: 60%;
	padding: 0;
}
#viewing.seminer_HCLI header h1 .logo {
	height: 70%;
	padding: 0;
}
#viewing.seminer_TECH_DX header h1 .logo {
	height: 65%;
	padding: 0;
}

#viewing header h1 .logo.xtech {
	height: 55%;
	padding: 0;
}

#viewing header h1 .logo > img {
	display: block;
	width: auto;
	height: 100%;
}

#viewing header h1.in__PlaybackStudio {
	justify-content: space-between;
}
#viewing header h1.in__PlaybackStudio .PlaybackStudio_logo {
	height: 60%;
}
#viewing header h1.in__PlaybackStudio .PlaybackStudio_logo > img {
	display: block;
	width: auto;
	height: 100%;
}
#viewing header h1 .logo.xtech.area__ver {
	height: 80%;
	padding: 0;
}


/* main_contants */
/*------------------------------------------------------------------------------*/
#viewing #main_contants {
	padding: 0 20px 30px 20px;
}


#viewing .section p {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.8;
}

#viewing .section01 {
	margin-bottom: 30px;
	padding: 0 30px;
}

#viewing .viewing_info_area {
	background-color: #fff;
	border-radius: 1em;
	padding: 30px;
}
#viewing .viewing_info_area h2 {
	margin-bottom: 20px;
	position: relative;
}
#viewing .viewing_info_area h2 > span {
	display: inline-block;
	font-size: 2.4em;
	font-weight: bold;
	color: #0261b0;
	line-height: 1.2;
	padding: 0 0 5px 5px;
}
#viewing .viewing_info_area h2::before,
#viewing .viewing_info_area h2::after {
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	bottom: 0;
}
#viewing .viewing_info_area h2::before {
	width: 100%;
	background-color: #a3bed4;
}
#viewing .viewing_info_area h2::after {
	width: 20%;
	background-color: #0261b0;
	z-index: 10;
}
#viewing .viewing_info_area .area_main {
	padding: 0 10px;
}
#viewing .viewing_info_area .area_main > p {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.6;
}
#viewing .viewing_info_area .area_main .video_area {
	width: 100%;
	height: 0;
	margin: 20px 0;
	padding-top: 56.25%;
	position: relative;
}
#viewing .viewing_info_area .area_main .video_area img {
	width: 100%;
	height: auto;
}
#viewing .viewing_info_area .area_main .video_info_box+.video_info_box {
	margin-top: 15px;
}
#viewing .viewing_info_area .area_main .video_info_box > h3 {
	display: inline-flex;
	align-items: center;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}
#viewing .viewing_info_area .area_main .video_info_box > h3::before {
	content: "";
	display: block;
	width: .8em;
	height: .8em;
	background-color: #e60112;
	margin-right: .5em;
}
#viewing .viewing_info_area .area_main .video_info_box .video_info_box_sction {
	font-size: 1.4em;
	padding-left: 1.5em;
}
#viewing .viewing_info_area .area_main .video_info_box .video_info_box_sction+.video_info_box_sction {
	margin-top: 10px;
}
#viewing .viewing_info_area .area_main .video_info_box h4 {
	margin-bottom: 5px;
}
#viewing .viewing_info_area .area_main .video_info_box h4 > span {
	/*font-size: 1.2em;*/
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	background-color: #e60112;
	border-radius: 1em;
	padding: .13em .5em;
}
#viewing .viewing_info_area .area_main .video_info_box li {
	list-style: outside disc;
	margin-left: 1.5em;
}

#viewing .viewing_info_area .area_main .video_info_box.vimeo_info_area {
	background-color: #edf7fd;
	padding: 20px 30px;
}
#viewing .viewing_info_area .area_main .video_info_box.vimeo_info_area > p {
	font-size: 1.4em;
}
#viewing .viewing_info_area .area_main .video_info_box.vimeo_info_area > p > span {
	font-weight: bold;
}


#viewing .contact_area {
	color: #fff;
	text-align: center;
	background-color: #1c3e6c;
	background-color: #3a3a3a;
	padding: 4em 0;
}
#viewing .contact_area h2 {
	font-size: 3em;
	font-weight: bold;
	margin-bottom: .7em;
}
#viewing .contact_area p.text {
	font-size: 1.4em;
	margin-bottom: 1em;
}
#viewing .contact_area h3 {
	font-size: 1.6em;
	font-weight: bold;
}
#viewing .contact_area p.email {
	margin: .5em 0 1em 0;
}
#viewing .contact_area p.email > a {
	font-size: 1.4em;
	color: #fff;
	text-decoration: none;
}
#viewing .contact_area p.email > a:hover {
	color: #71ffd2;
}
#viewing .contact_area p.note > span {
	display: inline-flex;
	font-size: 1.4em;
	font-weight: bold;
	color: #1063d4;
	color: #bb000e;
	line-height: 1.2;
	background-color: #fff;
	padding: .5em 1em;
}
#viewing .contact_area p.note > span > br {
	display: none;
}


/* screens smaller than 1000px---------------------------------------------------------- */
@media only screen and (max-width:1000px) {

#viewing header {
	padding: 0 2%;
	/*margin-bottom: 25px;*/
}
#viewing header h1 {
	/*justify-content: space-between;*/
	width: 100%;
	/*padding: 2% 2% 0 2%;*/
}
/*#viewing header h1 .logo {
	width: 49%;
	height: auto;
}
#viewing header h1 .logo+.logo {
	margin-left: 0;
}
#viewing header h1 .logo > img {
	width: 100%;
	height: auto;
}*/

#viewing #wrapper {
	padding: 0 2%;
}

#viewing .section p {
	font-size: 1.6em;
}

#viewing .section01 {
	margin-bottom: 25px;
	padding: 0 2%;
}

#viewing .viewing_info_area {
	border-radius: .8em;
	padding: 2%;
}
#viewing .viewing_info_area h2 > span {
	font-size: 2em;
}
#viewing .viewing_info_area .area_main {
	padding: 0 2%;
}
#viewing .viewing_info_area .area_main .video_info_box > h3 {
	font-size: 1.6em;
}
#viewing .viewing_info_area .area_main .video_info_box .video_info_box_sction {
	font-size: 1.3em;
}

#viewing .viewing_info_area .area_main .video_info_box.vimeo_info_area {
	padding: 2% 3%;
}
#viewing .viewing_info_area .area_main .video_info_box.vimeo_info_area > p {
	font-size: 1.3em;
}


#viewing .contact_area {
	padding: 6% 3%;
}
#viewing .contact_area h2 {
	font-size: 2.6em;
}
#viewing .contact_area p.text {
	font-size: 1.3em;
}
#viewing .contact_area h3 {
	font-size: 1.5em;
}
#viewing .contact_area p.note > span {
	font-size: 1.3em;
}

}



/* screens smaller than 690px---------------------------------------------------------- */
@media only screen and (max-width:690px) {

#viewing header {
	height: 60px;
	/*margin-bottom: 3%;*/
}
/*#viewing header h1 .logo {
	width: 40%;
}*/
#viewing.seminer_TECH header h1 .logo {
	height: 55%;
	/*padding: 5px 10px;*/
}
#viewing.seminer_health header h1 .logo {
	height: 55%;
	padding: 0;
}
#viewing.seminer_HCLI header h1 .logo {
	height: 70%;
	padding: 0;
}
#viewing.seminer_TECH_DX header h1 .logo {
	height: 55%;
	padding: 0;
}

#viewing header h1 .logo.xtech {
	height: 50%;
	padding: 0;
}

#viewing .section p {
	font-size: 3.4vw;
}

#viewing .section01 {
	margin-bottom: 3%;
}

#viewing .viewing_info_area {
	border-radius: .5em;
	padding: 4% 2%;
}
#viewing .viewing_info_area h2 {
	margin-bottom: 3%;
}
#viewing .viewing_info_area h2 > span {
	font-size: 4.6vw;
}
#viewing .viewing_info_area h2::after {
	width: 30%;
}
#viewing .viewing_info_area .area_main {
	padding: 0;
}
#viewing .viewing_info_area .area_main > p {
	font-size: 3.2vw;
}
#viewing .viewing_info_area .area_main .video_area {
	margin: 3% 0;
}
#viewing .viewing_info_area .area_main .video_info_box > h3 {
	font-size: 3.8vw;
}
#viewing .viewing_info_area .area_main .video_info_box .video_info_box_sction {
	font-size: 3.2vw;
}

#viewing .viewing_info_area .area_main .video_info_box.vimeo_info_area {
	padding: 2% 3%;
}
#viewing .viewing_info_area .area_main .video_info_box.vimeo_info_area > p {
	font-size: 1.3em;
}


#viewing .contact_area h2 {
	font-size: 5.8vw;
}
#viewing .contact_area p.text {
	font-size: 3.4vw;
}
#viewing .contact_area h3 {
	font-size: 3.8vw;
}
#viewing .contact_area p.note > span {
	font-size: 3.2vw
}
#viewing .contact_area p.note > span > br {
	display: inline;
}


#viewing header h1.in__PlaybackStudio .PlaybackStudio_logo {
	height: 50%;
}
#viewing header h1 .logo.xtech.area__ver {
	height: 60%;
	padding: 0;
}

}





#viewing #wrapper {
	max-width: inherit;
	background-color: #fff;
	position: relative;
}
#viewing #contents {
	max-width: 1000px;
	background-color: #fff;
	/*border-radius: 10px;*/
	margin: 0 auto;
	padding: 30px;
}


#viewing .viewing_info {
	display: flex;
	align-items: center;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
}
#viewing .viewing_info .seminar_id {
	font-size: .8em;
	color: #fff;
	background-color: #e60112;
	background-color: #4a4a4a;
	border-radius: 2em;
	padding: .2em .7em;
}
#viewing.seminer_health .viewing_info .seminar_id {
	background-color: #00863b;
}
#viewing .viewing_info .seminar_date_today {
	margin-left: 1em;
}


#viewing #seminer_player_area {
	width: 100%;
	height: 0;
	background-color: #f4f4f4;
	margin: 0 0 10px 0;
	padding-top: 56.25%;
	position: relative;
}
#viewing #seminer_player_area iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#viewing #seminer_player_area.stop {
	padding-top: 0;
	padding-bottom: 56.25%;
}




#viewing #btn_movie_under {
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
	height: 56px;
	position: relative;
}
#viewing #goto_questionnaire {
	display: flex;
	justify-content: space-between;
	width: 60%;
	position: relative;
	transition: none;
}
#viewing #goto_questionnaire > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 1.7em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	border-radius: 5px;
	/*padding: .8em 0;*/
	position: relative;
	z-index: 10;
	transition: none;
}
#viewing #goto_questionnaire > a+a {
	margin-left: 1%;
}
#viewing #goto_questionnaire > a > span {
	position: relative;
	z-index: 10;
}
#viewing #goto_questionnaire > a > span.icon {
	font-size: .9em;
	margin-right: .5em;
}

#viewing #goto_questionnaire > a::after {
	content: "";
	display: block;
	width: 1.2em;
	height: 1.2em;
	background-color: #f00;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateY(50%) translateX(-50%) rotate(45deg);
	transform: translateY(50%) translateX(-50%) rotate(45deg);
}

#viewing #goto_questionnaire > a,
#viewing #goto_questionnaire > a::after {
	background-color: #fd6900;
}
#viewing #goto_questionnaire > a:hover,
#viewing #goto_questionnaire > a:hover::after {
	background-color: #ffb100;
}

#viewing #goto_questionnaire > a.related_seminar,
#viewing #goto_questionnaire > a.related_seminar::after {
	background-color: #009e90;
}
#viewing #goto_questionnaire > a.related_seminar:hover,
#viewing #goto_questionnaire > a.related_seminar:hover::after {
	background-color: #1ec1b3;
}


#viewing #seminar_pdf_area {
	display: flex;
	justify-content: flex-end;
	width: 39%;
	height: 100%;
	margin-left: 1%;
/*	position: absolute;
	top: 0;
	right: 0;*/
}
#viewing #seminar_pdf_area > span.button {
	display: flex;
	width: 49.5%;
	height: 100%;
}
#viewing #seminar_pdf_area > span.button+span.button {
	margin-left: 1%;
}
#viewing #seminar_pdf_area > span.button > button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #da1e1e;
	border: 1px solid #da1e1e;
	border-radius: 5px;
	outline: none;
	margin: 0;
	/*padding: .8em 0;*/
	transition: all .2s;
}
#viewing #seminar_pdf_area > span.button > button:hover {
	color: #da1e1e;
	background-color: #fff;
}
#viewing #seminar_pdf_area > span.button > button > span.icon {
	margin-right: 5px;
}
#viewing #seminar_pdf_area > span.button > button > span.text > span.pdf_txt {
	font-size: .8em;
}


/* screens smaller than 1000px---------------------------------------------------------- */
@media only screen and (max-width:1000px) {

#viewing #btn_movie_under {
	flex-wrap: wrap;
	height: auto;
}
#viewing #goto_questionnaire,
#seminar_pdf_area {
	width: 100%;
}
#viewing #goto_questionnaire > a {
	font-size: 1.8em;
	padding: .8em 0;
}
#viewing #goto_questionnaire > a+a {
	margin-left: 5px;
}
#viewing #seminar_pdf_area {
	justify-content: center;
	width: 100%;
	margin-left: 0;
	margin-bottom: 5px;
}
#viewing #seminar_pdf_area > span.button+span.button {
	margin-left: 5px;
}
#viewing #seminar_pdf_area > span.button > button {
	font-size: 1.5em;
	padding: .8em 0;
}

}

/* screens smaller than 690px---------------------------------------------------------- */
@media only screen and (max-width:690px) {

#viewing #btn_movie_under {
	justify-content: space-around;
	height: auto;
}
#viewing #btn_movie_under::before {
	display: none;
}
#viewing #goto_questionnaire::after {
	width: 1.5em;
	height: 1.5em;
}
#viewing #goto_questionnaire > a {
	font-size: 3vw;
	padding: .8em 0;
}
#viewing #goto_questionnaire > a:hover,
#viewing #goto_questionnaire > a:hover::after {
	background-color: #fd6900;
}
#viewing #seminar_pdf_area {
	height: 100%;
	padding-left: 0;
	position: static;
}
#viewing #seminar_pdf_area > span.button > button {
	font-size: 3vw;
	padding: .8em 0;
}
#viewing #seminar_pdf_area > span.button > button span.text> span.pdf_txt {
	display: none;
}

}



#viewing .seminer_info_area {
	margin-bottom: 30px;
	padding-top: 10px;
}
#viewing .seminer_info_area h2 {
	margin-bottom: 20px;
	position: relative;
}
#viewing .seminer_info_area h2 > span {
	display: inline-block;
	font-size: 2.4em;
	font-weight: bold;
	color: #131313;
	line-height: 1.2;
	padding: 0 0 5px 5px;
}
#viewing .seminer_info_area h2::before,
#viewing .seminer_info_area h2::after {
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	bottom: 0;
}
#viewing .seminer_info_area h2::before {
	width: 100%;
	background-color: #bfbfbf;
}
#viewing .seminer_info_area h2::after {
	width: 20%;
	background-color: #1f1f1f;
	z-index: 10;
}

#viewing.seminer_health .seminer_info_area h2 > span {
	color: #00973a;
}
#viewing.seminer_health .seminer_info_area h2::before {
	background-color: #abd4a3;
}
#viewing.seminer_health .seminer_info_area h2::after {
	background-color: #03853b;
}


#viewing .seminer_info_area .seminer_info_box+.seminer_info_box {
	margin-top: 20px;
}


#viewing .seminer_info_area .seminar_manual_link {
	font-size: 1.4em;
	background-color: #f7f7f7;
	border-radius: 6px;
	padding: 10px;
}
#viewing .seminer_info_area .seminar_manual_link > p {
	line-height: 1.2;
	word-wrap: break-word;
}


#viewing .seminer_info_area .seminar_contact_area {
	font-size: 1.2em;
	background-color: #f4f4f4;
	border-radius: 6px;
	padding: 15px 20px;
}
#viewing.seminer_health .seminer_info_area .seminar_contact_area {
	background-color: #e7f7ec;
}
#viewing .seminer_info_area .seminar_contact_area > .title01 {
	font-weight: bold;
}
#viewing .seminer_info_area .seminar_contact_area > .title02 {
	font-size: 1.2em;
	font-weight: bold;
}
#viewing .seminer_info_area .seminar_contact_area > .link {
	font-size: 1.2em;
	font-weight: bold;
	padding: .5em 0;
}
#viewing .seminer_info_area .seminar_contact_area > .note > span {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	background-color: #0046b1;
	padding: .3em .6em;
}
#viewing.seminer_health .seminer_info_area .seminar_contact_area > .note > span {
	background-color: #03853b;
}


/*#viewing .seminer_info_area .seminar_pdf_area > span {
	display: flex;
	justify-content: center;
}
#viewing .seminer_info_area .seminar_pdf_area > span.title {
	font-size: 1.4em;
	font-weight: bold;
}
#viewing .seminer_info_area .seminar_pdf_area > span.button > button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #da1e1e;
	border: 1px solid #da1e1e;
	border-radius: 5px;
	outline: none;
	margin: 0;
	padding: .6em 1.5em;
	transition: all .2s;
}
#viewing .seminer_info_area .seminar_pdf_area > span.button > button:hover {
	color: #da1e1e;
	background-color: #fff;
}
#viewing .seminer_info_area .seminar_pdf_area > span.button > button > span.icon {
	margin-right: 5px;
}
#viewing .seminer_info_area .seminar_pdf_area > span.button > button > span.text > span {
	font-size: .8em;
}*/


#viewing .seminer_info_area ul.type_disc {
	list-style: outside disc;
	padding-left: 2em;
}
#viewing .seminer_info_area ul.type_disc li {
	font-size: 1.4em;
}
#viewing .seminer_info_area ul.type_disc li+li {
	margin-top: 1em;
}


/* seminer_questionnaire_area */
/*------------------------------------------------------------------------------*/
#viewing #seminer_questionnaire_area {
	background-color: #f5fafd;
	background-color: #fff;
	border-top: 2px solid #1f1f1f;
	padding: 15px 15px 30px 15px;
}
#viewing.seminer_health #seminer_questionnaire_area {
	border-top: 2px solid #06843c;
}
#viewing #seminer_questionnaire_area.non_top_border {
	border-top: none;
}
#viewing #seminer_questionnaire_area > h2 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}

#viewing #seminer_questionnaire_area > p.questionnaire_text {
	font-size: 1.4em;
	background-color: #f2f2f2;
	border-radius: .5em;
	margin-bottom: 10px;
	padding: 1em;
}

#viewing #seminer_questionnaire_area .Q_box {
	border-left: 3px solid #1f1f1f;
	padding: 5px 0 5px 10px;
}
#viewing.seminer_health #seminer_questionnaire_area .Q_box {
	border-left: 3px solid #06843c;
}
#viewing #seminer_questionnaire_area .Q_box+.Q_box {
	margin-top: 15px;
}
#viewing #seminer_questionnaire_area .Q_box > h3 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 8px;
}
#viewing #seminer_questionnaire_area .Q_box > .inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#viewing #seminer_questionnaire_area .Q_box > .inner label {
	display: flex;
	align-items: center;
	line-height: 1;
	margin-right: 20px;
}
#viewing #seminer_questionnaire_area .Q_box > .inner label > span {
	display: flex;
	align-items: center;
	font-size: 1.5em;
	line-height: 1.2;
}
#viewing #seminer_questionnaire_area .Q_box > .inner label > span.text {
	margin-left: .3em;
}
#viewing #seminer_questionnaire_area .Q_box > .inner > textarea {
	width: 100%;
	font-size: 1.5em;
	line-height: 1.2;
	padding: .5em;
}

#viewing #seminer_questionnaire_area .btn_submit_area {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
#viewing #seminer_questionnaire_area.non_top_border .btn_submit_area {
	margin-top: 0;
}
#viewing #seminer_questionnaire_area .btn_submit_area > input {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
#viewing #seminer_questionnaire_area .btn_submit_area > input {
	font-size: 1.8em;
	color: #fff;
	line-height: 1;
	background-color: #d04948;
	margin: 0;
	padding: .8em 3em;
	margin: 0 5px;
}
#viewing.seminer_health #seminer_questionnaire_area .btn_submit_area > input {
	background-color: #06843c;
}

#viewing #seminer_questionnaire_area .btn_submit_area > input.close {
	background-color: #3a3a3a;
}



/* screens smaller than 1000px---------------------------------------------------------- */
@media only screen and (max-width:1000px) {

#viewing .seminer_info_area h2 > span {
	font-size: 2em;
}

}



/* screens smaller than 690px---------------------------------------------------------- */
@media only screen and (max-width:690px) {

#viewing #contents {
	border-radius: 6px;
	padding: 2% 2% 6% 2%;
}


#viewing .viewing_info {
	font-size: 4.8vw;
	margin-bottom: 2%;
}
#viewing .viewing_info .seminar_date_today {
	margin-left: .6em;
}


#viewing .seminer_info_area h2 {
	margin-bottom: 3%;
}
#viewing .seminer_info_area h2 > span {
	font-size: 4.6vw;
}
#viewing .seminer_info_area h2::after {
	width: 30%;
}


#viewing .seminer_info_area .seminer_info_box+.seminer_info_box {
	margin-top: 6%;
}


#viewing .seminer_info_area .seminar_manual_link {
	font-size: 3.2vw;
	padding: .5em;
}


#viewing .seminer_info_area .seminar_contact_area {
	font-size: 3.4vw;
	padding: 3% 2%;
}


#viewing .seminer_info_area .seminar_pdf_area > span.title {
	font-size: 3.6vw;
}
#viewing .seminer_info_area .seminar_pdf_area > span.button > button {
	justify-content: center;
	width: 80%;
	font-size: 4vw;
}
#viewing .seminer_info_area .seminar_pdf_area > span.button > button:hover {
	color: #da1e1e;
	background-color: #fff;
}


#viewing .seminer_info_area ul.type_disc li {
	font-size: 3.2vw;
}


/* seminer_questionnaire_area */
/*------------------------------------------------------------------------------*/
#viewing #seminer_questionnaire_area {
	padding: 3% 0 6% 0;
}
#viewing #seminer_questionnaire_area > h2 {
	font-size: 4.2vw;
	margin-bottom: 3%;
}
#viewing #seminer_questionnaire_area .Q_box {
	border-width: 2px!important;
	padding: 1% 3%;
}
#viewing #seminer_questionnaire_area .Q_box+.Q_box {
	margin-top: 4%;
}
#viewing #seminer_questionnaire_area .Q_box > h3 {
	font-size: 4vw;
	margin-bottom: 2%;
}
#viewing #seminer_questionnaire_area .Q_box > .inner label {
	margin-right: 1.5em;
}
#viewing #seminer_questionnaire_area .Q_box > .inner label > span {
	font-size: 3.8vw;
}
#viewing #seminer_questionnaire_area .Q_box > .inner label > span.text {
	margin-left: .2em;
}
#viewing #seminer_questionnaire_area .Q_box > .inner > textarea {
	font-size: 3.4vw;
}

#viewing #seminer_questionnaire_area .btn_submit_area {
	margin-top: 6%;
}
#viewing #seminer_questionnaire_area .btn_submit_area > input {
	font-size: 3.2vw;
}

#viewing #seminer_questionnaire_area > p.questionnaire_text {
	font-size: 3.2vw;
	margin-bottom: 3%;
	padding: 2%;
}

}


/* related_seminar_area */
/*------------------------------------------------------------------------------*/
#viewing #related_seminar_area {
	background-color: #f5fafd;
	background-color: #fff;
	border-top: 2px solid #1f1f1f;
	padding: 15px 15px 30px 15px;
}
#viewing #related_seminar_area.non_top_border {
	border-top: none;
}
#viewing #related_seminar_area > h2 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
#viewing #related_seminar_area ul {
	display: flex;
	flex-wrap: wrap;
}
#viewing #related_seminar_area ul li {
	width: 32%;
	margin-right: 2%;
	background-color: #ccc;
}
#viewing #related_seminar_area ul li:nth-of-type(3n) {
	margin-right: 0;
}
#viewing #related_seminar_area ul li:nth-of-type(n+4) {
	margin-top: 2%;
}
#viewing #related_seminar_area ul li > a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-color: #bbb;
	border: 1px solid #dcdcdc;
}
#viewing #related_seminar_area ul li > a img {
	width: 100%;
	height: auto;
	transition: all .2s;
}
#viewing #related_seminar_area ul li > a:hover img {
	opacity: .8;
}


/* screens smaller than 768px---------------------------------------------------------- */
@media only screen and (max-width:768px) {

/* related_seminar_area */
/*------------------------------------------------------------------------------*/
#viewing #related_seminar_area ul {
	justify-content: space-between;
}
#viewing #related_seminar_area ul li {
	width: 49%;
	margin-right: 0;
}
#viewing #related_seminar_area ul li:nth-of-type(3n) {
	margin-right: 0;
}
#viewing #related_seminar_area ul li:nth-of-type(n+3) {
	margin-top: 2%;
}

}


/* screens smaller than 690px---------------------------------------------------------- */
@media only screen and (max-width:690px) {

#viewing #related_seminar_area {
	padding: 3% 0 6% 0;
}
#viewing #related_seminar_area > h2 {
	font-size: 4.2vw;
	margin-bottom: 3%;
}
#viewing #related_seminar_area ul li > a:hover img {
	opacity: 1;
}

}





/* 20210219 add */
#viewing #related_booth {
	background-color: #f5fafd;
	background-color: #fff;
	border-top: 2px solid #1f1f1f;
	padding: 15px 15px 30px 15px;
}
#viewing #related_booth > h2 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
#viewing #related_booth .area_main {
	padding: 10px;
}
#viewing #related_booth .area_main a {
	display: inline-flex;
	align-items: center;
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #004fb1;
	border-bottom: 3px solid #003b86;
	border-radius: .2em;
	padding: .5em 1.5em;
}
#viewing #related_booth .area_main a .icon {
	font-size: .8em;
	margin-left: .3em;
}
#viewing #related_booth .area_main a:hover {
	background-color: #149bc3;
	border-bottom: 3px solid #2797a5;
}



/* screens smaller than 690px---------------------------------------------------------- */
@media only screen and (max-width:690px) {

#viewing #related_booth {
	padding: 3% 0 6% 0;
}
#viewing #related_booth > h2 {
	font-size: 4.2vw;
	margin-bottom: 3%;
}
#viewing #related_booth .area_main {
	padding: 4%;
}
#viewing #related_booth .area_main a {
	display: flex;
	width: 80%;
	font-size: 4.4vw;
	justify-content: center;
	margin: 0 auto;
	padding: .8em 1.5em;
}

}





/* 20210311 add */
#viewing #goto_questionnaire > a.next_url, #viewing #goto_questionnaire > a.next_url::after {
	background-color: #00af76;
}
#viewing #goto_questionnaire > a.next_url:hover, #viewing #goto_questionnaire > a.next_url:hover::after {
	background-color: #1dc38d;
}
#viewing #next_url_area {
	background-color: #f5fafd;
	background-color: #fff;
	border-top: 2px solid #1f1f1f;
	padding: 15px 15px 30px 15px;
}
#viewing #next_url_area .area_main {
	display: flex;
	justify-content: center;
	padding: 10px;
}
#viewing #next_url_area .area_main a {
	display: inline-flex;
	align-items: center;
	font-size: 2.4em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #00af76;
	border-bottom: 3px solid #11ab78;
	border-radius: .2em;
	padding: 1em 3em;
}
#viewing #next_url_area .area_main a .icon {
	font-size: .8em;
	margin-left: .3em;
}
#viewing #next_url_area .area_main a:hover {
	background-color: #1dc38d;
	border-bottom: 3px solid #13bb84;
}

/* screens smaller than 690px---------------------------------------------------------- */
@media only screen and (max-width:690px) {

#viewing #next_url_area .area_main a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 4.2vw;
	margin: 0 auto;
	padding: 1.5em 0;
}
#viewing #next_url_area .area_main a:hover {
	background-color: #00af76;
	border-bottom: 3px solid #11ab78;
}

}





/* 20211005 アンケート・ダウンロードエリア サイドバージョン */
.viewing__contents__area {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
}
.viewing__contents__area .viewing__contents__main #seminer_player_area {
	margin: 0!important;
}


#viewing #seminer_document_area {
	background-color: #f5fafd;
	background-color: #fff;
	border-top: 2px solid #1f1f1f;
	padding: 15px 15px 30px 15px;
}

#viewing #seminer_document_area .section h2 {
	display: flex;
	align-items: center;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
#viewing #seminer_document_area .section h2::before {
	content: "";
	width: .8em;
	height: .8em;
	background-color: #424242;
	margin-right: 5px;
}
#viewing #seminer_document_area .section+.section {
	margin-top: 20px;
}
#viewing #seminer_document_area .btn_download {
	display: flex;
	justify-content: center;
}
#viewing #seminer_document_area .btn_download button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	cursor: pointer;
	background-color: #da1e1e;
	border: 1px solid #da1e1e;
	border-radius: 4px;
	outline: none;
	margin: 0;
	padding: .8em 0;
	transition: all .2s;
}
#viewing #seminer_document_area .btn_download button:hover {
	color: #da1e1e;
	background-color: #fff;
}
#viewing #seminer_document_area .btn_download button+button {
	margin-left: 2%;
}
#viewing #seminer_document_area .btn_download button > span.icon {
	margin-right: 5px;
}
#viewing #seminer_document_area .btn_download button > span.text {
	display: flex;
	align-items: baseline;
}
#viewing #seminer_document_area .btn_download button > span.text > span.pdf_txt {
	font-size: .8em;
}

#viewing #seminer_document_area .btn_seminar {
	display: flex;
	justify-content: center;
}
#viewing #seminer_document_area .btn_seminar a {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: calc(100% / 3);
	font-size: 1.2em;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #424242;
	border-radius: 4px;
	overflow: hidden;
}
#viewing #seminer_document_area .btn_seminar a:hover {
	background-color: #cbf1ff;
}
#viewing #seminer_document_area .btn_seminar a+a {
	margin-left: 2%;
}
#viewing #seminer_document_area .btn_seminar a > span {
	width: 100%;
}
#viewing #seminer_document_area .btn_seminar a .block_main span.num {
	display: block;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-color: #424242;
	padding: 3px 5px;
}
#viewing #seminer_document_area .btn_seminar a .block_main span.title {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
	padding: 10px 5px;
}
#viewing #seminer_document_area .btn_seminar a span.company {
	font-size: .9em;
	font-weight: bold;
	color: #3e3e3e;
	line-height: 1.4;
	text-align: right;
	padding: 0 5px 5px 5px;
}

/*#viewing #seminer_document_area .section_chat {
	margin-top: 40px!important;
}*/
#viewing #seminer_document_area .section_chat .btn_chat_area {
	display: flex;
	justify-content: center;
}
#viewing #seminer_document_area .section_chat .btn_chat_area form {
	width: 100%;
}
#viewing #seminer_document_area .section_chat .btn_chat_area input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	cursor: pointer;
	background-color: #1e7bda;
	border: 1px solid #1e7bda;
	border-radius: 4px;
	outline: none;
	margin: 0;
	padding: 1em 2em;
	transition: all .2s;
}
#viewing #seminer_document_area .section_chat .btn_chat_area input[type="submit"]:hover {
	color: #1e7bda;
	background-color: #fff;
	border: 1px solid #1e7bda;
}
#viewing #seminer_document_area .section_chat .note_area {
	font-size: .7em;
	background-color: #f2f2f2;
	margin-top: 5px;
	padding: 5px;
}
#viewing #seminer_document_area .section_chat .note_area p+p {
	line-height: 1.4;
	margin-top: 5px 10px;
}


.booth_induction {
	display: flex;
	/*margin-top: 10px;*/
}
.booth_induction a {
	display: flex;
	justify-content: center;
	align-items: baseline;
	width: 100%;
	font-size: 2.4em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #1e93bf;
	border-radius: 6px;
	padding: .6em 0;
}
.booth_induction a:hover {
	background-color: #1ebfb7;
}
.booth_induction a .icon {
	font-size: .9em;
	margin-left: 5px;
}



/* screens smaller than 1280px---------------------------------------------------------- */
@media only screen and (min-width:1280px) {

.viewing__contents__area .viewing__contents__main {
	width: 940px;
}
.viewing__contents__area .viewing__contents__main #seminer_player_area {
	margin: 0 0 10px 0!important;
}
.viewing__contents__area .viewing__contents__side {
	width: calc((100% - 940px) / 2);
	position: relative;
}

.type_booth .viewing__contents__area .viewing__contents__main {
	width: 940px!important;
}
.type_booth .viewing__contents__area .viewing__contents__side {
	display: none;
}

#viewing:not(.type_booth) #seminer_questionnaire_area,
#viewing:not(.type_booth) #seminer_document_area {
	width: calc(100% - 30px);
	height: 100%;
	position: absolute;
	top: 0;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
}
#viewing:not(.type_booth) #seminer_questionnaire_area {
	left: 0;
}
#viewing:not(.type_booth) #seminer_document_area {
	right: 0;
}


#viewing:not(.type_booth) #seminer_questionnaire_area,
#viewing:not(.type_booth) #seminer_document_area {
	font-size: .9em;
	padding: 10px;
}


#viewing:not(.type_booth) #seminer_questionnaire_area .Q_box+.Q_box {
	margin-top: 10px;
}
#viewing:not(.type_booth) #seminer_questionnaire_area .btn_submit_area {
	margin-top: 10px;
}
#viewing:not(.type_booth) #seminer_questionnaire_area .btn_submit_area > input {
	width: 40%;
	font-size: 1.3em;
	padding: .8em 0;
	margin: 0;
}
#viewing:not(.type_booth) #seminer_questionnaire_area .btn_submit_area > input+input {
	margin-left: 2%;
}


#viewing:not(.type_booth) #seminer_document_area .section h2 {
	margin-bottom: 5px;
}
#viewing:not(.type_booth) #seminer_document_area .section+.section {
	margin-top: 10px;
}
#viewing:not(.type_booth) #seminer_document_area .btn_download button {
	font-size: 1.4em;
}

#viewing:not(.type_booth) #seminer_document_area .btn_seminar {
	display: block;
}
#viewing:not(.type_booth) #seminer_document_area .btn_seminar a {
	width: 100%;
}
#viewing:not(.type_booth) #seminer_document_area .btn_seminar a+a {
	margin-left: 0;
	margin-top: 2%;
}

#viewing:not(.type_booth) #seminer_document_area .section_chat {
	/*margin-top: 15px!important;*/
}
#viewing:not(.type_booth) #seminer_document_area .section_chat input[type="submit"] {
	/*font-size: 1.6em;*/
}



/* ブース対応 */
#viewing.type_booth #seminer_questionnaire_area,
#viewing.type_booth #seminer_document_area {
	width: 100%;
	font-size: 1em;
	padding: 15px 15px 30px 15px;
	position: static;
}

#viewing.type_booth #seminer_document_area .section h2 {
	border-bottom: 1px solid #999;
	padding-bottom: 3px;
}

#viewing.type_booth #seminer_document_area .btn_seminar a > span.title {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
	padding: 5px;
}

#viewing.type_booth #seminer_document_area .btn_download button {
	width: 70%;
}
#viewing.type_booth #seminer_document_area .section_chat .btn_chat_area form {
	width: 70%;
}
#viewing.type_booth #seminer_document_area .section_chat .btn_chat_area input[type="submit"] {
	width: 100%;
}
#viewing.type_booth #seminer_document_area .section_chat .note_area {
	font-size: .7em;
	background-color: #f2f2f2;
	margin-top: 10px;
	padding: 10px;
}



}



/* screens smaller than 1800px---------------------------------------------------------- */
@media only screen and (max-width:1800px) {

#viewing:not(.type_booth) #seminer_questionnaire_area,
#viewing:not(.type_booth) #seminer_document_area {
	width: calc(100% - 20px);
}

}

/* screens smaller than 1600px---------------------------------------------------------- */
@media only screen and (max-width:1600px) {

.viewing__contents__area .viewing__contents__main {
	width: 800px;
}
.viewing__contents__area .viewing__contents__side {
	width: calc((100% - 800px) / 2);
}
#viewing:not(.type_booth) #seminer_questionnaire_area,
#viewing:not(.type_booth) #seminer_document_area {
	width: calc(100% - 10px);
}

#viewing:not(.type_booth) #seminer_document_area .btn_seminar a .block_main span.title {
	font-size: 1em;
	padding: 5px;
}

}

/* screens smaller than 1440px---------------------------------------------------------- */
@media only screen and (max-width:1440px) {

.viewing__contents__area .viewing__contents__main {
	width: 700px;
}
.viewing__contents__area .viewing__contents__side {
	width: calc((100% - 700px) / 2);
}

#viewing:not(.type_booth) #seminer_questionnaire_area,
#viewing:not(.type_booth) #seminer_document_area {
	font-size: .8em;
}
#viewing:not(.type_booth) #seminer_document_area .btn_seminar a > span.title {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
	padding: 5px;
}

}

/* screens smaller than 1366px---------------------------------------------------------- */
@media only screen and (max-width:1366px) {

#viewing:not(.type_booth) #seminer_document_area .btn_seminar a > span.title {
	font-size: 1em;
	padding: 3px;
}

}

/* screens smaller than 1279px---------------------------------------------------------- */
@media only screen and (max-width:1279px) {

.viewing__contents__area {
	max-width: 1000px;
}
.viewing__contents__area .viewing__contents__main {
	width: 100%;
	padding: 0 30px;
}
.viewing__contents__area .viewing__contents__main #seminer_player_area {
	margin: 0 0 10px 0!important;
}
.viewing__contents__area .viewing__contents__side {
	display: none;
}

#viewing #seminer_questionnaire_area,
#viewing #seminer_document_area {
	width: 100%!important;
	font-size: 1em!important;
}

#viewing #seminer_document_area .section h2 {
	border-bottom: 1px solid #999;
	padding-bottom: 3px;
}

#viewing #seminer_document_area .btn_seminar a > span.title {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
	padding: 5px;
}

#viewing #seminer_document_area .btn_download button {
	width: 70%;
}
#viewing #seminer_document_area .section_chat .btn_chat_area form {
	width: 70%;
}
#viewing #seminer_document_area .section_chat .btn_chat_area input[type="submit"] {
	width: 100%;
}
#viewing #seminer_document_area .section_chat .note_area {
	font-size: .7em;
	background-color: #f2f2f2;
	margin-top: 10px;
	padding: 10px;
}

#viewing:not(.type_booth) #seminer_document_area .btn_seminar a .block_main span.title {
	font-size: 1.1em;
	padding: 10px 5px;
}

}

/* screens smaller than 690px---------------------------------------------------------- */
@media only screen and (max-width:690px) {

.viewing__contents__area {
	padding-top: 2%;
}
.viewing__contents__area .viewing__contents__main {
	padding: 0 2%;
}
.viewing__contents__area .viewing__contents__main #seminer_player_area {
	margin: 0 0 2% 0!important;
}

.booth_induction {
	/*margin-top: 2%;*/
}
.booth_induction a {
	font-size: 5vw;
}

#viewing #seminer_questionnaire_area,
#viewing #seminer_document_area {
	width: 100%;
}
#viewing #seminer_document_area {
	padding: 6% 2%;
}
#viewing #seminer_document_area .section+.section {
	margin-top: 4%;
}
#viewing #seminer_document_area .btn_seminar {
	display: block;
}
#viewing #seminer_document_area .btn_seminar a {
	width: 100%;
	font-size: 3vw;
}
#viewing #seminer_document_area .btn_seminar a+a {
	margin-left: 0;
	margin-top: 2%;
}
#viewing #seminer_document_area .section_chat {
	/*margin-top: 6%!important;*/
}

}





.section_page_close {
	display: flex;
	justify-content: center;
	width: 100%;
	border-top: 1px dashed #ccc;
	padding-top: 30px;
}
/*.section_page_close form {
	display: flex;
	justify-content: center;
	width: 100%;
}*/
.section_page_close input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40%;
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	cursor: pointer;
	background-color: #070125;
	border: 1px solid #070125;
	border-radius: 4px;
	outline: none;
	margin: 0;
	padding: .8em 0;
	transition: all .2s;
}

/* screens smaller than 1000px---------------------------------------------------------- */
@media only screen and (max-width:1000px) {

.section_page_close input {
	width: 60%;
}

}
/* screens smaller than 690px---------------------------------------------------------- */
@media only screen and (max-width:690px) {

.section_page_close {
	padding-top: 6%;
}
.section_page_close input {
	font-size: 4vw;
}

}





#viewing .exhibition__booth__link {
	margin: 10px 0;
}
#viewing .exhibition__booth__link a {
	display: block;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	background-color: #070125;
	border-radius: 5px;
	padding: 15px 0 20px;
}
#viewing .exhibition__booth__link a:hover {
	background-color: #0094b3;
}
#viewing .exhibition__booth__link a > .text__main {
	display: flex;
	justify-content: center;
	align-items: center;
}
#viewing .exhibition__booth__link a > .text__main .text {
	display: flex;
	font-size: 2.4em;
	align-items: flex-end;
	background: url(../images/icon_exhibition.png) no-repeat center left;
	background-size: contain;
	padding: .9em 0 .3em 2.5em;
}
#viewing .exhibition__booth__link a > .text__sub {
	display: block;
	font-size: 2em;
	text-align: center;
	margin-top: 10px;
}