@charset "utf-8";
/* CSS Document */



/* -------------------------------------for  PC------------------------------------- */


@media screen and (min-width:961px) {


	
html {
	height: 100%;
}
body{
font-family: 'Barlow Condensed', sans-serif;
font-weight: 500;
letter-spacing:0.05em;
font-size:12px;
line-height: 1.7em;
margin:0;
color:#333333;
height: 100%;
overflow-x: hidden;
}
.bg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1;

}

.all_movie{
  margin:0 auto 0 auto;
  overflow: hidden;
  
  height:100%;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 10% 0;

  }
.desc_movie_2018{
  clear: both;
  width: 80%;
  margin: 0 auto 0 auto;
}


.adnews{
  border:1px solid red;
  overflow: hidden;
  padding:5%;
  margin-bottom:10%;
}
.adnews p {
  float:left;
  width:80%;
}

.adnews img{
  float:right;
  width:15%;
      border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #eeeeee;
}
/* ---scroll--- */
@keyframes moveScrollPointer {
   0%    { transform: translate3d(0, 0, 0); }
   100%  { transform: translate3d(0, 35px, 0); }
 }

 @keyframes scrollPointerInOut {
   0%    { transform: scale(0); }
   10%   { transform: scale(1); }
   60%   { transform: scale(1); }
   100%  { transform: scale(0); }
 }

/* ---fadein--- */
@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
    0% {opacity: 0} /*アニメーション開始時は完全に透過*/
    100% {opacity: 1} /*アニメーション終了時は透過しない*/
}

/*旧 Safari 用のベンダー処理*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.p-index-kv__scroll {
    width: 1px;
    height: 40px;
    position: absolute;
    left: 50%;
    z-index: 100;
    background-color: #eee;
}
.p-index-kv__scroll-pointer {
    -webkit-animation-name: moveScrollPointer;
    animation-name: moveScrollPointer;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    width: 1px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
 .p-index-kv__scroll-pointer:before {
    -webkit-animation-name: scrollPointerInOut;
    animation-name: scrollPointerInOut;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
}
 .p-index-kv__scroll-text {
    transform: rotate(90deg);
    margin-top: 50px;
}

.scroll{
   position: fixed;
   top: 45%;
   left: 20px;
   z-index: 102;
   font-weight: normal;
   font-size:80%;
}
/* ---scroll--- */


img{
outline:none;
border-style:none;
vertical-align: bottom;
}

.img100{
		width:100%;
	}

 .fixbt{
  display: none;
 }

/* ------------------------------------


for  BUTTON


------------------------------------ */
.button {
      display: inline-block;
    /* width: 130px; */
    /* height: 32px; */
    text-align: center;
    text-decoration: none;
    line-height: 32px;
    outline: none;
    margin: 5% 0 0 0;
    border-radius: 2px;
    background-color: #2fc6fa;
    color: #fff;

    padding: 1.5% 4% 1.5% 4%;
    font-weight: bold;
}


.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover{
  background-color: #1eb3e6;
  color:#ffffff;
}

/* ------------------------------------


for  link


------------------------------------ */

a{
    color:#2fc6fa;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	text-decoration :none;
}
a:visited{
    color:000000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #7fdef7;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.bb_font{
	font-size: 550%;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.1em;
	}

.red{
	color:#ee86aa;
	}

a img{
  transition: 0.5s ;
}
a img:hover{
  opacity: 0.5;
}

/* ------------------------------------


common


------------------------------------ */

  .sp_b{
    margin-bottom: 5%;
  }
	.sp_t{
    margin-top: 5%;
  }
.sp_tb{
    margin: 5% 0 5% 0;
  }
/* ------------------------------------


TOP


------------------------------------ */



#wrapper {

}

.main,
.underlayer  {
  width: 100%;
  box-sizing: border-box;
  font-size:100%;
  line-height: 2em;

}
.main .inner {
    width: 70%;
    margin: auto;
    padding: 5% 0 0 0;
    max-width: 1280px;


}
.underlayer .inner  {
     width: 70%;
    margin: auto;
    padding: 20px 0 0 0;
    max-width: 1100px;
}


/* ---- message---- */
.message{
	margin-bottom: 10%;
  animation: fadeIn 2s ease 0s 1 normal;
}
.message img{
	margin:4% 0 4% 0 ;
}
.message ul {
 margin-bottom:40px;
 overflow:hidden;
}
.message ul li{
 float:left;
 margin: 0 20px 15px 0px;

}
/* ---- topmesssage---- */
.topmessage{
    width: 100%;
    box-sizing: border-box;
    font-size: 100%;
    line-height: 2em;
    overflow: hidden;

    border-top: 1px solid #e2ebf9;
    border-bottom: 1px solid #e2ebf9;
    -webkit-transition: all .2s ease;
  }
.topmessage_inner{
   width: 70%;
    margin: auto;
    padding: 80px 0 80px 0;
  max-width: 1280px;
  }
  .topmessage_inner ul{
    
        padding: 5% 5% 5% 10%;
        background-color: #eaeff4;
    
  }
    .topmessage_inner ul li{
      font-size: 120%;
      line-height: 3em;
      list-style-type: decimal;
      padding-left: 2%;
   
  }






  .under {
    background: linear-gradient(transparent 50%, yellow 50%);
}

  .topmessage h2{
  font-size:350%;
  line-height: 1.7em;
  font-weight: bold;
  }
.topmessage p.sub{
  font-weight:bold;
  }

/* ---- インストラクター---- */
.instructor{
    width: 100%;
    box-sizing: border-box;
    font-size: 100%;
    line-height: 2em;
    overflow: hidden;

    border-bottom: 1px solid #e2ebf9;

    -webkit-transition: all .2s ease;
	}
.instructor_inner{
	 width: 70%;
    margin: auto;
    padding: 80px 0 80px 0;
	max-width: 1280px;
	}
  .instructor_inner_low{
   width: 90%;
    margin: auto;
    padding: 40px 0 40px 0;
  max-width: 1280px;
  }
.instructor h2{
	font-size:350%;
	line-height: 1.7em;
	font-weight: bold;
	}
.instructor p.sub{
	font-weight:bold;
	}
.instructor ul{
  display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
.instructor ul li {
    width: 19%;
    list-style: none;
    margin: 0 2% 5% 2%;
    position: relative;
    padding: 1%;
    
}
.instructor .card{
	  font-size: 90%;
     word-wrap: break-word;
	}
    .instructor ul li img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 10% 10% 10%;
    border: 1px solid #eeeeee;
    width: 80%;
    height: 100%;
}
.instructor ul li a{
	display: block;
	color:#000000;
	padding:8%;
	text-decoration:none;
  border-radius: 4px;
	}
.instructor ul li a:hover{
	box-shadow: 0px 10px 20px rgba(0, 0, 0, .4);
    transform: scale(1.05,1.05);
	}
.instructor ul li p {
    line-height: 1.6em;
    text-align: center;
}
.instructor ul li .font_s{
	font-size:80%;
	}
.instructor ul li .title{
	font-weight:bold;
	padding:3% 0 3% 0 ;
	}

/* ---- バナー---- */
.menu_banner{
	width: 100%;
  box-sizing: border-box;
  font-size:100%;
  line-height: 2em;
	overflow: hidden;
	border-top: 1px solid #dddddd;
      padding-bottom: 80px;

	}
.menu_banner_inner{
	 width: 70%;
    margin: auto;
    padding: 80px 0 80px 0;
	max-width: 1100px;

	}

ul.contaner{
	    overflow: hidden;
}
ul.contaner li{
	width: 48%;
    float: left;
    margin: 0 1% 2% 1%;
}
ul.contaner li a {
    color:#ffffff;
    text-decoration: none;
    font-weight: bold;
}
ul.contaner li a:hover {
    color:#999999;
}
ul.contaner li span {
    font-size:11px;
}
.banner_1,
.banner_2,
.banner_3,
.banner_4,
.banner_5,
.banner_6,
.banner_7,
.banner_8,
.banner_9,
.banner_10,
.banner_11{
    position: relative;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 0 12px #7b7a35;
    padding: 70px 0 70px 0;
    font-size: 20px;
}
.banner_1:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_4:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_5:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_6:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner6.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_7:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner7.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_8:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner8.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_9:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner9.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_10:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner10.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_11:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner11.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_1:hover:after,
.banner_2:hover:after,
.banner_3:hover:after,
.banner_4:hover:after,
.banner_5:hover:after,
.banner_6:hover:after,
.banner_7:hover:after,
.banner_8:hover:after,
.banner_9:hover:after,
.banner_10:hover:after,
.banner_11:hover:after{
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.banner_1 .inner_b,
.banner_2 .inner_b,
.banner_3 .inner_b,
.banner_4 .inner_b,
.banner_5 .inner_b,
.banner_6 .inner_b,
.banner_7 .inner_b,
.banner_8 .inner_b,
.banner_9 .inner_b,
.banner_10 .inner_b,
.banner_11 .inner_b{
    z-index: 1;
    position: relative;
}

/* ---- googlemap---- */
.googlemap_inner{
	 width: 70%;
    margin: auto;
    padding: 80px 0 40px 0;
	max-width: 1100px;

	}
.googlemap_inner h2{
	font-size:350%;
	line-height: 1.7em;
	font-weight: bold;
	}
.googlemap_inner p.sub{
	font-weight:bold;
	}


.pagetop{
position: fixed;
    bottom: 47px;
    right: 0;
    z-index: 101;
    background: #000000;
    padding: 30px 25px 30px 25px;

}
.title_posi{
	position: fixed;
    top: 40%;
    right: 20px;
    z-index: 102;
    transform: rotate(90deg);
    font-weight: normal;
    font-size: 80%;
}




/* ------------------------------------


下層temp


------------------------------------ */

.underlayer_contents  {
    background-color: #f3f3f3;
    padding-bottom: 10%;


}
.underlayer_contents .inner  {
  width: 90%;
    box-sizing: border-box;
    font-size: 120%;
    line-height: 2em;
    background-color: #ffffff;
    position: relative;
    padding: 10%;
        margin-top: -50%;
     max-width: 1280px;
}

.underlayer_contents_low  {
    background-color: #f3f3f3;
    padding-bottom: 10%;

}
.underlayer_contents_low .inner  {
  width: 90%;
    box-sizing: border-box;
    font-size: 120%;
    line-height: 2em;
    background-color: #ffffff;
    position: relative;
    padding: 10%;
      margin-top: -60%;
     
}


.visualimg,
.visualimg_low{
position: relative;
animation: fadeIn 2s ease 0s 1 normal;
}
.visualimg .text{
  position: absolute;
    color: white;
    top: 10%;
    left: 10%;
}
.visualimg_low .text{
  position: absolute;
    color: white;
    top: 5%;
    left: 10%;
}
.visualimg .text h1 {
  font-size: 500%;
  line-height: 1.5em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.visualimg_low .text h1 {
  font-size: 300%;
  line-height: 1.5em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.visualimg .text_low{
  position: absolute;
    color: white;
    top: 12%;
    left: 10%;
}
.visualimg .text_low h1 {
  font-size: 200%;
  line-height: 1.5em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.visualimg .text p.sub{
  font-weight:bold;
  }

/* ---- バナー---- */
.contact{
      width: 100%;
    box-sizing: border-box;
    font-size: 100%;
    line-height: 2em;
    overflow: hidden;
    /* border-top: 1px solid #dddddd; */
    background-color: #333333;
    color: #ffffff;

  }
.contact a{
    color:#999999;
  }
.contact a:hover{
    color:#666666;
  }


.contact .inner{
    margin: auto;
    padding: 5%;
  max-width: 1100px;

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


ごあいさつ


------------------------------------ */

.welcome{
}
.welcome h2{
  font-weight:bold;
  font-size:200%;
  line-height: 2em;
  margin-bottom: 5%;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  }
.welcome p {
  margin-bottom:5%;
}
.img_text_box{
	overflow:hidden;
	}
.img_text{
	}
.img_text img{
	float:left;
	margin-right:2%;
  border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #eeeeee;
}
.img_text p{
	float:left;
  margin-right:1%;
	}


/* ------------------------------------


学会概要


------------------------------------ */
.gakkai{
	overflow:hidden;
	}

.gakkai dl{
	overflow:hidden;

	}
.gakkai dt {
    float: left;
    clear: left;
    width: 20%;
    font-weight: bold;
    border-top: solid 1px #eeeeee;
    padding: 5% 0 5% 0;
    margin-right: 5%;
}

.gakkai dd {
    float: left;
    width: 75%;
    border-top: solid 1px #eeeeee;
    padding: 5% 0 5% 0;
}

/* ------------------------------------


コンセプト


------------------------------------ */
.concept{

  }
.concept img{
  }
.concept h2{
  font-weight:bold;
  font-size:200%;
  line-height: 2em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  }

.concept h3 {
    font-weight: bold;
    font-size: 150%;
    margin-bottom: 5%;
    border-bottom: 1px solid #d0dde7;
    padding: 10% 0 5% 0;
}
.concept .m_title{
  font-size:500%;
  margin-bottom: 10%;
}
.three_i_box{
  margin: 5% 0 5% 0;
  }


.three_i_box ul {
  background-color: #eaeff4;
  padding:5%;
  }

.three_i_box ul li{

  }

dl.con{
  overflow: hidden;
  margin-top:5%;
}
dl.con dt{
  margin: 5% 0 10% 0 ;
  font-weight: bold;
  font-size: 150%;
}
dl.con dd{
  border: 1px solid #dddddd;
  padding:5%;
}
dl.con dd img{
  width:100%;
}
dl.con dd li{
  list-style-type: decimal;
  margin-left:5%;
}
dl.con dd li.none{
  list-style-type: none;
}


/* ------------------------------------


プログラム概要


------------------------------------ */

.program{
	    position: relative;

}
.program h2{
  font-weight:bold;
  font-size:200%;
  line-height: 2em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  margin-bottom: 5%;
  }
.program h3 {
    font-weight: bold;
    font-size: 150%;
    margin: 5% 0 5% 0;
    border-bottom: 1px solid #d0dde7;
    padding: 10% 0 5% 0;
}

.program_title{
  font-weight: bold;
	}

.program dl{
        overflow: hidden;
	}
.program dt {
    float: left;
    clear: left;
    width: 20%;
    font-weight: bold;
    border-top: solid 1px #eeeeee;
    padding: 5% 0 5% 0;
    margin-right: 5%;

}
.program dd {
	  float: left;
    width: 75%;
    border-top: solid 1px #eeeeee;
    padding: 5% 0 5% 0;

}

.program dd .card {
    float: left;
    overflow: hidden;
    line-height: 1.7em;
    width: 75%;

}

.program dd .card img{
  border-radius: 50%;
  margin:0 auto 10% auto;
  }


.program dd ul li {

}
.program dd ul li ul li {

}

.program dd ul li ul li dl{
 border-top: 0px;
    padding: 0;
}
.program dd ul li ul li dl dt{
  float: left;
    width: 15%;
    margin-right: 5%;
    font-weight: normal;
    border:0px;
    padding:1% 0 1% 0;
}
.program dd ul li ul li dl dd{
  float: left;
    overflow: hidden;
    width:80%;
    border:0px;
    padding:1% 0 1% 0;
}
.program dd span{
  font-size:70%;
  line-height: 1.2em;
  color: #999999;
  }


/* ------------------------------------


会場案内


------------------------------------ */
.floormap{

  }
.floormap h2{
  font-weight:bold;
  font-size:200%;
  line-height: 2em;
  margin-bottom: 5%;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  }


.floormap h3{
  font-weight:bold;
  font-size:150%;
  margin-bottom: 5%;
      border-bottom: 1px solid #d0dde7;
    padding: 10% 0 5% 0;

  }
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.floormap img{
  width:100%;
  }


/* ------------------------------------


参加者登録


------------------------------------ */
.participant {

	}
.participant h2{
  font-weight:bold;
  font-size:200%;
  line-height: 2em;
  margin: 0 0 5% 0;
   border-left: 8px solid #d1dde8;
  padding-left: 5%;
  }

  .participant h3{
  font-weight:bold;
  font-size:150%;
  line-height: 2em;
  margin: 5% 0 5% 0;
      border-bottom: 1px solid #d0dde7;
    padding: 10% 0 5% 0;
  }

.participant li  {
 list-style-type: disc;
	margin-left:5%;
	}


/*table*/
.tb {
	border: 1px solid #dddddd;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:5%;
}

.tb th {
	background-color: #eaeff7;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
	padding: 5px;
	overflow: hidden;
	text-align: center;
	color: #333333;
}
.tb td {
	padding: 15px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
	overflow: hidden;
	color: #333333;
}

.tb_bg{
	background-color:#eaeff4;
	}

dl.par{
 	overflow: hidden;
	margin-bottom:5%;
}
dl.par dt{
    margin-right: 0.5em;
    width: 100%;
    background-color: #b7bfc7;
    padding: 5%;
    color: #ffffff;
}
dl.par dd{
    border: 1px solid #b7bfc7;
    padding: 5%;
}
dl.par dd ol li{
	list-style-type: decimal;
	margin-left:20px;
}

.contact_space{
		background-color: #eaeff4;
		padding:5%;
	}
.linebox{
  border:1px solid #eeeeee;
  padding:5%;
  margin:5% 0 0 0;
}
.linebox p{
  font-weight: bold;
  margin-bottom:5%;
}

.full{
	border:2px solid red;
	padding:5%;
	margin:5% 0 5% 0;
}
.full .last{
	color:red;
	font-size:40px;
}

/* ------------------------------------


取材について


------------------------------------ */
.interviews{

  }
.interviews h2{
  font-weight: bold;
    font-size: 200%;
    line-height: 2em;
    margin-bottom: 5%;
    border-left: 8px solid #d1dde8;
    padding-left: 5%;
  }


.interviews h3{
  font-weight:bold;
  font-size:150%;
  margin:5% 0 5% 0 ;
      border-bottom: 1px solid #d0dde7;
    padding: 10% 0 5% 0;
  }


.interviews ol li{
  list-style-type: decimal;
  padding-left:10px;
  margin-left:20px;
  }
.attention{
  border: 1px solid #dddddd;
  padding:5%;
  margin-top:5%;

}

/* ------------------------------------


協賛


------------------------------------ */

.sponsor{
overflow: hidden;
  }
.sponsor h2{
  font-weight:bold;
  font-size:200%;
  line-height: 2em;
  margin: 0 0 5% 0;
border-left: 8px solid #d1dde8;
  padding-left: 5%;
  }

.sponsor ul.platinum,
.sponsor ul.gold,
.sponsor ul.silver,
.sponsor ul.bronze{
 clear: both;
    overflow: hidden;
    margin-bottom: 5%;
}
.sponsor ul.platinum li img{
    text-align: center;
    width:70%;
    margin:0 15% 0 15%;
  }


.sponsor ul.gold li img{
    text-align: center;
    width:60%;
    margin:0 20% 0 20%;
  }

.sponsor ul.silver li img{
    text-align: center;
    width:100%;
    margin:0 0 0 0;
  }
.sponsor ul.bronze li img{
    text-align: center;
    width:100%;
    margin:0 0 0 0;
  }


.sponsor ul.platinum li{
    width:88.5%;
    padding: 1% 5% 1% 5%;
    background-color: #ffffff;
    border:1px solid #dddddd;
    margin-bottom:2%;
  }
.sponsor ul.gold li{
    width:38.7%;
    padding:5%;
    background-color: #ffffff;
    border:1px solid #dddddd;
    float:left;
    margin:0 1% 2% 0;
  }
.sponsor ul.silver li{
    width:22%;
    padding:5%;
    background-color: #ffffff;
    border:1px solid #dddddd;
    float:left;
    margin:0 1% 2% 0;

  }
.sponsor ul.bronze li{
    width:13.7%;
    padding:5%;
    background-color: #ffffff;
    border:1px solid #dddddd;
    float:left;
    margin:0 1% 2% 0
  }

/* -----
.sponsor ul li img{
  margin-bottom:20px;
  border:1px solid #dddddd;

  }
ul.level1,
ul.level2,
ul.level3,
ul.level4,
ul.level5 {
  overflow: hidden;
}
ul.level1 li img{
    width:90%;
}
ul.level2 li img{
  width:80%;
}
ul.level3 li img{
  width:70%;
}

ul.level4 li{
  float:left;
  margin-right:10px;
  width:32%;
}
ul.level4 li img{
  width:100%;
}


ul.level5 li{
  float:left;
  margin-right:10px;
  width:23%;
}
ul.level5 li img{
  width:100%;
}
----- */
/* ------------------------------------


プレミア講演


------------------------------------ */
.premiere{

	}
.premiere h2{
  font-weight:bold;
  font-size:200%;
  margin: 0 0 1% 0;
}
.time{
  margin-bottom:5%;
  }
.premiere_box{
/*border:1px solid #dddddd;*/
 /* padding:5%; */
 /* border-radius: 4px; */

  }
.premiere_txtimg{
  background-color: #b7bfc7;
  color:#ffffff;
  overflow: hidden;
  padding:5%;
}
.premiere_inner{
  overflow: hidden;
}
.premiere_inner .text{
  float:right;
	width:48%;
}
.premiere_inner .text h3{
  font-size: 150%;
  line-height: 2em;
  font-weight: bold
}
.premiere_box h4{
  font-size: 110%;
  font-weight: bold;
  margin:3% 0 3% 0 ;
}
.premiere_inner img{
  float:left;
  width:48%;

}
.desc{
  padding-top:5%;
}
.desc_movie{
  padding-top:5%;
  clear: both;
}
.summary{
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 5%;
  overflow: hidden;
  margin-bottom:5%;
}
.programlink{
  background-color: #ffffff;
  padding:5%;
}
.programlink p{
  margin-bottom:3%;
}
.programlink .inner{

}
.programlink ul.contaner li {
    width: 32%;
    float: left;
    margin: 0 0.5% 1% 0.5%;
}
/* ------------------------------------


現状とイノベーション


------------------------------------ */
.rtp1{

  }
.rtp1 h2{
  font-weight:bold;
  font-size:200%;
   margin: 0 0 1% 0;
}
/* ------------------------------------


最新の疼痛治療


------------------------------------ */
.rtp2{

  }
.rtp2 h2{
  font-weight:bold;
  font-size:200%;
  margin: 0 0 1% 0;
}
/* ------------------------------------


スポーツ現場の声


------------------------------------ */
.rtp3{

  }
.rtp3 h2{
  font-weight:bold;
  font-size:200%;
  margin: 0 0 1% 0;
}

.athletebox li{
	list-style-type: disc;
	margin-left:20px;
	}

.summary_2{
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 5%;
  overflow: hidden;
}

.summary_2 img{
  width:30%;
}
.summary_2 .text{
  width:65%;
}
.athletebox{
  margin-top:5%;
  }
.athletebox p{
    margin-bottom:5%;
  }
.athletebox dl{
  overflow:hidden;
  border-top:1px dotted #dddddd;
  padding:2% 0 2% 0 ;
  line-height:1.7em;
  }
.athletebox dt {
  font-size:70%;
  color:#999999;
  margin-bottom:0px

}
.athletebox dd {

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


スポーツX


------------------------------------ */
.sports_x{

  }
.sports_x h2{
  font-weight:bold;
  font-size:200%;
  margin: 0 0 1% 0;
}
/* ------------------------------------


プログラム


------------------------------------ */
.teacherbox{
    margin-bottom:5%;
    clear:both;
    overflow: hidden;
  }

 .illust{
  position: relative;
    height: 10px;
  } 
.illust img{
  position: absolute;
    width:150px;
    height:auto;
    top: -80px;
    left: 80%;
  } 

/*---clearfix-----*/

.clearfix:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;

}

.clearfix {
  zoom : 1;
  }
.clearfix {
 display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display:block;

}

/* ------------------------------------


youtube


------------------------------------ */
.premiere{

  }
.premiere_box{
  border:1px solid #dddddd;
  padding:40px;
  border-radius: 4px;
  margin:5% 0 5% 0 ;
  }
.premiere_inner{
  overflow: hidden;
}
.premiere_inner .intro{
  float:left;
  width:70%;
}
.premiere_inner .intro .en{
  margin:5% 0 5% 0 ;
  color:#999999;
}
.premiere_inner .text h3{
  font-size: 150%;
  line-height: 2em;
  font-weight: bold
}
.premiere_inner img{
  float:right;
  width:20%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  border: 1px solid #eeeeee;
}
.desc{
  border-top: 1px solid #dddddd;
  padding-top:40px;
  margin-top:20px;
}
.desc_movie{
  border-top: 1px solid #dddddd;
  margin-top:20px;
}
.premiere_box .text{
  margin:5% 0 0 0 ;
  
  }
.premiere_box .text_en{
  margin:5% 0 5% 0 ;
  color:#999999;
  }

}

/* -------------------------------------for SP------------------------------------- */
@media screen and (max-width:960px) {


body{
font-family: 'Barlow Condensed', sans-serif;
font-weight: 300;
font-size:100%;
line-height: 1.8em;
margin:0;
color:#333333;
}

.bg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  width: 100%;
   overflow: hidden;
}

.all_movie{
  margin:0 auto 0 auto;
  overflow: hidden;
  height:100%;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 10% 0;

  }
.desc_movie_2018{

  clear: both;
  width: 90%;
  margin: 0 auto 0 auto;
}

.adnews{
  border:1px solid red;
  overflow: hidden;
  padding:10%;
  margin:10% 0 10% 0 ;
}
.adnews p {
}

.adnews img{
  width:50%;
      border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #eeeeee;
    margin:10% 25% 0 25%;
}

/* ---scroll--- */
@keyframes moveScrollPointer {
   0%    { transform: translate3d(0, 0, 0); }
   100%  { transform: translate3d(0, 20px, 0); }
 }

 @keyframes scrollPointerInOut {
   0%    { transform: scale(0); }
   10%   { transform: scale(1); }
   60%   { transform: scale(1); }
   100%  { transform: scale(0); }
 }

/* ---fadein--- */
@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
    0% {opacity: 0} /*アニメーション開始時は完全に透過*/
    100% {opacity: 1} /*アニメーション終了時は透過しない*/
}

/*旧 Safari 用のベンダー処理*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.fixbt{
  position: fixed;
  bottom: 0;
  width: 90%;
  padding: 0 5% 0 5%;
  z-index:100;
 background: rgba(200,200,200,0.5);
 height: 88px;

 }

.p-index-kv__scroll {
    width: 1px;
    height: 30px;
    position: absolute;
    left: 50%;
    z-index: 100;
    background-color: #eee;
}
.p-index-kv__scroll-pointer {
    -webkit-animation-name: moveScrollPointer;
    animation-name: moveScrollPointer;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    width: 1px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
 .p-index-kv__scroll-pointer:before {
    -webkit-animation-name: scrollPointerInOut;
    animation-name: scrollPointerInOut;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
}
 .p-index-kv__scroll-text {

    margin-top: 30px;
    margin-left: -19px;
}

.scroll{
    position: fixed;
    bottom: 25%;
    left: 50%;
    z-index: 102;
    /* font-weight: normal; */
    font-size: 50%;
    /* background-color: red; */
    /* text-align: center; */
}

/* ---scroll--- */


img{
outline:none;
border-style:none;
vertical-align: bottom;
}

.img100{
    width:100%;
  }
/* ------------------------------------


for  BUTTON


------------------------------------ */
.button {
      display: inline-block;
    width: 100%;
    /* height: 32px; */
    text-align: center;
    text-decoration: none;
    line-height: 32px;
    outline: none;
    margin: 5% 0 5% 0;
    border-radius: 2px;
    background-color: #2fc6fa;
    color: #fff;
    padding: 4% 4% 3% 4%;
    font-weight: bold;
}


.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover{
  background-color: #1eb3e6;
  color:#ffffff;
}

/* ------------------------------------


for  link


------------------------------------ */

a{
    color:#2fc6fa;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  text-decoration :none;
}

.bb_font{
  font-size: 550%;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.1em;
  }

.red{
  color:#ee86aa;
  }

a img{
  transition: 0.5s ;
}
a img:hover{
  opacity: 0.5;
}

/* ------------------------------------


common


------------------------------------ */

  .sp_b{
    margin-bottom: 5%;
  }

  .sp_t{
    margin-top: 5%;
  }
.sp_tb{
    margin: 5% 0 5% 0;
  }
.spn{
  display:none;
}
.font_s{
  font-size:90%;
}
/* ------------------------------------


TOP


------------------------------------ */



#wrapper {

}

.main,
.underlayer  {
  width: 100%;
  box-sizing: border-box;
  font-size:100%;
  line-height: 2em;

}
.main .inner {
     width: 90%;
    margin: auto;
    padding: 5% 0 15% 0 ;

}
.underlayer .inner  {
     width: 80%;
    margin: auto;
    padding: 20px 0 0 0;
}


/* ---- message---- */
.message{
      font-size: 85%;
      margin-top: 25%;
      animation: fadeIn 2s ease 0s 1 normal;
}
.message p{

  line-height: 2em;
}
.message img{
  margin:10% 0 10% 0 ;
}
.message ul {
 margin-bottom:40px;
 overflow:hidden;
}
.message ul li{
 float:left;
 margin: 0 20px 15px 0px;

}
/* ---- topmesssage---- */
.topmessage{
    width: 100%;
    box-sizing: border-box;
    font-size: 100%;
    line-height: 2em;
    overflow: hidden;

     border-top: 1px solid #e2ebf9;
    border-bottom: 1px solid #e2ebf9;

    -webkit-transition: all .2s ease;
  }
.topmessage_inner{
   padding: 10% 5% 5% 5%;
  }
  .topmessage_inner ul{
    
    border:1px solid #e2ebf9;
    padding:7%;
    
  }
    .topmessage_inner ul li{
      font-size: 100%;
      line-height: 2em;
      list-style-type: decimal; 
      margin: 0 0 3% 5%;

  }
  .topmessage h2{
  font-size:150%;
  line-height: 1.7em;
  font-weight: bold;
  }
.topmessage p.sub{
  font-weight:bold;
  }
    .under {
    background: linear-gradient(transparent 50%, yellow 50%);
}

/* ---- インストラクター---- */
.instructor{
  width: 100%;
    box-sizing: border-box;
    font-size: 100%;
    line-height: 2em;
    overflow: hidden;
    border-bottom: 1px solid #e2ebf9;



  }
.instructor_inner{

    padding: 10% 5% 5% 5%;
  }
.instructor h2{
  font-size:150%;
  line-height: 1.7em;
  font-weight: bold;
  }
.instructor p.sub{
  font-weight:bold;
  }
.instructor ul{
  display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
.instructor ul li{
  width: 50%;
    list-style: none;
    margin-bottom:5%;
    position: relative;
  }
.instructor .card{
    font-size: 70%;
    letter-spacing: 0em;
  }
.instructor ul li img{
  border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    margin: 0 20% 10% 20%;
    height: 60%;
    width: 60%;
   border: 1px solid #eeeeee;
  }
.instructor ul li a{
  display: block;
  color:#000000;
  padding:5%;
  text-decoration:none;
  }

.instructor ul li p{
  line-height: 1.6em;
  text-align: center;
  }
.instructor ul li .font_s{
  font-size:80%;
  }
.instructor ul li .title{
  font-weight:bold;
  padding:3% 0 3% 0 ;
  }

/* ---- バナー---- */
.menu_banner{
  width: 100%;
  box-sizing: border-box;
  font-size:100%;
  line-height: 2em;
  overflow: hidden;

  }
.menu_banner_inner{
    padding: 5%;


  }
ul.contaner{

}
ul.contaner li{
      width: 100%;
    /* float: left; */
    margin: 1% 0 1% 0;
}
ul.contaner li a {
    color:#ffffff;
    text-decoration: none;
    font-weight: bold;
}
ul.contaner li a:hover {
    color:#999999;
}
ul.contaner li span {
    font-size:11px;
}
.banner_1,
.banner_2,
.banner_3,
.banner_4,
.banner_5,
.banner_6,
.banner_7,
.banner_8,
.banner_9,
.banner_10,
.banner_11{
    position: relative;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 0 12px #7b7a35;
    padding: 70px 0 70px 0;
    font-size: 20px;
}
.banner_1:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_4:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_5:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_6:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner6.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_7:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner7.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_8:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner8.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_9:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner9.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_10:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner10.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_11:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/banner11.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_1:hover:after,
.banner_2:hover:after,
.banner_3:hover:after,
.banner_4:hover:after,
.banner_5:hover:after,
.banner_6:hover:after,
.banner_7:hover:after,
.banner_8:hover:after,
.banner_9:hover:after,
.banner_10:hover:after,
.banner_11:hover:after{
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.banner_1 .inner_b,
.banner_2 .inner_b,
.banner_3 .inner_b,
.banner_4 .inner_b,
.banner_5 .inner_b,
.banner_6 .inner_b,
.banner_7 .inner_b,
.banner_8 .inner_b,
.banner_9 .inner_b,
.banner_10 .inner_b,
.banner_11 .inner_b{
    z-index: 1;
    position: relative;
}

/* ---- googlemap---- */
.googlemap_inner{

    margin: auto;
    padding: 10% 5% 5% 5%;

  }
.googlemap_inner h2{
  font-size:150%;
  line-height: 1.7em;
  font-weight: bold;
  }
.googlemap_inner p.sub{
  font-weight:bold;
  }


.pagetop{
position: fixed;
    bottom: 0;


    right: 0;
    z-index: 101;
    background: #000000;
    padding: 4% 5% 4% 5%;

}
.pagetop img{
  width:20px;

}
.title_posi{
  display: none;
  font-size:0px;
  line-height: 0px;
  color:white;
}




/* ------------------------------------


下層temp


------------------------------------ */

.underlayer_contents  {
    background-color: #f3f3f3;
    padding-bottom: 10%;
    font-size: 90%;

}
.underlayer_contents .inner  {

    box-sizing: border-box;
    font-size: 100%;

    background-color: #ffffff;
    padding: 5%;


}

.underlayer_contents_low  {
    background-color: #f3f3f3;
    padding-bottom: 10%;
    font-size: 90%;

}
.underlayer_contents_low .inner  {

    box-sizing: border-box;
    font-size: 100%;

    background-color: #ffffff;
    padding: 5%;
    position: relative;
    margin-top: -20%;
}
.visualimg,
.visualimg_low{
position: relative;
animation: fadeIn 2s ease 0s 1 normal;
}
.visualimg .text{
  position: absolute;
    color: white;
    top: 70%;
    left: 5%;
}

.visualimg_low .text{
  position: absolute;
    color: white;
    top: 50%;
    left: 5%;
}
.visualimg .text h1 {
  font-size: 200%;
  line-height: 1.2em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.visualimg_low .text h1 {
  font-size: 100%;
  line-height: 1.2em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.visualimg .text_low{
  position: absolute;
    color: white;
    top: 35%;
    left: 5%;
}
.visualimg .text_low h1 {
  font-size: 100%;
  line-height: 1.5em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.visualimg .text p.sub{
  font-weight:bold;
  }

/* ---- バナー---- */
.contact{
      width: 100%;
    box-sizing: border-box;
    font-size: 75%;
    line-height: 2em;
    overflow: hidden;
    /* border-top: 1px solid #dddddd; */
    background-color: #333333;
    color: #ffffff;
    padding: 5%;

  }
.contact a{
    color:#999999;
  }
.contact a:hover{
    color:#666666;
  }

.contact p{
    text-align: center;

  }
.contact .inner{


  }
  .contact ul li{
    text-align: center;

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


ごあいさつ


------------------------------------ */

.welcome{
}
 .welcome h2{
  font-weight:bold;
  font-size:150%;
  line-height: 1.7em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  margin: 10% 0 15% 0;
  }
.welcome p {
  margin-bottom:10%;
}
.img_text_box{
  overflow:hidden;
  }
.img_text{
  }
.img_text img{
  width: 100%;
    height: 100%;
    margin-bottom:5%;

}
.img_text p{

  }


/* ------------------------------------


学会概要


------------------------------------ */
.gakkai{
  overflow:hidden;
  }
.gakkai dl{
  overflow:hidden;
  border-top:solid 1px #eeeeee;
   padding: 5% 0 5% 0;
  }
.gakkai dt {

  font-weight:bold;

}
.gakkai dd {

}

/* ------------------------------------


コンセプト


------------------------------------ */
.concept{
  padding-top: 5%;
  }
.concept img{
  }
.concept h2{
  font-weight:bold;
  font-size:150%;
  line-height: 1.7em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  margin: 10% 0 0% 0;
  }

.concept h3{
  font-weight:bold;
  line-height: 1.7em;
   margin: 8% 0 8% 0;
       padding: 10% 0 5% 0;
       border-bottom: 1px solid #d0dde7;
  }

.concept .m_title{
  font-size:300%;
  margin-bottom: 10%;
}
.three_i_box{

  }


.three_i_box ul {
  background-color: #eaeff4;
  padding: 10% 10% 3% 10%;
  line-height: 1.5em;
  }

.three_i_box ul li{
  margin-bottom:10%;
  }

dl.con{
  overflow: hidden;
}
dl.con dt{
  margin: 10% 0 5% 0 ;
  font-weight: bold;
}
dl.con dd{
  border: 1px solid #dddddd;
  padding:5%;
}
dl.con dd img{
  width:100%;
}
dl.con dd li{
  list-style-type: decimal;
  margin-left:5%;
}
dl.con dd li.none{
  list-style-type: none;
}


/* ------------------------------------


プログラム概要


------------------------------------ */

.program{
      position: relative;

}
.program h2{
  font-weight:bold;
  font-size:150%;
  line-height: 1.7em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  margin: 10% 0 15% 0;
  }
.program h3 {
    font-weight: bold;
    line-height: 1.7em;
    margin: 8% 0 8% 0;
    padding: 10% 0 5% 0;
    border-bottom: 1px solid #d0dde7;
}

.program_title{
  font-weight: bold;
  }

.program dl{
        overflow: hidden;
    border-top: solid 1px #eeeeee;
    padding: 5% 0 5% 0;
  }
.program dt {
  margin-bottom: 3%;

}
.program dd {
    overflow: hidden;
    line-height: 1.7em;


}

.program dd .card {
    float: left;
    overflow: hidden;
    line-height: 1.7em;
    width: 75%;

}

.program dd .card img{
  border-radius: 50%;
  margin:0 auto 10% auto;
  }


.program dd ul li {
      margin-bottom: 2%;

}
.program dd ul li ul li {

}

.program dd ul li ul li dl{
 border-top: 0px;
    padding: 0;
}
.program dd ul li ul li dl dt{
  margin-bottom: 0.1%;
}
.program dd ul li ul li dl dd{

    overflow: hidden;


}
.program dd span{
  font-size:70%;
  line-height: 1.2em;
  color: #999999;
  }
 .illust{
  position: relative;
    height: 10px;
  } 
.illust img{
  position: absolute;
    width:150px;
    height:auto;
    top: -140px;
    left: 55%;
  } 
/* ------------------------------------


会場案内


------------------------------------ */
.floormap{

  }
.floormap h2{
  font-weight:bold;
  font-size:150%;
  line-height: 1.7em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  margin: 10% 0 15% 0;
  }
.floormap h3{
  font-weight:bold;
  line-height: 1.7em;
   margin: 8% 0 8% 0;
       padding: 10% 0 5% 0;
       border-bottom: 1px solid #d0dde7;
  }
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.floormap img{
  width:100%;
  }


/* ------------------------------------


参加者登録


------------------------------------ */
.participant {

  }
.participant h2{
  font-weight:bold;
  font-size:150%;
  line-height: 1.7em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  margin: 10% 0 15% 0;

  }

.participant h3{
  font-weight:bold;
  line-height: 1.7em;
  margin: 8% 0 8% 0;
      padding: 10% 0 5% 0;
      border-bottom: 1px solid #d0dde7;
  }


.participant li  {
 list-style-type: disc;
  margin-left:5%;
  }


/*table*/
.tb {
  border: 1px solid #dddddd;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom:5%;
  font-size: 90%;
  line-height: 1.5em;
}

.tb th {
  background-color: #eaeff7;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #dddddd;
  border-right-color: #dddddd;
  border-bottom-color: #dddddd;
  border-left-color: #dddddd;
  padding: 5px;
  overflow: hidden;
  text-align: center;
  color: #333333;
}
.tb td {
  padding: 15px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #dddddd;
  border-right-color: #dddddd;
  border-bottom-color: #dddddd;
  border-left-color: #dddddd;
  overflow: hidden;
  color: #333333;
}

.tb_bg{
  background-color:#eaeff4;
  }

dl.par{
  overflow: hidden;
  margin-bottom:5%;
}
dl.par dt{
    margin-right: 0.5em;
    width: 100%;
    background-color: #b7bfc7;
    padding: 5%;
    color: #ffffff;
}
dl.par dd{
    border: 1px solid #b7bfc7;
    padding: 5%;
}
dl.par dd ol li{
  list-style-type: decimal;
}

.contact_space{
    background-color: #eaeff4;
    padding:5%;
  }
.linebox{
  border:1px solid #eeeeee;
  padding:5%;
  margin:5% 0 0 0;
}
.linebox p{
  font-weight: bold;
  margin-bottom:5%;
}

.full{
  border:2px solid red;
  padding:5%;
  margin:5% 0 5% 0;
}
.full .last{
  color:red;
  font-size:40px;
}

/* ------------------------------------


取材について


------------------------------------ */
.interviews{

  }

.interviews h2{
  font-weight:bold;
  font-size:150%;
  line-height: 1.7em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  margin: 10% 0 15% 0;

  }

.interviews h3{
  font-weight:bold;
  line-height: 1.7em;
   margin: 8% 0 8% 0;
   padding: 10% 0 5% 0;
      border-bottom: 1px solid #d0dde7;
  }


.interviews ol li{
  list-style-type: decimal;
  padding-left:10px;
  margin-left:20px;
  }
.attention{
  border: 1px solid #dddddd;
  padding:5%;
  margin-top:5%;
  font-size: 90%;

}

/* ------------------------------------


協賛


------------------------------------ */

.sponsor{
overflow: hidden;
  }
.sponsor h2{
  font-weight:bold;
  font-size:150%;
  line-height: 1.7em;
  border-left: 8px solid #d1dde8;
  padding-left: 5%;
  margin: 10% 0 15% 0;
  }


.sponsor ul.platinum,
.sponsor ul.gold,
.sponsor ul.silver,
.sponsor ul.bronze{
  clear:both;
  margin-bottom:10%;
}
.sponsor ul.platinum li{
    width: 97.5%;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    /* margin-bottom: 2%; */
    margin: 0 1.25% 2% 1.25%;
  }
.sponsor ul.gold li{
    width: 97.5%;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    /* margin-bottom: 2%; */
    margin: 0 1.25% 2% 1.25%;
  }
.sponsor ul.silver li{
    width: 97.5%;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    /* margin-bottom: 2%; */
    margin: 0 1.25% 2% 1.25%;

  }
.sponsor ul.bronze li{
    width: 97.5%;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    /* margin-bottom: 2%; */
    margin: 0 1.25% 2% 1.25%;
  }

.sponsor ul.platinum li img{
    text-align: center;
    width: 80%;
    margin: 1% 10% 1% 10%;
  }

.sponsor ul.gold li img{
    text-align: center;
    width: 60%;
    margin: 1% 20% 1% 20%;
  }

.sponsor ul.silver li img{
    text-align: center;
    width: 50%;
    margin: 1% 25% 1% 25%;
  }
.sponsor ul.bronze li img{
    text-align: center;
    width: 30%;
    margin: 1% 35% 1% 35%;
  }

/* ------------------------------------


プレミア講演


------------------------------------ */
.premiere{

  }
.premiere h2{
  font-weight:bold;
  font-size:150%;
  margin: 5% 0 1% 0;
}


.time{
  margin-bottom:10%;
  }
.premiere_box{
/*border:1px solid #dddddd;*/
 /* padding:5%; */
 /* border-radius: 4px; */
 font-size: 90%;

  }
.premiere_txtimg{
  background-color: #b7bfc7;
  color:#ffffff;
  overflow: hidden;
  padding:5%;
}
.premiere_inner{
  overflow: hidden;
}
.premiere_inner .intro{

}
.premiere_inner .intro .en{
  margin:5% 0 5% 0 ;
  color:#999999;
}
.premiere_inner .text h3{
  line-height: 1.7em;
  font-weight: bold
}
.premiere_box h4{
  font-weight: bold;
  margin:3% 0 3% 0 ;
}
.premiere_inner img{
  width:100%;
  margin:5% 0 5% 0 ;

}
.desc{
}
.desc_movie{
  clear: both;
}
.premiere_box .text{
  margin:5% 0 0 0 ;
  }
.premiere_box .text_en{
  margin:5% 0 5% 0 ;
  color:#999999;
  }


.summary{
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 5%;
  overflow: hidden;
  margin-bottom:10%;
  line-height: 1.7em;
}
.programlink{
  background-color: #ffffff;
  padding:5%;
}
.programlink p{
  margin-bottom:5%;
}
.programlink .inner{

}
.programlink ul.contaner li {

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


現状とイノベーション


------------------------------------ */
.rtp1{

  }
.rtp1 h2{
  font-weight:bold;
  font-size:150%;
  margin: 5% 0 1% 0;
}
/* ------------------------------------


最新の疼痛治療


------------------------------------ */
.rtp2{

  }
.rtp2 h2{
  font-weight:bold;
  font-size:150%;
  margin: 5% 0 1% 0;
}
/* ------------------------------------


スポーツ現場の声


------------------------------------ */
.rtp3{

  }
.rtp3 h2{
  font-weight:bold;
  font-size:150%;
  margin: 5% 0 1% 0;
}

.athletebox li{
  list-style-type: disc;
  margin-left:20px;
  }

.summary_2{
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 5%;
  overflow: hidden;
}

.summary_2 img{
  width:100%;
}
.summary_2 .text{

}
.athletebox{
  margin-top:5%;
  }
.athletebox p{
    margin-bottom:5%;
  }
.athletebox dl{
  overflow:hidden;
  border-top:1px dotted #dddddd;
  padding:5% 0 5% 0 ;
  line-height:1.7em;
  }
.athletebox dt {
  color:#999999;
  margin-bottom:0px

}
.athletebox dd {

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


スポーツX


------------------------------------ */
.sports_x{

  }
.sports_x h2{
  font-weight:bold;
  font-size:150%;
  margin: 5% 0 1% 0;
}




/*---clearfix-----*/

.clearfix:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;

}

.clearfix {
  zoom : 1;
  }
.clearfix {
 display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display:block;

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


yotuube


------------------------------------ */
.premiere{

  }
.premiere_box{
  border:1px solid #dddddd;
  padding:5%;
  border-radius: 4px;
  margin:5% 0 5% 0;
  }
.premiere_inner{
  overflow: hidden;
  text-align: center;
}
.premiere_inner.text{
  float:left;
}
.premiere_inner .text h3{
  font-size: 100%;
  line-height: 2em;
  font-weight: bold
}
.premiere_inner img{
  width:50%;
  margin:10% 25% 10% 25% ;
  border-radius: 50%;
  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  border: 1px solid #eeeeee;

}
.desc{
  border-top: 1px solid #dddddd;
  padding-top:40px;
  margin-top:20px;
}
.desc_movie{
  border-top: 1px solid #dddddd;
  margin-top:20px;
}


}