@charset "utf-8";
/* CSS Document */
body {
font-family:"源ノ角ゴシック JP" , "ヒラギノ角ゴ Pro W3" , "Noto Sans CJK JP" , "Hiragino Kaku Gothic Pro" , "メイリオ" , "Meiryo" , "Osaka" , "ＭＳ Ｐゴシック" , "MS PGothic" , "sans-serif";
color:#231815;
line-height:25px;
font-size:18px;
	margin: 0 auto;
overflow-x: hidden;
}
.motexwrap {
  margin: 0px auto;
  overflow: hidden;
  min-width: 1400px;
  width: 100%;
}
.bottom40{
	margin-bottom: 40px;
}

/* header */
.global_nav {
  background: #fff;
  position: fixed;
  width: 100%;
  height: 85px;
  z-index: 1000;
}

header a {
  text-decoration: none;
color:#231815;
}
header a:hover {
color:#0e0e61;
text-decoration:underline;
}
header a:visited {
color:#231815;
text-decoration:underline;
}

.logo_top {
  float: left;
  width: 100px;
  margin-left: 22px;
  margin-top: 15px;
}
.site-header ul li {
  line-height: 88px;
  font-weight: bold;
  display: inline;
  padding: 0 20px;
}
.site-header ul {
  margin-right: 240px;
  text-align: right;
}
.site-header ul li a {
  font-family: "Noto Sans CJK JP", "源ノ角ゴシック JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "sans-serif";
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}
.freebtn {
  width: 230px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 10px;
  padding-right: 90px;
  display: block;
}
.freebtn:hover {
  opacity: 0.7;
}
.menu {
  width: 650px;
  position: absolute;
  font-weight: 700;
  font-size: 19px;
  top: 0;
  right: 0;
  margin-top: 30px;
  padding-right: 240px;
  display: block;
}
.menu a{
	margin-right: 15px;
}
.line2{
	line-height: 2em;
}
/* section01 */
#sec01{
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 28px;
	/*line-height: 2em;*/
  background-image: 
    /* 1枚目の背景画像のパス */
    url("../images/bg_l.png"),
    /* 2枚目の背景画像のパス */
    url("../images/bg_r.png");

  background-position:
    /* 1枚目の背景画像の表示位置 */
    left top,
    /* 2枚目の背景画像の表示位置 */
    right top;

  background-repeat:
    /* 1枚目の背景画像の設定 */
    no-repeat,
    /* 2枚目の背景画像の設定 */
    no-repeat;

  background-size:
    /* 1、2枚目の背景画像の共通サイズ */
    430px;
}
@media screen and (max-width: 460px) {
	#sec01{
		background-image: none;
	}
}
/* section02 */
#sec02{
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 28px;
	/*line-height: 2em;*/
}

/* section03 */
#sec03{
	width: 100%;
	background-color: #ededed;
	padding: 1em 0 1.5em;
}

/* section04 */
#sec04{
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	/*line-height: 2em;*/
}
#sec04 ul{
	list-style: decimal;
	list-style-position: inside;
	line-height: 1.7;
	font-weight: bold;
}
#sec04 li{
	list-style: none;
	padding-left:1em;
	text-indent:-1em;
}
#sec04 li span{
	list-style: none;
	color:#666;
	font-size:0.85em;
}
#sec04 .toybox {
	text-align: left;
	width: 80%;
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 2px #ccc;
}


/* 画像見出し */
h1 {
    margin-left: -15px; /*30px の半分*/
    width: calc(100% + 30px); /*30px は各自調整*/
    width: -webkit-calc(100% + 30px); /*上と同じpx値に*/
}

/* 2行見出し */
.twolines {
	text-align: center;
	padding: 1.5em 0 0.5em;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.1em;
	font-family:"源ノ角ゴシック JP" , "ヒラギノ角ゴ Pro W3" , "Noto Sans CJK JP" , "Hiragino Kaku Gothic Pro" , "メイリオ" , "Meiryo" , "Osaka" , "ＭＳ Ｐゴシック" , "MS PGothic" , "sans-serif";
}
.twolines span {
	display: block;
	margin-bottom: 0.4em;
	padding-top: 0.5em;
	font-size: 20px;
	font-weight: 700;
	font-family: "Arial";
	font-style: italic;
}
.twolines span.blue {
	display: block;
	margin-bottom: 0.4em;
	padding-top: 0.5em;
	font-size: 20px;
	font-weight: 600;
	font-family: "Arial";
	color: #2f8697 !important;
}

/* プログラム見出し青 */
.bluetit{
	color: #2f8697;
	font-weight: 700;
}
.bluetit a {
	text-decoration: none;
	color:#2f8697;
}
.bluetit a:hover {
	color:#0e0e61;
	text-decoration:underline;
}
.bluetit a:visited {
	text-decoration: none;
	color:#2f8697;
}
/* プログラムリスト */
.proglist{
	margin-left: -1em;
	font-size: 16px;
}

/* ひし形見出し */
.rhombus {
	text-align: center;
	width: 60%;
	position: relative;
	font-weight: 500;
	margin: auto;
	padding: 15px;
	background: #2685a5;
	font-size: 29px;
	color: #ffffff;
	line-height: 1.3;
	z-index:-1;
}
.rhombus:before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index:-2
}
.rhombus:after {
	position: absolute;
	content: '';
	right: -3px;
	top: -7px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px transparent;
	border-bottom: solid 79px white;
	z-index: -2;
}

/* 太字見出し */
.boldtit{
	font-size: 29px;
	font-weight: bold;
	text-align: center;
	margin: 1.5em 0;
	line-height: 1.3;
}

/* 太字見出し小 */
.boldlittle{
	font-size: 21px;
	font-weight: 500;
	text-align: center;
}

/* マーカー見出し */
h2{
	text-align: center;
}
.crayon{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	text-align: center;
	font-size: 29px;
}


/* プログラムテーブル */
.prog {
	width: 70%;
	border-collapse: collapse;
}
.prog th, .prog td {
	padding: 20px;
	border: 4px solid #ededed;
	font-weight: 500;
}
.prog th {
	text-align: center;
	color: #ffffff;
	width: 25%;
}
.prog th.blue {
	text-align: center;
	background: #63bbd3;
}
.prog td {
	text-align: left;
	background: #ffffff;
	height: 10em;
}

.prog_sp {
	border-collapse: collapse;
	width: 90%;
}
.prog_sp th, .prog_sp td {
	padding: 10px;
	border: 4px solid #ededed;
	font-weight: 500;
}
.prog_sp th {
	text-align: center;
	color: #ffffff;
	font-size: 15px;
}
.prog_sp th.blue {
	text-align: center;
	background: #63bbd3;
	font-size: 15px;
}
.prog_sp td {
	text-align: left;
	background: #ffffff;
	font-size: 15px;
}

.tx14{font-size: 14px}
.tx16{font-size: 16px}
.tx18{font-size: 18px}

/* セッションテーブル */	
.daytime{
	border: 10px solid #ffffff;
	margin: auto;
}
.daytime td{
	padding: 0.5em 0;
	font-weight:600;
	font-size: 21px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "sans-serif";
}
.daytime td.blue {
	text-align: center;
	background: #00b3c4;
	color: #ffffff;
	padding: 0.5em 1.2em;
}
.daytime td.yellow {
	text-align: center;
	background: #ffae00;
	color: #ffffff;
	padding: 0.5em 1.2em;
}
.daytime td.red {
	text-align: center;
	background: #ee564d;
	color: #ffffff;
	padding: 0.5em 1.2em;
	
}

/* セッション内容 */
.seo_text{
	width: 60%;
	font-size: 18px;
	margin: 0 auto;
	line-height: 1.5;
	padding: 1em 1em 6em;
	width: 700px;
}

/* 線装飾 */
hr {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #bbb inset;
	margin: -2em 0 4em;
}

/* 動画視聴・リスト */
.movelist{
	width: 55%;
	font-size: 18px;
	font-weight: 700;
	margin: auto;
	padding: 1em 1em 6em;
}
.kuroko{
	width: 60%;
	font-size: 18px;
	font-weight:normal;
	margin: auto;
}

/* 概要テーブル */
.note *, .note *:before, .note *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.note {
	width: 80%;
	border-collapse: collapse;
}
.note th, .note  td {
	padding: 10px;
	border: 1px solid #dddddd;
}
.note th {
	width: 20%;
	text-align: left;
	background: #f4f4f4;
}
a.anchor {
  display: block;
  padding-top: 130px;
  margin-top: -160px;
}
/* ページ内リンクのずれを調整ここまで*/
/* 申し込みボタン */
.btn {
    text-align: center;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 60px;
}

.btn img:hover{
   opacity: 0.6;
}

/*パネルディスカッション*/
.panel {
	width: 90%;
	border: none;
}
.panel th {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	padding: 0 1.2em;
	line-height: 2em;
}
.panel td {
	font-size: 18px;
	font-weight: normal;
	padding: 1em 1.2em 0;
	line-height: 1.4em;
	vertical-align: top;
}
.pcview {
	display:inline!important;
}
.spview {
	display: none!important;
}
 
@media screen and (max-width: 460px) {
	.pcview {
		display: none!important;
	}
	.spview {
		display: block!important;
	}
}