@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------
	Agile Japan 2020
	紺：#0F3573
  水色：#00AFD2
  ピンク：#E72F78
  hover：#00C8E1
------------------------------------------------------------------------------------------------------ */

body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
	font-feature-settings : "palt";
	color: #000;
  -webkit-text-size-adjust: 100%;
}
header{
	width: 100%;
	background: #000;
	position: fixed;
	z-index: 999;
}
header ul {
	width: 840px;
	margin: 0 auto;
	padding: 15px 0;
	display: flex;
	justify-content: center;
}
header ul li{
	font-size: 13px;
	font-weight: 500;
	color: #999;
	padding: 6px 1em;
}
header ul li a{
	color: #FFF;
}
header ul li:first-child{
  margin-right: auto;
}

header ul li a:hover{
	color: #00C8E1;
}

header ul li a.btn{
  display: block;
	padding: 6px 1.5em;
  margin-top: -6px;
  margin-right: 1em;
  border-top: #999 solid 1px;
  border-left: #777 solid 1px;
  border-right: #555 solid 1px;
  border-bottom: #444 solid 1px;
}
header ul li a.btn:hover{
  color: #000;
  background: #00C8E1;
  }

/*フッター*/
footer{
	background: #FFF;
	}
footer .block{
	width: 740px;
	margin: 0 auto;
	}
footer .block p{
	font-size: 12px;
	padding: 18px 0;
}

/*運営・お問合せ*/
.contact-area{
	width: 100%;
	padding: 35px 0;
	color: #FFF;
  background: url("../images/back-S3.png") center;
  background-repeat: no-repeat;
	}
.contact-area .block{
	width: 820px;
	margin: 0 auto;
	}
.contact-area .block h2{
	font-size: 22px;
	margin-bottom: 20px;
	}
.contact-area .block p.txt-1{
	font-size: 13px;
  line-height: 1.8;
	margin-bottom: 10px;
	}
.contact-area .block p.txt-2{
	font-size: 13px;
	line-height: 1.8;
	}
.contact-area .block p.txt-2 a{
	color: #FFF;
}
.contact-area .block p.txt-2 a:hover{
	text-decoration: underline;
}

/* Scroll-top */
#page-top {
  position: fixed;
	bottom: 40px;
	right: 40px;
	}
#page-top a {
  font-size: 22px;
  color: #FFF;
	background: #999;
	padding: 6px 15px;
	text-align: center;
	border-radius: 40px;
	}


/* index.html #home
------------------------------------------------------------------------------------------------------ */
#home .main-bg-wrap{
  background-color: #0F3573;
  background-image: url("../images/back-L3.png");
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 70px;
  }
#home .title-area{
	width: 820px;
	margin: 0 auto;
  color: #FFF;
  padding: 130px 0 80px 0;
  }
#home .title-area h1.txt-1{
  font-size: 47px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  }
#home .title-area p.txt-2{
  font-size: 44px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  }
#home .title-area .box-img{
  width: 100%;
  text-align: center;
  }
#home .title-area p.txt-3{
  font-size: 22px;
  margin-bottom: 15px;
  margin-top: -15px;
  }
#home .title-area p.txt-4{
  font-size: 58px;
  font-weight: bold;
  text-align: center;
  }

/*開催決定！*/
#home .notice-area{
	background: #FFF;
  padding-top: 30px;
  }
#home .notice-area .block-1,
#home .notice-area .block-2{
	width: 820px;
  margin: 0 auto;
  padding-bottom: 30px;
	}
#home .notice-area .block-1 p.txt-1{
  font-size: 18px;
  color: #0F3573;
  text-align: center;
  }
#home .notice-area .block-1 p.txt-1 strong{
  font-size: 22px;
  font-weight: 600;
  }
#home .notice-area .block-1 p.txt-1 strong span{
  font-size: 34px;
  padding: 0 6px;
  }
#home .notice-area .block-1 p.txt-2{
  font-size: 30px;
  font-weight: bold;
  color: #0F3573;
  text-align: center;
  padding: 20px 0 12px 0;
  }
#home .notice-area .block-1 p.txt-3{
  font-size: 16px;
  color: #0F3573;
  text-align: center;
  }


#home .notice-area .block-3{
  width: 360px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
#home .notice-area .block-3 p{
  font-size: 12px;
  }
#home .notice-area p.txt-btn a{
  display: block;
  width: 300px;
  text-align: center;
  font-size: 22px;
  background: #0F3573;
  color: #FFF;
  padding: 10px 0;
  }
#home .notice-area p.txt-btn a:hover{
  background: #00C8E1; 
  }

/*中止*/
#home .corona-canceled-area{
  background: #FFF;
  padding: 50px 0;
  }
#home .corona-canceled-area .block{
  width: 710px;
  margin: 0 auto;
  }
#home .corona-canceled-area h2{
  font-size: 30px;
  font-weight: 600;
  color: #0F3573;
  text-align: center;
  }
#home .corona-canceled-area p{
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 1em;
  }
#home .corona-canceled-area p.txt-1{
  text-align: right;
  margin-bottom: 50px;
  }
#home .corona-canceled-area p.txt-2{
  text-align: center;
  margin-bottom: 0;
  }
#home .corona-canceled-area p a{
  color: #06C;
  }
#home .corona-canceled-area p a:hover{
 text-decoration: underline;
 }
#home .notice-area .block-1 a{
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  color: #0F3573;
  margin: 0 auto;
  }
#home .notice-area .block-1 a:hover{
  border-bottom: #F00 solid 1px;
  }

/*プレイベント*/
#home .pre-event-area{
  background: #FFF;
	padding: 40px 0;
  border-top: #CCC solid 1px;
  }
#home .pre-event-area h2{
  font-size: 28px;
  font-weight: 500;
  color: #0F3573;
  text-align: center;
  margin-bottom: 20px;
  }
#home .pre-event-area p.catch{
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
  }
#home .pre-event-area p.txt-kome{
  font-size: 14px;
  text-align: center;
  color: #555;
  margin-top: 14px;
  }
#home .pre-event-area div.block{
  width: 820px;
  margin: 0 auto;

  }
#home .pre-event-area div.block .box{
  width: 820px;
  background: #F3F3F3;
  border: #F3F3F3 solid 1px;
  box-sizing: border-box;
  margin-bottom: 15px;
  text-align: center;
  padding-bottom: 15px;
  }
#home .pre-event-area div.block .box:hover{
  background: #FFF;
  border: #0F3573 solid 1px;
  }
#home .pre-event-area p.txt-1{
  font-size: 16px;
  color: #FFF;
  background: #0F3573;
  padding: 5px 0 5px 0;
  letter-spacing: 0.5em;
  position: relative;
  }
#home .pre-event-area p.txt-1 span{
  letter-spacing: 0.06em;
  font-size: 13px;
  text-align: right;
  display: inline-block;
  position: absolute;
  right: 12px;
  }
#home .pre-event-area p.txt-1 span.txt-left{
  letter-spacing: 0.06em;
  font-size: 13px;
  text-align: left;
  display: inline-block;
  position: absolute;
  left: 12px;
  }

#home .pre-event-area p.txt-2{
  font-size: 20px;
  line-height: 1.3;
  color: #0F3573;
  padding: 15px 0;
  }
#home .pre-event-area p.txt-2.end{
  color: #999;
  }
#home .pre-event-area p.txt-end{
  font-size: 14px;
  color: #D00;
  padding-top: 14px;
  }
#home .pre-event-area ul.txt-3{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }
#home .pre-event-area ul.txt-3 li{
  font-size: 14px;
  font-weight: 600;
  color: #333;
  padding: 0 10px;
  }
#home .pre-event-area ul.txt-link{
  display: flex;
  justify-content: center;
  margin-top: 20px;
  }
#home .pre-event-area ul.txt-link li{
  font-size: 14px;
  color: #FFF;
  }
#home .pre-event-area ul.txt-link li a{
  display: block;
  color: #FFF;
  background: #00AFD2;
  border-radius: 3px;
  padding: 5px 0 7px 0;
  width: 300px;
  text-align: center;
  margin: 0 15px;
  }
#home .pre-event-area ul.txt-link li a:hover{
  background: #0F3573;
  }
#home .pre-event-area p.txt-4{
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 15px 0 5px 0;
  }


/*登録ボタン*/
#home .area-entry-btn {
	background: #FFF;
	text-align: center;
	padding: 30px 0;
  border-top: #CCC solid 1px;
	}
#home .area-entry-btn p.txt-1{
	font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
	}
#home .area-entry-btn p.txt-2{
	font-size: 14px;
	line-height: 1.5;
	color: #555;
	padding-top: 25px;
  margin-bottom: 25px;
	}
#home .area-entry-btn .block{
	display: flex;
	justify-content: center;
	}
#home .area-entry-btn .block a{
	display: block;
	color: #FFF;
	padding: 20px 100px;
	background: #00AFD2;
	margin: 0 20px 10px 20px;
	border-radius: 6px;
	}
#home .area-entry-btn .block p{
	font-size: 15px;
	text-align: center;
	color: #0F3573;
	}
#home .area-entry-btn .block a:hover{
	background: #0F3573;
	}

#home .area-entry-btn .block-hub{
  width: 820px;
  margin: 0 auto;
  border-top: #CCC solid 1px;
  display: flex;
  justify-content: space-around;
  padding-top: 25px;
  }
#home .area-entry-btn .block-hub p.txt-hub{
  width: 300px;
  text-align: center;
  }
#home .area-entry-btn .block-hub p.txt-hub span{
  font-size: 12px;
  }

#home .area-entry-btn .block-hub p.txt-hub a{
  color: #0F3573;
  }
#home .area-entry-btn .block-hub p.txt-hub a:hover{
  text-decoration: underline;
  }

/*ログインボタン*/
#home .login-btn-area{
  background: #00AFD2;
  text-align: center;
	padding: 30px 0;
  }
#home .login-btn-area a.box-link{
  display: block;
  font-size: 18px;
  background: #FFF;
  color: #00AFD2;
  width: 400px;
  padding: 25px 0;
  border-radius: 6px;
  margin:  0 auto;
  }
#home .login-btn-area a.box-link:hover{
	background: #0F3573;
  color: #FFF;
	}


/*重要なお知らせ
#home #canceled{
  height: 50px;
}
#home .corona-info-area{
  border: #F00 solid 4px;
  background: #FFF;
  width: 820px;
  margin: 50px auto 100px auto;
  padding: 50px 50px 40px 50px;
  box-sizing: border-box;
  }
#home .corona-info-area h2{
  font-size: 20px;
  font-weight: 600;
  color: #F00;
  text-align: center;
  margin-bottom: 30px;
  }
#home .corona-info-area p{
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 1em;
  }
#home .corona-info-area p.txt-1{
  text-align: right;
  margin-bottom: 30px;
  }
#home .corona-info-area p.txt-2{
  text-align: center;
  margin-bottom: 0;
  }
#home .corona-info-area p a{
  color: #06C;
  }
#home .corona-info-area p a:hover{
 text-decoration: underline;
 }*/

/*ニュース*/ 
#home .news-area{
  width: 820px;
  margin: 50px auto;
  }
#home .news-area .in-wrap{
  border-top: #FFF solid 1px;
  border-bottom: #FFF solid 1px;
  padding: 20px 0 3px 0;
  position: relative;
  }
#home .news-area p{
  font-size: 16px;
  color: #FFF;
  width: 160px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 24px;
  }
#home .news-area dl{
  width: 660px;
  font-size: 15px;
  color: #FFF;
  margin-left: 160px;
  }
#home .news-area dl dt{
  width: 60px;
  margin-bottom: 20px;
  float: left;
  padding-top: 5px;
  }
#home .news-area dl dd{
  width: 600px;
  line-height: 1.5;
  margin-bottom: 20px;
  }
#home .news-area button{
  float: right;
  color: #FFF;
  background: none;
  border: none;
  margin-top: 5px;
  cursor: pointer;
  }
#home .news-area button:hover{
  text-decoration: underline;
  }
#home .news-area button:focus {
	outline:0;
}

/*ニュース 表示・非表示*/ 
.target {
  display: none;
  }
.target.is-hidden {
  display: block;
  }


/*基調講演　特別講演　経営者パネルセッション*/
#home .key-session-area,
#home .sp-session-area,
#home .panel-session-area{
  width: 820px;
  margin: 0 auto;
  position: relative;
  }
#home .key-session-area h2,
#home .sp-session-area h2,
#home .panel-session-area h2{
  font-size: 26px;
  color: #0F3573;
  background: #FFF;
  padding: 10px;
  text-align: center;
  }
#home .key-session-area{
  margin-top: 90px;
  height: 650px;
  }
#home .sp-session-area{
  height: 400px;
  }
#home .key-session-area p.txt-1,
#home .sp-session-area p.txt-1{
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  color: #FFF;
  margin-top: 20px;
  }
#home .key-session-area p.txt-1 span,
#home .sp-session-area p.txt-1 span{
  font-size: 26px;
  line-height: 1.2;
  display: inline-block;
  padding-top: 12px;
  }
#home .key-session-area p.txt-1 a,
#home .sp-session-area p.txt-1 a{
  color: #FFF;
  }
#home .key-session-area p.txt-1 a:hover,
#home .sp-session-area p.txt-1 a:hover{
  color: #CCC;
  }

#home .key-session-area p.txt-2,
#home .sp-session-area p.txt-2{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: #FFF;
  margin-top: 30px;
  margin-bottom: 20px;
  }
#home .key-session-area p.txt-2{
  margin-top: 85px;
  }
#home .key-session-area p.txt-3,
#home .sp-session-area p.txt-3{
  font-size: 15px;
  line-height: 2;
  color: #FFF;
  }
#home .key-session-area p.txt-2 span,
#home .sp-session-area p.txt-2 span{
  font-size: 27px;
  }
#home .key-session-area img,
#home .sp-session-area img{
  position: absolute;
  top: 30px;
  right: 0;
  }
#home .sp-session-area{
  height: 550px;
  }
#home .panel-session-area{
  height: 700px;
  }
#home .panel-session-area .img-01{
  position: absolute;
  top: 120px;
  left: 90px;
  }
#home .panel-session-area .img-02{
  position: absolute;
  top: 290px;
  left: 260px;
}
#home .panel-session-area .img-03{
  position: absolute;
  top: 120px;
  right: 90px;
  }
#home .panel-session-area p.txt-1,
#home .panel-session-area p.txt-2,
#home .panel-session-area p.txt-3{
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #FFF;
  position: absolute;
  }
#home .panel-session-area p.txt-1 span,
#home .panel-session-area p.txt-2 span,
#home .panel-session-area p.txt-3 span{
  font-size: 20px;
  }
#home .panel-session-area p.txt-1{
  top: 380px;
  left: 0;
  }
#home .panel-session-area p.txt-2{
  top: 600px;
  left: 300px;
  }
#home .panel-session-area p.txt-3{
  top: 380px;
  left: 630px;
  }
#home .panel-session-area p.txt-4{
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  color: #FFF;
  padding: 10px 0;
  }

/*あいさつー*/
#home #aisatsu{
  height: 80px;
  }
#home .aisatsu-area{
 width: 820px;
 margin: 0 auto;
 padding-top: 30px;
 border-top: #FFF solid 6px;
 }
#home .aisatsu-area h2{
  font-size: 28px;
  color: #FFF;
  margin-bottom: 40px;
  }
#home .aisatsu-area p{
	font-size: 15px;
	font-weight: 300px;
	line-height: 1.8;
	text-align: justify;
  color: #FFF;
	}
#home .aisatsu-area p a{
  color: #FFF
  }
#home .aisatsu-area p.title{
	font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
	}
#home .aisatsu-area .more{
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	padding-bottom: 10px;
	}

#home .aisatsu-area .flex-wrap{
  display: flex;
  justify-content: space-between;
  }
#home .aisatsu-area .flex-wrap .box-L{
  width: 200px;
  padding-top: 10px;
  }
#home .aisatsu-area .flex-wrap .box-L img{
  margin-bottom: 3px;
  }
#home .aisatsu-area .flex-wrap .box-R{
  width: 700px;
  }
#home .aisatsu-area .flex-wrap p.name{
  font-size: 15px;
  line-height: 1.4;
  }
#home .aisatsu-area .flex-wrap p.name span{
  font-size: 12px;
  display: block;
  margin-bottom: 3px;
  }
#home .aisatsu-area .readmore-more p{
  margin-left: 180px;
  max-height: 100%;
}


/* ****************************************************
  続きを読む【.readmore】
***************************************************** */
.readmore-button {
  position: relative;
  /*詳細設定
  background-image: linear-gradient( 180deg, rgba(0, 176, 210, 0.6), rgba(0, 176, 210, 1));*/
  background: url("../images/-aisatsu-musk.png") no-repeat;
  /* 上から下へ：[白色半透明]から[白色]へグラデーション */
  padding-top: 130px;
  /* ボタンの上側でグラデーションを見せる距離(長さ) */
  margin-top: -135px;
  /* ボックスを上側に重ねる距離(長さ) */
  font-size: 18px;
  text-align: center;
}
.readmore-button .icon-box {
  margin-bottom: 3px;
}
.readmore-more {
  display: none;
}
.readmore-button a:hover {
  color: #CCC;
}
.readmore-button a:hover::before, .readmore-button a:hover::after {
  background-color: #171D59 !important;
}
i.fa-plus{
  font-size: 12px;
  color: #0F3573;
  background-color: #FFF;
  padding: 14px 15px;
  border-radius: 80px;
}


/*Agile Japanのポリシー*/
#home #policy{
  height: 30px;
  }
#home .policy-area{
 width: 820px;
 margin: 0 auto;
 padding-top: 80px;
}
#home .policy-area h2{
	font-size: 28px;
  color: #FFF;
  margin-bottom: 40px;
}
#home .policy-area .flex-wrap{
	display: flex;
	justify-content: space-between;
}
#home .policy-area .flex-wrap .box{
	width: 260px;
	background: #FFF;
	box-sizing: border-box;
	padding: 30px 15px;
}
#home .policy-area .fig-wrap{
  text-align: center;
}
#home .policy-area h3{
  font-size: 20px;
  font-weight: bold;
  color: #0F3573;
  padding-top: 20px;
  margin-bottom: 30px;
}
#home .policy-area .box p{
	font-size: 15px;
	line-height: 28px;
}

/*開催概要*/
#home #outline{
  height: 50px;
  }
#home .outline-area{
	width: 820px;
	margin: 0 auto;
  padding: 40px 0;
	}
#home .outline-area .block{
	}
#home .outline-area .block h2{
	font-size: 26px;
	margin-bottom: 30px;
	}
#home .outline-area dl{
	font-size: 18px;
	}
#home .outline-area dl dt{
	line-height: 1.5;
	margin-bottom: 1em;
	float: left;
	}
#home .outline-area dl dd{
	line-height: 1.5;
	margin-bottom: 1em;
	margin-left: 90px;
	}
#home .outline-area dl dd li span{
	color: #00AED0;
	font-size: 80%;
	padding-right: 4px;
	}


#home .outline-area dl dd table.price{
	width: 630px;
	border-top: #000 solid 1px;
	}
#home .outline-area dl dd table.price td{
	padding: 10px 0;
	border-bottom: #000 solid 1px;
	}
#home .outline-area dl dd table.price td.cel-1{
	width: 145px;
  padding-left: 5px;
	}
#home .outline-area dl dd table.price td.cel-2{
	width: 480px;
	}
#home .outline-area dl dd table.price td.cel-3{
	}
#home .outline-area dl dd table.price td span{
	font-size: 12px;
}

#home .outline-area .map-block{
	}
#home .outline-area .map-block h3{
	font-size: 18px;
	padding: 60px 0 20px 0;
	}
#home .outline-area .map-block p{
	font-size: 18px;
  padding-top: 6px;
}
#home .outline-area .map-block p a{
	color: #888;
}
#home .outline-area .map-block p a:hover{
	color: #00C8E1;
}


/*スポンサー募集*/
#home #sponsor{
  height: 50px;
  }
#home .sponsorship-area{
  background: #00AFD2;
  padding: 60px 0;
  color: #FFF;
  }
#home .sponsorship-area .block{
  width: 820px;
  margin: 0 auto;
}
#home .sponsorship-area h2{
	font-size: 26px;
	margin-bottom: 40px;
	}
#home .sponsorship-area p.txt-1 {
  font-size: 16px;
  margin-bottom: 15px;
  }
#home .sponsorship-area p.txt-3 {
  font-size: 16px;
  margin-bottom: 40px;
  }
#home .sponsorship-area p.txt-3 a{
  color: #FFF;
  text-decoration: underline;
  }
#home .sponsorship-area p.txt-3 a:hover{
  text-decoration: none;
  }


#home .sponsorship-area a.txt-2 {
  font-size: 18px;
  line-height: 1.4;
  color: #00AFD2;
  text-align: center;
  display: block;
  border: #FFF solid 1px;
  background: #FFF;
  padding: 12px;
  width: 250px;
  margin: 0 auto;
  }
#home .sponsorship-area a.txt-2 span {
  font-size: 12px;
  }
#home .sponsorship-area a.txt-2:hover {
  background: #00AFD2;
  color: #FFF;
  }

/*#home .sponsorship-area p.txt-1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 40px;
  }
#home .sponsorship-area p.txt-1 span{
  font-weight: normal;
  }
#home .sponsorship-area p.txt-1::after{
  content: url("../images/icon-sp.png");
}
#home .sponsorship-area p.txt-2 {
  font-size: 16px;
  margin-bottom: 30px;
  }
#home .sponsorship-area p.txt-3 {
  font-size: 13px;
  line-height: 1.8;
  }
#home .sponsorship-area a.txt-4 {
  display: block;
  width: 384px;
  font-size: 26px;
  text-align: center;
  padding: 15px 0;
  color: #FFF;
  background: #0F3573;
  border: #0F3573 solid 1px;
  margin: 0 auto;
  }
#home .sponsorship-area a.txt-4::after{
  content: url("../images/link-dot.png");
  margin-left: 10px;
  }
#home .sponsorship-area a.txt-4:hover{
	background: #00C8E1;
  border: #FFF solid 1px;
  }*/

/*スポンサー ロゴ掲載*/
#home .sponsor-area{
  background: #D6F4F9;
  padding: 60px 0;
  }
#home .sponsor-area .block{
  width: 820px;
  margin: 0 auto 20px auto;
}
#home .sponsor-area .block h2{
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  background: #243871;
  width: 140px;
  height: 40px;
  box-sizing: border-box;
  padding: 10px 0 0 20px;
  position: relative;
}
#home .sponsor-area .block h2::after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0 40px;
    border-color: transparent transparent transparent #243871;
    position: absolute;
    top: 0;
    left: 140px;
}
#home .sponsor-area .block .box-white{
  width: 840px;
  background: #FFF;
  padding: 20px 10px 10px 10px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }
#home .sponsor-area .block .box-white img{
  width: 160px;
  height: 85px;
  margin: 20px 40px;
  -webkit-backface-visibility: hidden;
  }
#home .sponsor-area .block .box-white.kouen{
  }
#home .sponsor-area .block .box-white.kouen ul{
  width: 640px;
  margin: 30px auto;
  display: flex;
  flex-wrap: wrap;
  }
#home .sponsor-area .block .box-white.kouen ul li{
  width: 100%;
  font-size: 16px;
  margin-bottom: 16px;
  }
#home .sponsor-area .block .box-white.kouen ul li a{
  color: #000;
  }
/*#home .sponsor-area .block .box-white.platinum img{
  margin: 20px 30px;
  }
#home .sponsor-area .block .box-white.gold img{
  margin: 20px 40px;
  }
#home .sponsor-area .block .box-white.silver img{
  margin: 10px 40px;
  }
#home .sponsor-area .block .box-white.bronze img{
  margin: 20px 40px;
  }*/



/*公募セッション*/
#home .Public-Session-area{
  background: #E9F9FC;
  padding: 60px 0;
  }
#home .Public-Session-area .block{
  width: 820px;
  margin: 0 auto;
}
#home .Public-Session-area h2{
	font-size: 36px;
  font-weight: bold;
  line-height: 1.5;
	margin-bottom: 40px;
	}
#home .Public-Session-area h2 span{
  color: #00AFD2;
  }
#home .Public-Session-area p.txt-1 {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 40px;
  }
#home .Public-Session-area a {
  display: block;
  width: 384px;
  font-size: 26px;
  text-align: center;
  padding: 15px 0;
  color: #FFF;
  background: #0F3573;
  border: #0F3573 solid 1px;
  margin: 0 auto;
  }
#home .Public-Session-area a::after{
  content: url("../images/link-dot.png");
  margin-left: 10px;
  }
#home .Public-Session-area a:hover{
	background: #00C8E1;
  border: #FFF solid 1px;
}
#home .Public-Session-area p.link-end {
  width: 384px;
  font-size: 26px;
  text-align: center;
  padding: 15px 0;
  color: #FFF;
  background: #0F3573;
  border: #0F3573 solid 1px;
  margin: 0 auto;
  }

/*実行委員会*/
#home #committee{
  }
#home .committee-title-area{
	width: 100%;
	margin: 0 auto;
	padding: 100px 0 50px 0;
  background: #FFF;
}
#home .committee-title-area h2{
	font-size: 26px;
  width: 820px;
  margin: 0 auto;
	}
/*実行委員長*/
#home .chairman-area{
  background: #D6F4F9;
  padding: 60px 0;
	}
#home .chairman-area .block{
	width: 820px;
	margin: 0 auto;
	}
#home .chairman-area .block h2{
	font-size: 22px;
	margin-bottom: 80px;
	}
#home .chairman-area .block h3{
	font-size: 17px;
	margin-bottom: 30px;
	}
#home .chairman-area .block .box{
	display: flex;
	}
#home .chairman-area .block .box img{
	margin-right: 12px;
	}
#home .chairman-area .block .box p.txt-name{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
	}
#home .chairman-area .block .box p.txt-name span{
	font-size: 10px;
	}
#home .chairman-area .block .box p.txt-company{
	font-size: 12px;
	line-height: 1.3;
}
/*実行委員 （五十音順）*/
#home .committee-area{
	background: #E9F9FC;
  padding: 60px 0 0 0;
	}
#home .committee-area .block{
	width: 820px;
	margin: 0 auto;
	}
#home .committee-area .block h3{
	font-size: 17px;
	margin-bottom: 30px;
	}
#home .committee-area .block .flex-wrap{
	display: flex;
	flex-wrap: wrap;
}
#home .committee-area .block .box{
	display: flex;
	width: 410px;
	margin-bottom: 60px;
	}
#home .committee-area .block .box img{
	margin-right: 12px;
	}
#home .committee-area .block .box p.txt-name{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
	}
#home .committee-area .block .box p.txt-name span{
	font-size: 10px;
	}
#home .committee-area .block .box p.txt-company{
	font-size: 12px;
	line-height: 1.3;
}
/*アドバイザ*/
#home .advisor-area{
  background: #D6F4F9;
  padding: 60px 0;
	}
#home .advisor-area .block{
	width: 820px;
	margin: 0 auto;
	}
#home .advisor-area .block h3{
	font-size: 17px;
	margin-bottom: 30px;
	}
#home .advisor-area .block .box{
	display: flex;
	}
#home .advisor-area .block .box img{
	margin-right: 12px;
	}
#home .advisor-area .block .box p.txt-adv{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 15px;
	}
#home .advisor-area .block .box p.txt-name{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
	}
#home .advisor-area .block .box p.txt-name span{
	font-size: 10px;
	}
#home .advisor-area .block .box p.txt-company{
	font-size: 12px;
	line-height: 1.3;
}

/*参加登録*/
#home .entry-area{
	width: 100%;
	background: #F1F1F1;
	padding: 60px 0;
	}
#home .entry-area .block{
	width: 820px;
	margin: 0 auto;
	}
#home .entry-area .block h2{
	font-size: 26px;
	margin-bottom: 40px;
	}
#home .entry-area .block table{
	background: #FFF;
	margin-bottom: 60px;
	}
#home .entry-area .block table th{
	width: 250px;
  font-size: 17px;
	font-weight: 700;
	color: #FFF;
	background: #00AFD2;
  text-align: left;
  padding-left: 20px;
	}
#home .entry-area .block table th span{
  font-weight: normal;
  }
#home .entry-area .block table td{
	padding: 17px 0;
  background: #CFF3F8;
	}
#home .entry-area .block table td.cel-2{
	font-size: 19px;
	font-weight: 700;
	padding-left: 40px;
	}
#home .entry-area .block table td.cel-3{
	padding-left: 25px;
	}
#home .entry-area .block table td.cel-2.pl10{
	padding-left: 52px;
	}
#home .entry-area .block table td.cel-2 span{
	font-size: 16px;
	font-weight: normal;
	}
#home .entry-area .block table th.bg01{
	background: #00C8E1;
	}
#home .entry-area .block table td.bg02{
	background: #B3EDF5;
	}
#home .entry-area a.btn-entry {
  display: block;
  width: 384px;
  font-size: 26px;
  text-align: center;
  padding: 15px 0;
  color: #FFF;
  background: #0F3573;
  margin: 0 auto;
  }
#home .entry-area a.btn-entry::after{
  content: url("../images/link-dot.png");
  margin-left: 10px;
  margin-top: 5px;
  }
#home .entry-area a.btn-entry:hover{
	background: #00C8E1;
}

/*お申込手順*/
#home .app-procedure-area{
  padding: 60px 0;
	}
#home .app-procedure-area .block{
	width: 820px;
	margin: 0 auto;
	}
#home .app-procedure-area .block h2{
	font-size: 26px;
	margin-bottom: 50px;
	}
#home .app-procedure-area .block h3{
	font-size: 22px;
	line-height: 1.5;
	color: #00AED0;
	margin-bottom: 16px;
  padding-left: 1em;
  text-indent: -1em;
	}
#home .app-procedure-area .block p{
	font-size: 14px;
	line-height: 2;
	}
#home .app-procedure-area a.txt-link-dot{
  font-size: 15px;
  font-weight: bold;
  color: #0F3573;
}
#home .app-procedure-area a.txt-link-dot::before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #0F3573;
  margin-right: 3px;
}
#home .app-procedure-area .box-1{
  margin-left: 50px;
}
#home .app-procedure-area .block p.txt-1{
	font-size: 18px;
	}
#home .app-procedure-area .block p.txt-1 span{
	color: #00AED0;
	}

#home .app-procedure-area .block ul li{
	font-size: 14px;
	line-height: 1.3;
  margin-left: 50px;
	margin-bottom: 8px;
	padding-left: 1.1em;
	text-indent: -1.1em;
	}
#home .app-procedure-area .block p.txt-2{
	font-size: 14px;
	margin-bottom: 1em;
	}
#home .app-procedure-area .block p.txt-2 a{
  color: #000;
}
#home .app-procedure-area a:hover{
	color: #00C8E1;
}

/* session.html #session
------------------------------------------------------------------------------------------------------ */
#session{
  padding-top: 90px;
  background: #D6F4F9;
  }
#session .ad-area{
  margin-bottom: 100px;
}
#session h1{
  font-size: 26px;
  text-align: center;
  margin-bottom: 40px;
}

#session .box-note-1{
  width: 820px;
  margin: 0 auto 20px auto;
}
#session .box-note-1 p{
  font-size: 11px;
  color: #F00;
  text-align: right;
}

/*タブ*/
.tab-panel{
  width: 820px;
  margin: 0 auto 100px auto;
  }
.tab-group{
  display: flex;
  justify-content: center;
  border-bottom: #0F3573 solid 5px;
  margin-bottom: 20px;
  }
.tab{
  font-size: 18px;
  flex-grow: 1;
  padding:20px 0;
  list-style:none;
  text-align:center;
  cursor:pointer;
  background: #EEE;
  }
.panel-group{
  border-top:none;
  }
.panel{
  display:none;
  }
.tab.is-active{
  background: #0F3573;
  color:#FFF;
  transition: all 0.2s ease-out;
  }
.panel.is-show{
  display:block;
  }

/*タイムテーブル*/
#session table.time-table{
  width: 820px;
  box-sizing: border-box;
  background: #FFF;
  }
#session table.time-table th{
  background-color: #AAA;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  border: #FFF solid 1px;
  padding: 20px 0;
  }
#session table.time-table th.cel-1{
  width: 80px;
  }
#session table.time-table th.cel-2,
#session table.time-table th.cel-3{
  width: 370px;
  }
#session table.time-table th.time span{
  font-size: 11px;
  padding: 6px 0;
  display: block;
  }
#session table.time-table td{
  border: #AAA solid 1px;
  padding: 15px;
  box-sizing: border-box;
  }
#session table.time-table td a{
  color: #000;
  }
#session table.time-table td a:hover{
  color: #00AFD2;
  }
#session table.time-table td.txt-cc{
  text-align: center;
  vertical-align: middle;
  }
#session table.time-table td.txt-cc p{
  padding-top: 15px;
  }
#session table.time-table td .box-flex{
  display: flex;
  margin-left: 100px;
  }
#session table.time-table td .box-flex p{
  padding-right: 30px;
  }
#session table.time-table .ss-tile{
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px;
}
#session table.time-table .ss-tile-keynote{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
  padding-left: 235px;
  }

#session table.time-table .day2-1005{
  text-align: center;
}

#session table.time-table .speaker{
  font-size: 13px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 10px;
}
#session table.time-table .speaker span{
  display: block;
  font-weight: 500;
  padding-top: 3px;
}
#session table.time-table .btn-material{
  padding-bottom: 10px;
}
#session table.time-table .btn-material a{
  font-size: 13px;
  color: #FFF;
  background: #DC0ECD;
  padding: 1px 8px 2px 8px;
}
#session table.time-table .btn-material a:hover{
  color: #FFF;
  background: #00AFD2;
}



/*セッション詳細（モーダルウィンドウ）
---------------------------------------------------- */
/*午前*/
.remodal .block-am {
  width: 620px;
  text-align: left;
}
.remodal .block-am .ss-type{
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 20px;
}
.remodal .block-am .box{
  display: flex;
  margin-bottom: 30px;
}
.remodal .block-am .box img{
  margin-right: 20px;
}
.remodal .block-am .txt-title{
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 26px;
}
.remodal .block-am .txt-name{
  font-size: 18px;
  line-height: 1.3;
}
.remodal .block-am .txt-name span{
  font-size: 20px;
  font-weight: 700;
  display: block;
  padding-top: 4px;
}
.remodal .block-am .box-overview{
  margin-bottom: 30px;
}
.remodal .block-am .box-overview .txt-title{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}
.remodal .block-am .box-overview .txt-1{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
.remodal .block-am .box-profile{}
.remodal .block-am .box-profile .txt-title{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.remodal .block-am .box-profile .txt-1{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
/*午後*/
.remodal .block {
  width: 620px;
  text-align: left;
}
.remodal .block .ss-id{
  font-size: 15px;
  color: #FFF;
  background-color: #2F4897;
  width: 118px;
  height: 25px;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 5px;
  margin-bottom: 15px;
}
.remodal .block .txt-title{
  font-size: 27px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 50px;
}
.remodal .block .box-overview{
  margin-bottom: 50px;
}
.remodal .block .box-overview .txt-title{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.remodal .block .box-overview .txt-1{
  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
}
.remodal .block .box-profile{}
.remodal .block .box-profile .txt-title{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
}
.remodal .block .box-profile .box-person{
  display: flex;
  border-bottom: #AAA solid 1px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.remodal .block .box-profile .box-person img{
  margin-right: 20px;
}
.remodal .block .box-profile .box-person-end{
  display: flex;
}
.remodal .block .box-profile .box-person-end img{
  margin-right: 20px;
}
.remodal .block .box-profile .txt-company{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 12px;
}
.remodal .block .box-profile .txt-name{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
.remodal .block .box-profile .txt-name span{
  font-size: 15px;
}
.remodal .block .box-profile .txt-prof{
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
}

.remodal .block ul.txt-link{
  float: right;
  margin-top: -30px;
  }
.remodal .block ul.txt-link li{
  font-size: 14px;
  color: #FFF;
  margin-bottom: 8px;
  }
.remodal .block ul.txt-link li a{
  display: block;
  color: #FFF;
  background: #00AFD2;
  border-radius: 3px;
  padding: 5px 0 7px 0;
  width: 300px;
  text-align: center;
  }



/*過去の Agile Japan
------------------------------------------------------------------------------------------------------ */
.history-area{
	width: 100%;
	padding: 50px 0 60px 0;
	background: #F1F1F1;
	}
.history-area .block{
	width: 820px;
	margin: 0 auto;
	}
.history-area .block h2{
	font-size: 25px;
	margin-bottom: 30px;
	}
.history-area .block dl{
	font-size: 12px;
	margin-bottom: 40px;
	}
.history-area .block dl dt{
	float: left;
	}
.history-area .block dl dd{
	margin-left: 94px;
	margin-bottom: 15px;
	}
.history-area .block dl dd a{
	color: #000;
	text-decoration: underline;
	}
.history-area .block dl dd a:hover{
	color: #00C8E1;
	text-decoration: none;
	}
.history-area .block p{
	font-size: 12px;
}



/* satellite.html 
------------------------------------------------------------------------------------------------------ */
#satellite{
  width: 780px;
  margin: 0 auto;
  padding-top: 100px;
  }
#satellite h1{
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  color: #0F3573;
  padding: 20px 40px 60px 40px;
  }
#satellite .lead-area{
  margin-bottom: 80px;
  }
#satellite .lead-area p{
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
  }
#satellite .lead-area p.txt-link a{
  width: 350px;
  display: block;
  color: #0F3573;
  text-align: center;
  padding: 10px 0;
  margin: 30px auto 0 auto;
  border: #0F3573 solid 2px;
  font-weight: 500;
  }
#satellite .lead-area p.txt-link a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #0F3573;
    margin-right: 8px;
  }
#satellite .lead-area p.txt-link a:hover{
  background: #0F3573;
  color: #FFF;
  }
#satellite .lead-area p.txt-link a:hover:before {
  border-color: transparent transparent transparent #FFF;
  }

#satellite .page-link-area{
  margin-bottom: 60px;
  }
#satellite .page-link-area h2{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  }
#satellite .page-link-area ul{
  display: flex;
  flex-wrap: wrap;
  }
#satellite .page-link-area ul li{
  font-size: 16px;
  margin-bottom: 20px; 
  border-right: #999 solid 1px;
  padding-right: 20px;
  margin-right: 20px;
  }
#satellite .page-link-area ul li a{
  color: #0F3573;
  text-decoration: underline;
  }
#satellite .page-link-area ul li a:hover{
  color: #0F3573;
  }
/*
#satellite .page-link-area dl{
  font-size: 16px;
  }
#satellite .page-link-area dl div{
  padding: 12px 0;
  }
#satellite .page-link-area dl dt{
  width: 7em;
  float: left;
  padding: 12px 0;
  }
#satellite .page-link-area dl dd{
  float: left;
  border-right: #999 solid 1px;
  padding-right: 20px;
  margin-right: 20px;
  }
#satellite .page-link-area dl dd a{
  color: #0F3573;
  text-decoration: underline;
  }
#satellite .page-link-area dl dd a:hover{
  color: #0F3573;
  }
*/
#satellite .page-link-sponsor{
  margin-bottom: 100px;
  }
#satellite .page-link-sponsor h2{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  }
#satellite .page-link-sponsor ul{
  display: flex;
  flex-wrap: wrap;
  }
#satellite .page-link-sponsor ul li{
  font-size: 16px;
  margin-bottom: 20px; 
  border-right: #999 solid 1px;
  padding-right: 20px;
  margin-right: 20px;
  }
#satellite .page-link-sponsor ul li a{
  color: #0F3573;
  text-decoration: underline;
  }
#satellite .page-link-sponsor ul li a:hover{
  color: #0F3573;
  }

#satellite p.txt-title{
  font-size: 28px;
  margin-top: 100px;
  }
#satellite .block{
  padding-top: 80px;
  }
#satellite .block h2{
  font-size: 20px;
  color: #0F3573;
  margin-bottom: 10px;
  }
#satellite .block table{
  font-size: 15px;
  line-height: 1.8;
}
#satellite .block table th{
  width: 200px;
  color: #FFF;
  background-color: #0F3573;
  text-align: left;
  padding: 10px 0 10px 20px;
  border: #CCC solid 1px;
  }
#satellite .block table td{
  padding: 10px 20px;
  border: #CCC solid 1px;
  }
#satellite .block table td a{
  color: #00AFD2;
  text-decoration: underline;
  }

#satellite .block table td p{
  margin-bottom: 10px;
  }
#satellite .block table td ol{
  list-style: decimal;
  margin-left: 1.2em;
  }
#satellite .block table td ol li{
  line-height: 1.5;
  margin-bottom: 10px;
}