@charset "UTF-8";


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


.pc {
	display: none;
}
.sp {
	display: block;
}





/* mainvisual___area */
/*------------------------------------------------------------------------------*/
#mainvisual___area {
	width: 100%;
	height: auto;
	/*background: url(../images/mainvisual_area_bg_sp.jpg) no-repeat top center;*/
	background-size: cover;
}
#mainvisual___area .inner {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
}
#mainvisual___area .catch_area {
	width: 100%;
	height: 100%;
	padding-top: 51.25%;
	background-size: contain;
	position: relative;
}
/*#mainvisual___area .catch_area img {
	width: 100%;
	height: auto;
}
#mainvisual___area .catch_area .catch01 {
	width: 65%;
	top: 6%;
}
#mainvisual___area .catch_area .catch02 {
	width: 80%;
	bottom: 3%;
}*/
#mainvisual___area .banner_area {
	display: none;
}


#onlineTitle_area {
	display: block;
	padding: 6% 3% 0 3%;
}
#onlineTitle_area > span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
/*	font-size: 6.4vw;
	font-weight: bold;
	color: #021e80;
	line-height: 1.4;*/
	text-indent: -9999px;
	background: url(../images/online_title_bg_en_rev02.png) no-repeat center center;
	background-size: cover;
	/*border: 2px solid #023d96;*/
	/*padding: 6% 0;*/
	padding-top: 29.41%;
	outline: none;
	overflow: hidden;
}





/* top__main__section01 */
/*------------------------------------------------------------------------------*/





/* top__topics__area */
/*------------------------------------------------------------------------------*/
#top__topics__area .inner {
	width: 100%;
	padding: 8% 3%;
}
#top__topics__area .inner h2 {
	margin-bottom: 1.5em;
}
#top__topics__area .inner h2 > span {
	font-size: 6vw;
}
#top__topics__area .inner ul {
	display: block;
	width: 100%;
}
#top__topics__area .inner ul li {
	display: block;
	font-size: 3.6vw;
	text-align: left;
}
#top__topics__area .inner ul li+li {
	margin-top: 1em;
}
#top__topics__area .inner ul li > span {
	display: block;
}
#top__topics__area .inner ul li > span.date {
	width: 100%;
	font-weight: bold;
	white-space: nowrap;
}
#top__topics__area .inner ul li > span.text {
	width: 100%;
}





/* support */
/*------------------------------------------------------------------------------*/
/* support_section01 */
#support .support_section01 .section_main {
	display: block;
}
#support .support_section01 .section_main .text_box {
	width: 100%;
	padding-right: 0;
	padding-bottom: 1em;
}
#support .support_section01 .section_main .text_box > p {
	font-size: 3.4vw;
}
#support .support_section01 .section_main .img_box {
	width: 100%;
	text-align: center;
}
#support .support_section01 .section_main .img_box > img {
	width: 80%;
}


/* support_section02 */
#support .support_section02 table {
	width: 100%;
}
#support .support_section02 table th,
#support .support_section02 table td {
	width: auto;
	font-size: 1.1em;
}


#support .btn_box {
	padding-top: 6%;
}
#support .btn_box a {
	width: 95%;
	font-size: 3.8vw;
	padding: 0.8em 0;
}
#support .btn_box.down_pdf a:hover {
	color: #fff;
	background-color: #0A3FD4;
	border: 2px solid #0A3FD4;
}
#support .btn_box.down_excel a:hover {
	color: #fff;
	background-color: #0A3FD4;
	border: 2px solid #0A3FD4;
}


#support .limit > span {
	font-size: 5vw;
}


#support .support_section03 .contact_area {
	display: block;
	margin-top: 6%;
	padding: 5px;
}
#support .support_section03 .contact_area > div {
	display: block;
	padding: 3%;
}
#support .support_section03 .contact_area h2 {
	margin-bottom: 1%;
}
#support .support_section03 .contact_area h2 span {
	display: inline-block;
	font-size: 4vw;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	background-color: #03599e;
	border-radius: 1em;
	padding: .3em 1em;
}

#support .support_section03 .contact_area > div {
	font-size: 4vw;
}
#support .support_section03 .contact_area > div.entry > .inner {
	display: block;
	width: 100%;
}
#support .support_section03 .contact_area > div.entry > .inner > div {
	display: block;
	padding: 2% 0;
}
#support .support_section03 .contact_area > div.entry > .inner > div.fax {
	border-left: none;
}

#support .support_section03 .contact_area > div.tel {
	width: 100%;
	border-left: none;
}
#support .support_section03 .contact_area > div.tel li.num {
	font-size: 8vw;
}
#support .support_section03 .contact_area > div.tel li.num i {
	font-size: .8em;
}

#support .support_section03 .contact_area h3 {
	font-size: 3.6vw;
	font-weight: bold;
	color: #0A3FD4;
	line-height: 1.2;
	text-align: center;
}





/* outline */
/*------------------------------------------------------------------------------*/
/* outline_section01 */
#outline .outline_section01 {
	border: 2px solid #3fc7f8;
	padding: 3%;
}
#outline .outline_section01 p {
	font-size: 3.6vw;
	line-height: 1.8;
}


/* outline_section02 */
#outline .outline_section02 .table_type01 th,
#outline .outline_section02 .table_type01 td {
	display: block;
	width: 100%;
	font-size: 3.6vw;
}
#outline .outline_section02 .table_type01 th {
	width: 100%;
	font-size: 4vw;
}

#outline .outline_section02 .table_type01 .name_box .jp {
	font-size: 5vw;
}
#outline .outline_section02 .table_type01 .name_box .en {
	font-size: 4vw;
}

#outline .outline_section02 .table_type01 .sponsor_box .member h2 {
	font-weight: bold;
	margin-bottom: .5em;
}
#outline .outline_section02 .table_type01 .sponsor_box .member ul {
	display: block;
}
#outline .outline_section02 .table_type01 .sponsor_box .member li {
	display: block;
	white-space: normal;
	padding: .5em 1em .5em .7em;
}
#outline .outline_section02 .table_type01 .sponsor_box .member li:before {
	top: 1em;
	left: 0;
	-webkit-transform: translateY(0%) translateX(0%);
	transform: translateY(0%) translateX(0%);
}





/* archive */
/*------------------------------------------------------------------------------*/
#archive .archive_section01 ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#archive .archive_section01 ul li {
	width: 50%;
	text-align: center;
	padding: 0 2%;
}
#archive .archive_section01 ul li:nth-of-type(n+3) {
	margin-top: 6%;
}
#archive .archive_section01 ul li a:hover {
	opacity: 1;
}
#archive .archive_section01 ul li a img {
	width: 100%;
	height: auto;
}





/* access */
/*------------------------------------------------------------------------------*/
/* access_section01 */
#access .access_section01 .section_main {
	display: block;
}
#access .access_section01 .section_main .textBox {
	width: 100%;
	margin-bottom: 3%;
}
#access .access_section01 .section_main .textBox .linkText {
	font-size: 4.6vw;
}
#access .access_section01 .section_main .textBox .address {
	font-size: 3.6vw;
	margin: 0;
	padding: 3%;
}
#access .access_section01 .section_main .textBox .address > .btn__map:hover {
	background-color: #007bc2;
}
#access .access_section01 .section_main .imgBox {
	width: 100%;
	text-align: center;
}
#access .access_section01 .section_main .imgBox img {
	width: 80%;
	height: auto;
}


/* access_section02 */
#access .access_section02 .section_main .imgBox {
	margin-bottom: 6%;
}
#access .access_section02 .section_main .textBox {
	text-align: center;
}
#access .access_section02 .section_main .textBox ul {
	padding: 3%;
}
#access .access_section02 .section_main .textBox ul li {
	font-size: 3.4vw;
	line-height: 1.4;
	text-align: left;
}

#access .access_section02 .section_main+.section_main {
	margin-top: 6%;
}
#access .access_section02 .section_main .inner {
	font-size: 3.6vw;
	padding: 0 .5em;
}
#access .access_section02 .section_main .inner li {
	padding-left: .8em;
}
#access .access_section02 .section_main .inner li:before {
	width: .4em;
	height: .4em;
}
#access .access_section02 .section_main .inner .circle__red {
	font-size: .9em;
}


/* company */
/*------------------------------------------------------------------------------*/
#company__cate__area {
	margin-bottom: 20%;
}
.company__cate__box+.company__cate__box {
	margin-top: 10%;
}
.company__cate__title {
	margin-bottom: 3%;
}
.company__cate__title > a {
	font-size: 4vw;
	background: url(../images/icon01.png) no-repeat .5em 50% #03599e;
	background-size: 1.2em;
	border-radius: .2em;
	padding: .5em .5em .5em 2.2em;
}
.company__cate__title > a:hover {
	background-color: #03599e;
}
.company__cate__title > a > span.pageDown {
	font-size: .6em;
}

.company__cate__sub__title {
	font-size: 3.6vw;
}

.company__name__list {
	justify-content: space-between;
	width: 100%;
}
.company__name__list > li {
	width: 50%;
	margin-right: 0;
}

.company__name__list > li:nth-of-type(3n) {
	margin-right: 0;
}
.company__name__list > li:nth-of-type(n+3) {
	margin-top: 5%;
}
.company__name__list > li > a {
	height: 40px;
	line-height: 1.1;
	padding: 5px;
}
.company__name__list > li > a > span.num {
	width: 30px;
	font-size: 1.1em;
}
.company__name__list > li > a > span.text {
	font-size: 2.8vw;
	padding-left: .3em;
}
.company__name__list > li > a:hover {
	background-color: #fff;
}


#company__detail__area .section_title {
	font-size: 4.4vw;
	background: url(../images/icon01.png) no-repeat .5em 50% #03599e;
	background-size: 1.2em;
	/*border-bottom: 5px solid #037590;*/
	border-radius: .3em;
	padding: .6em 0 .6em 2em;
	margin-bottom: 4%;
}

.company__detail__section+.company__detail__section {
	margin-top: 10%;
}

.company__detail__box {
	border: 1px solid #037590;
}
.company__detail__box+.company__detail__box {
	margin-top: 4%;
}
.company__detail__box .titleArea {
	border-bottom: 1px solid #037590;
}
.company__detail__box .titleArea > div.num {
	width: 15%;
	font-size: 3.6vw;
}
.company__detail__box .titleArea > div.num.type02 {
	width: 30%;
}
.company__detail__box .titleArea > div.text {
	flex-wrap: wrap;
	font-size: 3.6vw;
	padding: .5em;
}
.company__detail__box .titleArea > div.text a {
	margin-right: .2em;
}
.company__detail__box .titleArea > div.text a+i {
	margin-left: .2em;
}
.company__detail__box .company__detail__main {
	display: block;
	width: 100%;
	padding: 3% 2%;
}
.company__detail__box .company__detail__main > div {
	display: block;
}
.company__detail__box .company__detail__main > div.text {
	width: 100%;
	margin-bottom: 3%;
	padding-right: 0;
}
.company__detail__box .company__detail__main > div.text .pr {
	font-size: 3.2vw;
}
.company__detail__box .company__detail__main > div.text .pr+.pr {
	margin-top: 3%;
}
.company__detail__box .company__detail__main > div.text .pr > h3 {
	margin-bottom: 1.5%;
}
.company__detail__box .company__detail__main > div.text .pr > p {
	font-size: 3.2vw;
}
.company__detail__box .company__detail__main > div.img {
	width: 70%;
	margin: 0 auto;
}
.company__detail__box .company__detail__main > div.img a:hover {
	opacity: 1;
}


#btnCategoryTop {
	padding-top: 10%;
}
#btnCategoryTop a {
	width: 80%;
	font-size: 4vw;
}
#btnCategoryTop a:hover {
	background-color: #EE7B22;
}



.pr_layout_horizontal {
	display: block;
}
.pr_box+.pr_box {
	margin-top: 3%;
}
.pr_layout_horizontal .pr_box+.pr_box {
	margin-top: 3%;
	margin-left: 0;
}
.pr_box .pr_box_main .inner {
	display: block;
	padding: 2%;
}
.pr_box .pr_box_main .inner {
	padding: 0 1em;
}





/* event */
/*------------------------------------------------------------------------------*/
#event .section {
	margin-top: 8%;
}
#event .event_title_area {
	border-bottom: 2px solid #e44a97;
	margin-top: 6%;
	padding: 0 1% .5em 1%;
}
#event .event_title_area h1 {
	font-size: 5vw;
}
#event .event_title_area p {
	font-size: 4vw;
	padding-top: .3em;
}
#event .event_title_area span.img_box {
	display: none;
}
#event .event_title_area span.img_box:after {
	display: none;
}

#event .event_section .section_catch {
	font-size: 3.4vw;
}
#event .event_section .event_detail_area {
	display: block;
	width: 100%;
}
#event .event_section .event_detail_box {
	width: 100%;
	font-size: 3.4vw;
	padding-bottom: 0;
}
#event .event_section .event_detail_box:nth-of-type(odd) {
	border-right: none;
	padding-right: 0;
}
#event .event_section .event_detail_box:nth-of-type(even) {
	padding-left: 0;
}
#event .event_section .event_detail_box:nth-of-type(n+2) {
	border-top: 3px dashed #eee;
	margin-top: 2em;
	padding-top: 2em;
}
#event .event_section .event_detail_box > div.img_area {
	padding-top: .5em;
}
#event .event_section .event_detail_box.type02 > div.img_area {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#event .event_section .event_detail_box.type02 > div.img_area > div.img {
	width: 48%;
	padding: 0;
}

#event .event_section .event_detail_box > div.img_area a > span.icon {
	font-size: 4vw;
}

#event .event_section .exhibition_box01+.exhibition_box01 {
	margin-top: 6%;
}
#event .event_section .exhibition_box01 h2 {
	font-size: 4.2vw;
}
#event .event_section .exhibition_box01 ul {
	justify-content: space-between;
	width: 100%;
}
#event .event_section .exhibition_box01 ul li {
	width: 49%;
	margin: 0;
}
#event .event_section .exhibition_box01 ul li > span.name {
	font-size: 3.2vw;
	padding-left: .5em;
}

#event .event_section .exhibition_box02 {
	width: 96%;
}
#event .event_section .exhibition_box02 span {
	border: 5px solid #ebf1d3;
}





#event .event_section .bus_tour_main_area {
	display: block;
	width: 100%;
	padding: 3% 0;
}
#event .event_section .bus_tour_main_area .bus_tour_box {
	width: 100%;
	padding: 0;
}
#event .event_section .bus_tour_main_area .bus_tour_box+.bus_tour_box {
	border-left: none;
	border-top: 3px dashed #eee;
	margin-top: 10%;
	padding-top: 6%;
}
#event .event_section .bus_tour_main_area .bus_tour_box h2 {
	margin-bottom: 3%;
}
#event .event_section .bus_tour_main_area .bus_tour_box h2 > span.num {
	font-size: 8vw;
}
#event .event_section .bus_tour_main_area .bus_tour_box h2 > span.text {
	font-size: 5vw;
}
#event .event_section .bus_tour_main_area .bus_tour_box .bus_tour_detail > p {
	font-size: 3.2vw;
}
#event .event_section .bus_tour_main_area .bus_tour_box .bus_tour_detail > .bus_tour_detail_main .text_box {
	font-size: 3.6vw;
}





#event .event_page_link ul {
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
#event .event_page_link ul li {
	width: calc(100% / 2);
	padding: 0 .2em;
}
#event .event_page_link ul li:nth-of-type(n+3) {
	margin-top: .3em;
}
#event .event_page_link ul li a {
	font-size: 3.2vw;
}
#event .event_page_link ul li a:hover {
	background-color: #009143;
}
#event .event_page_link ul li a.noLink {
	background-color: #00564e;
}





/* close_area */
/*------------------------------------------------------------------------------*/
#main__contents .close_area {
	padding: 3%;
}
#main__contents .close_area > .area_main {
	padding: 4% 2%;
}
#main__contents .close_area > .area_main > p.main_num {
	font-size: 4vw;
}
#main__contents .close_area > .area_main li {
	font-size: 3.6vw;
}

#main__contents .close_area > .thanks {
	font-size: 4vw;
}

#main__contents .close_area > .download a {
	font-size: 4vw;
	background-color: #feff01;
}





/* top_greeting_text */
/*------------------------------------------------------------------------------*/
#top_greeting_text > .text_main {
	padding: 0 2% 2% 2%;
}
#top_greeting_text > .text_main > p {
	font-size: 3.2vw;
}
#top_greeting_text > .text_main > p > span {
	font-size: 3vw;
	line-height: 1.4;
}





.particles,
.particles02 {
	padding: 6% 0;
}
.particles02 {
	margin-bottom: 6%;
}

.particles.program {
	width: 100%;
	margin: 6% auto;
}

.particles .inner,
.particles02 .inner {
	width: 100%;
	font-size: 7.5vw;
}
.particles .inner div.title,
.particles02 .inner div.title {
	margin-bottom: .3em;
}
.particles .inner div.text,
.particles02 .inner div.text {
	font-size: .55em;
}
.particles .inner div.btn,
.particles02 .inner div.btn {
	margin-top: 4%;
}
.particles .inner div.btn a,
.particles02 .inner div.btn a {
	width: 46%;
	font-size: .5em;
}
.particles .inner div.btn a+a,
.particles02 .inner div.btn a+a {
	margin-left: 1%;
}





/* 20211112 add */
.session-profile-area {
	width: 100%;
	border: 2px solid #d2e0e5;
	margin-top: 10px;
	padding: 5px;
}
.session-profile-area > h3 {
	font-size: 1.35em;
	text-align: left;
	margin-bottom: 0px;
}
.session-profile-area .session-profile-box {
	width: 49.5%;
	margin-top: 5px;
	padding: 5px;
}
.session-profile-area .session-profile-box h4 {
	display: flex;
	margin-bottom: 3px;
}
.session-profile-area .session-profile-box h4 span {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	background-color: #36b390;
	border-radius: 100vh;
	padding: .15em .4em;
}
.session-profile-area .session-profile-box .lecture-profile li {
	font-size: 1.15em;
	line-height: 1.4;
}
.session-profile-area .session-profile-box .lecture-profile li.name {
	margin-top: 2px;
}
.session-profile-area .session-profile-box .lecture-profile li.name span {
	font-size: 1.2em;
	font-weight: bold;
}





/* 20211102 add */
.business_date {
	font-size: .9em;
	padding: 2px 2px 2px 5px;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.company__detail__box .business_date {
	justify-content: center;
	width: 100%;
	margin-left: 0;
	margin-top: 2%;
}






/* 20211112 add */
.section__online__hall {
	display: block;
	width: 96%;
	background-color: #f0fcff;
	border: 2px solid #0377ae;
	border-radius: 10px;
	margin: 0 auto;
	padding: 10px;
}
.section__online__hall::before {
	display: none;
}
.section__online__hall .space {
	width: 100%;
}
.section__online__hall .online__date {
	display: block;
	width: 100%;
	font-size: 5vw;
}
.section__online__hall .online__date .title {
	text-align: center;
	margin-right: 0;
}
.section__online__hall .online__date .date {
	justify-content: center;
}
.section__online__hall .link__online .btn_link {
	margin-top: 5px;
}
.section__online__hall .link__online .btn_link a {
	font-size: 5vw;
	padding: .8em 0;
}
.section__online__hall .link__online .btn_link a:hover {
	background-color: #f68800;
}
.section__online__hall .link__online .show_pdf a {
	font-size: 4.2vw;
}





/* 20211112 add */
.login_online {
	position: static;
}
.btn_link_online {
	width: 100%;
	height: auto;
	padding: 10px 20px;
}
.btn_link_online a {
	padding: .5em 0;
}





}
/* ---------------------------------------------------------------------------------- */






