@charset "UTF-8";

* { box-sizing:border-box; position:relative;}


html,body {
		margin:0;
		padding:0;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
		width:100%;
		word-break: break-all;
		
	}

.mincho{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.marugo { font-family: "M PLUS Rounded 1c"; }

.helvetica{
	font-family: Helvetica, Arial,  sans-serif;
}

input:focus {
	border-color:#F90;
}

img {display:block;}

body {
	
	text-size-adjust: 100%;
	text-justify:inter-ideograph;
	-webkit-text-size-adjust:100%;
 	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic',メイリオ, Meiryo, sans-serif; 
	color:#000;
	/*font-size:1.6rem;*/
	font-weight:500;
	line-height:1;
}


.en {
	word-break: break-word;
	/*font-family: aktiv-grotesk,sans-serif;*/
	
	display:none !important;/*強制的に非表示にした*/
}

body.langja .ja,
body.langen .en{
	display:block !important;
}

body.langja .en,
body.langen .ja{
	display:none !important;
}


#container {
	position:relative;
	width:100%;
	min-width:320px;
}


h2 {
	
	font-size:280%;
	text-align:center;
	margin:0 auto 2em;
	padding:0.5em 0;
	z-index:10;
	position:relative;
	}

h2 p {
	font-size:100%;
	display:inline-block;
	color:#1e2d58;
	font-weight:bold;
	margin:0;
	padding:0 1em;
	text-align:center;
	line-height:1.2em;
	}
	
	
h2 p::after {
	content: "";
	display:block;
	width:100%;
	height:0.3em;
	position:absolute;
	bottom:0;
	left:50%;
	
	transform: translate(-50%,150%);
	/*background: linear-gradient(97deg, #86bde7, #bd9cc7 90%);*/
	background: linear-gradient(97deg, rgba(134,189,231,.0), rgba(134,189,231,.8), rgba(189,156,199,0.8), rgba(189,156,199,0) 100%);
	margin:0;
	}

section > h2 {
	margin:0 auto 0;
	}
	

h3 p {
	font-size:80%;
	display:inline-block;
	position:relative;
	border-top:4px solid #e6001c;
	padding:0.2em 0.8em 0.2em 0;
	color:#000;
	z-index:100;
	}

h3 p::before {
	content: "■";
	color:#e6001c;
	}

h3 p::after {
	content: "";
	display:block;
	border-left:5px solid #e6001c;
	border-bottom:4px solid #e6001c;
	height:50%;
	width:2000px;
	position:absolute;
	top:-4px;
	left:100%;
	/*transform: translate(50%, 0%) rotate(-45deg);*/
	transform: translate(0, 0%) skewX(45deg);
	background-color:#fff;
	z-index:9;
	}
	
h3 span {
	display:inline-block;
	font-size:inherit;
	}
	

h4 {
	/*font-size:300%;*/
	color:#e6001c;
	font-weight:bold;
	text-align:left;
	}



h4 {
	width:100%;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	
    transform: translate(-0%,-50%);
	text-align:center;
	}

h4 p{
	font-size:120%;
	font-weight:bold;
	display:inline-block;
	/*max-width:1136px;*/
	margin:0 auto;
	padding:0.3em 1.5em;
	color:#fff;
	text-align:center;
	background-color:#e6001c;
	line-height:1em;
	border-radius:2em;
}


h4 .mini{
	font-size:50%;
	line-height:1.2em;
	display:inline-block;
	color:#000;
}

h5 {
	/*font-size:220%;*/
	color:#e6001c;
	font-weight:bold;
	text-align:left;
	margin-bottom:0.7em;
	font-size: 2.4rem;
	}

/*アンカー*/

a.anchor {
	display: block;
	position:absolute;
	top:-120px;
}	


header {
	width:100%;
	max-height:170px;
	min-width:320px;
	/*overflow:hidden;*/
	background-color:#fff;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	}

header .header-inner{
	width:100%;
	max-width:1920px;
	min-width:320px;
	padding:10px;
	margin:0 auto;
}

header .header-inner h1 img{
	width:40%;
	max-width:360px;
	min-width:224px;
	display:block;
}

/*グローバルメニュー*/
header #navi{
	position:relative;
	transform: translate(-0%,-0%);
	background-color:#1e2d58;
	transition: ease .4s;
}

header #navi ul{
	padding:1rem 0;
	display:flex;
	flex-direction: row;
	justify-content: center;
	position:relative;
}


header #navi.off ul li{
	opacity:0;
	pointer-events: none;
}

header #navi ul li{
	padding:0em 1em;
	list-style:none;
	border-right:1px solid #fff;
	display:table;
}

header #navi ul li:nth-child(7){/*最後の項目だけボーダーなし*/
	border-right:none;
}

header #navi ul li.nw,
header #navi ul li.wsn{
	white-space:nowrap;
}

/*スマホログアウトボタン消去*/
header #navi ul li.logout{
	display:none;
}

header #navi ul li.logout a span{
	display: inline-block !important;
	padding:0 1em 0 3em;
	position:relative;
}

header #navi ul li.logout a span:before{
	content: '';/*何も入れない*/
	display: inline-block;
	width: 1.6em;/*画像の幅*/
	height: 1.6em;/*画像の高さ*/
	background-image: url(../img/logout.svg);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	left:1em;
	transform: translate(-0%,-50%);
}

header #navi ul li:last-child{
	border-right:none;
}

header #navi ul li p{
	display:table-cell;
	vertical-align:middle;
}

header #navi ul li a{
	color:#fff;
	display:block;
	font-size:100%;
	text-decoration:none;
	text-align:center;
	padding:0.3em 0;
	
}

header #navi ul li a::after{
	content: "";
	display:block;
	width:0%;
	height:4px;
	background-color:#e12359;
	position:absolute;
	top:100%;
	left:50%;
	transform: translate(-50%,-0%);
	transition: ease .2s;
}

header #navi ul li a:hover{
	color:#fff;
}

header #navi ul li a:hover::after{
	width:100%;
}

header #navi ul li a span{
	display:inline-block;
	
}


/*言語選択*/
header #navi .langbuttons{
	display:flex;
	flex-direction: row;
	justify-content: flex-end;
	position:absolute;
	right:10px;
	top:-50px;
	transform: translate(-0%,-0%);
	z-index:1500;
}

header #navi .langbuttons a{
	color:#333;
	display:block;
	font-size:100%;
	text-decoration:none;
	text-align:center;
	padding:0.2em 1em;
}

header #navi .langbuttons a:first-child{
	border-right:1px solid #ccc;
}

header #navi .langbuttons a:hover{
	color:#e12359;
}


header #navi .langbuttons a.on{
	color:#e12359;
}

/* PCログアウトボタン */
header #logout{
	/*width:20rem;*/
	height:40px;
	position:absolute;
	right:10px;
	top:50%;
	transform: translate(-0%,-50%);
	display:block;
	z-index:1000;
}

header #logout a{
	display:block;
	color:#fff;
	background-color: #1e2d58;
	text-decoration:none;
	line-height:40px;
	padding:0 1em 0 3em;
	border-radius:0.5rem;
	position:relative;
}

header #logout a:hover{
background-color: #369;
}


header #logout a:before{
	content: '';/*何も入れない*/
	display: inline-block;
	width: 1.6em;/*画像の幅*/
	height: 1.6em;/*画像の高さ*/
	background-image: url(../img/logout.svg);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	left:1em;
	transform: translate(-0%,-50%);
}

/* ハンバーガーメニュー */
header #hum{
	width:40px;
	height:40px;
	position:absolute;
	right:10px;
	top:50%;
	transform: translate(-0%,-50%);
	display:none;
	z-index:1000;
	background-color: #1e2d58;
}

#hum .header__hamburger {
  width: 40px;
  height: 100%;

}

#hum .hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
}

@media screen and (min-width: 960px) {
	/*
	#hum .hamburger {
		display: none;
	}
	
	header #navi #lang{
		display:block;
	}
	*/
}

/* ハンバーガーメニューの線 */
#hum .hamburger span {
  width: 100%;
  height: 2px;
  background-color: #1e2d58;
  background-color: #fff;
  position: relative;
  transition: ease .4s;
  display: block;
}

#hum .hamburger span:nth-child(1) {
  top: 0;
}

#hum .hamburger span:nth-child(2) {
  margin: 4px 0;
}

#hum .hamburger span:nth-child(3) {
  top: 0;
}


/* ハンバーガーメニュークリック後のスタイル */
#hum .header__nav.active {
  transform: translateX(0);
}

#hum .hamburger.active span:nth-child(1) {
  top: 4px;
  transform: rotate(45deg);
}

#hum .hamburger.active span:nth-child(2) {
  opacity: 0;

}

#hum .hamburger.active span:nth-child(3) {
  top: -8px;
  transform: rotate(-45deg);
}


@media screen and (max-width: 789px) {
	
	/* PCログアウトボタン消去 */
	header #logout{
		display:none;
	}

	header #navi{
		width:100%;
		position:absolute;
		top:0;
		left:0%;
		transform: translate(-0%,-100%);
	}
	
	header #navi ul{
		width:100%;
		flex-direction: column;
		margin-top:30px;
		overflow:hidden;
	}
	
	header #navi ul li{
		width:100%;
		border:none;
	}
	
	/*ログアウトボタン表示*/
	header #navi ul li.logout{
		display:list-item;
	}

	header #navi ul li a{
		font-size:100%;
		padding:1em 1em;
		font-size:120%;
	}
	
	header #navi .langbuttons{
		/*display:block;*/
		position:relative;
		top:0;
		left:0;
		flex-direction: row;
		justify-content: center;
		margin:3rem;
	}
	header #navi .langbuttons a{
		display:block;
		margin:0 1rem;
		color:#fff;
		border:1px solid #fff;
	}
	
	header #navi .langbuttons a.on{
	border:1px solid #e12359;
}
	
	
	header #hum {
		display:block;
	}
	
	/*ハンバーガー押し*/
	header #navi.active{
		width:100%;
		position:absolute;
		top:0;
		left:0%;
		transform: translate(-0%,-0%);
	}

}



header .header-inner .contact a  li:first-child{
	width:75%;
	float:left;
	font-weight:bold;
	text-align:center;
}

header .header-inner .contact a  li:last-child{
	width:20%;
	float:right;
}

header .header-inner .contact a  img{
	width:100%;
}

header .header-inner .contact a  li:first-child p{
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(-0%,-50%);
	font-size:240%;
}

@media screen and (min-width: 1921px) {
	header .header-inner .contact a  li:first-child p{
		font-size:260%;
	}
}

@media screen and (max-width: 1600px) {
	header .header-inner .contact a  li:first-child p{
		font-size:200%;
	}
}

@media screen and (max-width: 1400px) {
	header .header-inner .contact a  li:first-child p{
		font-size:160%;
	}
}

@media screen and (max-width: 1000px) {
	header .header-inner .contact a  li:first-child p{
		font-size:140%;
	}
}





#content {
	width: 100%;
	padding-top:15rem;
}

#main {
	padding-top:0rem;
}

@media screen and (max-width: 1700px) {
	#content {
	padding-top:4rem;
	padding-top:15rem;
	}
}

@media screen and (max-width: 1500px) {
	#content {
	padding-top:3rem;
	padding-top:15rem;
	}
}

@media screen and (max-width: 1400px) {
	#content {
	padding-top:2rem;
	padding-top:15rem;
	}
}

@media screen and (max-width: 789px) {
	#content {
	padding-top:0rem;
	padding-top:9rem;
	}
}


@media screen and (max-width: 640px) {
	#content {
	padding-top:0rem;
	padding-top:8rem;
	}
}
@media screen and (max-width: 480px) {
	#content {
	padding-top:0rem;
	padding-top:10rem;
	}
}


section {
	width:100%;
	min-width:320px;
	margin:0 auto;
	/*background-color:#0F9;*/
	padding:0;
	position:relative;
	
	}


section::after {
content: " ";
display: block;
clear: both;
}


section > a.anker {
	position:absolute;
	top:-150px;
}


/*--------------------------
　メインビジュアル
--------------------------*/
.main_visual {
	width:100%;
	max-width:100%;
	height:auto;
	position:relative;
    bottom: 0;
	margin:0 auto;
	padding:0;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	background-image:url(../img/main_visual_bg.png);
	background-position:center center;
	background-size:cover;
	}

@media screen and (max-width: 1600px) {
	.main_visual {
	width:100%;
	max-width:100%;
	height:auto;
	position:relative;
    bottom: 0;
	margin:0 auto;
	padding:0;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	background-image:url(../img/main_visual_bg.png);
	background-position:center center;
	background-size:100% auto;
	}
}

	
.main_visual .inner {
	width:100%;
	max-width:1980px;
	margin:0 auto;
	padding:2rem 0 4rem;
	position:relative;
	}
/*
@media screen and (max-width: 930px) {
	.main_visual .inner {
	padding:16.5rem 0 4rem;
	}
}

@media screen and (max-width: 840px) {
	.main_visual .inner {
	padding:15.5rem 0 4rem;
	}
}

@media screen and (max-width: 789px) {
	.main_visual .inner {
	padding:10rem 0 2rem;
	}
}

@media screen and (max-width: 650px) {
	.main_visual .inner {
	padding:9rem 0 2rem;
	}
}

@media screen and (max-width: 480px) {
	.main_visual .inner {
	padding:10rem 0 2rem;
	}
}
*/

.main_visual .inner .diamond {
  width: 650px;
  height: 150px;
  background: #db7093;
  transform: rotate(-30deg) skew(30deg,30deg);
  text-align:center;
  font-size:300%;
}


.main_visual .inner #date {
	background-image:url(../img/mainv_5.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.main_visual .inner #date img {
	display:block;
	width:76%;
	height:auto;
	margin:0 auto;
}






.main_visual .inner img {
	width:100%;
	max-width:1572px;
	display:block;
	}
	
.main_visual .inner .box{
	position:relative;
	width:100%;
	max-width:1500px;
	margin:0 auto;
	padding:0;
	background-position:top center;
	background-size:100% auto;
	background-repeat:no-repeat;
	font-size:100%;
}

.main_visual .inner .box #title{
	width:77%;
	max-width:1500px;
	display:block;
	position:relative;
	margin:0 auto 0;
}

.main_visual .inner .box #btn{
	width:64%;
	max-width:1270px;
	min-width:300px;
	display:block;
	position:relative;
	margin:0 auto 6rem;
}


.main_visual .inner .box #btn > div{
	position:relative;
	display:flex;
	justify-content: space-between;
}

.main_visual .inner .box #btn > div a{
	width:49%;
	position:relative;
	display:inline-block;
	box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.2);
}

/*offの場合*/

.main_visual .inner .box #btn > div.off a{
	background-color:#fff;
	pointer-events:none;
}

.main_visual .inner .box #btn > div.off a img{
	filter: grayscale(100%);
	opacity:0.7;
}


.main_visual .inner .box #free{
	width:18%;
	max-width:340px;
	display:block;
	position:absolute;
	margin:0 auto;
	top:0;
	right:2.5%;
	transform: translate(-0%,-20%);
}





section > .inner {
	/*width: calc(100% - 40px);*/
	width:84%;
	margin:0 auto;
	padding:4rem 0;
	max-width:1610px;
	min-width:268px;
	}


section > .inner::after {
  content: "";
  display: block;
  clear: both;
}



section .text {
	margin:1rem 0;
	text-align:center;
}
/*
section .text p {
	text-align:center;
	display:block;
	margin-bottom:1rem;
}

section .text p span {
	text-align:left;
	display:inline-block;
}
*/

section .text p.waku span {
	border:1px solid #333;
	display:inline-block;
	margin-right:0.5em;
	padding:0.2em 0.5em;
}

section .text p span.waku {
	display:inline-block;
	margin-right:0.5em;
	padding:0.2em 0.5em;
	position:relative;
	top:-0.1em;
	background-color:#036eb7;
	color: #fc0;
}



.glay {
	background-color:#ececec;
	padding:0;
	position:relative;
	padding:100px 0 0;
	overflow:hidden;
}

.glay::after {
  content: "";
  display: block;
  clear: both;
}


.glay .text {
	width:100%;
	margin:0 0 10rem;
	display:block;
	font-size: 2rem;
	}

.glay .movie3 {
	width:100%;
	margin:0 0 50px;
	display:block;
	}
	
.glay .banner {
	width:100%;
	margin:0 0 50px;
	display:block;
	font-size: 2rem;
	background-color:#fff;
	border:1px solid #333;
	}

.glay .banner::after {
  content: "";
  display: block;
  clear: both;
}


.glay .movie3 ul {
	width:100%;
	margin:0;
	display:flex;
	justify-content: space-around;
	}

.glay .movie3 ul li {
	width:28%;
	list-style:none;
	text-align:center;
	position:relative;
	}

.glay .movie3 ul li p{
	width:100%;
	font-size:1.6rem;
	margin-bottom:1em;
	position:absolute;
	bottom:100%;
	left:0%;
	font-weight:bold;
	}

.glay .movie3 ul li img {
	width:100%;
	}

.glay .banner ul {
	width:100%;
	margin:0;
	display:flex;
	justify-content: space-around;
	}

.glay .banner ul li {
	list-style:none;
	}

	
.glay .banner ul li:first-child {
	width:75%;
	padding:2vw 1vw 2vw 4vw;
	font-size: 2rem;
	}
	
.glay .banner ul li:last-child {
	width:25%;
	padding:2vw 0vw 2vw 1vw;
	}


@media screen and (max-width: 800px) {


.glay .movie3 ul {
	flex-direction: column;
	justify-content: space-around;
	}

.glay .movie3 ul li {
	width:100%;
	margin-bottom:8rem;
	}

.glay .movie3 ul li:last-child {
	margin-bottom:0px;
	}
	
}


.glay .banner ul li img {
	width:100%;
	}

.glay .banner ul li:first-child img {
	margin-bottom:1em;
	}


@media screen and (max-width: 800px) {
.glay .banner ul {
	
  flex-direction: column;
	}

.glay .banner ul li:first-child,
.glay .banner ul li:last-child {
	width:100%;
	padding:2vw 4vw;
	}

.glay .banner ul li:last-child img {
	width:40% !important;
	margin:0 auto;
	}
	
}




.banner_spt {
	width:100%;
	margin:0 0 50px;
	display:block;
	font-size: 2rem;
	background-color:#fff;
	border:1px solid #333;
	}

.banner_spt::after {
  content: "";
  display: block;
  clear: both;
}

.banner_spt > img {
	width:100%;
	margin:0;
	}
	
	
.banner_spt ul {
	width:100%;
	margin:0;
	display:flex;
	justify-content: space-around;
	}

.banner_spt ul li {
	list-style:none;
	margin:0 !important;
	}

.banner_spt ul li img {
	width:100%;
	}

	
.banner_spt ul li:first-child {
	width:64% !important;
	padding:2vw 1vw 2vw 4vw;
	font-size: 2rem;
	}
	
.banner_spt ul li:last-child {
	width:36% !important;
	padding:2vw 0vw 2vw 1vw;
	}

.banner_spt ul li h4 {
	color:#333;
	text-align:center;
	}



@media screen and (max-width: 800px) {
.banner_spt ul {
	
  flex-direction: column;
	}

.banner_spt ul li:first-child,
.banner_spt ul li:last-child {
	width:100% !important;
	padding:2vw 4vw;
	}

.banner_spt ul li:last-child img {
	width:100% !important;
	margin:0 auto;
	}
	
}
/*--------------------------
　終了メッセージ
--------------------------*/	
	#close_msg p{
		color:#e6001c;
		font-size:300%;
		font-weight:bold;
		text-align:center;
	}
	
/*--------------------------
　登録・ログインボタン
--------------------------*/

ul.btn-two {
	display: flex;
	/*width: calc(100% - 28px);*/
	width:90%;
	max-width:1220px;
	margin:0 auto;
	justify-content: space-between;
	padding:0;
	}

ul.btn-two li{
	width:46%;
	max-width:520px;
	
	list-style:none;
	color:#fff;
	display:flex;
	
	}


ul.btn-two li.off a{
pointer-events: none;
}



ul.btn-two li a{
	width:100%;
	display:flex;
	color:inherit;
	padding:15px;
	background-color: #e6001c;
	border-radius:10px;
	transition: background-color 0.3s;
	}
ul.btn-two li a:hover{
　transform: scale(1.3, 1.3);
background-color: #ff1e1e;
}

ul.btn-two li.off a{
	background-color: #ccc;
	}

ul.btn-two li div{
	float:left;
	display:table;
	height:100%;
	vertical-align:middle;
	padding-right:15px;
	}

ul.btn-two li div .mini{
	font-size:50%;
	line-height:1.2em;
	display:inline-block;
	}

ul.btn-two li div:first-child{
	width:80%;
	}

ul.btn-two li div:last-child{
	width:21%;
	background-color:#fff;
	padding:0;
	}

ul.btn-two li div:first-child p{
	display:table-cell;
	height:100%;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	line-height:1.2em;
	/*font-size:300%;*/
	padding:0;
	margin:0;
	}

@media screen and (max-width: 1300px) {
	/*ul.btn-one li div:first-child p,*/
	ul.btn-two li div:first-child p {font-size:280%;}
}

@media screen and (max-width: 1100px) {
	/*ul.btn-one li div:first-child p,*/
	ul.btn-two li div:first-child p {font-size:260%;}
}

@media screen and (max-width: 900px) {
	/*ul.btn-one li div:first-child p,*/
	ul.btn-two li div:first-child p {font-size:220%;}
}

@media screen and (max-width: 800px) {
	/*ul.btn-one li div:first-child p,*/
	ul.btn-two li div:first-child p {font-size:360%;}
}

@media screen and (max-width: 600px) {
	/*ul.btn-one li div:first-child p,*/
	ul.btn-one li div:first-child p {font-size:320%;}
	ul.btn-two li div:first-child p {font-size:320%;}
}

@media screen and (max-width: 500px) {
	/*ul.btn-one li div:first-child p,*/
	ul.btn-one li div:first-child p {font-size:280%;}
	ul.btn-two li div:first-child p {font-size:280%;}
}

@media screen and (max-width: 400px) {
	/*ul.btn-one li div:first-child p,*/
	ul.btn-one li div:first-child p {font-size:240%;}
	ul.btn-two li div:first-child p {font-size:240%;}
}

@media screen and (max-width: 350px) {
	ul.btn-one li div:first-child p {font-size:200%;}
}


	ul.btn-two li div:last-child img{
		width:100%;
		display:block;
		margin:0;
		padding:0;
	}
	
	/**/
	
	
	ul.btn-one {
		display: flex;
		/*width: calc(100% - 28px);*/
		width:90%;
		max-width:1220px;
		margin:0 auto;
		justify-content: center;
		padding:0;
	}
	
	ul.btn-one li{
		width:100%;
		max-width:520px;
		list-style:none;
		color:#fff;
		display:flex;
		position:relative;
	}
	
	ul.btn-one li{
		width:100%;
		max-width:500px;
		list-style:none;
		color:#fff;
		display:flex;
		position:relative;
	}
	
	ul.btn-one li .out-img{
		width:50% !important;
		height:auto;
		position:absolute;
		top:50%;
		left:0;
		transform: translate(-120%,-50%);
		display:block;
		background-color:#3C9;
	}
	
	ul.btn-one li .out-img img{
		width:100% !important;
	}
	
	
	
	
	ul.btn-one li.off a{
		pointer-events: none;
	}
	
	ul.btn-one li a{
		width:100%;
		display:flex;
		color:inherit;
		padding:15px;
		background-color: #e6001c;
		border-radius:300px;
		transition: background-color 0.3s;
	}
	
	ul.btn-one li a:hover{
		transform: scale(1.3, 1.3);
		background-color: #ff1e1e;
	}
	
	ul.btn-one li.off a{
		background-color: #ccc;
	}
	
	ul.btn-one li div{
		float:left;
		display:table;
		height:100%;
		vertical-align:middle;
		padding-right:15px;
	}
	
	ul.btn-one li div .mini{
		font-size:50%;
		line-height:1.2em;
		display:inline-block;
	}
	
	ul.btn-one li div:first-child{
		width:75%;
	}
	
	ul.btn-one li div:last-child{
		width:20%;
		background-color:transparent;
		padding:0;
	}
	
	ul.btn-one li div p{
		display:table-cell;
		height:100%;
		text-align:center;
		font-weight:bold;
		vertical-align:middle;
		line-height:1.2em;
		/*font-size:300%;*/
		padding:0;
		margin:0;
	}
	
	ul.btn-one li div:last-child img{
		width:100%;
		display:block;
		margin:0;
		padding:0;
	}
	
	ul.btn-two-gray {
		display: flex;
		/*width: calc(100% - 28px);*/
		width:90%;
		max-width:1220px;
		margin:0 auto;
		justify-content: space-between;
		padding:0;
	}
	
	ul.btn-two-gray li{
		width:46%;
		max-width:520px;
		list-style:none;
		color:#fff;
	}

@media screen and (max-width: 800px) {
	
	ul.btn-two-gray {
		flex-direction: column;
		justify-content: space-between;
		max-width:520px;
	}
	
	ul.btn-two-gray li {width:100%;}
	
	ul.btn-two-gray li:first-child {margin-bottom:2rem;}
}


	ul.btn-two-gray li.off a{
		pointer-events: none;
		background-color: #ccc;
	}
	
	ul.btn-two-gray li a{
		width:100%;
		display:block;
		color:#fff;
		padding:15px;
		background-color: #e6001c;
		border-radius:100px;
		transition: background-color 0.3s;
		text-align:center;
		text-decoration:none;
		font-size:300%;
		font-weight:bold;
	}
	
	ul.btn-two-gray li a:hover{
		transform: scale(1.3, 1.3);
		background-color: #ff1e1e;
	}
	
	ul.btn-two li.off a{
		background-color: #ccc;
	}



/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
	スライドホバーボタン
	
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-*/
.inner #btn{
	width:100%;
	max-width:700px;
	min-width:260px;
	display:block;
	position:relative;
	margin:0 auto;
	padding:1rem 0;
}

.inner #btn ul{
	position:relative;
	display:flex;
	justify-content: center;
	margin-bottom:2rem;
}

.inner #btn ul li{
	/*width:49%;*/
	position:relative;
	display:block;
	box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.2);
	background: linear-gradient(97deg, #86bde7, #bd9cc7 90%);
	padding:0.5em;
	border-radius:300px;
}

.inner #btn ul li a{
	width:100%;
	display:block;
	margin:0;
	padding:1rem 5rem;
	background-color:#1e2d58;
	border-radius:300px;
	text-align:center;
	color:#fff;
	font-size:160%;
	font-weight:bold;
	/*white-space:nowrap;*//*文字折り返しあり*/
	text-decoration:none;
}


.inner #btn ul li a:hover {
  color: #fff;
}
.inner #btn ul li a:hover::after {
  transform: scale(1, 1);
}

/*offの場合*/

.inner #btn ul li.off{
	background: linear-gradient(97deg, #b5b5b5, #a8a8a8 90%);
}
.inner #btn ul li.off a {
	pointer-events:none;
	background-color:#bebebe !important;
	color:#f0f0f0 !important;
}



/*offの場合*/
.inner #btn > div.off a{
	background-color:#fff;
	pointer-events:none;
}
.inner #btn > div.off a img{
	filter: grayscale(100%);
	opacity:0.7;
}

#btn ul li a:hover {
  color: #fff;
}
#btn ul li a:hover::after {
  transform: scale(1, 1);
}


 
#btn ul li a {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#btn ul li a::after {
  background: linear-gradient(97deg, rgba(134,189,231,0.7), rgba(189,156,199,0.7) 50%, rgba(189,156,199,0.0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 200%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}


/*二つ横並びの場合*/

.inner #btn.two ul{
	position:relative;
	display:flex;
	justify-content: space-around;
	margin-bottom:2rem;
}


@media screen and (max-width: 700px) {
	
	.inner #btn.two ul{
	position:relative;
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:2rem;
}

.inner #btn.two ul li{
	width:23em;
	display:inline-block;
}

.inner #btn.two ul li:first-child{
	margin-bottom:1em;
}

}
#program {}

#program .programlist{
	text-align:center;
	}

#program .programlist #hyou{
	width:100%;
	margin:0rem 0 0rem;
	}


/*上タブボタン*/
#program .programlist #hyou #toggle-tub{
	width:100%;
	display:block;
	padding:4rem 0;
	overflow:hidden;
	}

#program .programlist #hyou .day1{
	display:none;
	}

#program .programlist #hyou > div{
	width:100%;
	display:block;
	}

#program .programlist #hyou #toggle-tub .tab2.on + .day2{
	display:block;
	}
	
#program .programlist #hyou #toggle-tub .tab1{
	width:40%;
	display:block;
	padding:0.3em 0.5em 0.5em;
	position:absolute;
	top:100%;
	left:0;
	transform: translate(-0%,-90%);
	line-height:1em;
	background-color:#bebebe;
	border-radius:0.5em 0.5em 0 0;
	overflow:hidden;
	transition: 0.3s;
	}

#program .programlist #hyou #toggle-tub .tab2{
	width:40%;
	display:block;
	padding:0.3em 0.5em 0.5em;
	position:absolute;
	top:100%;
	left:42%;
	transform: translate(-0%,-90%);
	line-height:1em;
	background-color:#bebebe;
	border-radius:0.5em 0.5em 0 0;
	overflow:hidden;
	transition: 0.3s;
	}



#program .programlist #hyou #toggle-tub .tab1:hover{
	background-color:#9c5aa1;
	}
#program .programlist #hyou #toggle-tub .tab1.on{
	transform: translate(-0%,-99%);
	background-color:#9c5aa1;
	}
#program .programlist #hyou #toggle-tub .tab2:hover{
	background-color:#c42c81;
	}
#program .programlist #hyou #toggle-tub .tab2.on{
	transform: translate(-0%,-99%);
	background-color:#c42c81;
	}
	
#program .programlist #hyou #toggle-tub .tab1 img,
#program .programlist #hyou #toggle-tub .tab2 img{
	display:block;
	width:100%;
	max-width:300px;
	}

@media screen and (max-width: 800px) {
	
	#program .programlist #hyou #toggle-tub .tab1,
	#program .programlist #hyou #toggle-tub .tab2{
		width:48%;
	}

	#program .programlist #hyou #toggle-tub .tab2{
		width:48%;
		left:100%;
		transform: translate(-100%,-90%);
	}
	#program .programlist #hyou #toggle-tub .tab2.on{
	transform: translate(-100%,-99%);
	}

}


@media screen and (max-width: 430px) {
	
	#program .programlist #hyou{
	flex-direction: column;
	}
	#program .programlist #hyou > div{
	width:100%;
	}
	#program .programlist #hyou > div:first-child{
		/*margin-bottom:10rem;*/
	}
	
}
/*上タブここまで*/


/*下タブボタン*/
#program .programlist #hyou #toggle-tub2{
	width:100%;
	display:block;
	padding:5rem 0;
	overflow:hidden;
	}

#program .programlist #hyou .day2{
	display:none;
	}

#program .programlist #hyou > div{
	width:100%;
	display:block;
	}

#program .programlist #hyou #toggle-tub2 .tab2.on + .day2{
	display:block;
	}
	
#program .programlist #hyou #toggle-tub2 .tab1{
	width:40%;
	display:block;
	padding:0.3em 0.5em 0.5em;
	position:absolute;
	top:0;
	left:0;
	transform: translate(-0%,-10%);
	line-height:1em;
	background-color:#bebebe;
	border-radius:0 0 0.5em 0.5em;
	overflow:hidden;
	transition: 0.3s;
	}

#program .programlist #hyou #toggle-tub2 .tab2{
	width:40%;
	display:block;
	padding:0.3em 0.5em 0.5em;
	position:absolute;
	top:0;
	left:42%;
	transform: translate(-0%,-10%);
	line-height:1em;
	background-color:#bebebe;
	border-radius:0 0 0.5em 0.5em;
	overflow:hidden;
	transition: 0.3s;
	}



#program .programlist #hyou #toggle-tub2 .tab1:hover{
	background-color:#9c5aa1;
	}
#program .programlist #hyou #toggle-tub2 .tab1.on{
	transform: translate(-0%,-1%);
	background-color:#9c5aa1;
	}
#program .programlist #hyou #toggle-tub2 .tab2:hover{
	background-color:#c42c81;
	}
#program .programlist #hyou #toggle-tub2 .tab2.on{
	transform: translate(-0%,-1%);
	background-color:#c42c81;
	}
	
#program .programlist #hyou #toggle-tub2 .tab1 img,
#program .programlist #hyou #toggle-tub2 .tab2 img{
	display:block;
	width:100%;
	max-width:300px;
	}

@media screen and (max-width: 800px) {
	
	#program .programlist #hyou #toggle-tub2 .tab1,
	#program .programlist #hyou #toggle-tub2 .tab2{
		width:48%;
	}

	#program .programlist #hyou #toggle-tub2 .tab2{
		width:48%;
		left:100%;
		transform: translate(-100%,-10%);
	}
	#program .programlist #hyou #toggle-tub2 .tab2.on{
	transform: translate(-100%,-1%);
	}

}


@media screen and (max-width: 430px) {
	
	#program .programlist #hyou{
	flex-direction: column;
	}
	#program .programlist #hyou > div{
	width:100%;
	}
	#program .programlist #hyou > div:first-child{
		/*margin-bottom:10rem;*/
	}
	
}
/*下タブここまで*/



	
#program .programlist #hyou .day1 h3{
	padding:1rem 1rem 1rem;
	font-size:120%;
	color:#9c5aa1;
	line-height:1.2em;
	margin:0;
	}

#program .programlist #hyou .day2 h3{
	padding:1rem 1rem 1rem;
	font-size:120%;
	color:#036eb8;
	line-height:1.2em;
	}

#program .programlist #hyou .day1 h3 span,
#program .programlist #hyou .day2 h3 span{
	font-size:80%;
	display:inline;
	}
	
#program .programlist #hyou table{
	width:100%;
	height:100%;
	text-align:left;
	margin:0;
	}
#program .programlist #hyou div table tr{
	border:2px solid #231815;
	border-left:none;
	border-right:none;
	
}
#program .programlist #hyou div table table tr{
	border:none;
	width:100% !important;
}

#program .programlist #hyou table th{
	/*width:10rem;*/
	padding:1em 2em;
	white-space:nowrap;
	text-align:center;
	font-size:100%;
	vertical-align:middle;
	background-color:#dcc5de;
	border:none;
	/*border:2px solid #231815;
	border-left:none;
	border-right:none;
	*/
	}
#program .programlist #hyou table td{
	/*border:2px solid #231815;
	border-left:none;
	border-right:none;
	*/
	border:none;
	padding:0;
	}

#program .programlist #hyou table th h3{
	margin-bottom:0.5em;
	font-weight:bold;
	}
#program .programlist #hyou div table tr td .time{
	text-align:center;
	padding:0.3em 1em;
	display:none;
	font-weight:bold;
	}


/*奇数*/
#program .programlist #hyou .day1 table tr:nth-child(odd) th,
#program .programlist #hyou .day1 table tr:nth-child(odd) td .time{
	background-color:#dcc5de;
	}

#program .programlist #hyou .day1 table tr:nth-child(odd) td{
	background-color:#fff;
	width:100%;
	}

#program .programlist #hyou .day2 table tr:nth-child(odd) th,
#program .programlist #hyou .day2 table tr:nth-child(odd) td .time{
	background-color:#cde2f1;
	}

#program .programlist #hyou .day2 table tr:nth-child(odd) td{
	background-color:#fff;
	}
		
/*偶数*/
#program .programlist #hyou .day1 table tr:nth-child(even) th,
#program .programlist #hyou .day1 table tr:nth-child(even) td .time{
	background-color:#cdadd0;
	}
#program .programlist #hyou .day1 table tr:nth-child(even) td{
	background-color:#f5eff6;
	}
	
#program .programlist #hyou .day2 table tr:nth-child(even) th,
#program .programlist #hyou .day2 table tr:nth-child(even) td .time{
	background-color:#b3d4ea;
	}
#program .programlist #hyou .day2 table tr:nth-child(even) td{
	background-color:#e6f1f8;
	}

/*1行高さ固定*/
#program .programlist #hyou .day1 table td.row1,
#program .programlist #hyou .day2 table td.row1{
	height:3rem;
	}

#program .programlist #hyou .day1 table td.row1 h3,
#program .programlist #hyou .day2 table td.row1 h3{
	margin:0;
	}


#program .programlist #hyou table table{
	width:100%;
	height:auto;
	/*display:block;*/
	border:none;
	margin:0 0 1rem;
	border:none;
	}
#program .programlist #hyou table table tbody{
	width:100%;
	/*display:block;*/
	}

#program .programlist #hyou table table tr{
	width:100% !important;
	}
	
#program .programlist #hyou table table th,
#program .programlist #hyou table table td{
	border:none;
	padding:0.5rem 1rem;
	font-weight:normal;
	font-size:100%;
	background-color:transparent !important;
	vertical-align:middle;
	}

#program .programlist #hyou table table th{
	vertical-align:top;
	}
	
/*
#program .programlist #hyou table table tr:last-child th,
#program .programlist #hyou table table tr:last-child td{
	padding-bottom:0;
	}
*/
	
#program .programlist #hyou table table th{
	white-space:nowrap;
	text-align:left;
	width:0;/*間延びを防ぐため*/
	}
#program .programlist #hyou table table th p{
	position:relative;
	display:block;
	padding-left:0.7em;
	/*font-weight:bold;*/
	}
	
#program .programlist #hyou table table th p:before{
	content:"";
	display:block;
	width:0.5em;
	height:0.5em;
	background-color:#9C5AA1;
	position:absolute;
	top:50%;
	left:0;
	font-weight:300;
	transform: translate(-0%,-50%);
	}

#program .programlist #hyou .day1 table table th p:before{
	background-color:#9C5AA1;
	}
#program .programlist #hyou .day2 table table th p:before{
	background-color:#036eb8;
	}

#program .programlist #hyou table table td{
	vertical-align:middle;
	}
	
#program .programlist #hyou table table td.title{
	font-weight:bold;
	padding-top:1rem;
	padding-bottom: 0.5rem;
	font-size:100%;
	}

#program .programlist #hyou .day1 table table td.title{
	color:#9c5aa1;
	}

#program .programlist #hyou .day2 table table td.title{
	color:#036eb8;
	}

#program .programlist #hyou table table td p{
	display:inline-block;
	position:relative;
	padding-right:0;
	}

#program .programlist #hyou table table td .detail{
	display:none;
	justify-content: space-between;
	}
		
.btnon #program .programlist #hyou table table td p{
	width:100%;
	display:inline-block;
	position:relative;
	padding-right:6em;
	}
	

.btnon #program .programlist #hyou table table td .detail{
	width:5em;
	position:absolute;
	top:50%;
	right:-0em;
	z-index:1;
	transform:translate(-0%,-50%);
	display:flex;
	flex-direction: column;
	flex-direction: row;
	margin:0;
	}

#program .programlist #hyou table table td .detail a{
	width:100%;
	display:inline-block;
	margin:0;
	padding:0.3em 0em;
	background-color:#06C;
	color:#fff;
	text-decoration:none;
	border-radius:0.3em;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	}
#program .programlist #hyou table table td .detail a:first-child{
	margin-bottom:0em;
	}

#program .programlist #hyou table table td .detail a:hover{
	background-color:#09F;
	}




#program .programlist #hyou .day1 table table td .detail a{
	background-color:#9c5aa1;
	}
#program .programlist #hyou .day1 table table td .detail a:hover{
	background-color:#cdadd0;
	}
#program .programlist #hyou .day2 table table td .detail a{
	background-color:#4f9acd;
	}
#program .programlist #hyou .day2 table table td .detail a:hover{
	background-color:#b3d4ea;
	}
	
	
/*
#program .programlist table td ul{
	display:block;
	margin:1rem 0;
	}

#program .programlist table td ul li{
	margin-bottom:1rem;
	list-style:none;
	}

#program .programlist table td ul li:last-child{
	margin-bottom:0;
	}
*/

#program .programlist #hyou table + p{
	text-align:left;
	}


/*座長表示*/
#program .programlist #hyou table table.chairman{
	width:100%;
	height:auto;
	display:block;
	border:none;
	margin:0 0 1rem;
	border:none;
	}
#program .programlist #hyou table table.chairman th{
	font-weight:bold;
	padding-left:1.5em;
	}
#program .programlist #hyou table table.chairman td{
	font-weight:bold;
	}
	

@media screen and (max-width: 768px) {
	#program .programlist #hyou div table tr{
		border:2px solid #231815;
		border-left:none;
		border-right:none;
		
	}
	#program .programlist #hyou div table table tr{
		border:none;
		
	}

	#program .programlist #hyou table th,
	#program .programlist #hyou table td{
		/*display:block;*/
		border:none;
	}
	#program .programlist #hyou table th{
		display:none;
	}
	
	#program .programlist #hyou table table th{
		display:table-cell;
	}
	
	#program .programlist #hyou table td{
	}
	
	#program .programlist #hyou div table tr td .time{
		display:block;
		font-size:140%;
	}
	
	/*1行高さ固定*/
#program .programlist #hyou .day1 table td.row1,
#program .programlist #hyou .day2 table td.row1{
	height:auto;
	}
	
}

@media screen and (max-width: 480px) {
	#program .programlist #hyou table table,
	#program .programlist #hyou table table tbody,
	#program .programlist #hyou table table tr,
	#program .programlist #hyou table table th,
	#program .programlist #hyou table table td{
	display:block !important;
	width:100%;
		
	}
	
	.btnon #program .programlist #hyou table table td{
	min-height:4em;
	}
	
	.btnon #program .programlist #hyou table table td p{
	width:100%;
	display:inline-block;
	position:relative;
	padding-right:7em;
	}
	
	.btnon #program .programlist #hyou table table td .detail{
	width:6em;
	position:absolute;
	top:50%;
	right:-0em;
	z-index:1;
	transform:translate(-0%,-50%);
	display:flex;
	flex-direction: column;
	margin:0;
	}
	#program .programlist #hyou table table td .detail a{
		width:100%;
	}
	
	#program .programlist #hyou table table td .detail a:first-child{
		margin-bottom:0.5em;
	}
	
}
/*
@media screen and (max-width: 374px) {
	
	#program .programlist #hyou table table th,
	#program .programlist #hyou table table td{
		display:table-cell;
		
	}
	
}
*/

/*--------------------------
　RCベテリナリーシンポジウムとは
--------------------------*/


	#when {
		width:100%;
		/*max-width:1360px;*/
		min-width:290px;
		margin:0 auto;
		padding:0 13%;
		position:relative;
		overflow:hidden;
		text-align:center;
	}
	
	#when .text {
		line-height:1.6em;
		text-align:center;
		font-size:2rem;
		display:inline-block;
	}
	
	#when img {
		width:18%;
		min-width:200px;
		position:absolute;
		bottom:-5%;
		right:0%;
		transform:translate(100%,-5%);
		z-index:-1;
	}
	



@media screen and (max-width: 800px) {

	#when .text {
		text-align:left;
	}
	#when .text p {
		display:inline;
		text-align:left;
	}

}


.inner-content {
	width:100%;
	/*min-width:290px;
	margin:0 auto 100px;*/
	margin:0 auto;
	position:relative;
	z-index:1;
	/*background-color:rgba(255,255,255,0.3)*/
	}


/*--------------------------
　参加方法
--------------------------*/

	
	#sankahouhou .inner-content ul {
	width:100%;
	max-width:1500px;
	margin:0 auto 1rem;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap  !important;
	}
	
	#sankahouhou .inner-content ul li {
	width:22%;
	border:1px solid #c8c8c8;
	margin:0 0 0;
	list-style:none;
	justify-content: space-between;
	position:relative;
	}
	
	#sankahouhou .inner-content ul li img {
	width:100%;
	}
	
	
	#sankahouhou .inner-content .step12{
	width:2.3%;
	display:block;
	position:absolute;
	top:50%;
	left:24%;
	transform:translate(-50%,-50%) rotate(0deg);
	}
	
	#sankahouhou .inner-content .step23{
	width:2.3%;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(0deg);
	}
	
	
	#sankahouhou .inner-content .step34{
	width:2.3%;
	display:block;
	position:absolute;
	top:50%;
	left:76%;
	transform:translate(-50%,-50%) rotate(0deg);
	}
	
	
	#sankahouhou .inner-content ul li:last-child::after{
	display:none;
	}
	
	
	#sankahouhou .inner-content > p {
	font-size:1.4rem;
	}



@media screen and (max-width: 800px) {

	#sankahouhou .inner-content > ul li {
		width:45%;
		margin-bottom:60px;
		}
	
	#sankahouhou .inner-content > ul li:nth-child(3),
	#sankahouhou .inner-content > ul li:nth-child(4) {
		margin-bottom:0px;
		}
	
	#sankahouhou .inner-content .step12{
		width:4%;
		display:block;
		position:absolute;
		top:22%;
		left:50%;
		transform:translate(-50%,-50%) rotate(0deg);
	}
	
	#sankahouhou .inner-content .step23{
		width:4%;
		display:block;
		position:absolute;
		top:50%;
		left:75%;
		transform:translate(-50%,-50%) rotate(90deg);
	}
	
	#sankahouhou .inner-content .step34{
		width:4%;
		display:block;
		position:absolute;
		top:77%;
		left:50%;
		transform:translate(-50%,-50%) rotate(180deg);
	}

	
}

@media screen and (max-width: 480px) {
	
	#sankahouhou .inner-content > ul {
		flex-direction: column;
	  flex-wrap: wrap;
	  max-width:500px;
		}
	
	#sankahouhou .inner-content > ul li {
		width:100%;
		margin-bottom:40px !important;
		}
	
	#sankahouhou .inner-content > ul li:nth-child(4) {
		margin-bottom:0px !important;
		}
	
	#sankahouhou .inner-content .step12{
		width:6%;
		display:block;
		position:absolute;
		top:24%;
		left:50%;
		transform:translate(-50%,-50%) rotate(90deg);
	}
	
	#sankahouhou .inner-content .step23{
		width:6%;
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%) rotate(90deg);
	}
	
	
	#sankahouhou .inner-content .step34{
		width:6%;
		display:block;
		position:absolute;
		top:76%;
		left:50%;
		transform:translate(-50%,-50%) rotate(90deg);
	}
	
}



ul.list {
	margin-bottom:3rem;
}
ul.list li{
	margin-bottom:1rem;
	list-style:disc;
}


/*--------------------------
　テキスト写真2カラム
--------------------------*/

	#text-photo .inner ul {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	
	#text-photo .inner ul li {
	width:46.5%;
	margin:0 0 45px;
	list-style:none;
	justify-content: space-between;
	position:relative;
	}
	
	
	
	#text-photo .inner ul li::after {
	content: "";
	display: block;
	clear: both;
	}
	
	
	
	#text-photo .inner ul li img {
	width:100%;
	margin:0 auto;
	}
	
	#text-photo .inner ul li .text {
	width:100%;
	margin:0;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(-0%,-50%);
	font-size: 2rem;
	}
	
	
	#text-photo .inner ul li .text h4 {
	color:#e6001c;
	font-size:2.4rem;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 0.5em 0;
	}




@media screen and (max-width: 800px) {

	#text-photo .inner ul{
	flex-direction:column;
	}
	
	#text-photo .inner ul li {
	width:100%;
	margin:0 0 45px;
	}
	
	#text-photo .inner ul li .text {
	position:relative;
	top:0%;
	left:0;
	transform:translate(-0%,-0%);
	}
}
	
/*--------------------------
　LETsスタディ
--------------------------*/

#study {
	
}

.inner-content {
	width:95%;
	max-width:1500px;
	margin:0 auto;
	position:relative;
	z-index:1;
	/*background-color:rgba(0,255,255,0.3)*/
	}
	
.inner-content::after {
  content: "";
  display: block;
  clear: both;
}


.inner-content .speaker {
	display:block;
	width:100%;
	max-width:1500px;
	margin:0 auto 50px;
	padding:3rem  1rem 5rem;
	border-bottom:1px solid #ccc;
	}

.inner-content .speaker h3 {
	background-color:#e6001c;
	color:#fff;
	margin:0 0 1rem;
	padding:0.2em 0.5em;
	position:relative;
	top:0;
	left:0;
    transform: translate(-0%,-0%);
	text-align:left;
	display:inline-block;
	width:auto;
	font-size:200% !important;
	}

.inner-content .speaker ul {
	width:88%;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	}

.inner-content .speaker ul li {
	margin:0;
	list-style:none;
	}
	
.inner-content .speaker ul li:first-child {
	width:20%;
	}

.inner-content .speaker ul li:last-child {
	width:75%;
	}




@media screen and (max-width: 1000px) {


	.inner-content .speaker ul li:first-child {
	width:30%;
	}
	
	.inner-content .speaker ul li:last-child {
	width:65%;
	}
	
}


@media screen and (max-width: 480px) {

	.inner-content .speaker ul {
	flex-direction:column;
	}
	
	.inner-content .speaker ul li img {
	margin-bottom:30px;
	}
	
	.inner-content .speaker ul li:first-child {
	width:100%;
	}
	
	.inner-content .speaker ul li:last-child {
	width:100%;
	}
	
}



.inner-content .speaker::after {
  content: "";
  display: block;
  clear: both;
}


.inner-content .speaker .prof {
	float:right;
	width: calc(100% - 300px);
	display:block;
	background-color:#F39;
	}

.inner-content .speaker .title{
	color:#e6001c;
	font-weight:bold;
	text-align:left;
	margin-bottom:0.7em;
	}

.inner-content .speaker .name {
	font-size:160%;
	font-weight:bold;
	text-align:left;
	margin-bottom:0.7em;
}

.inner-content .speaker .degree{
	font-size:120%;
	text-align:left;
	margin-bottom:1.7em;
	}

.inner-content .speaker .degree span{
	font-weight:bold;
	}

.inner-content .speaker .text1,
.inner-content .speaker .text2,
.inner-content .speaker .text3,
.inner-content .speaker .text4{
	text-align:left;
	}

.inner-content .speaker .text1 p,
.inner-content .speaker .text2 p,
.inner-content .speaker .text3 p,
.inner-content .speaker .text4 p{
	font-size:100%;
	height:auto;
	white-space:normal;
	}

.inner-content .speaker .text1 p.open,
.inner-content .speaker .text2 p.open,
.inner-content .speaker .text3 p.open,
.inner-content .speaker .text4 p.open{
	height:auto;
	white-space:normal;
	}
	

.inner-content .speaker img {
	width:100%;
	margin:0 auto;
	float:left;
	}

.inner-content .speaker ul li {
	border:none;
	}



/*
プログラム表
*/

table#program {
	width:100%;
	border:1px solid #666;
}


table#program th,
table#program td {
	border:1px solid #666;
	padding:1em 3em;
	font-size:1.8rem;
}


table#program td:first-child {
	text-align:center;
}


table#program th {
	background-color:#111;
	color:#fff;
}


.inner-content .speaker .text1 p + p.btn,
.inner-content .speaker .text2 p + p.btn,
.inner-content .speaker .text3 p + p.btn,
.inner-content .speaker .text4 p + p.btn,
.inner-content .speaker .text5 p + p.btn,
.inner-content .speaker .text6 p + p.btn,
.inner-content .speaker .text7 p + p.btn,
.inner-content .speaker .text8 p + p.btn,
.inner-content .speaker .text9 p + p.btn,
.inner-content .speaker .text10 p + p.btn{
	display:none;
}

@media screen and (max-width: 800px) {
	
	table#program th,
	table#program td {
	padding:1em 1em;
	font-size:1.4rem;
	}

.inner-content .speaker .text1 p:first-child,
.inner-content .speaker .text2 p:first-child,
.inner-content .speaker .text3 p:first-child,
.inner-content .speaker .text4 p:first-child,
.inner-content .speaker .text5 p:first-child,
.inner-content .speaker .text6 p:first-child,
.inner-content .speaker .text7 p:first-child,
.inner-content .speaker .text8 p:first-child,
.inner-content .speaker .text9 p:first-child,
.inner-content .speaker .text10 p:first-child{
	position: relative;
	font-size:1.8rem;
	height:5rem;
	overflow: hidden;
    text-overflow: ellipsis;
	line-height:2.5rem;
	margin-bottom:0.5em;
	}

.inner-content .speaker .text1 p:first-child::before,
.inner-content .speaker .text2 p:first-child::before,
.inner-content .speaker .text3 p:first-child::before,
.inner-content .speaker .text4 p:first-child::before,
.inner-content .speaker .text5 p:first-child::before,
.inner-content .speaker .text6 p:first-child::before,
.inner-content .speaker .text7 p:first-child::before,
.inner-content .speaker .text8 p:first-child::before,
.inner-content .speaker .text9 p:first-child::before,
.inner-content .speaker .text10 p:first-child::before {
	position:absolute;
	background-color: #fff;
}

.inner-content .speaker .text1 p:first-child::before,
.inner-content .speaker .text2 p:first-child::before,
.inner-content .speaker .text3 p:first-child::before,
.inner-content .speaker .text4 p:first-child::before,
.inner-content .speaker .text5 p:first-child::before,
.inner-content .speaker .text6 p:first-child::before,
.inner-content .speaker .text7 p:first-child::before,
.inner-content .speaker .text8 p:first-child::before,
.inner-content .speaker .text9 p:first-child::before,
.inner-content .speaker .text10 p:first-child::before {
	content: "･･･";
	display:inline-block;
	width:3.6rem;
    bottom: 0;
    right: 0;
	background-color: #fff;
}


.inner-content .speaker .text1 p:first-child.open,
.inner-content .speaker .text2 p:first-child.open,
.inner-content .speaker .text3 p:first-child.open,
.inner-content .speaker .text4 p:first-child.open,
.inner-content .speaker .text5 p:first-child.open,
.inner-content .speaker .text6 p:first-child.open,
.inner-content .speaker .text7 p:first-child.open,
.inner-content .speaker .text8 p:first-child.open,
.inner-content .speaker .text9 p:first-child.open,
.inner-content .speaker .text10 p:first-child.open{
	height:auto;
	white-space:normal;
	}

.inner-content .speaker .text1 p.open:before,
.inner-content .speaker .text2 p.open:before,
.inner-content .speaker .text3 p.open:before,
.inner-content .speaker .text4 p.open:before,
.inner-content .speaker .text5 p.open:before,
.inner-content .speaker .text6 p.open:before,
.inner-content .speaker .text7 p.open:before,
.inner-content .speaker .text8 p.open:before,
.inner-content .speaker .text9 p.open:before,
.inner-content .speaker .text10 p.open:before {
	display:none;
}

.inner-content .speaker .text1 p + p.btn,
.inner-content .speaker .text2 p + p.btn,
.inner-content .speaker .text3 p + p.btn,
.inner-content .speaker .text4 p + p.btn,
.inner-content .speaker .text5 p + p.btn,
.inner-content .speaker .text6 p + p.btn,
.inner-content .speaker .text7 p + p.btn,
.inner-content .speaker .text8 p + p.btn,
.inner-content .speaker .text9 p + p.btn,
.inner-content .speaker .text10 p + p.btn{
	position:absolute;
	display:inline-block;
	background-color:#666;
	color:#fff;
	font-size:1.4rem;
	padding:0.3em 1em;
	right:0;
	
	}
.inner-content .speaker .text1 p + p.btn span.off,
.inner-content .speaker .text2 p + p.btn span.off,
.inner-content .speaker .text3 p + p.btn span.off,
.inner-content .speaker .text4 p + p.btn span.off,
.inner-content .speaker .text5 p + p.btn span.off,
.inner-content .speaker .text6 p + p.btn span.off,
.inner-content .speaker .text7 p + p.btn span.off,
.inner-content .speaker .text8 p + p.btn span.off,
.inner-content .speaker .text9 p + p.btn span.off,
.inner-content .speaker .text10 p + p.btn span.off{
	display:inline;
	}
.inner-content .speaker .text1 p + p.btn span.on,
.inner-content .speaker .text2 p + p.btn span.on,
.inner-content .speaker .text3 p + p.btn span.on,
.inner-content .speaker .text4 p + p.btn span.on,
.inner-content .speaker .text5 p + p.btn span.on,
.inner-content .speaker .text6 p + p.btn span.on,
.inner-content .speaker .text7 p + p.btn span.on,
.inner-content .speaker .text8 p + p.btn span.on,
.inner-content .speaker .text9 p + p.btn span.on,
.inner-content .speaker .text10 p + p.btn span.on{
	display:none;
	}
	
.inner-content .speaker .text1 p.open + p.btn.open span.off,
.inner-content .speaker .text2 p.open + p.btn.open span.off,
.inner-content .speaker .text3 p.open + p.btn.open span.off,
.inner-content .speaker .text4 p.open + p.btn.open span.off,
.inner-content .speaker .text5 p.open + p.btn.open span.off,
.inner-content .speaker .text6 p.open + p.btn.open span.off,
.inner-content .speaker .text7 p.open + p.btn.open span.off,
.inner-content .speaker .text8 p.open + p.btn.open span.off,
.inner-content .speaker .text9 p.open + p.btn.open span.off,
.inner-content .speaker .text10 p.open + p.btn.open span.off{
	display:none;
	}
.inner-content .speaker .text1 p.open + p.btn.open span.on,
.inner-content .speaker .text2 p.open + p.btn.open span.on,
.inner-content .speaker .text3 p.open + p.btn.open span.on,
.inner-content .speaker .text4 p.open + p.btn.open span.on,
.inner-content .speaker .text5 p.open + p.btn.open span.on,
.inner-content .speaker .text6 p.open + p.btn.open span.on,
.inner-content .speaker .text7 p.open + p.btn.open span.on,
.inner-content .speaker .text8 p.open + p.btn.open span.on,
.inner-content .speaker .text9 p.open + p.btn.open span.on,
.inner-content .speaker .text10 p.open + p.btn.open span.on{
	display:inline;
	}

}

/*--------------------------
　PR動画
--------------------------*/


	.youtube {
		display:block;
		position: relative;
		width: 100%;
		margin-bottom:0;
		padding-top: 56.25%;
		border:1px solid #ccc;
		}
	
	.youtube iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}
	
	 .youtube img {
		display:none;
		height:1px;
		width:1px;
	}

/*口頭発表者の名前・開始時間*/

.youtube + #movie-time {
		margin-top:1rem;
		}
		
.youtube + #movie-time ul {
	width:100%;
		position: relative;
		width: 100%;
		margin-bottom:0;
		}

.youtube + #movie-time ul li {
	width:100%;
	margin-bottom:0.3rem;
		}

.youtube + #movie-time ul li p {
	display:inline-block;
		}
.youtube + #movie-time ul li .name {
	font-weight:bold;
	white-space:nowrap;
	width:7em;
		}


.inner-content ul h4 {
	margin-left:20px;
	line-height:1.6em;
	/*font-size:200%;*/
	}
	
	
	

a#anchor01,
a#anchor02,
a#anchor03,
a#anchor04,
a#anchor05 {
	position:absolute;
	top:-200px;
}





@media screen and (max-width: 800px) {

	ul.btn-two {
		flex-direction: column;
		flex-wrap: wrap;
		max-width:520px;
	}
	
	
	ul.btn-two li {
		width:100%;
	}
	
	ul.btn-two li:first-child {
		margin-bottom:30px;
	}
}


@media screen and (max-width: 700px) {
	
	
	#when img {
	position:relative;
	top:0px;
	right:0;
	margin:10px auto 0;
	display:block;
	
	}
}



@media screen and (max-width: 480px) {
	
	
	#when img {
	position:relative;
	top:0px;
	right:50%;
	margin:10px auto 0;
	display:block;
	
	}
}


#wrap {
	width:100%;
}



small {
    font-size: 80%;
}



/*.inner::after {
  content: "";
  display: block;
  clear: both;
}*/

/*クリアフィックス*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


/*動画がない場合*/
.nomovie {
	display:block;
	position: relative;
	width: 100%;
	margin-bottom:0;
	padding: 8rem 2rem;
	border:1px solid #ccc;
	background:url(../img/nomovie_bg.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	}

.nomovie p {
	text-align:center;
	font-weight:bold;
	}

.nomovie p span {
	text-align:left;
	}

/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
	プログラム
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-*/
#program {}

#program .programlist{
	text-align:center;
	}

#program .programlist #hyou{
	/*
	display:flex;
	justify-content: space-between;
	*/
	width:100%;
	margin:7rem 0 2rem;
	}


#program .programlist #hyou > div{
	width:48%;
	width:100%;
	display:block;
	}
#program .programlist #hyou > div .tab{
	width:80%;
	display:block;
	position:absolute;
	top:0;
	left:50%;
	transform: translate(-50%,-140%);
	line-height:1em;
	border-radius:100px;
	}

#program .programlist #hyou > div.day1 .tab{
	background-color:#9b5aa0;
	}

#program .programlist #hyou > div.day2 .tab{
	background-color:#c43c81;
	}

#program .programlist #hyou > div .tab img{
	display:block;
	width:100%;
	}

@media screen and (max-width: 430px) {
	
	#program .programlist #hyou{
	flex-direction: column;
	}
	#program .programlist #hyou > div{
	width:100%;
	}
	/*
	#program .programlist #hyou > div:first-child{
		margin-bottom:10rem;
	}
	*/
}



	
#program .programlist #hyou .day1 h3,
#program .programlist #hyou .day2 h3{
	padding:1rem 1rem 1rem;
	font-size:120%;
	line-height:1.2em;
	margin-bottom:1em;
	}
#program .programlist #hyou .day1 h3{
	color:#9c5aa1;
	}
#program .programlist #hyou .day2 h3{
	color:#a40b5d;
	}

#program .programlist #hyou .day1 h3 span,
#program .programlist #hyou .day2 h3 span{
	display:inline-block;
	color:#4d4d4d;
	}	
#program .programlist #hyou .day1 h3 span.mini,
#program .programlist #hyou .day2 h3 span.mini{
	display:inline-block;
	font-size:70%;
	margin-left:1em;
	color:#4d4d4d;
	}
	
#program .programlist #hyou .day1 p.subtitle,
#program .programlist #hyou .day2 p.subtitle{
	font-size:100%;
	display:inline-block;
	font-weight:bold;
	margin:1em 0.5em 0.5em;
	}
	
#program .programlist #hyou table{
	width:100%;
	height:100%;
	text-align:left;
	margin:0;
	}

#program .programlist #hyou table th{
	white-space:nowrap;
	text-align:center;
	font-size:100%;
	vertical-align:top;
	background-color:#dcc5de;
	border:2px solid #231815;
	border-left:none;
	border-right:none;
	}
#program .programlist #hyou table td{
	border:2px solid #231815;
	border-left:none;
	border-right:none;
	padding:0;
	}

#program .programlist #hyou table th h3{
	margin-bottom:0.5em;
	font-weight:bold;
	}
#program .programlist #hyou div table tr td .time{
	text-align:center;
	padding:0.3em 1em;
	display:none;
	font-weight:bold;
	}

#program .programlist #hyou .day1 table tr td span.color{
	color:#9c5aa1;
	}
#program .programlist #hyou .day2 table tr td span.color{
	color:#a40b5d;
	}


/*奇数*/
#program .programlist #hyou .day1 table tr:nth-child(odd) th,
#program .programlist #hyou .day1 table tr:nth-child(odd) td .time{
	background-color:#caadd1;
	}

#program .programlist #hyou .day1 table tr:nth-child(odd) td{
	background-color:#fff;
	}

#program .programlist #hyou .day2 table tr:nth-child(odd) th,
#program .programlist #hyou .day2 table tr:nth-child(odd) td .time{
	background-color:#ca889e;
	}

#program .programlist #hyou .day2 table tr:nth-child(odd) td{
	background-color:#fff;
	}
		
/*偶数*/
#program .programlist #hyou .day1 table tr:nth-child(even) th,
#program .programlist #hyou .day1 table tr:nth-child(even) td .time{
	background-color:#dac6e0;
	}
#program .programlist #hyou .day1 table tr:nth-child(even) td{
	background-color:#fff;
	}
	
#program .programlist #hyou .day2 table tr:nth-child(even) th,
#program .programlist #hyou .day2 table tr:nth-child(even) td .time{
	background-color:#dbb2bf;
	}
#program .programlist #hyou .day2 table tr:nth-child(even) td{
	background-color:#fff;
	}

/*1行高さ固定*/
#program .programlist #hyou .day1 table td.row1,
#program .programlist #hyou .day2 table td.row1{
	height:3rem;
	}


#program .programlist #hyou table table{
	width:100%;
	height:auto;
	display:block;
	border:none;
	margin:0;
	border:none;
	}

#program .programlist #hyou table table tr{
	
	}
	
#program .programlist #hyou table table th,
#program .programlist #hyou table table td{
	border:none;
	padding:0 1rem;
	/*font-weight:normal;*/
	padding-bottom:1rem;
	font-size:100%;
	background-color:transparent !important;
	vertical-align:top;
	}
	
#program .programlist #hyou table table th{
	white-space:nowrap;
	text-align:left;
	width:0;/*間延びを防ぐため*/
	}
#program .programlist #hyou table table th p{
	position:relative;
	display:block;
	padding-left:0.7em;
	font-weight:bold;
	}
	
#program .programlist #hyou table table th p:before{
	content:"";
	display:block;
	width:0.5em;
	height:0.5em;
	background-color:#9C5AA1;
	position:absolute;
	top:50%;
	left:0;
	font-weight:300;
	transform: translate(-0%,-50%);
	}

#program .programlist #hyou .day1 table table th p:before{
	background-color:#9C5AA1;
	}
#program .programlist #hyou .day2 table table th p:before{
	background-color:#a40b5d;
	}

#program .programlist #hyou table table td.title{
	font-weight:bold;
	padding-top:1rem;
	padding-bottom: 0.5rem;
	font-size:100%;
	}

#program .programlist #hyou .day1 table table td.title{
	color:#9c5aa1;
	}

#program .programlist #hyou .day2 table table td.title{
	color:#036eb8;
	}

#program .programlist #hyou table + p{
	text-align:left;
	}


@media screen and (max-width: 768px) {
	
	#program .programlist #hyou table th,
	#program .programlist #hyou table td{
		/*display:block;*/
	}
	#program .programlist #hyou table th{
		display:none
	}
	
	
	#program .programlist #hyou table table th{
		display:table-cell;
	}
	
	#program .programlist #hyou div table tr td{
		
	}
	
	#program .programlist #hyou div table tr td .time{
		display:block;
	}
	
}

@media screen and (max-width: 480px) {
	
	#program .programlist #hyou table table th,
	#program .programlist #hyou table table td{
	display:block;
	width:100%;
		
	}
	
}

/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
	PD/PSDご挨拶
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-*/
#greeting {
	}

#president {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom:2rem;
}


ul#greeting_btn {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	max-width:1000px;
	margin:0 auto;
}




ul#greeting_btn li {
	width:48%;
	border:2px solid #000;
	list-style:none;
}


ul#greeting_btn li a{
	display:block;
	text-decoration:none;
	height:8em;
	height:150px;
}

ul#greeting_btn li a p{
	width:11em;
	display:inline-block;
	background-color:#1e2d58;
	padding:1em 2em;
	color:#fff;
	border-radius:30em;
	white-space:nowrap;
	text-align:center;
	position:absolute;
	top:50%;
	left:5%;
	transform: translate(-0%,-50%);
	border:3px solid #fff;
	overflow:hidden;
}

ul#greeting_btn li a p.ja{
	width:11em;
}
ul#greeting_btn li a p.en{
	width:15em;
}



ul#greeting_btn li a p::after {
  background: linear-gradient(97deg, rgba(134,189,231,0.7), rgba(189,156,199,0.7) 50%, rgba(189,156,199,0.0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 200%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}


.inner #btn ul li a:hover p {
  color: #fff;
}
ul#greeting_btn li a:hover p::after {
  transform: scale(1, 1);
}


ul#greeting_btn li:first-child {
	background-color:#F33;
	background:url(../img/greeting_1.png);
	background-size:auto 100%;
	background-position: right;
	background-repeat:no-repeat;
	margin-bottom:0;
}
ul#greeting_btn li:last-child {
	background-color:#066;
	background:url(../img/greeting_2.png);
	background-size:auto 100%;
	background-position: right;
	background-repeat:no-repeat;
	margin-bottom:0;
}


#greeting-pd h2,
#greeting-pspo h2{
	margin:0 auto 0.3em;
	}

/*PD挨拶*/
#p-director {
}

#p-director div.person {
	width:100%;
	display:flex;
	justify-content: flex-end;
	margin-bottom:1rem;
}

#p-director .person .post {
	width:65%;
	padding:2em;
	text-align:right;
}

#p-director .person .post p {
	display:block;
	margin:0;
	position:absolute;
	bottom:2rem;
	right:2rem;
	transform: translate(-0%,-0%);
}
#p-director .person .post p span{
	display:block;
}

#p-director .person .post p span.degree{
	margin-bottom:0.5em;
}
#p-director .person .post p span.name{
	font-weight:bold;
}

#p-director .person .post p span span{
	display:inline-block;
}

#p-director .person .photo {
	width:35%;
	max-width:400px;
}



#p-director .text {
	width:100%;
	text-align:left;
	margin:0;
	padding:3rem 0;
	line-height:1.8em;
}


#p-director div img {
	width:100%;
}

#p-director > div p {
	font-size:120%;
	margin-top:1rem;
}


/*PSPOご紹介*/

#greeting-pspo h3{
	font-size:140%;
	font-weight:bold;
	padding:0.3em 0.5em;
	color:#fff;
	background: linear-gradient(to right, #004071, #6bcef4);
	font-family:Verdana, Geneva, sans-serif;
}

.pspo {
	display:flex;
	flex-flow: row wrap;
	justify-content:space-between;
}

.pspo:first-of-type {
	margin-bottom:3rem;
}

.pspo > div{
	width:21%;
	margin-bottom:1rem;
}

.pspo > div .project{
	font-size:75%;
	font-weight:normal;
	padding:0.5em 0.7em;
	margin-bottom:0.3em;
	line-height:1em;
	text-align:center;
	border-radius:3rem;
	color:#fff;
	background-color:#004071;
	font-family:Verdana, Geneva, sans-serif;
}

.pspo > div .no-project{
	font-size:75%;
	font-weight:normal;
	padding:0.5em 0.7em;
	margin-bottom:0.3em;
	line-height:1em;
	text-align:center;
	border-radius:3rem;
	color:transparent;
	background-color:transparent;
	font-family:Verdana, Geneva, sans-serif;
}

.pspo > div .name{
	font-size:120%;
	font-weight:bold;
	margin-bottom:0.3rem;
}

/*
.pspo > div .name::after{
	content:"先生";
	margin-left:0.5em;
}
*/

@media (max-width: 1024px){
	
	.pspo > div{
	width:30%;
	margin-bottom:1rem;
	}

}

@media (max-width: 769px){
	
	.pspo > div{
	width:46%;
	margin-bottom:1rem;
	}

}

.pspo > div img{
	display:block;
	width:100%;
	margin-bottom:1rem;
}



#president > div p.title {
	text-align:left;
	font-size:180%;
	margin:1rem 0 4rem;
}
#president > div p.degree {
	text-align:right;
}

#president > div p.degree span {
	display:inline-block;
	padding-left:1em;
}

#president > div p.name {
	text-align:right;
	font-weight:bold;
	font-size:160%;
	margin-top:1rem;
}

@media (max-width: 769px){
	
	ul#greeting_btn li a{
	height:100px;
	}

}

@media (max-width: 639px){
	
	ul#greeting_btn {
		flex-direction: column;
		justify-content: space-between;
		width:100%;
		max-width:400px;
	}
	ul#greeting_btn li {
	width:100%;
	border:2px solid #000;
	list-style:none;
	}
	
	ul#greeting_btn li:first-child {
		margin-bottom:2rem;
	}
	ul#greeting_btn li a p{
		top:50%;
	}
	
	ul#greeting_btn li a{
	height:150px;
}

}

@media (max-width: 480px){
	
	
	ul#greeting_btn li a{
	height:150px;
}

}

@media (max-width: 380px){
	
	
	ul#greeting_btn li a{
	height:130px;
}

}
/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
	デジタルポスター
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-*/

/*-------------------------
	詳細
-------------------------*/

section#detail {
	background-color: #eaf2f7;
}

/*
@media screen and (max-width: 789px) {
	section#detail {
	padding-top:11rem;
	}
}
@media screen and (max-width: 640px) {
	section#detail {
	padding-top:17rem;
	}
}
*/

#detail h2 {
	color:#fff;
	font-size:200%;
	font-weight:bold;
	text-align:left;
	margin-top:1em;
	padding:0.5em 1em 0.5em 5em;
	overflow:visible;
}

#detail h2 > p {
	font-size:3rem;
	position:absolute;
	top:-10px;
	left:10px;
	display:inline-block;
	color:#fff;
	padding:0.5em 1em;
	background-color:#005cb0;
	border-radius:0.5em;
	line-height:1em;
	transform:translate(-0%,-0%);
}

#detail h2 p::after {
	display:none;
}

/*プロジェクト奇数*/
body.p1 #detail h2,
body.p3 #detail h2,
body.p5 #detail h2,
body.p7 #detail h2,
body.p9 #detail h2,
body.p11 #detail h2,
body.p13 #detail h2 {
	background:#1ead4c;
}
body.p1 #detail h2 > p,
body.p3 #detail h2 > p,
body.p5 #detail h2 > p,
body.p7 #detail h2 > p,
body.p9 #detail h2 > p,
body.p11 #detail h2 > p,
body.p13 #detail h2 > p       {
	background:#047517;
}

/*プロジェクト偶数*/
body.p2 #detail h2,
body.p4 #detail h2,
body.p6 #detail h2,
body.p8 #detail h2,
body.p10 #detail h2,
body.p12 #detail h2,
body.p14 #detail h2 {
	background:#e95283;
}
body.p2 #detail h2 > p,
body.p4 #detail h2 > p,
body.p6 #detail h2 > p,
body.p8 #detail h2 > p,
body.p10 #detail h2 > p,
body.p12 #detail h2 > p,
body.p14 #detail h2 > p {
	background:#d51a43;
}



/*1dayプログラム*/
body.p15 #detail h2 {
	background:#9c5aa1;
}
body.p15 #detail h2 > p {
	background:#5f2066;
}

/*2dayプログラム*/
body.p16 #detail h2 {
	background:#4f9acd;
}
body.p16 #detail h2 > p {
	background:#185da5;
}


#detail table {
	width:100%;
	margin:0 auto;
}

#detail table th, 
#detail table td{
	border:1px solid #ccc;
	padding:0.5em 1em;
	background-color:rgba(255, 255, 255, 0.5);
}


#detail p{
	font-size:160%;
}

#detail p span{
	margin-left:1em;
}



@media screen and (max-width: 640px) {

	#detail h2 {
		margin-top:2em;
		padding:0.5em 1em;
	}
	
	#detail h2 > p {
		top:0px;
		border-radius:0.5em 0.5em 0 0;
		transform:translate(-0%,-100%);
	}
}


/*-------------------------
	研究者
-------------------------*/

#researcher {
	display:block;
	width:100%;
	}

#researcher::after {
  content: "";
  display: block;
  clear: both;
}

#researcher #presenter {
	overflow:hidden;
	display:flex;
	justify-content: space-between;
	
	margin-bottom:2rem;
}

#researcher #presenter .photo {
	width:15%;
}

#researcher #presenter .photo + div {
	width:80%;
}

@media screen and (max-width: 900px) {

	#researcher #presenter .photo {
		width:20%;
	}
	
	#researcher #presenter .photo + div {
		width:75%;
	}
}

@media screen and (max-width: 800px) {

	#researcher #presenter .photo {
		width:30%;
	}
	
	#researcher #presenter .photo + div {
		width:65%;
	}
}


#researcher #presenter .prof {
	width:100%;
	padding:0;
	position:relative;
	top:100%;
	left:0;
	transform: translate(-0%,-100%);
}


#researcher #presenter .photo img {
	width:100%;
}


#dpimage p{
	line-height:1.6em;
}

#researcher #buntan {
	display:none;
	padding:1em;
	border:1px solid #ccc;
	border-radius:1rem;
	}

#researcher #buntan p {
	font-size:120%;
	font-weight:bold;
	text-align:left;
	margin:0 0 0.5em 0;
	padding-left:0.5em;
	display:block;
	}

#researcher #buntan p:last-child {
	margin:0;
	}
#researcher #buntan p span + span {
	margin-left:1em;
	font-weight:normal;
	}

#researcher .title{
	color:#e6001c;
	font-weight:bold;
	text-align:left;
	margin-bottom:0.7em;
	}

/*名前*/
#researcher .name {
	font-size:160%;
	font-weight:bold;
	text-align:left;
	margin-bottom:0.7em;
}

/*組織*/
#researcher .org {
	font-size:140%;
	font-weight:bold;
	text-align:left;
	margin-bottom:0.3em;
}

#researcher .org span {
	display:inline;
	margin-right:1em;
}



/*分担研究*/
#researcher .btn {
	display:block;
	font-size:100%;
	font-weight:bold;
	text-align:left;
	margin:1em 0 0.3em;
}

#researcher .btn span {
	display:inline-block;
	position:relative;
	border:1px solid #039;
	padding:0.5em 2.5em 0.5em 1em;
	color:#fff;
	background-image: linear-gradient(to bottom, #26568c, #082d72);
}

#researcher .btn span::after {
	content: "";
	display:inline-block;
	height:0.5em;
	width:0.5em;
	position:absolute;
	top:50%;
	right:1em;
	transform: translate(-0%,-75%) rotate(45deg);
	border:3px solid #fff;
	border-top:none;
	border-left:none;
	
	transition: .2s;
}

#researcher .btn span.off::after {
	transform: translate(-0%,-25%) rotate(-135deg);
}

#researcher .name span,
#researcher .org span,
#researcher .post span {
	margin-right:1em;
}

#researcher .degree{
	font-size:120%;
	text-align:left;
	margin-bottom:1.7em;
	}

#researcher .degree span{
	font-weight:bold;
	}
	

#researcher img {
	width:100%;
	margin:0 auto;
	float:left;
	}

#researcher ul li {
	border:none;
	}


	

/*-------------------------
	デジタルポスター（画像）
-------------------------*/


#dpimage h3 {
	font-size:140%;
	position: relative;
	margin-bottom: 2em;
	padding-bottom: 5px;
	border-bottom: 3px solid #cbd3de;

}



#dpimage h3::before {

position: absolute;

bottom: -3px;

left: 0;

display: block;

width: 100%;

max-width: 160px;

height: 3px;

content: '';

background-color: #1e2d58;

}


#gaiyouzu {
	width:70%;
}

#dpimage #pic {
	width:100%;
	/*max-width:600px;*/
	border:1px solid #ccc;
	position:relative;
	}


/*拡大した時*/
#dpimage #gaiyouzu.exp {
	width:100%;
	max-width:100%;
	}
	
#dpimage #gaiyouzu.exp #pic {
	width:100%;
	max-width:100%;
	}

	
@media screen and (max-width: 800px) {

	#gaiyouzu {
		width:100%;
	}
}

	
	
#dpimage #gaiyouzu #pic .inner {
	display:block;
	height:100%;
	overflow:scroll;
	position:relative;
	}
	
#dpimage #gaiyouzu #pic .inner img {
	display:block;
	width:100%;
	}

#dpimage #gaiyouzu.exp #pic .inner {
	width:auto;
	height:calc(100% - 2px);
	}

#dpimage #gaiyouzu.exp #pic .inner img {
	width:auto;
	height:auto;
	margin:0 auto;
	}
	

#dpimage #gaiyouzu #pic .btn {
	display:block;
	width:40px;
	height:40px;
	background-color:rgba(0, 0, 0, 0.2);
	position:absolute;
	top:0;
	right:0;
    transform: translate(-0%,-0%);
	background-image:url(../img/kakudai.svg);
	background-size:100% 100%;
	z-index:10;
	}

#dpimage #gaiyouzu.exp #pic .btn {
	background-image:url(../img/syukusyou.svg);
	}
	



/*-------------------------
	研究演題
-------------------------*/


/*演題ナビ*/

#research_project {
	background-color:#eaf2f7;
}

#research_project h3 {
	margin-bottom:1em;
	font-size:140%;
}

#research_project #navi {
}

#research_project #navi .text {
	margin-bottom:2rem;
}

#research_project ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	margin:0 !important;
}

#research_project ul li {
	width:calc(33% - 5px);
	text-align:center;
	list-style:none;
	top:0;
	transition: 0.3s;
	margin-bottom:1rem;
}

#research_project ul li div {
	overflow:hidden;
	top:0;
	display:block;
	height:100%;
	border-radius:1rem;
}

#research_project ul li.toggleButton {
	width:80px;
	white-space:nowrap;
}

#research_project .en ul li.toggleButton {
	white-space:nowrap;
	font-size:80%;
}

#research_project ul li div a{
	display:table;
	text-decoration:none;
	color:#fff;
	padding:1em 1em;
	width:100%;
	height:100%;
}


#research_project ul li div a::after {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: 50% 0%;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: 1;
  opacity:0;
}

#research_project ul li a:hover::after {
  transform: scale(1, 1);
  opacity:1;
}
 
 

#research_project ul li a p{
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	z-index:2;
}


#research_project ul li div a{
	position:relative;
	padding:1em 3em;
	}

#research_project ul li div a::before{
	font-size:120%;
	font-weight:bold;
	position:absolute;
	left:1em;
	top:50%;
	transform: translate(-50%,-50%) rotate(0deg);
	}
#research_project ul li:nth-child(1) div a::before{ content:"[A]"; }
#research_project ul li:nth-child(2) div a::before{ content:"[B]"; }
#research_project ul li:nth-child(3) div a::before{ content:"[C]"; }
#research_project ul li:nth-child(4) div a::before{ content:"[D]"; }
#research_project ul li:nth-child(5) div a::before{ content:"[E]"; }
#research_project ul li:nth-child(6) div a::before{ content:"[F]"; }
#research_project ul li:nth-child(7) div a::before{ content:"[G]"; }
#research_project ul li:nth-child(8) div a::before{ content:"[H]"; }
#research_project ul li:nth-child(9) div a::before{ content:"[I]"; }
#research_project ul li:nth-child(10) div a::before{ content:"[J]"; }
#research_project ul li:nth-child(11) div a::before{ content:"[K]"; }
#research_project ul li:nth-child(12) div a::before{ content:"[L]"; }
#research_project ul li:nth-child(13) div a::before{ content:"[M]"; }
#research_project ul li:nth-child(14) div a::before{ content:"[N]"; }
#research_project ul li:nth-child(15) div a::before{ content:"[O]"; }
#research_project ul li:nth-child(16) div a::before{ content:"[P]"; }
#research_project ul li:nth-child(17) div a::before{ content:"[Q]"; }
#research_project ul li:nth-child(18) div a::before{ content:"[R]"; }
#research_project ul li:nth-child(19) div a::before{ content:"[S]"; }
#research_project ul li:nth-child(20) div a::before{ content:"[T]"; }
#research_project ul li:nth-child(21) div a::before{ content:"[U]"; }


/*
#research_project ul li.toggleButton div{ background-color:#666; border:2px solid #666; }

#research_project ul li:nth-child(1) div a:hover p{ color:#0099CC; }
#research_project ul li:nth-child(2) div a:hover p{ color:#f27e7e; }
#research_project ul li:nth-child(3) div a:hover p{ color:#81bc2d; }
#research_project ul li:nth-child(4) div a:hover p{ color:#d6a91e; }
#research_project ul li:nth-child(5) div a:hover p{ color:#606dd0; }
#research_project ul li:nth-child(6) div a:hover p{ color:#666; }
*/

#research_project ul li:nth-child(odd) div{ background-color:#1ead4c; border:2px solid #1ead4c; }
#research_project ul li:nth-child(even) div{ background-color:#e95283; border:2px solid #e95283; }

#research_project ul li div a:hover p{ color:#333; }



#research_project ul li.on div{
	position:relative;
	top:1em;
	border-radius:1rem 1rem 0 0;
	
	transition: 0.3s;
	}



/*一覧ボタン*/

#research_project ul li a.list{
	display:inline-block;
	text-decoration:none;
	color:#fff;
	padding:1em 1em 1.5em;
	position:absolute;
	top:10%;
	right:0;
	background-color:#f00;
	width:auto;
	height:auto;
	transform:translate(-0%,-0%);
	transition: 0.3s;
	font-size:80%;
	border-radius:0.5em 0.5em 0 0;
	
}

#research_project ul li:hover a.list{
	transform:translate(-0%,-90%);
	
}

/*検索ボックス*/

#research_project #navi .toggleButton {
	
   	padding:0;
	margin:0;
	display:block;
	/*text-align:center;*/
	position:relative;
	width:100%;
}

#research_project #navi .toggleButton a {
	display:inline-block;
	width:26rem;
    background-color: #036eb7;
    color: #fc0;
	padding:2rem 1rem;
	position:relative;
	border-radius:1rem;
	margin:0;
	font-weight:bold;
	transition: 0.4s ;
	position:relative;
	left:50%;
	transform:translate(-50%,-0%);
	text-align:center;
}

#research_project #navi .toggleButton.on a {
	border-radius:1rem 1rem 0 0;
	left:100%;
	transform:translate(-100%,-0%);
}

#research_project #navi .toggleButton a p.t2 {
	display:none;
}

#research_project #navi .toggleButton.on a p.t2 {
	display:block;
}

#research_project #navi .toggleButton.on a p.t1 {
	display:none;
}

/*ポスター発表検索に戻るボタン*/

#research_project #navi .backButton {
	
   	padding:0;
	margin:0;
	display:block;
	position:relative;
	width:100%;
}

#research_project #navi .backButton a {
	display:inline-block;
	width:26rem;
    background-color: #036eb7;
    color: #fc0;
	padding:2rem 1rem 2rem 6.2rem;
	position:relative;
	border-radius:1rem;
	margin:0;
	font-weight:bold;
	transition: 0.4s ;
	position:relative;
	left:50%;
	transform:translate(-50%,-0%);
	text-decoration:none;
}


#research_project #navi .backButton a:before{
	content: '';/*何も入れない*/
	display: inline-block;
	width: 1.6em;/*画像の幅*/
	height: 1.6em;/*画像の高さ*/
	background-image: url(../img/left.svg);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	left:1em;
	transform: translate(-0%,-50%);
}


#research_project #navi #search-box {
	background-color:#f5f5f5;
	padding:3rem;
	position:relative;
	display:none;
	border:2px solid #ccc;
	border-radius:1rem 0 1rem 1rem;
	margin-bottom:1rem;
}

#research_project #navi #search-box > p{
	margin-bottom:2rem;
	padding:0.7em 1em;
	color:#f00;
	font-weight:bold;
	border:2px solid #ffb6b6;
	border-radius:0.5rem;
	text-align:center;
	font-size:120%;
	line-height:1em;
}


#research_project #navi #search-box + div{
	margin:1em 0;
}

#research_project #navi #search-box table{
	margin-bottom:1rem;
}

#research_project #navi #search-box table th,
#research_project #navi #search-box table td{
	padding:0.5rem 0;
	/*background-color:#fff;*/
	background-color:transparent;
	width:100%;
	border:none;
}

#research_project #navi #search-box table th{
	/*white-space:nowrap;*/
}

#research_project #navi #search-box table th .en span{
	display:inline-block;
}

#research_project #navi #search-box table input{
	width:100%;
	padding:0.5em 1em;
	border:1px solid #ccc;
	font-size:140%;
}


#research_project #navi #search-box #btn{
	display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
	width:80%;
	max-width:500px;
	min-width:226px;
	margin:0 auto;
	padding:0;
}

#research_project #navi #search-box #btn a{
	width:48%;
	background-color:#09c;
	color:#fff;
	text-align:center;
	padding:1em 2em;
	text-decoration:none;
	font-weight:bold;
	transition: 0.3s;
}


#research_project #navi #search-box #btn a:hover{
	background-color:#005CB0;
}

/*３つの検索方法*/

#research_project p.method {
	font-weight:bold;
	font-size:140%;
	margin:2em 0 1em;
	text-align:center;
	position:relative;
	display:block;
}

#research_project p.method::before {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background-color:#369;
	position:absolute;
	top:50%;
}

#research_project p.method span {
	display:inline-block;
	border:1px solid #369;
	padding:0.5em 1.5em;
	border-radius:5em;
	color:#369;
	background-color:#eaf2f7;
	line-height:1em;
	font-weight:bold;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}





@media screen and (max-width: 1000px) {
	
	#research_project #navi #search-box table th,
	#research_project #navi #search-box table td{
		display:block;
		width:100%;
		border:none;
	}

	#research_project #navi #search-box table td{
		border-top:none;
		margin-bottom:1em;
		padding-top:0;
	}

	#research_project #navi #search-box table tr:last-child td{
		margin-bottom:0;
	}
}


@media screen and (max-width: 1000px) {
	#research_project ul {
	/*flex-direction: column;*/
	}
	#research_project ul li {
		width:calc(50% - 5px);
		margin-bottom:1rem;
	}
	
	#research_project ul li:last-child {
		margin-bottom:0;
		display:block;
		line-height:0;
	}
	
	
	#research_project ul li.on:last-child {
		margin-bottom:0;
	}
	
	#research_project ul li.on a{
	padding:1em 0;
	}

}

@media screen and (max-width: 800px) {
	
	#research_project ul li {
		width:calc(100% - 0px);
		margin-bottom:1rem;
		font-size:120%;
	}
	
	#research_project #navi #search-box {
	border-radius:1rem 0rem 1rem 1rem;
	}

}


/*トップ検索ボタン*/

#search-btn {
	display:block;
	margin-top:4rem;
}

#search-btn p {
	text-align:center;
}

#search-btn p a {
	display:inline-block;
	padding:0.5em 2em;
	margin:0 auto;
	background-color:#369;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-radius:0.3em;
	font-size:140%;
}

#search-btn p a:hover {
	background-color:#39C;
}


/*リスト一覧*/

#poster-list {
	display:block;
	margin-top:4rem;
}

#poster-list .text {
	margin-bottom:2rem;
}


#poster-list a {
	display:block;
	background-color:#fc0;
	color:#036eb7;
	background-color:#036eb7;
	color:#fc0;
	text-decoration:none;
	padding:1em 3em;
	text-align:center;
	font-weight:bold;
	font-size:120%;
}

#poster-list a p {
	display:inline-block;
}

#poster-list a p::after {
	content:"";
	display:inline-block;
	width:0.6em;
	height:0.6em;
	border:4px solid #fff;
	border-left:none;
	border-top:none;
	position:absolute;
	top:50%;
	right:0;
	transform:translate(200%,-85%) rotate(45deg);
	transition: 0.3s;
}

#poster-list a.on p::after {
	transform:translate(200%,-45%) rotate(225deg);
}


#poster-list #list-box {
	display:none;
}

#poster-list table {
	width:100%;
}


#poster-list table tr{
	border: 1px solid #ccc;
}


#poster-list table th,
#poster-list table td{
	vertical-align:middle;
	padding:0.5em 0.5em;
}

#poster-list table th,
#poster-list table td:nth-of-type(3) {
	white-space:nowrap;
}

#poster-list table td:nth-of-type(3) {
	border-left: 1px solid #ccc;
	padding:0.5em 1em;
}

#poster-list table th:last-of-type a {
	padding:1em 1em;
	background-color:#CCC;
	font-size:80%;
	color:#333;
	transition: 0.3s;
	line-height:1em;
}

#poster-list table th:last-of-type a:hover {
	background-color:#F33;
	color:#fff;
}


/*
#poster-list table tr.type-a th:nth-of-type(1) {background-color:#80cde6;}
#poster-list table tr.type-b th:nth-of-type(1) {background-color:#f9bfbf;}
#poster-list table tr.type-c th:nth-of-type(1) {background-color:#c0dd96;}
#poster-list table tr.type-d th:nth-of-type(1) {background-color:#ebd58f;}
#poster-list table tr.type-e th:nth-of-type(1) {background-color:#ebd58f;}
*/
/*
#poster-list table tr.type-a th:nth-of-type(1) {background-color:#80cce6;}
#poster-list table tr.type-b th:nth-of-type(1) {background-color:#f9bfbf;}
#poster-list table tr.type-c th:nth-of-type(1) {background-color:#c0de96;}
#poster-list table tr.type-d th:nth-of-type(1) {background-color:#ebd48f;}
#poster-list table tr.type-e th:nth-of-type(1) {background-color:#cbcbbd;}
#poster-list table tr.type-f th:nth-of-type(1) {background-color:#ffd0a3;}
#poster-list table tr.type-g th:nth-of-type(1) {background-color:#f2ced9;}
#poster-list table tr.type-h th:nth-of-type(1) {background-color:#9adad8;}
#poster-list table tr.type-i th:nth-of-type(1) {background-color:#aacd8f;}
#poster-list table tr.type-j th:nth-of-type(1) {background-color:#b4add7;}
#poster-list table tr.type-k th:nth-of-type(1) {background-color:#e9a5c5;}
#poster-list table tr.type-l th:nth-of-type(1) {background-color:#c0d9db;}
#poster-list table tr.type-m th:nth-of-type(1) {background-color:#a0bfdf;}
#poster-list table tr.type-n th:nth-of-type(1) {background-color:#d3b9b5;}
*/


#poster-list table tr.type-a th:nth-of-type(1),
#poster-list table tr.type-c th:nth-of-type(1),
#poster-list table tr.type-e th:nth-of-type(1),
#poster-list table tr.type-g th:nth-of-type(1),
#poster-list table tr.type-i th:nth-of-type(1),
#poster-list table tr.type-k th:nth-of-type(1),
#poster-list table tr.type-m th:nth-of-type(1) {background-color:#bce7ca;}

#poster-list table tr.type-b th:nth-of-type(1),
#poster-list table tr.type-d th:nth-of-type(1),
#poster-list table tr.type-f th:nth-of-type(1),
#poster-list table tr.type-h th:nth-of-type(1),
#poster-list table tr.type-j th:nth-of-type(1),
#poster-list table tr.type-l th:nth-of-type(1),
#poster-list table tr.type-n th:nth-of-type(1) {background-color:#f8cbda;}




@media screen and (max-width: 1000px) {


#poster-list table td:nth-of-type(1),
#poster-list table td:nth-of-type(2){
	display:block;
	clear:both;
}

#poster-list table td:nth-of-type(1),
#poster-list table td:nth-of-type(2){
	border: none;
}

#poster-list table td:nth-of-type(2){
	border-top: 1px dashed #ccc;
}


#poster-list table th:last-of-type a {
	padding:1em 1em;
}

}




/*セミナーリスト２*/


#seminar_list .inner > ul {
	display:flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}

#seminar_list .inner > ul li{
	width:calc(25% - 10px);
	list-style:none;
	flex-wrap: wrap;
	margin:0 5px 20px;
	border-radius:10px;
	transition: 0.3s;
	cursor: pointer !important;
}

#seminar_list .inner > ul li a{
	display:block;
	text-decoration:none;
	color:inherit;
	cursor:pointer;
	padding:10px;
	border-radius:10px;
	transition: 0.3s;
	position:relative;
	overflow:hidden;

}

/*
#seminar_list .inner > ul li a::after{
	content:"詳細をみる";
	display:inline-block;
	padding:0.5em 1em;
	background-color:#005cb0;
	position:absolute;
	top: 20%;
	left:50%;
	
	transform:translate(-50%,-50%);
	transition: 0.4s;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	opacity:0;
	border:3px solid #fff;
	white-space:nowrap;

}


#seminar_list .inner > ul li a:hover::after{
	top:50%;
	left:50%;
	opacity:1;

}
*/

#seminar_list .inner > ul li h3{
	margin:0 0 1rem;
	padding:0.3em 1em;
	text-align:center;
	color:#fff;
	font-size:120%;
	letter-spacing:0.2em;
	z-index:1;
}



#seminar_list .inner > ul li.p1 h3,
#seminar_list .inner > ul li.p3 h3,
#seminar_list .inner > ul li.p5 h3,
#seminar_list .inner > ul li.p7 h3,
#seminar_list .inner > ul li.p9 h3,
#seminar_list .inner > ul li.p11 h3,
#seminar_list .inner > ul li.p13 h3,
#seminar_list .inner > ul li.p15 h3,
#seminar_list .inner > ul li.p17 h3 {background-color:#1ead4c;}

#seminar_list .inner > ul li.p2 h3,
#seminar_list .inner > ul li.p4 h3,
#seminar_list .inner > ul li.p6 h3,
#seminar_list .inner > ul li.p8 h3,
#seminar_list .inner > ul li.p10 h3,
#seminar_list .inner > ul li.p12 h3,
#seminar_list .inner > ul li.p14 h3,
#seminar_list .inner > ul li.p16 h3,
#seminar_list .inner > ul li.p18 h3 {background-color:#e95283;}


#seminar_list .inner > ul li.p15 h3 {background-color:#9c5aa1;}

#seminar_list .inner > ul li.p16 h3 {background-color:#4f9acd;}

/*
#seminar_list .inner > ul li.p1 h3{
	background-color:#0099CC;
}
#seminar_list .inner > ul li.p2 h3{
	background-color:#f27e7e;
}
#seminar_list .inner > ul li.p3 h3{
	background-color:#81bc2d;
}
#seminar_list .inner > ul li.p4 h3{
	background-color:#d6a91e;
}
#seminar_list .inner > ul li.p5 h3{
	background-color:#606dd0;
}
#seminar_list .inner > ul li.p6 h3{
	background-color:#65b2e6;
}
*/

#seminar_list .photo {
	width:100%;
	overflow:hidden;
	background-color:#fff;
	position:relative;
	padding-top:75%;
}
#seminar_list .photo img {
	width:100%;
	transition: 0.3s;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0%,-50%);
	
}


#seminar_list .photo p {
	display:inline-block;
	padding:0.5em 1em;
	background-color:#005cb0;
	position:absolute;
	top: 20%;
	left:50%;
	
	transform:translate(-50%,-50%);
	transition: 0.4s;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	opacity:0;
	border:3px solid #fff;
	white-space:nowrap;

}


#seminar_list .inner > ul li a:hover .photo p{
	top:50%;
	left:50%;
	opacity:1;

}

#seminar_list .inner > ul li:hover{
	/*transform: scale(1.5,1.5);*/
	cursor:pointer;
	background-color:#ddefff;
}


#seminar_list #performer_detail {
	width:100%;
	height:8em;
	padding:1rem 0 1rem 0;
	font-size:100%;
}

#seminar_list #performer_detail .seminar_title {
	font-weight:bold;
	margin-bottom:1rem;
}

#seminar_list ul li a p.name {
	display:block;
	font-weight:bold;
	font-size:120%;
}

#seminar_list ul li a p.degree {
	display:block;
	font-size:100%;
}


@media screen and (max-width: 1300px) {
	
	#seminar_list .inner > ul li{
	width:calc(33% - 10px);
	}

}

@media screen and (max-width: 1000px) {
	
	#seminar_list .inner > ul li{
	width:calc(50% - 10px);
	}

}

@media screen and (max-width: 600px) {
	
	#seminar_list .inner > ul li{
	width:calc(100% - 0px);
	}
	
	#seminar_list #performer_detail {
		height:auto;
	}

}

/*
ページャー
*/

ul.pager {
	display:block;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	margin:o auto;
	
}

ul.pager li {
	list-style:none;
	border:1px solid #707070;
	margin: 0 0.5rem;
}

ul.pager li a {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family: "M PLUS Rounded 1c";
	font-weight:bold;
	font-size:1.5rem;
	text-decoration:none;
	background-color:#fff;
	color:#707070;
	transition: 0.3s;
}

ul.pager li a:hover {
	background-color:#005CB0;
	color:#fff;
}

ul.pager li a.select {
	background-color:#5f5f5f;
	color:#fff;
}


@media screen and (max-width: 700px) {
	
		ul.pager li:nth-child(10) {
			display:none;
	}
}

@media screen and (max-width: 600px) {
	
		ul.pager li:nth-child(9),
		ul.pager li:nth-child(10) {
			display:none;
	}
}
@media screen and (max-width: 500px) {
	
		ul.pager li:nth-child(8),
		ul.pager li:nth-child(9),
		ul.pager li:nth-child(10) {
			display:none;
	}
}
@media screen and (max-width: 450px) {
	
		ul.pager li:nth-child(7),
		ul.pager li:nth-child(8),
		ul.pager li:nth-child(9),
		ul.pager li:nth-child(10) {
			display:none;
	}
}
@media screen and (max-width: 350px) {
	
		ul.pager li:nth-child(6),
		ul.pager li:nth-child(7),
		ul.pager li:nth-child(8),
		ul.pager li:nth-child(9),
		ul.pager li:nth-child(10) {
			display:none;
	}


}





	

@media screen and (max-width: 800px) {

	#base_glay table th,
	#base_glay table td {
		display:block;
		width:100%;
	}
	
	#base_glay table th {
		padding-right:0;
		font-size:160%;
	}
	
	
	#base_glay table td {
		margin-bottom:2rem;
	}
	
	
	#base_glay table th,
	#base_glay table td {
		text-align:center;
	}

}


/*-------------------------
抄録集ダウンロード
-------------------------*/


section#download {
}

#download ul {
	list-style:none;
	display:flex;
	justify-content: space-between;
}

#download ul li:first-child {
	width:38%;
	display:table;
}

#download ul li:last-child {
	width:58%;
	display:table;
}

#download ul li:first-child > div > div {
	display:block;
	background-color:#ffcc00;
	border-radius:2rem;
	max-width:400px;
	margin:0 auto;
	position:relative;
}

#download ul li:first-child img{
	display:block;
	width:100%;
}

#download ul li:first-child p{
	position:absolute;
	bottom:0;
	right:0;
	width:13%;
	transform: translate(-20%, 0%) rotate(20deg);
}

#download ul li div {
	display:table-cell;
	vertical-align:middle;
}
#download ul li:last-child #btn ul{
	margin:0;
}

#download ul li:last-child #btn ul li{
	width:100%;
}



@media screen and (max-width: 800px) {
	
	#download ul {
	flex-direction: column;
	}
	
	#download ul li:first-child,
	#download ul li:last-child {
		width:100%;
	}
	
	#download ul li:first-child{
		margin-bottom:4rem;
	}
}



/*-------------------------
アンケート
-------------------------*/


section#questionnaire {
}

#questionnaire ul {
	list-style:none;
	display:flex;
	justify-content: space-between;
}

#questionnaire ul li {
	width:48%;
	display:table;
}

#questionnaire ul li:first-child > div > div {
	display:block;
	background-color:#ffcc00;
	border-radius:2rem;
	max-width:400px;
	margin:0 auto;
	position:relative;
}

#questionnaire ul li:first-child img{
	display:block;
	width:100%;
}

#questionnaire ul li:first-child p{
	position:absolute;
	bottom:0;
	right:0;
	width:13%;
	transform: translate(-20%, 0%) rotate(20deg);
}

#questionnaire ul li div {
	display:table-cell;
	vertical-align:middle;
}
#questionnaire ul li:last-child #btn ul{
	margin:0;
}

#questionnaire ul li:last-child #btn ul li{
	width:100%;
}



@media screen and (max-width: 769px) {
	
	#questionnaire ul {
	flex-direction: column;
	}
	
	#questionnaire ul li {
		width:100%;
	}
	
	#questionnaire ul li:first-child{
		margin-bottom:2rem;
	}
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ログイン
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/


#login {
	text-align:center;
}


#login_box {
	display:block;
	width:100%;
	max-width:800px;
	min-width:280px;
	margin:1rem auto;
	padding:3rem;
	border: 4px solid #aaa;
  border-radius: 20px;
}

#login_box p{
	margin-bottom:1em;
}

#login_box table{
	width:100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

#login_box table th,
#login_box table td{
	border:none;
	text-align:right;
	white-space:nowrap;
	vertical-align:middle;
	padding:0.5em;

}

#login_box table tr td input {
	padding:0.5em 1em;
	font-size:160%;
	width:100%;

}

#error_msg {
	width:100%;
	max-width:800px;
	border:2px solid #ff9191;
	margin:0 auto;
	padding:1em;
	border-radius:1em;
	color:#f00;
	background-color:#fff0ff;
	}

#submit P{
	margin:0 0 3rem;
}

#submit P a{
	display:inline-block;
	margin:1rem;
	padding:0.8em 4em;
	background-color:#f00;
	color:#fff;
	text-decoration:none;
	font-size:140%;
	font-weight:bold;
	border-radius:0.3em;
	transition: .3s ;
}


#submit P a:hover{
	background-color:#F93;
}

#submit ul{
	max-width:800px;
	display:flex;
	margin:0 auto;
	justify-content: center;
}

#submit ul li{
	display:table;
	list-style:none;
	width:50%;
	padding:0 0.5em;
}


#submit ul li a{
	width:90%;
	height:100%;
	display:table-cell;
	margin:0 auto;;
	padding:0.8em 1em;
	background-color:#ccc;
	color:#333;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
	border-radius:0.3em;
	transition: .3s ;
}

#submit ul li a:hover{
	background-color:#f5f5f5;
}

#submit ul li a span{
	display:inline-block;
}

@media screen and (max-width: 480px) {

	#login_box {
		padding:2rem 3rem;
	}

	#login_box table th,
	#login_box table td{
		display:block;
		width:100%;
		text-align:left;
	
	}
	
	#login_box table td{
		margin-bottom:1rem;
	
	}
	
}

@media screen and (max-width: 480px) {

	#submit ul{
		flex-direction: column;
	}
	
	#submit ul li{
		width:100%;
	}
	
	#submit ul li:first-child{
		margin-bottom:2rem;
	}
	
	
	#submit ul li a{
		padding:1.5em 1em;
	}

}




/*ログインoffの場合*/
#submit.off a{
	pointer-events:none;
	background-color:#bebebe !important;
	color:#f0f0f0 !important;
}

#submit.off ul{
	display:none;
}


/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
	FAQ
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-*/



#faq {
	overflow:hidden;
}


#faq h3 {
	font-size:140%;
	position: relative;
	margin-bottom: 2em;
	padding-bottom: 5px;
	border-bottom: 3px solid #cbd3de;

}

#faq h3::before {

	position: absolute;
	bottom: -3px;
	left: 0;
	display: block;
	width: 100%;
	max-width: 160px;
	height: 3px;
	content: '';
	background-color: #1e2d58;

}


#faq .accordion{
	display:block;
	margin:30px 0 0;
  position: relative;
	
}

#faq .accordion > li{
	width:100%;
	margin-bottom:0;
	padding:1rem 0 1rem 1rem;
	display:block;
	border-bottom:1px solid #666;
	
}

#faq .accordion > li:last-child{
	border-bottom:none;
	
}

#faq .accordion li > p{
	width:100%;
	background-color:#fff;
	cursor:pointer;
	display:block;
	font-weight:bold;
	font-size:1.8rem;
	padding:0.5em 6rem 0.5rem 1rem;
	border-radius:0.5rem;
	
}

#faq .accordion li > p:hover{
	background-color:#005cb0;
	color:#fff;
	transition: 0.5s ;
	
}


#faq .accordion li > p .prof{
	display:block;
	clear:both;
	font-size:80%;
	margin-top:1rem;
	font-weight:normal;
}


#faq .accordion li > p .ddown_btn{
	display:block;
	width:1.4rem;
	height:1.4rem;
	background-color:transparent;
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	position:absolute;
	top:50%;
	right:1rem;
	transform:translate(-50%,-80%) rotate(45deg);
	transition: 0.5s ;
}

#faq .accordion li > p.open .ddown_btn{
	transform:translate(-50%,-30%) rotate(-135deg);
}


#faq .accordion li > p:hover .ddown_btn{
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}


#faq .accordion li .submenu{
	display:none;
	background-color:#fff;
	padding:2rem 1rem;
}

#faq .accordion li .submenu p{
	font-size:1.6rem;
	margin-bottom:0.5em;
	line-height:1.6em;
}

#faq .accordion li .submenu p span.uline{
	border-bottom:2px dashed #f00;
}


#faq .accordion li .submenu img{
	display:block;
	width:100%;
}

#faq .accordion li .submenu p + img{
	margin-top:2rem;
}

#faq .accordion li ul{
	margin-top:2rem;
	padding-left:2rem;
}

#faq .accordion li ul li{
	width:100%;
	padding:0;
	border:none;
	list-style:disc !important;
	margin-bottom:0.5em;
	font-size:1.4rem;
}


#faq .accordion li ul li img{
	width:100%;
	margin:0;
	padding:0;
	display:block;
}


#faq .accordion li a{
	display:inline-block;
	font-weight:bold;
	font-size:1.8rem;
	
}

@media screen and (max-width: 800px) {
	
	#faq .accordion li .teams{
		flex-direction:column;
	}
	
	#faq .accordion li .teams li{
		width:100%;
		padding:0;
	}
	
	#faq .accordion li .teams li:first-child{
		border-right:none;
		border-bottom:3px dotted #fff;
		
	}

}



/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
	質問フォームへ
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-*/


#contact {
	margin:0;
	background-color:#e8f5ff;
}

.top #contact {
	background-color:#fff;
}

#contact .inner {
	width:70%;
	max-width:1400px;
	padding:3rem 0;
	margin:0 auto;
	color:#231815;
}


#contact ul {
	margin:0;
	display:flex;
	justify-content: space-between;
}

#contact ul li {
	list-style:none;
	width:45%;
}
#contact ul li:first-child {
	width:35%;
}
#contact ul li:last-child {
	width:55%;
}

#contact ul li img {
	display:block;
	width:100%;
}

#contact ul li:first-child img,
#contact ul li:last-child > div {
	
	position:absolute;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#contact ul li p {
	width:100%;
	text-align:center;
	font-size:1.5rem;
	margin-bottom:2rem;
}



#contact ul li:last-child img {
	margin-bottom:3rem;
}

#contact ul li .contact_btn {
	width:100%;
}

#contact ul li .contact_btn a {
	width:100%;
	font-size:3rem;
	background-color:#FFE300;
	display:block;
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	padding:1rem 1.5rem;
	font-weight:bold;
	color:#231815;
	border-radius:10px;
	transition: 0.5s ;
}

#contact ul li .contact_btn a:hover {
	background-color:#fff391;
}


#contact ul li .contact_btn.off a {
	background-color:#ccc;
	color:#231815;
	pointer-events: none;
}


@media screen and (max-width: 800px) {

#contact ul {
	flex-direction: column;
}

	#contact ul li:first-child,
	#contact ul li:last-child {
	width:100%;
}

#contact ul li:first-child {
	margin-bottom:30px;
}


#contact ul li:first-child img,
#contact ul li:last-child > div {
	top: 0%;
    left: 50%;
    transform: translate(-50%,-0%);
}

}


/*
\\\\\\\\||||||||||\\\\\\\\||||||||\\\\\\\||||||||\\\\\\\\|||||||\\\\\\
*/



footer {
	width:100%;
	min-width:320px;
	background-color:#eeeeef;
}

footer .inner {
	/*max-width: 876px;*/
	/*background-color:#C30;*/
	/*color:#fff;*/
	margin:0 auto;
	padding:15px 30px;
	text-align:center;
}

footer .inner table{
	display:inline-block;
	margin:0 auto;
	width:auto;
}

footer .inner table th,
footer .inner table td{
	background-color:transparent;
	border:none;
	padding:0 1em;
	vertical-align:middle;
}

footer .inner table th{
	text-align:right;
}
footer .inner table td{
	text-align:left;
}


@media screen and (max-width: 800px) {
	footer .inner table th,
	footer .inner table td{
		display:block;
	}
	footer .inner table th{
		text-align:center;
		margin-bottom:0.5em;
	}
}

footer .inner table th p{
	display:inline-block;
	background-color:#004097;
	padding:0.3em 1em;
	color:#fff;
	text-align:left;
}

#footer-bottom {
	padding:0.5em 0;
	background-color:#000e35;
	text-align:center;
	color:#ccc;
	font-size:80%;
}

#footer-bottom .inner {
	display:inline-block;
	/*max-width: 876px;*/
	padding:0.5em 30px;
	font-size:80%;
}


footer .inner .title {
	font-size:120%;
	margin:0;
	text-align:center;
}

footer .inner .title + p {
	text-align:center;
}

footer .logo {
    width: 150px;
    margin: 0 auto 20px;
}

footer .copyrights {
	margin-top:0.5rem;
	line-height:1.4em;
	color:#fff;
	font-size:1.2rem;
	font-family:Arial, Helvetica, sans-serif;
}

footer a{
	color:inherit;
}

footer a span{
	display:inline-block;
}

#page-top {
    width: 60px;
    height: 50px;
	margin:0;
	position:absolute;
	top:-50px;
	right:20px;
	display:block;
	overflow:hidden;
}

#page-top a {
	width:100%;
	height:50px;
    display: block;
    text-decoration: none;
    color: #fff;
	background-color:#000;
	text-align:center;
	margin-top:10px;
	padding:10px;
	border-radius:10px 10px 0 0;
	transition: all 0.3s ease;
	font-size:90%;
}

#page-top a:hover {
	margin-top:0px;
}


/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
	PDFビュー
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-*/
#pdf-dl {
	background-color:#fff;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom:1rem;
}

#pdf-dl > div:first-child{
	/*width:17rem;*/
	width:100%;
}
#pdf-dl > div:last-child{
	/*width:calc(100% - 19rem);*/
	width:100%;
	color:#e6001c;
	font-weight:bold;
}


#pdf-dl a{
	background-color:#fff;
	display:inline-block;
	background-color:#0C9;
	color:#fff;
	white-space:nowrap;
	padding:0.5em 1em;
	border-radius:0.3em;
	text-decoration:none;
	text-align:center;
}
#pdf-dl a:hover{
	opacity:0.6;
}

#pdf-dl h4{
	display:block;
	text-align:left;
	position:relative;
	transform: translate(-0%,-0%);
	margin-bottom:0.2em;
}

#pdf-dl p{
	margin-left:1em;
	text-indent:-1em;
}

#pdf-dl p::before{
	content:"・";
	position:relative;
}

/*
.pdf-view {
	display: block;
    position: relative;
    width: 100%;
	max-width:1000px;
	padding-top:141%;
    margin: 0 auto 20px;
	border:1px solid #000;
	overflow:hidden;
	}
*/

.pdf-view {
	display: block;
    position: relative;
    /*height: 60vh;*/
	padding-top:141%;
    margin: 0 auto 20px;
	border:1px solid #000;
	overflow:hidden;
	}
	
.pdf-view object{
	position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}

#pdf viewer-toolbar {
	display:none;
}


/*--------------------------
　アーカイブ動画
--------------------------*/
#archive {
}

span#gr,
span#gr2 {
	font-size:120%;
	text-align:left;
	position:relative;
	padding:0 1.5em;
	font-weight:bold;
}

span#gr {
	margin-bottom:1em;
}

span#gr::before {
	content:"▼";
	display:inline-block;
	color:#39F;
	font-size:140%;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(-0%,-50%);
}
span#gr::after {
	content:"▼";
	display:inline-block;
	color:#39F;
	font-size:140%;
	position:absolute;
	top:50%;
	right:0;
	transform: translate(0%,-50%);
}

#archive h2 {
	color:#fff;
	font-size:200%;
	font-weight:bold;
	text-align:center;
	margin-top:1em;
	padding:0.5em 1em 0.5em 1em;
	overflow:visible;
	background-color:#0070c1;
}

#archive h2 > p {
	max-width:800px;
	text-align:center;
}
#archive h2 > p::after {
	display:none;
}
#archive h2 > p span{
	text-align:left;
	display:inline-block;
	margin-bottom:0.3em;
	color:#fff;
}
#archive h2 > p span:last-child{
	margin-bottom:0;
}

#timeline {
}

#timeline dl{
	margin-bottom:1em;
}

#timeline dl dt{
	display:block;
	width:100%;
	margin-bottom:1em;
	font-size:120%;
	font-weight:bold;
	padding-left:1em;
	padding-right:1em;
}

#timeline dl dt p{
	display:inline-block;
	position:relative;
	padding-right:6em;
}

#timeline dl dt p::before{
	content:"・";
	display:inline-block;
	position:absolute;
	left:-1em;
}

#timeline dl dt.lt,
#timeline dl dt.pd,
#timeline dl dt.sk{
	padding-top:3em;
}

#timeline dl dt.lt::before,
#timeline dl dt.pd::before,
#timeline dl dt.sk::before{
	display:inline-block;
	border:1px solid #F36;
	color:#F36;
	font-size:100%;
	margin-right:0.5em;
	margin-bottom:0.5em;
	padding:0.3em 0.5em;
	line-height:1em;
	border-radius:0.3em;
	position:absolute;
	top:0;
	transform: translate(-1em,50%);
	vertical-align:middle;
font-family: RC TYPE,Roboto,Avenir,Helvetica,Arial,sans-serif;
}



#timeline dl dt.lt::before{
	content:"講　演";
}

#timeline dl dt.pd::before{
	content:"パネルディスカッション";
}
#timeline dl dt.sk::before{
	content:"総　括";
}



#timeline dl dt p span{
	display:inline-block;
	position:absolute;
	top:0%;
	right:7em;
	transform:translate(100%,-0%);
	
	white-space:nowrap;
	background-color:#333;
	color:#fff;
	padding:0.2em 0.7em 0.2em 0.7em;
	font-size:0.7em;
	border-radius:0.3em;
}

#timeline dl dt p + span::after{
	content:"〜";
	margin-left:0.5em;
}
/*
#timeline dl + p{
	text-align:center;
}

*/

.balloon {
  position:relative;
  right:0;
  bottom:0;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  min-width: 120px;
  max-width: 100%;
  padding:7px 0 0;
}


@media screen and (max-width: 513px) {
	.balloon {
		display:none;
	}
}


.balloon .inbox {
  position: relative;
  display:inline-block;
  margin: 0;
  padding: 0.5em 1em;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 15px;
  border:2px solid #000;
}

.balloon .inbox:before {
  content: "";
  position: absolute;
  top: 0%;
  right: 50px;
  margin-left: -15px;
  transform:translate(-50%,-100%);
  border: 15px solid transparent;
  border-bottom: 15px solid #000;
}

.balloon .inbox:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 50px;
  margin-left: -15px;
  transform:translate(-50%,-100%);
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}


.balloon span {
	display:inline-block;
	width:1em;
	height:1em;
	background-image:url(../img/icon_movie-menu.png);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	vertical-align:middle;
  margin: 0 0.2em;
  padding: 0;
  background-color:#f00;
  line-height:1em;
  position:relative;
  top:0;
  transform:translate(-0%,-10%);
}


.resume-btn {
	display:block;
	padding:0.5em 0;
}

.resume-btn div div{
	display:inline-block;
	vertical-align:top;
}

.resume-btn div div a{
	display:block;
	margin:5px 0.5em 5px 0;
	padding:0.9em 1.5em 0.5em;
	display:inline-block;
	text-decoration:none;
	line-height:1.4em;
	font-size:80%;
	color:#333;
}

.resume-btn div div a{
	display:block;
	background-color:#6CF;
	color:#fff;
	/*border:1px solid #069;*/
	border-bottom: 5px solid #39F;
	padding-right:3em;
}
.resume-btn div div a:hover {
  margin:8px 0.5em 5px 0;
  border-bottom: 2px solid #39F;
}

.resume-btn div div a {
  border-radius: 100vh;
}

.resume-btn div div a::after {
	content:"";
	height:0.5em;
	width:0.5em;
	border:3px solid #fff;
	border-left:none;
	border-bottom:none;
  position: absolute;
  top:50%;
  right: 1.5em;
  transform:translate(-0%,-50%) rotate(45deg);
  
}




section#pdf .pdf-view::after {
	content:"";
	display:block;
	width:calc(100% - 20px);
	height:100%;
	background-color:transparent;
	z-index:10;
	position:absolute;
	top:0;
	left:0;
}