@import url('https://fonts.googleapis.com/css?family=Lato:700&display=swap');

.page-webinar:after,
.main-visual:after{
 content: '';
 display: block;
 width: 100%;
 background-color: rgba(35,24,21,0);
 position: absolute;
 top: 0;
 left: 0;
}
.head-image-area main{
 margin-top:0px;
}
.sub main {
 margin-bottom:0px;
 margin-top:0px;
}
.page-webinar main{
 margin-top:0px;
}
@media screen and (max-width: 1200px) {
 .head-image-area main{
  margin-top:-90px;
 }
 .sub main {
  margin-top:-90px;
 }
 .page-webinar main{
  margin-top:-90px;
 }
}
/* webinar
=============================== */


/* PageWebinarMainVisual */


.page-webinarHead{
 display:inline-block;
}
.page-webinar .main-visual {
 background: url(../img/newsroom/webinar/webinar_bg.png) no-repeat center center;
 background-size: cover;
 position: relative;
 height: 620px;
}
.page-webinar .main-visual .title-block {
 display:flex;
/* margin:40px auto 0;*/
 width: 1080px;
 margin-left: 20px;
 text-align: left;
}
.page-webinar .main-visual .title-block h1 {
 display:inline-block;
 width:40%;
/* padding:30px 0 0 0;*/
 font-size: 80px;
 font-size: 8rem;
 margin: 55px 0 20px 0;
}
.page-webinar .main-visual .title-block h1 img{
 width:100%; height:auto;
}
.page-webinar .main-visual .title-block h2 {
 display:inline-block;
 width:60%;
 padding:30px;
 font-size: 60px;
 font-size: 6rem;
 margin-top: 40px;
 margin-bottom: 20px;
 color:#fff;
}
.page-webinar .main-visual .title-block h2 p{
 display:inline-block;
 width:100%;
 margin-top: 20px;
 font-size: 36px;
 font-size: 3.6rem;
 line-height:1.8em;
 color:#fff;
}
.Ttlalt{
 display:none;
}

@media screen and (max-width: 1200px) {
 .page-webinar .main-visual {
  background: url(../img/newsroom/webinar/webinar_bg.png) no-repeat center center;
  background-size: cover;
  position: relative;
  height: unset;
 }
 .page-webinar .main-visual .title-block {
  display: flex;
  margin: 40px auto 20px;
  width: 90vw;
  text-align: left;
 }
 .page-webinar .main-visual .title-block h1 {
  display: inline-block;
  width: 50%;
  font-size: 40px;
  font-size: 4rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
 }
 .page-webinar .main-visual .title-block h1 img{
  margin-top: 0px;
 }
 .page-webinar .main-visual .title-block h2 {
  display: inline-block;
  width: auto;
  padding: 0px;
  font-size: 60px;
  font-size: 6rem;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #fff;
 }
 .page-webinar .main-visual .title-block h2 p {
  display: inline-block;
  width: auto;
  margin-top: 40px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.8em;
  color: #fff;
 }
}

@media screen and (max-width: 960px) {
 .page-webinar .main-visual .title-block {
  display:inline;
  margin:40px auto 0;
  width:100%;
  text-align:center;
 }
 .page-webinar .main-visual .title-block h1 {
  display:inline-block;
  width:100%;
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 20px;
  text-align:center;
  padding: 0;
 }
 .page-webinar .main-visual .title-block h1 img {
  display:inline;
  width:unset;
  height:190px;
  padding: 0;
  margin-top:20px;
 }
 .page-webinar .main-visual .title-block h2 {
  display:inline-block;
  width:90%;
  padding:0px;
  font-size: 40px;
  font-size: 4rem;
  margin-top: 10px;
  margin-bottom: 40px;
  text-align:center;
  color:#fff;
 }
 .page-webinar .main-visual .title-block h2 p{
  display:inline-block;
  width:80%;
  margin-top: 20px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height:1.8em;
  text-align:center;
  color:#fff;
 }
}

/* Preread */

#preread .readcont-block{
 margin-top:40px;
 margin-bottom:60px;
}
#preread .readcont-block p{
 font-size:1.8rem;
 line-height:1.8em;
 margin:0 0 1.8em 0;
}
#preread .preread-block h2{
 display:inline-block;
 width:100%;
 font-size:40px;
 font-size:2.4rem;
 color:#693EC8;
 border-bottom:solid 2px #C9C9C9;
 margin-bottom:10px;
}
#preread .preread-block .recommend-cap{
 display:inline-block;
 margin-bottom:20px;
}
#preread .Preread-cont{
 display:inline-flex;
 width:100%;
 margin:10px 0 60px 0;
}
#preread .cont_flex{
 display:flex;
 width:100%;
}
#preread .cont_flex .cont-thum{
 width:140px;
 height:180px;
 text-align:center
}
#preread .cont_flex_inner{
 display: inline-block;
 width: calc(100% - 40px);
 margin:10px 20px 0 20px;
}
#preread .cont_flex_inner .contents-ttl{
 display: inline-block;
 font-size:18px;
 font-size:1.8rem;
 line-height:1.6em;
 font-weight:600;
}
#preread .cont_flex_inner .contents-txt{
 display: inline-block;
 margin-top:10px;
 font-size:16px;
 font-size:1.6rem;
 line-height:1.6em;
 font-weight:normal;
}

@media screen and (max-width: 1200px)  {
 #preread .Preread-cont{
  display:flex;
  width:100%;
  margin:10px 0 60px 0;
 }
 #preread .cont_flex{
  display:inline;
  width:100%;
 }
 #preread .cont_flex .cont-thum{
  width:80%;
  height:180px;
  text-align:left;
 }
 #preread .cont_flex .cont-thum img{
  display:inline;
  height: 100%;
  width: unset;
 }
 #preread .cont_flex_inner{
  display: inline-block;
  width: calc(100% - 40px);
  margin:20px 20px 0 0;
 }
}

@media screen and (max-width: 480px)  {
 #preread .Preread-cont{
  display:inline;
  width:100%;
  margin:10px 0 60px 0;
 }
 #preread .cont_flex .cont-thum{
  width:100%;
  height:180px;
  text-align:center;
 }
 #preread .cont_flex_inner{
  display: inline-block;
  width:100%;
  text-align:center;
  margin:10px 20px 30px 0;
 }
}
#preread .cont_flex .cont-thum img{
  border:solid 1px #ccc;
}

/*Preread Accordion Contents=======
*/

dl.accordion dt{
  display:none;
}
dl.accordion dd{
  display: inline-block;
}
@media screen and (max-width: 1200px){
  display: inline-block;
}
@media screen and (max-width: 480px){
 dl.accordion dt{
  display:inline-block;
 }
 dl.accordion span{
  display:inline-block;
 }
 dl.accordion span.btn-plus{
  display:inline-block;
 }
 dl.accordion span.btn-minus{
  display:inline-block;
 }
 dl.accordion span:after{
  content:"▽ Read More";
  border: solid 1px #666;
  width: 87vw;
  display: inline-block;
  text-align:center;
  color:#231815;
 }
 dl.accordion span.btn-plus:after{
  content:"▽ Read More";
  border: solid 1px #666;
  width: 87vw;
  display: inline-block;
  text-align:center;
  color:#231815;
 }
 dl.accordion span.btn-minus:after{
  content:"△ Close";
  border: solid 1px #666;
  width: 87vw;
  display: inline-block;
  text-align:center;
  color:#231815;
 }
 dl.accordion dd{
  display: none;
 }
}

/* Upcomming */

#upcomming-area{
 background: url(../img/newsroom/webinar/webinar_bg2.png) no-repeat center center;
 background-size: cover;
 display:block;
 width:100%;
 height: auto;
 text-align:center;
}

#upcomming-area .upcomming{
 display:inline-block;
 width:1100px;
 padding:30px 0 0 0;
 margin-bottom: 85px;
}
#upcomming-area .upcomming .cont_flex{
 display:flex;
 width:1100px;
 margin:0;
}

#upcomming-area .upcomming-head{
 display:inline-block;
 width:34%;
 font-size:60px;
 font-size:6.0rem;
 line-height:1.4em;
 color:#fff;
 text-align:left;
}
#upcomming-area .upcomming-thumbnail{
 display:inline-block;
 width:66%;
 text-align:left;
}
#upcomming-area .upcomming-content{
 display:inline-block;
 width:34%;
 float:left;
 position:absolute;
 top:50%;
 left:0px;
 color:#fff;
 text-align:left;
}
#upcomming-area .upcomming-date{
 font-size:20px;
 font-size:2.0rem;
 line-height:1.8em;
 margin-bottom:30px;
}
#upcomming-area .upcomming-content .cont-label{
 float:left;
 position:absolute;
 left:0;
 top:45px;
 display:inline-block;
 height:3px;
 width:36px;
 background:#fff;
}
#upcomming-area .upcomming-title{
 font-size:24px;
 font-size:2.4rem;
 line-height:1.8em;
 margin-top: 20px;
}

#upcomming-area .subcontainer{
 display:inline-block;;
 width:1100px;
 height:auto;
 margin:0 auto;
}
#upcomming-area .subcontainer .inner_subcont{
 display:inline-block;
/* float:left;*/
 width:32%;
 padding-right:2%;
 text-align:center;
 margin-bottom:40px;
}
#upcomming-area .subcontainer .inner_subcont_end{
 display:inline-block;
 float:left;
 width:32%;
 padding-right:0px;
 text-align:left;
 margin-bottom:40px;
}

#upcomming-area .subcontainer .next-thumbnail{
 display:inline-block;
 width:100%;
 text-align:left;
}
#upcomming-area .subcontainer .next-date{
 color:#fff;
 text-align:left;
 font-size:18px;
 font-size:1.8rem;
 line-height:1.8em;
}
#upcomming-area .subcontainer .cont-label{
 color:#fff;
 text-align:left;
 font-size:18px;
 font-size:1.8rem;
 line-height:1.8em;
}
#upcomming-area .subcontainer .next-title{
 color:#fff;
 text-align:center;
 font-size:18px;
 font-size:1.8rem;
 line-height:1.8em;
}
@media screen and (max-width: 1200px)  {
 #upcomming-area{
  background: url(../img/newsroom/webinar/webinar_bg2.png) no-repeat center center;
  background-size: cover;
  display:block;
  width:100vw;
  height: auto;
  text-align:center;
 }

 #upcomming-area .upcomming{
  display:inline-block;
  width:100%;
  padding:30px 0 0 0;
  margin-bottom: 85px;
  margin-left: 5%;
  margin-right: 5%;
 }

 #upcomming-area .upcomming .cont_flex{
  display:flex;
  width:100%;
  margin:0;
 }
 #upcomming-area .upcomming-head{
  display:inline-block;
  width:34%;
  font-size:60px;
  font-size:6.0rem;
  line-height:1.4em;
  color:#fff;
  text-align:left;
 }
 #upcomming-area .upcomming-thumbnail{
  display:inline-block;
  width:55%;
  text-align:left;
 }
 #upcomming-area .upcomming-content{
  display:inline-block;
  width:30%;
  float:left;
  position:absolute;
  top:50%;
  left:0;
  color:#fff;
  text-align:left;
 }
 #upcomming-area .upcomming-date{
  font-size:18px;
  font-size:1.8rem;
  line-height:1.6em;
  margin-bottom:30px;
 }
 #upcomming-area .upcomming-content .cont-label{
  float:left;
  position:absolute;
  left:0;
  top:45px;
  display:inline-block;
  height:3px;
  width:36px;
  background:#fff;
 }
 #upcomming-area .upcomming-title{
  font-size:24px;
  font-size:2.4rem;
  line-height:1.8em;
 }

 #upcomming-area .subcontainer{
  display:inline-block;;
  width:90vw;
  height:auto;
  margin:0 auto;
 }
 #upcomming-area .subcontainer .inner_subcont{
  display:inline-block;
  float:left;
  width:32%;
  padding-right:2%;
  text-align:left;
  margin-bottom:40px;
 }
 #upcomming-area .subcontainer .inner_subcont_end{
  display:inline-block;
  float:left;
  width:32%;
  padding-right:0px;
  text-align:left;
  margin-bottom:40px;
 }

 #upcomming-area .subcontainer .next-thumbnail{
  display:inline-block;
  width:100%;
  text-align:left;
 }
 #upcomming-area .subcontainer .next-date{
  color:#fff;
  text-align:left;
  font-size:18px;
  font-size:1.8rem;
  line-height:1.8em;
 }
 #upcomming-area .subcontainer .cont-label{
  color:#fff;
  text-align:left;
  font-size:18px;
  font-size:1.8rem;
  line-height:1.8em;
 }
 #upcomming-area .subcontainer .next-title{
  color:#fff;
  text-align:left;
  font-size:18px;
  font-size:1.8rem;
  line-height:1.8em;
 }
}
@media screen and (max-width: 960px)  {
 #upcomming-area{
  background: url(../img/newsroom/webinar/webinar_bg2.png) no-repeat center center;
  background-size: cover;
  display:block;
  width:100vw;
  height: auto;
  text-align:center;
 }

 #upcomming-area .upcomming{
  display:inline-block;
  width:100%;
  padding:30px 0 0 0;
  margin-bottom: 85px;
  margin-left: 5%;
  margin-right: 5%;
 }

 #upcomming-area .upcomming .cont_flex{
  display:flex;
  width:90vw;
  margin:0;
 }
 #upcomming-area .upcomming-head{
  display:inline-block;
  width:40%;
  font-size:40px;
  font-size:4.0rem;
  line-height:1.3em;
  color:#fff;
  text-align:left;
 }
 #upcomming-area .upcomming-thumbnail{
  display:inline-block;
  width:60%;
  text-align:left;
 }
 #upcomming-area .upcomming-content{
  display:inline-block;
  width:30%;
  float:left;
  position:absolute;
  top:50%;
  left:0;
  color:#fff;
  text-align:left;
 }
 #upcomming-area .upcomming-date{
  font-size:16px;
  font-size:1.6rem;
  line-height:1.8em;
  margin-bottom:30px;
 }
 #upcomming-area .upcomming-content .cont-label{
  float:left;
  position:absolute;
  left:0;
  top:35px;
  display:inline-block;
  height:3px;
  width:36px;
  background:#fff;
 }
 #upcomming-area .upcomming-title{
  font-size:16px;
  font-size:1.6rem;
  line-height:1.6em;
 }
 #upcomming-area .subcontainer{
  display:inline-block;
  width:90vw;
  height:auto;
  margin:0 auto;
 }
 #upcomming-area .subcontainer .inner_subcont{
  display:inline-block;
  float:left;
  width:32%;
  padding-right:2%;
  text-align:left;
  margin-bottom:40px;
 }
 #upcomming-area .subcontainer .inner_subcont_end{
  display:inline-block;
  float:left;
  width:32%;
  padding-right:0px;
  text-align:left;
  margin-bottom:40px;
 }

 #upcomming-area .subcontainer .next-thumbnail{
  display:inline-block;
  width:100%;
  text-align:left;
 }
 #upcomming-area .subcontainer .next-date{
  color:#fff;
  text-align:left;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.6em;
 }
 #upcomming-area .subcontainer .cont-label{
  color:#fff;
  text-align:left;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.6em;
 }
 #upcomming-area .subcontainer .next-title{
  color:#fff;
  text-align:left;
  font-size:17px;
  font-size:1.7rem;
  line-height:1.6em;
 }
}
@media screen and (max-width: 640px)  {
 #upcomming-area{
  background: url(../img/newsroom/webinar/webinar_bg2.png) no-repeat center center;
  background-size: cover;
  display:block;
  width:100vw;
  height:auto;
  text-align:center;
  padding-bottom:50px;
 }

 #upcomming-area .upcomming{
  display:inline-block;
  width:100%;
  padding:0;
  margin-bottom: 60px;
  margin-left: 0;
  margin-right: 0;
 }

 #upcomming-area .upcomming .cont_flex{
  display:inline-block;
  width:100vw;
  margin:30px 0 0 0;
 }

 #upcomming-area .upcomming-head{
  display: inline-block;
  width: 80vw;
  margin-top:20px;
  margin-bottom:20px;
  font-size:40px;
  font-size:4.0rem;
  line-height:1.3em;
  color:#fff;
  text-align:center;
 }
 #upcomming-area .upcomming-thumbnail{
  display:inline-block;
  width:80vw;
  text-align:center;
 }
 #upcomming-area .upcomming-content{
  display:inline-block;
  width:80vw;
  float:none;
  position:relative;
  color:#fff;
  text-align:left;
  margin-top:15px;
 }
 #upcomming-area .upcomming-date{
  font-size:16px;
  font-size:1.6rem;
  line-height:1.8em;
  margin-bottom:30px;
 }
 #upcomming-area .upcomming-content .cont-label{
  float:left;
  position:absolute;
  left:0;
  top:35px;
  display:inline-block;
  height:3px;
  width:36px;
  background:#fff;
 }
 #upcomming-area .upcomming-title{
  font-size:224px;
  font-size:2.2rem;
  line-height:1.6em;
 }

 #upcomming-area .subcontainer{
  display:inline-block;
  width:100vw;
  height:auto;
  margin:0 auto;
 }
 #upcomming-area .subcontainer .inner_subcont,
 #upcomming-area .subcontainer .inner_subcont_end{
  display:inline-block;
  float:none;
  width:38vw;
  margin:0 1vw;
  text-align:left;
  margin-bottom:30px;
 }
 #upcomming-area .subcontainer .inner_subcont dl,
 #upcomming-area .subcontainer .inner_subcont_end dl{
  display:inline-block;
  width:100%;
 }

 #upcomming-area .subcontainer .next-thumbnail{
  display:inline-block;
  width:100%;
  text-align:left;
 }
 #upcomming-area .subcontainer .next-date{
  color:#fff;
  text-align:left;
  font-size:14px;
  font-size:1.4rem;
  line-height:1.6em;
 }
 #upcomming-area .subcontainer .cont-label{
  color:#fff;
  text-align:left;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.4em;
 }
 #upcomming-area .subcontainer .next-title{
  color:#fff;
  text-align:left;
  font-size:17px;
  font-size:1.7rem;
  line-height:1.6em;
 }
}
/* Past cont -------------*/

#pastcont-area {
 position:relative;
 display:block;
 width:100%;
 text-align:center;
}

#pastcont-area .pastcont {
 display:inline-block:
 width:1100px;
 text-align:center;
 margin-top:40px;
 margin-bottom:60px;
}

#pastcont-area .pastcont h2 {
 display:inline-block:
 width:100%;
 border-bottom:solid 1px #ccc;
 font-size:40px;
 font-size:4.0rem;
 color:#693EC8;
 margin-bottom:20px;
}

#pastcont-area .pastcont-list{
 display:inline-block;
 width:100%;
}
#pastcont-area .pastcont-list .content-block{
 display:inline-block;
 width:100%;
 height:auto;
 padding-bottom:20px;
 margin-bottom:20px;
 border-bottom:solid 1px #ccc;
}
#pastcont-area dl.list-inner{
}
#pastcont-area dl.list-inner dt.media{
 height:250px;
 width:32%;
 margin-right:20px;
 float:left;
}
#pastcont-area dl.list-inner dt.media .past-thumbnail-img{
 width:100%;
}
#pastcont-area dl.list-inner dt.media img.thumbnailover{
 width:32%;
 position:absolute;
 left:0;
}

#pastcont-area dl.list-inner .next-cont{
 width:100%;
 text-align:left;
}
#pastcont-area .list-inner .next-date a{
 font-size:14px;
 font-size:1.4rem;
 line-height:1.3em;
 color:#231815;
 font-weight:bold;
}
#pastcont-area .list-inner .next-title a{
 font-size:28px;
 font-size:2.8rem;
 line-height:1.6em;
 color:#693EC8;
}
#pastcont-area .list-inner .cont-caption{
 display:inline-block;
 width:65%;
 font-size:16px;
 font-size:1.6rem;
 line-height:1.6em;
 color:#231815;
}
#pastcont-area .list-inner .cont-caption ul {
 list-style:disk;
}
#pastcont-area .list-inner .cont-caption ul lt {
 display:inline-block;
 font-size: 1.7rem;
 line-height: 1.7em;
 font-weight:600;
 margin-top:1.0rem;
 margin-bottom: 0.5rem;
}
#pastcont-area .list-inner .cont-caption ul li {
 font-size: 1.6rem;
 line-height: 1.1em;
 list-style: disc;
 margin-left: 1.6rem;
 margin-bottom: 0.8rem;
 font-family: "Times New Roman", "AvenirNextLTW01-Regular", "AxisStd-Light", serif;
}
#pastcont-area .list-inner .cont-caption ul li a{
 font-size: 1.6rem;
 color:#3333CC;
 font-family: "Times New Roman", "AvenirNextLTW01-Regular", "AxisStd-Light", serif;
}
#pastcont-area .list-inner .cont-caption ul li a.icon-pdf::before{
 display:inline-block;
 width:10px;
 height:15px;
 padding-left:1.3rem;
 padding-top:0.1rem;
 content:'';
 background: url(../img/common/icon_pdf.png) no-repeat left center;
}

@media screen and (max-width: 960px)  {
 #pastcont-area {
  position:relative;
  display:block;
  width:100vw;
  text-align:center;
 }

 #pastcont-area .pastcont {
  display:inline-block:
  width:90vw;
  text-align:center;
  margin-top:40px;
  margin-bottom:60px;
 }

 #pastcont-area .pastcont h2 {
  display:inline-block:
  width:100%;
  border-bottom:solid 1px #ccc;
  font-size:40px;
  font-size:4.0rem;
  color:#693EC8;
  margin-bottom:20px;
 }

 #pastcont-area .pastcont-list{
  display:inline-block;
  width:100%;
 }
 #pastcont-area .pastcont-list .content-block{
  display:inline-block;
  width:100%;
  height:auto;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:solid 1px #ccc;
 }
 #pastcont-area dl.list-inner{
 }
 #pastcont-area dl.list-inner dt.media{
  height:auto;
  width:32%;
  margin-right:20px;
  float:left;
 }
 #pastcont-area dl.list-inner dt.media .past-thumbnail-img{
  width:100%;
 }
 #pastcont-area dl.list-inner dt.media img.thumbnailover{
  width:32%;
  position:absolute;
  left:0;
 }

 #pastcont-area dl.list-inner .next-cont{
  width:90vw;
  text-align:left;
 }
 #pastcont-area .list-inner .next-date{
  font-size:14px;
  font-size:1.4rem;
  line-height:1.3em;
  color:#231815;
  font-weight:bold;
 }
 #pastcont-area .list-inner .next-title{
  font-size:26px;
  font-size:2.6rem;
  line-height:1.6em;
  color:#693EC8;
 }
 #pastcont-area .list-inner .cont-caption{
  display:inline-block;
  width:100%;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.6em;
  color:#231815;
 }
}
@media screen and (max-width: 480px)  {
 #pastcont-area dl.list-inner dt.media {
  height: auto;
  width: 80vw;
  margin-left:5vw;
  margin-bottom: 1.0em;
  text-align:center;
  float: none;
 }
 #pastcont-area dl.list-inner dt.media img{
  width:100%;
  display:inline;
 }
 #pastcont-area dl.list-inner dt.media img.thumbnailover{
  width:80vw;
  position:absolute;
  left:5vw;
 }
 #pastcont-area dl.list-inner .next-cont{
  width:80vw;
  margin-left:5vw;
  text-align:left;
 }
 #pastcont-area .list-inner .next-date{
  font-size:14px;
  font-size:1.4rem;
  line-height:1.3em;
  color:#231815;
  font-weight:bold;
 }
 #pastcont-area .list-inner .next-title{
  font-size:18px;
  font-size:1.8rem;
  line-height:1.4em;
  color:#693EC8;
 }
 #pastcont-area .list-inner .cont-caption{
  display:inline-block;
  width:100%;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.6em;
  color:#231815;
 }
}

/*sponsors-area=========================
*/
#sponsors-area .container{
  text-align:center;
  margin-bottom:80px;
}
#sponsors-area .container h2 {
    margin-top:60px;
    display: inline-block;
    width: 100%;
    font-size: 40px;
    font-size: 4.0rem;
    color: #1F6AD0;
    padding-bottom:20px;
    border-bottom: solid 2px #C9C9C9;
    margin-bottom: 10px;
}
#sponsors-area .sponsors{
  display:inline-block;
  width:100%;
}
#sponsors-area .sponsors dl.logo-list{
  display:flex;
  display:inline-block;
  text-align:left;
  width:100%;
}
#sponsors-area .sponsors dl.logo-list dd.sponsors-logo {
  display: inline-block;
  width: 22%;
  margin: 20px 1% 20px 1%;
  vertical-align: middle;
}
#sponsors-area .sponsors dl.logo-list dd.sponsors-logo .sp-logo-img{
  display:inline-block;
  width:100%;
}

@media screen and (max-width: 960px) {
 #sponsors-area .container h2 {
    margin-top:60px;
    display: inline-block;
    width: 100%;
    font-size: 40px;
    font-size: 4.0rem;
    color: #1F6AD0;
    padding-bottom:20px;
    border-bottom: solid 2px #C9C9C9;
    margin-bottom: 10px;
 }
 #sponsors-area .sponsors dl.logo-list dd.sponsors-logo{
  display:inline-block;
  width: 45%;
  margin: 20px 0 20px 4%;
 }
 #sponsors-area .sponsors dl.logo-list dd.sponsors-logo .sp-logo-img{
  display:inline-block;
  width:70%;
 }
}

/*general set=================
*/

br.sp{
	display:none;
}
br.tab{
	display:inline;
}
br.pc{
	display:inline;
}
@media screen and (max-width: 960px) {
 br.pc{
  display:none;
 }
 br.tab{
  display:inline;
 }
 br.sp{
  display:inline;
 }
}
@media screen and (max-width: 640px) {
 br.pc{
  display:none;
 }
 br.tab{
  display:none;
 }
 br.sp{
  display:inline;
 }
}

