@charset "utf-8";

/*//////////////////////////////////////////////////

style.css

Copyright (C) 2017 Impress Corporation, an Impress Group company. All rights reserved.
----------------------------------------
Content

    1. Global Navigation
    2. Content > index.html
        1. Summary
        2. Overview
        3. Attention
        4.Purpose
        5.about-seminar
        6.lecturers
        7. curriculum
        8. words
    3. Content > timetable.html
    4. Content > lecturer.html
    5. Content > afterrep.html
    6. Sidebar
        1. Sponsor
        2. Access
    7. Footer
    8. Media Query

//////////////////////////////////////////////////*/

html,body,h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
}
body {
    background:linear-gradient(0deg, #f1f1f1 0%, #f9f9f9 70%, #d6d6d6 100%);
    background-attachment: fixed;
    font-size:100%;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    -webkit-text-size-adjust:100%;
}
.awesome{
	font-family: FontAwesome;
	content: "\f2cd";
}
h1 {
    line-height:0;
    text-align:center;
}
h2, h3{
	margin-top: 1.5em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1em;
}
em {
    padding:0 3px;
    background:#ff9;
    font-weight:bold;
    font-style:normal;
}
a {
    word-break: break-all;
}
img {
    max-width:100%;
    border:none;
}
ul,ol,dl {
    margin:0;
}
dd {
    word-break: break-all;
}
table,tr,th,td {
    box-sizing: border-box;
}
table,th,td {
    font-size:100%;
}
table {
    width:100%;
    border-spacing:0;
    border-collapse:collapse;
    border: 1px solid #aaa;
}
th {
    padding:0;
}
td {
    text-align:left;
    vertical-align:top;
    padding:1em;
}

/*====================================================================================
 clearfix
=====================================================================================*/
.clearfix:after,
dl.lecturer-detail:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix,
dl.lecturer-detail {
  min-height: 1px;
	position: relative;
}

* html .clearfix,
* html dl.lecturer-detail {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


#wrapper {
  background:#fff;
  position: relative;
  /* box-shadow: 0 -10px 1px 10px rgba(255, 255, 255, 0.22); */
}

/* 受付終了時（満席）に左ペイン最上部に表示する文言 */
.closed {
    text-align:center;
    font-weight:bold;
    margin:1em;
    padding:2em;
    border:1px solid #f00;
}
/* 受付終了時（開催中止）に左ペイン最上部に表示する文言 */
.cancelled {
    color:#fff;
    text-align:center;
    font-weight:bold;
    margin:1em;
    padding:2em;
    background:#000;
}
/* 講師プロフィール（lecturer.html）の略歴等 */
.label {
	position: relative;
	color: #fff;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	margin-top: 1em;
	padding: .25em 1em;
	border-radius: 4px;
	background: #616879;
	display: inline-block;
}
/* 講師プロフィール（lecturer.html）の肩書き */
.label-lec {
  margin-bottom: 1em;
}
.label_b {
    background:#13005a;
}
/* 申込ボタン */
.submit {
    color:#fff;
    text-decoration:none;
    text-align:center;
    text-shadow:0 0 3px rgba(0,0,0,.5);
    vertical-align:middle;
    background:#f1b000;
    display:block;
}
.submit:hover {
    background:#f4c033 !important;
}
.btn-entry {
    margin:2em 0;
}
.btn-entry a {
    width:55%;
    margin:0 auto;
    padding:1em 0.5em;
    border-radius:4px;
}
/* 講師プロフィール（lecturer.htmlと、timetable.htmlでも使うかも） */
.lecturer-company,
.lecturer-division,
.lecturer-post {
    line-height:1.3;
    margin:.5em 0;
}
.lecturer-name {
    margin:0;
}
.lecturer-company {
    margin-top:1em;
}
.lecturer-name {
    font-weight:bold;
    font-size:120%;
    margin-top:.5em;
}
.lecturer-name:after {
    content:"氏";
    margin-left:.5em;
    font-weight:normal;
    font-size:80%;
}
.lecturer-notes {
    font-size:90%;
    margin:0;
}
.lecturer-pic {
	margin-top: 0;
	margin-right: 1em;
	margin-left: 0;
	margin-bottom: 1em;
	float: left;
}
.lecturer-pic img { border:1px solid #ccc; }

/* 留意事項 */
dl.notice {
  margin-bottom: 1.5em;
}

dl.notice dt {
    font-size:95%;
    font-weight:bold;
    line-height:1.4;
}
dl.notice dd {
    font-size:90%;
    margin:0;
}
.notice li {
    margin:.4em 0;
}
p.notice {
    font-size:90%;
}

/* 注意書き用スタイル */
ul.note,
#overview ul.note{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 1em;
	list-style-type: none;
	/*font-size: 90%;*/
	line-height: 0;
	color: #333333;
}
ul.note li {
	padding-left: 1em;
	text-indent: -1em;
}
#overview .capacity ul.note,
#overview .capacity ul.note li{
  margin-bottom:0;
}

/* スタイル設定いろいろ */
.txt-bold {font-weight:bold;}
.txt-size-80 {font-size:80% !important;}
.txt-size-90 {font-size:90% !important;}
.txt-size-110 {font-size:110% !important;}
.txt-size-120 {font-size:120% !important;}
.txt-aln-r {text-align:right !important;}
.txt-aln-l {text-align:left !important;}
.txt-aln-c {text-align:center !important;}
.txt-i1 {text-indent:1em !important;}
.txt-l13 {line-height:1.3 !important;}
.txt-red {color:#f00 !important;}
.txt-gy {color:#333 !important;}
.margin-t0 {margin-top:0 !important;}
.margin-t05 {margin-top:.5em !important;}
.margin-t1 {margin-top:1em !important;}
.margin-t2 {margin-top:2em !important;}
.margin-t3 {margin-top:3em !important;}
.margin-b0 {margin-bottom:0 !important;}
.margin-b1 {margin-bottom:1em !important;}
.margin-b2 {margin-bottom:2em !important;}
.margin-r05 {margin-right:.5em !important;}
.margin-r1 {margin-right:1em !important;}
.margin-r2 {margin-right:2em !important;}
.margin-l1 {margin-left:1em !important;}
.margin-l2 {margin-left:2em !important;}
.border-1 {border:1px solid #ccc !important;}
.inline-block {display:inline-block !important;}
.imgRight {
  float: right;
  margin-left: 1.5em;
  width: 30%;
  height: auto;
}

.book .imgRight{
  width: 100px;
}
#overview .imgRight {
  width: 120px;
}

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

/* 開催概要への誘導 */
.lookgaiyo {
  margin:2em auto;
  text-align:center;
}

.lookgaiyo a:before {
  margin-left:5px;
  content: '[';
}

.lookgaiyo a:after {
  margin-right:5px;
  content: ']';
}


/* --- 1. Global Navigation --- ////////////////////////////////////////*/
#navigation ul {
    letter-spacing:-.4em;
    margin:0;
    padding:0;
    background:#404756;
}
#navigation ul li {
    list-style:none;
    letter-spacing:.1em;
}
#navigation ul li a {
    color:#fff;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
    display:block;
}
#navigation ul li a:hover { background:#4d5465; }
#navigation ul li a.active,
#navigation ul li a.active:hover{ background:#616878; }
#navigation .nav-entry {
    text-align:center;
    letter-spacing:normal;
}
#navigation .nav-entry a {
    display:inline-block;
    width:90%;
    height:auto;
    padding:.5em 0;
    border-radius:5px;
  margin-top: 0.7em;
}
#nav1 {
    display:table;
    position:fixed;
    top:0;
    width:100%;
    font-size:75%;
    color:#fff;
    background:#404756;
    z-index:100;
}
#nav1 .nav-toggle,
#nav1 .nav-entry {
    display:table-cell;
    vertical-align:middle;
    padding:7px 10px;
}
#nav1 .nav-toggle span {
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    min-width:5.5em;
    padding:3px 11px;
    border:1px solid #d9dadd;
    border-radius:5px;
}
#nav1 .nav-toggle i {
    display:inline-block;
    vertical-align:middle;
    margin-right:.2em;
}

#nav2 ul li.nav-outline a br {
  display: none;
}

#navigation p.nav-entry {
    text-align:right;
}
#navigation p.nav-entry a {
    width:12em;
    font-size:14px;
    margin:0;
    padding:9px;
}

/*==================== navi fixde ====================*/
#navigation.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: #000000;
	background: rgba(0,0,0, 0.2);
}
#navigation.fixed #nav2 {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}
/*#navigation .event-name {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 70%;
  text-align: center;
  display: none;
}*/
/*====================================================*/


#breadcrumbs {
    color:#666;
    padding:.5em 2%;
    background:#eee;
}
#breadcrumbs a {
    color:#666;
}
#breadcrumbs i {
    vertical-align:middle;
    margin-right:.2em;
}
#breadcrumbs ul {
    font-size:75%;
    letter-spacing:-.4em;
    padding:0;
}
#breadcrumbs li {
    list-style:none;
    display:inline-block;
    letter-spacing:normal;
    margin:.3em .5em .3em 0;
}
#breadcrumbs li:not(:first-child):before {
    content:">";
    color:#aaa;
    margin-right:.5em;
}

/* --- 2. Content > index.html --- /////////////////////////////////////*/

.h1-pc,
.h1-mobile { display:none; }

h2 {
    position:relative;
    color:#3c4951;
    border:0 solid #bdcad3;
}
h2:after {
    content:"";
    display:block;
    position:absolute;
    /*background:url(../images/bg_h.gif);*/
    background:#c6c9d2;
}

/*------------------------------------------------
    2-1. Summary
------------------------------------------------*/
#summary {
	color: #333;
	/*font-size:90%;*/
	line-height: 1.4;
	margin-top: 2.5em;
	margin-bottom: 0;
}

#summary p {
    text-indent:1em;
    letter-spacing:1px;
}
#summary .note {
    text-indent:0em;
}
#summary li {
    margin-bottom:0.5em;
}

#summary .impression {
    color:#2D4D6E;
    margin:1.5em 0;
    padding:.3em 1em;
    background:#fff9e2;
    border-radius:5px;
}
#summary .impression ul {
    padding:0;
}
#summary .impression li {
    list-style:none;
    text-indent:-.8em;
    margin:1em 0 1em 1.8em;
}
#summary .impression p {
    text-indent:0;
    color:#2D4D6E;
    padding-top:.1em;
    /*border-top:1px solid #f0e7c3;*/
}
#summary .impression i {
    vertical-align:middle;
    margin-right:.3em;
}

#summary .feedback {
    padding:1em;
    background:#eee;
  border-radius: 10px;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  font-size: 90%;
}
#summary .feedback dd {
    margin:1em 0 0;
}
#summary .feedback i {
    color:#999;
    margin-right:.2em;
}
/*#summary .feedback dd ul {
    margin:0 0 1em;
}*/
#summary .feedback p {
    font-size: 0.8em;
    text-align: right;
    text-indent: 0;
    margin-bottom:.5em;
    padding-top: .8em;
    border-top: 1px solid #dadada;
    margin-left: 1em;
    margin-right: 1em;
}

#summary dl.notice {
    padding:1em;
    background:#e4e6ec;
}
#summary dl.notice p {
    text-indent:0;
}
#summary dl.notice p:last-child {
    margin-bottom:0;
}
#summary dl.notice p:nth-of-type(2) {
    padding-top:1em;
    border-top:1px solid #c6c9d2;
}

#summary .point {
    /*font-size:90%;*/
    margin: 20px 30px;
}
#summary .target {
    background-color: #ff9;
    padding: 0.6em;
    font-weight:600;
    color: #333;
    text-indent: 0em;
}
#summary .notice-b {
    font-size: 90%;
    font-weight:600;
}
.characteristic {
	  color: initial;
	  margin-top: 1.5em;
	  margin-bottom: 1.5em;
}
.characteristic p {
    border-bottom: 1px solid #000;
    margin: 5px 10px 15px 10px;
    padding-bottom: 5px;
}
.characteristic dl {
    background: #efefef;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-radius:15px;
}
.characteristic dt {
    font-size: 120%;
    font-weight: bold;
    background: #c9c9c9;
    border-bottom: 5px solid #333;
    padding: .5em 1em .25em 1em;
    margin-bottom: 1em;
    border-radius:15px 15px 0 0;
}
.characteristic dd {
    margin:0 25px;
}
.characteristic-list ul {
    /*font-size:90%;*/
    font-weight:bold;
    padding:0;
}
.characteristic-list ul li {
    margin:5px 0 0.5em 0;
    padding-left: 25px;
    background: url(../images/uldot_bl.png) no-repeat;
    list-style:none;
}
.characteristic-list ul ol {
    /*font-size:90%;*/
    font-weight:bold;
    padding:0;
}
.characteristic-list ul ol li {
	margin-top: 5px;
	margin-right: 0;
	margin-left: 1em;
	margin-bottom: 0.5em;
	padding-left: 0px;
	background: none;
	list-style-type: decimal;
	list-style-image: none;
}

.main-summary p {
  /*font-size:110%;*/
  line-height:150%;
}

.book {
	border: 2px solid #9EA6BB;
	padding-top: 1em;
	padding-right: 1.5em;
	padding-left: 1.5em;
	padding-bottom: 1em;
  margin-bottom: 1em;
}
.book h3 {
  margin-top: 0;
}

/*------------------------------------------------
    2-2. Overview
------------------------------------------------*/

#overview {
	margin-top: 2.5em;
	margin-bottom: 0;
}
#overview table th {
    padding:4px;
    background:#848c9e;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
#overview ul {
  padding:0 0 0 1.3em;
}

#overview li {
    line-height:1.4;
    margin:.3em 0;
}
#overview .venue,
#overview .address,
#overview .contact p { margin:0; }
#overview .privilege p { margin-bottom:0; }
#overview .timedate .total {
    text-align:right;
    margin-bottom:0;
}
#overview .access {
    margin-top:1em;
}
#overview .train-line:after,
#overview .station:after,
#overview .station2:after {
    content:"　";
}
#overview .visitors dl {
    margin-top:1em;
}
#overview .visitors dt {
    font-weight:bold;
    margin:.5em 0;
}
#overview .visitors dd {
    margin:0 0 0 1.3em;
}
#overview .visitors .target {
    background-color: #ff9;
    padding: 0.6em;
    font-weight:600;
    color: #333;
}
#overview .privilege td {
    overflow:hidden;
}
#overview .privilege-img {
    float:right;
    margin-left:1em;
    text-align:center;
}

/*------------------------------------------------
    2-3. Attention
------------------------------------------------*/

#attention {
  font-size: 90%;
}
#attention li {
	margin:0.4em auto;
}

#attention .sysreq caption {
    caption-side:top;
    text-align:left;
}
#attention .sysreq caption .label {
    display:inline-block;
    margin:.5em 0;
}
#attention .sysreq th {
    font-weight:normal;
}
#attention .sysreq th,
#attention .sysreq td {
    font-size:90%;
    text-align: left;
    vertical-align: middle;
    padding: .5em;
}
#attention .sysreq dd ul {
    padding:0;
}
#attention dl.notice {
    margin-top:1.5em;
}
#attention div.attention-list {
    display:list-item;
    margin-left:1.5em;
}

/*------------------------------------------------
    2-4. Purpose
------------------------------------------------*/
.purpose {
	background: #efefef;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.purpose-inner {
  border:2px solid #790909;
  padding:20px;
  position: relative;
}

.purpose h3 {
  font-size: 100%;
  font-weight: bold;
  position: absolute;
  top:-32px;
  left:10px;
  background:#efefef;
  padding:0 10px;
  color:#790909;
}

/*------------------------------------------------
    2-5. about-seminar
------------------------------------------------*/
.about-seminar {
  background: #fff;
  /*width:90%;*/
  margin:2em 0 0;
  padding:10px;
  border:1px solid #444;
  border-radius:6px;
}

.about-seminar h3 {
  font-size:100%;
  font-weight: bold;
  text-align:right;
  background: #444;
  color: #fff;
  padding:7px;
  margin:0;
}

.about-seminar p {
  font-size:95%;
}

/*------------------------------------------------
    2-6. lecturers
------------------------------------------------*/

.lecturer-area {
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.lecturer-img {
  float:left;
  margin: 0 20px .5em 0;
  max-width:120px;
}

.lecturer-text {
  margin:0;
  text-indent:0;
}

.lecturer-area h4 {
	margin-bottom: 1em;
	padding: 0.3em;
	border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
}
/*.lecturer-area h4:before {
  content:"■";
  font-size:110%;
}*/

/*------------------------------------------------
    2-7. curriculum
------------------------------------------------*/
.curriculum {
    background: #efefef;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-radius:15px;
    margin-top :20px;
}

.curriculum h3  {
    font-size: 120%;
    font-weight: bold;
    background: #c9c9c9;
    border-bottom: 5px solid #333;
    padding: .5em 1em .25em 1em;
    margin-bottom: 1em;
    border-radius:15px 15px 0 0;
}

.curriculum dl {
  margin: 20px 15px 15px 15px;
}

.curriculum dt {
  font-weight:bold;
  border-bottom:2px solid #790909;
  margin-bottom:7px;
  color:#790909;
}

.curriculum dd {
  margin: 0 7px 1.5em 7px;
  font-size: 100%;
  line-height: 150%;
}
.curriculum dd:last-of-type {
  margin-bottom:0;
}

#summary .curriculum dd p {
  text-indent:unset;
}

.curriculum .label {
  margin:0 0 .5em;
}

/*------------------------------------------------
    2-8. words
------------------------------------------------*/
.words {
  margin: 5em auto 3em auto;
  width: 90%;
  border-top: 2px solid #790909;
  border-bottom: 3px solid #790909;
  position: relative;
  padding: 15px;
}

.words h3 {
  position:absolute;
  top:-50px;
  left: 15px;
  color:#790909;
}

.words dt {
  font-weight: bold;
}

.words dd {
  margin: 0.3em 0 2em 0;
  color: #333;
  line-height: 150%;
}

.words p {
  text-indent:0 !important;
  color: #555;
}

/* --- 3. Content > timetable.html --- /////////////////////////////////*/
#timetable h3 {
  margin-bottom: 0.3em;
}
#timetable h4 {
  margin:.5em 0;
  padding: .3em .5em;
  font-weight: bold;
  font-size: 140%;
  border-width:1px 0;
  border-style:solid;
}
#timetable h5 {
  font-size:110%;
  margin-top:1.25em;
}
#timetable table {
    margin:0 0 3em;
}
#timetable table:last-of-type {
    margin-bottom:0;
}
#timetable tr,
#timetable th,
#timetable td {
    display:block;
}
#timetable th {
    padding:.5em 0;
    color:#fff;
    font-weight:normal;
}
#timetable td {
    color:#333;
}
#timetable ul {
    margin:1em 0;
}
#timetable ul li ul {
  margin-right: 0px;
  margin-left: 1.5em;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
#timetable .lecture-type {
  margin:0;
  font-weight:bold;
  color:inherit;
  font-size:110%;
  margin-bottom: 0.5em;
  line-height: 1.7;
}

#timetable .main-title {
	margin: 0;
	font-weight: bold;
	color: inherit;
	font-size: 140%;
	margin-bottom: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.3em;
}
.timetable-1  .main-title {
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
}
.timetable-2  .main-title {
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
}

#timetable .sub-title {
	margin-top: 0.3em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	/*font-size: inherit;*/
	font-weight: bold;
	color: inherit;
  font-size: 80%;
}

#timetable span.period {
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0em;
	padding-bottom: 0em;
	border: 1px solid #999999;
  display: inline-block;
  margin-right: 0.5em;
  line-height: 1.5;
  /*font-size: 90%;*/
}
#timetable .impression {
    color:#2D4D6E;
    margin:1.5em 0;
    padding:.3em 1em;
    background:#fff9e2;
    border-radius:5px;
}

.timetable-description-1 {
    margin-top:1em;
}
.timetable-description-1 p {
    line-height:1.4;
}
.timetable-description-1 dd {
    margin:0;
}
.timetable-description-1 dt {
    margin-top:1.5em;
}
.timetable-description-1 .summary p {
    font-size:95%;
}
.timetable-description-1 .biography p {
    font-size:90%;
}

#timetable .main-theme {
    font-size:95%;
}
#timetable .main-theme dt {
    margin-top:1.5em;
    padding:5px 0;
    border:1px solid #0abbba;
    border-width:1px 0;
}
#timetable .main-theme dd {
    margin:0;
    padding:0 .75em;
}
#timetable .main-theme .label {
    padding-right:.8em;
    padding-left:.8em;
    background:#18a92c;
}
#timetable .main-theme .title {
    display:block;
    color:#0abbba;
    font-size:105%;
    font-weight:bold;
    line-height:1.2em;
    margin-top:.3em;
    padding-left:.5em;
}
#timetable .main-theme p {
    line-height:1.4em;
    text-indent:1em;
}
#timetable .main-theme p:first-child {
    margin-top:1.3em;
}
#timetable td .notice:last-child {
    margin-bottom:0;
}

#timetable .lecturer-company,
#timetable .lecturer-division,
#timetable .lecturer-post {
    font-size:90%;
    margin:.2em 0;
}
#timetable .lecturer-name {
    margin:.5em 0 0;
}
#timetable .lecturer-pic {
    width:130px;
    height:auto;
    margin-bottom:1em;
}
#timetable .lecturer-biography {
    font-size:90%;
    line-height:1.4;
}
#timetable .notice ul {
    margin:0;
}

#timetable .main-item {
    margin:1.5em 0;
}
#timetable .main-item dt {
    font-weight:bold;
}
#timetable .main-item dd {
    margin:0;
}

#timetable dl.lecturer-detail {
  margin-bottom: 0.5em;
  margin-top: 1em;
}
#timetable dl.lecturer-detail dt {
	float: left;
	width: 6.5em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin: 0px;
	clear: both;
	box-sizing: border-box;
	background-color: #5171AA;
	text-align: center;
	color: #FFFFFF;
	font-size: 75%;
}
#timetable dl.lecturer-detail dt.bg2 {
	background-color: #5192AA;
}
#timetable dl.lecturer-detail dd {
  padding-left: 5.5em;
  padding-top: 0em;
  padding-bottom: 0.5em;
  padding-right: 0px;
  margin: 0px;
  box-sizing: border-box;
}

.timetable-1 h3{ color:#174865; }
.timetable-1 h4,
.timetable-1 table { border-color:#174865; }
.timetable-1 th {
  background-color: #174865;
}
.timetable-1 .lecturer{ margin-left:.6em; }
.timetable-2 h3{ color: #658CA6; }
.timetable-2 h4,
.timetable-2 table { border-color: #658CA6; }
.timetable-2 th {
  background-color: #658CA6;
}

/* --- 4. Content > lecturer.html --- //////////////////////////////////*/

#lecturer .lecturer {
    margin-top: 2.5em;
}
#lecturer p.lecturer-biography {
    font-size:90%;
}
#lecturer .lecturer-biography dt {
    margin-top: 0em;
}
#lecturer .lecturer-biography dd {
	color: #333;
	font-size: 90%;
	margin-top: 0.5em;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1em;
}
#lecturer .lecturer-biography dd dl {
    margin-top:.5em;
}
#lecturer .lecturer-biography dd dd {
    font-size:inherit;
}
#lecturer .lecturer-pic {
  /*width:120px;*/
  width: 95px;
  height: 120px;
}

#sub-lecturer {
    font-size:90%;
}
#sub-lecturer h3 {
    font-size:140%;
    color:#333;
    margin-bottom:1em;
    padding-left:0;
    border-left:0;
    border-bottom:1px solid #367179;
}
#sub-lecturer .lecturer {
    margin-top:1.5em;
    padding-left:5px;
    border-left:6px solid #ddd;
}
#sub-lecturer .lecturer-pic {
    width:100px;
    height:auto;
}
#sub-lecturer .lecturer-biography {
    clear:both;
}
#sub-lecturer .sub-lecturer-wrapper {
    margin:1.5em 0;
}
#sub-lecturer .float-left,
#sub-lecturer .float-right {
    width:49%;
    margin-top:0;
    box-sizing:border-box;
}
#sub-lecturer .float-left { float:left; }
#sub-lecturer .float-right { float:right; }
#sub-lecturer .float-left .lecturer-company,
#sub-lecturer .float-right .lecturer-company {
    margin-top:0;
}

/* --- 5. Content > afterrep.html --- //////////////////////////////////*/

#afterrep {
	margin-top: 2em;
	margin-bottom: 0;
}
#afterrep h3 {
    font-size:100%;
    color:#333;
    margin-top:2em;
    margin-bottom:0;
    padding-left:0;
    border-left:0;
    border-bottom:1px solid #a5acbe;
}
#afterrep dl {
    width:100%;
    letter-spacing:-0.4em;
}
#afterrep dt,
#afterrep dd {
    letter-spacing:normal;
    margin:1em 0 0;
    display:inline-block;
}
#afterrep dt {
    width:12%;
    font-weight:bold;
}
#afterrep dt:after { content: "："; }
#afterrep dd {
    width:88%;
}
#afterrep p {
    font-size:90%;
}
#afterrep p img {
    display:block;
    margin-bottom:.5em;
    box-sizing:border-box;
}
#afterrep p a img {
    width:300px;
    height:170px;
    padding:1px;
    border:1px solid #ccc;
}

/* --- 6. Sidebar --- //////////////////////////////////////////////////*/

#sidebar {
    margin-top:2em;
}

#sponsor dt,
#access dt {
	color: #333;
	padding-top: 0em;
	padding-left: 4px;
	padding-bottom: .5em;
	border-bottom: 1px solid #a5acbe;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}
#sponsor dd {
	text-align: center;
}
#sponsor dd,
#access dd {
    margin:0;
}

#lp-category-top {
  text-align:center;
  margin-top:1em;
}

#lp-category-top img {
  width:100%;
  max-width:350px;
  margin:0 auto;
}

/*------------------------------------------------
    6-1. Sponsor
------------------------------------------------*/

#sponsor {
    margin-top:1em;
}
#sponsor dd {
    /*text-align:center;*/
}
#sponsor dd ul {
    margin:0;
    padding:0;
}
#sponsor dd li {
    list-style:none;
}

/*------------------------------------------------
    6-2. Access
------------------------------------------------*/

#access p,
#access li {
    font-size:80%;
    line-height:1.3;
}
#access ul {
    padding:0;
}
#access li {
    margin:0.8em 0;
    margin-left:1.2em;
}
.access-map {
    overflow:hidden;
    position:relative;
    padding-bottom:100%;
    height:0;
    margin-bottom:2em;
}
.access-map iframe,
.access-map object,
.access-map embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* --- 7. Footer --- ///////////////////////////////////////////////////*/
#footer .page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  margin: 0;
  z-index: 1000;
}
#footer .page-top a {
  display: block;
  padding: .5em 1em;
  background-color: #000000;
  background: rgba(0,0,0,0.5);
  border-radius: 3px;
  color: #FFFFFF;
  text-decoration: none;
}
#footer .page-top a:hover {
  opacity: .8;
}
#footer .page-top i {
  display: block;
}





#footer {
    overflow:hidden;
    width:100%;
    padding:1em 0;
    background:#000;
    color:#fff;
    font-size:80%;
    text-align:right;
}
#footer .logo{
    width:80px;
    height:57px;
    margin-right:1.5em;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_impress.png',sizingMethod='scale');
 }
#footer .logo a { color:#fff; }
#footer ul {
    float:right;
    margin:0;
    margin-right:.75em;
    padding:0;
}
#footer li{
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}
#footer li a {
    color:#fff;
    font-size:80%;
    text-decoration:none;
    text-align:right;
    margin:.5em .25em;
    padding:.5em;
    display:inline-block;
    border:1px solid #fff;
    border-radius:4px;
}
#footer li a.active {
    background:#666;
}
#footer li a:hover {
    background:#666;
}
#footer .specific-trade-law{
    display:block;
}
#footer .specific-trade-law a{
    border:none;
    border-radius: 0px;
    padding-bottom:.25em;
    border-bottom:1px solid #fff;
    color:#fff;
    text-decoration:none;
    font-size:0.8em;
}

/* --- 8. Media Query --- //////////////////////////////////////////////*/

@media only screen and (max-width:375px) {
    .btn-entry a { width:75%; }
    .characteristic dt { padding-left:12px; }
    .characteristic dd { margin:0 12px; }
    #summary .impression p { text-align:left; }
}

@media (max-width:434px) {
    .h1-mobile {
        display:block;
    }
    .imgRight {
      float: none;
      margin-left: 0em;
      width: 100%;
      height: auto;
      display: block;
      margin-bottom: 1em;
    }
    .book .imgRight,
    #overview .imgRight {
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }

    #timetable dl.lecturer-detail dt {
      float: none;
      margin-bottom: 0.5em;
    }
    #timetable dl.lecturer-detail dd {
      padding-left: 0em;
      margin-bottom: 0.5em;
    }
    .feedback ul,
  #timetable ul {
      margin-left: 1.5em;
      padding-left: 0;
    }
  .characteristic-list ul,
  #overview ul,
  #attention ul,
  #access ul {
    margin-left: 0em;
  }
}

@media (min-width:435px) {
    .h1-pc {
        display:block;
    }
    #overview .access span { display:inline-block; }
    #overview .train-line { width:9em; }
    #overview .station {
	    width: 7em;
    }
    #overview .station2 {
	    width: 14em;
    }
}

@media only screen and (max-width: 960px) {
    #navigation.fixed,
    #navigation.fixed #nav2 {
      width: 100%;
    }

    #nav2 ul li.nav-outline a br {
      display: block;
    }
    #nav2 ul li.nav-outline a {
      padding-top: 0.5em;
      padding-right: 0.5em;
      padding-left: 0.5em;
      padding-bottom: 0.5em;
      line-height: 1.4;
      height: 3.8em;
      box-sizing: border-box;
    }
}

@media only screen and (max-width: 768px) {
    body {
        font-size:115%;
        line-height:1.3;
        padding-top:46px;/* for "#nav1" */
    }
    h2 {
        text-align:center;
    }
    h2,h3 {
        line-height:1.2;
    }
    #timetable .notice,
    #lecturer .lecturer,
    #lecturer .lecturer-biography,
    #sub-lecturer,
    #afterrep > section {
        padding-left:1em;
        padding-right:1em;
    }
    table {
        border:0;
    }
    tr {
        display:block;
        margin-bottom:1em;
    }
    tr:last-child {
        margin-bottom:0;
    }
    th,td {
        display:list-item;
    }
    .notice dt small {
        display:block;
    }
    /*#navigation .event-name {
      display: none !important;
    }*/
    #navigation {
      position: relative !important;
    }
    #navigation ul li a {
        height:100%;
        padding:1em 0;
    }
    #navigation ul li a.active {
        background:transparent;
    }
    #navigation .nav-entry a {
        width:85%;
        margin:.5em 0 1.5em;
        padding-top:.8em;
        padding-bottom:.8em;
    }
    #nav2 ul li.nav-outline a br {
      display: none;
    }
    #nav2 ul li.nav-outline a {
      padding-top: 1.1em;
    }
    #nav2,
    #nav2 .nav-entry {
        display:none;
    }
    #nav2 {
        font-size:85%;
    }
    #nav2 ul {
        position:fixed;
        top:46px;/* for "#nav1" */
        left:0;
        min-width:16em;
        padding-bottom:.5em;
        z-index:100;
    }
    #breadcrumbs {
        padding-top:.7em;
        padding-bottom:.7em;
    }
    #summary p,
    #afterrep p {
        line-height:1.4;
    }
    #summary,
    .about-seminar {
      margin-top: 2em;
      margin-right: 1em;
      margin-left: 1em;
      margin-bottom: auto;
    }
    #summary .impression {
        padding-left:.5em;
        padding-right:.5em;
    }
    #summary .point {
        margin-left:0;
        margin-right:0;
    }
    .main-summary h2 {
      text-align: left;
    }
    #overview {
        margin-left: 0;
        margin-right: 0;
    }
    #overview table {
        margin-top:1em;
    }
    #overview table th {
        width:100%;
        font-size: 100%;
        padding:.5em 0;
      list-style-type: none;
    }
    #overview table td {
      list-style-type: none;
    }
    #overview li {
        margin:.5em 0;
    }
    #attention {
        margin-left: 1em;
        margin-right: 1em;
    }
    #attention ul {
        padding:0 0 0 1.5em;
    }
    #attention li {
        margin:.5em 0;
    }
    #attention .sysreq caption .label {
        display:block;
        font-size:100%;
        margin-bottom:.8em;
    }
    #attention .sysreq tr {
        margin-bottom:.5em;
    }
    #attention .sysreq th,
    #attention .sysreq td {
        border-left:8px solid #ccc;
    }
    #attention .sysreq th {
        font-weight:bold;
        padding:.5em .5em 0;
    }
    #attention .sysreq + .notice {
        margin-top:0;
    }
    #timetable h3 {
        text-align:center;
    }
    #timetable table {
        margin-bottom:0;
    }
    #timetable tr {
        margin-bottom:0;
    }
    #timetable .main-title {
        line-height:1.2;
        margin-bottom:.5em;
    }
    #timetable .sub-title {
        line-height:1.3;
        margin-top:0;
    }
    .lecturer-pic {
        float:none;
        margin-top:1em;
    }
    .lecturer-name {
        line-height:1.2;
        margin-top:.5em;
    }
    .lecturer-name span {
        font-size:90%;
    }
    .lecturer-biography {
        margin-top:1em;
        padding-right:5px;
    }
    .lecturer .lecturer-name {
      margin-bottom: 0.5em;
    }
    #lecturer .lecturer-biography {
      margin-top: 0.5em;
    }
    #lecturer .lecturer-biography dt {
      margin-bottom: 0.5em;
    }
    #sub-lecturer .lecturer-biography {
        margin-top:1em;
    }
    #sub-lecturer .lecturer-pic {
        margin-bottom:.5em;
    }
    #sub-lecturer .float-left,
    #sub-lecturer .float-right {
        width:auto;
        margin-top:1.5em;
        float:none;
    }
    #afterrep {
        margin-top:2em;
        margin-left: 1em;
      margin-right: 1em;
    }
    #afterrep dl {
        letter-spacing:normal;
        box-sizing:border-box;
    }
    #afterrep dt,
    #afterrep dd {
        width:100%;
        display:block;
    }
    #afterrep dd{
        margin-top:0;
    }
    #afterrep p a img {
        width:auto;
        height:auto;
    }
    #sidebar {
        margin-bottom:5em;
    }
    #sns {
        text-align:center;
        line-height: 1.2;
    }
    #sponsor {
        margin-top:0;
    }
    #sponsor dl {
        margin:1em 0;
        border:0;
    }
    #sponsor dd li {
        margin:1em;
    }
    #access dd {
        padding-left:1em;
        padding-right:1em;
    }
    #access p,
    #access li {
        font-size:inherit;
        line-height:inherit;
    }
    #access li {
        margin-top:0;
        margin-bottom:0;
    }
    .access-map {
        margin:1em 0;
        padding-bottom: 75%;
    }
    #footer .logo {
        float:right;
        margin-bottom:.5em;
    }
}

@media only screen and (min-width:769px) {
    .mobileonly { display:none !important; }
    #navigation .nav-title,
    #nav1 {
        display:none;
    }
    h2 {
        padding:.2em 0 .2em 1em;
    }
    h2:after {
        top:0;
        left:0;
        width:.6em;
        height:100%;
    }
    #wrapper {
      max-width:970px;
      margin:0 auto;
      overflow: hidden;
    }
    #navigation {
      width:100%;
    }
    #navigation ul {
      width:100%;
      margin:0 auto;
    }
    #navigation ul li {
      float: left;
      /*width:25% !important;*/
      width:33.3% !important;
      font-size:90%;
    }
    #navigation ul li a {
      padding: 1.1em 0.5em .7em;
      height: 2em;
    }

    #nav2 ul {
        background-color: #404756;
    }
    #nav2 {
        display:block !important;
    }
    #content {
	float: left;
	width: 72%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 3%;
	margin-bottom: 3em;
    }
    #sidebar {
        float:right;
        width:21%;
        margin-right:1%;
    }
    #overview table th {
        width:16%;
        color:#333;
        font-size:80%;
        line-height:1.5;
        padding:20px 4px;
        border-bottom:1px solid #aaa;
        background:#eee;
    }
    #overview table td {
        width:84%;
        border-top:1px solid #aaa;
    }
    #attention .sysreq th {
        border:1px solid #aaa;
        border-width:1px 1px 0 0;
    }
    #attention .sysreq td {
        border-top:1px solid #aaa;
    }
    #attention .sysreq + .notice {
        margin-top:.5em;
    }
    #attention div.attention-list {
        margin-left:2.5em;
    }
    #timetable .lecturer {
      font-size: 105%;
      margin-top: 1em;
      margin-bottom: 0em;
    }
    #timetable .lecturer-pic {
        margin-bottom:0;
    }
    #timetable dd.lecturer {
        padding-top:1em;
    }
    #timetable .lecturer + dt {
        margin-top:.5em;
    }
    #lecturer p.lecturer-biography {
        margin-top:0;
    }
    #lecturer .lecturer + .lecturer-biography dt:first-child {
        margin-top:0;
    }
    #sponsor dd li {
        margin:2em 0;
    }

    #footer .page-top {
      font-size: 120%;
    }

    #footer .logo{
        float:left;
        margin: 0.5em 1.5em;
    }
    #footer .back-to-top {
        font-size:125%;
        padding-bottom:.6em;
    }
    #footer .back-to-top span {
        font-size:85%;
        margin-top:.1em;
    }
}

@media print {
    body {
        background:transparent;
    }
    .h1-pc { display:block; }
    .btn-entry,
    #navigation,
    #sns,
    #footer .back-to-top,
    #footer .specific-trade-law,
    #footer .logo img{
        display:none !important;
    }
    #overview tr,
    #attention dd,
    #sub-lecturer,
    #afterrep,
    #sidebar,
    .characteristic,
    .afterrep-part {
        page-break-inside:avoid;
    }
    h2 {
        border-left-width:.6em;
        padding:.2em 0 .2em .4em;
    }
    #wrapper {
        width:100%;
        margin:0 auto;
        overflow: hidden;
    }
    #content,
    #sidebar {
        float:none;
        width:100%;
        margin:0;
    }
    #sponsor dd li {
        margin-top:.5em;
    }
    #overview table th {
        padding:20px 4px;
        height:100%;
        font-size: 80%;
        line-height:1.5;
    }
    #overview table th {
        width:15%;
        border-bottom:1px solid #fff;
    }
    #overview table th:last-child {
        border:none;
    }
    #overview table td {
        width:85%;
        border:1px solid #ccc;
    }
    #attention .sysreq th {
        border:1px solid #aaa;
        border-width:1px 1px 0 0;
    }
    #attention .sysreq td {
        border-top:1px solid #aaa;
    }
    #timetable h2 {
        padding-left:0;
        border:0;
    }
    #afterrep dl {
        max-width:33em;
        letter-spacing:normal;
    }
    #afterrep dt,
    #afterrep dd {
        vertical-align:middle;
        display:inline-block;
    }
    #afterrep dt { width:4em; }
    #afterrep dd { width:80%; margin-top:1em; }
    #afterrep p a img {
        width:300px;
        height:170px;
    }
    #sidebar {
        margin-top:1em;
    }
    #sidebar:after {
        content: ".";
        display: block;
        height:0;
        clear: both;
        visibility: hidden;
    }
    #sponsor { width:49%; float:left; margin-top:0; }
    #access { width:49%; float:right; }
    #sponsor dl { border:0; }
    .access-map { display:none; }
    #footer {
        text-align:center;
        margin-top:1.5em;
    }
    #footer .logo{
        width:auto;
        height:auto;
        margin:0 auto;
    }
    #footer .logo:after{
        display:block;
        content:"(c) 2018 Impress Corporation";
        color:#fff;
    }
}