/* 共通 */
body {
	/*font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	padding: 0;
	/*background:#ffeedd;*/
	/*line-height:1.4;*/
	font-size:14px;
}

h1, h2, h3, p {
	margin:0;
	font-weight:normal;
}

img {
	vertical-align:top;
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

img.sp {
	display:none;
}

a img:hover {
	opacity:0.7;
}

 @media only screen and (max-width: 780px) {
img.sp {
 display:block;
 width:100%;
}
 img.pc {
 display:none;
}
}

.wrap {
	margin:0 auto 0;
	width:1090px;
}
 @media only screen and (max-width: 780px) {
.wrap {
 margin:0 auto 0;
 width:100%;
}
}

.main {
	/*padding:40px 0 40px;*/
	/*color:#fff;*/
	text-align: center;/*background:url(../images/bg.gif);*/
}
@media only screen and (max-width: 780px) {
.main {
 background:none;
}
}

.kai-sp {
	display:none;
}
@media only screen and (max-width: 780px) {
.kai-sp {
 display:block;
}
 .kai-pc {
 display:none;
}
}

/* =========================================================
 ■header
========================================================= */
.logo-area {
	padding:10px 0 10px 36px;
	line-height:1;
	border-bottom: solid 3px #dc0004;
}
 @media only screen and (max-width: 780px) {
.logo-area {
 padding:10px 0 10px 15px;
}
 .logo-area img {
 width:30vw;
}
}

/* =========================================================
 ■概要
========================================================= */
.overview-area {
	padding:75px 0 80px;
	background:url(../images/ttl_bg.jpg) no-repeat top center;
}
 @media only screen and (max-width: 780px) {
.overview-area {
 padding:0;
 background:none;
}
}

/*タイトル
---------------------------------------------------------------*/
.ttl-area {
	padding:0 0 50px;
}

.ttl-area .ttl {
	margin-top:25px;
}
 @media only screen and (max-width: 780px) {
.ttl-logo {
 display:none;
}
 .ttl-area {
 padding:40px 0 40px;
 background:url(../images/ttl_bg_sp.jpg) no-repeat top center;
 background-size:cover;
}
 .ttl-area .ttl img {
 width:75vw;
}
 .ttl-area .ttl {
 margin-top:0;
}
 .ttl-catch img {
 margin:0 auto;
 width:65vw;
}
}

/*インフォ
---------------------------------------------------------------*/
.info-area {
	margin:0 auto 0;
	padding:30px 30px 40px;
	width:907px;
	/*height:300px;*/
	text-align:left;
	background:#fff;
	border-radius:20px;
	box-sizing:border-box;
}
 @media only screen and (max-width: 780px) {
.info-area {
 padding:20px 0px 40px;
 width:inherit;
	/*height:300px;*/
	border-radius:0px;
}
}

.info-date {
	text-align:center;
}

.info-date.seminar {
	margin-top:20px;
	text-align:center;
}
 @media only screen and (max-width: 780px) {
.info-date img {
 margin:0 auto 0;
 width:60vw;
}
}

.entry-fee {
	margin:25px auto 0;
	padding:0px 30px 2px;
	display:table;
	font-size:16px;
	font-weight:bold;
	color:#030256;
	text-align:center;
	border: solid 1px #030256;
}
 @media only screen and (max-width: 780px) {
.entry-fee {
 margin:15px auto 0;
 font-size:14px;
}
}

.info-list li {
	margin-top:40px;
}

.info-sec-ttl {
	border-bottom: solid 4px #040356;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	letter-spacing:1px;
}

.info-sec-ttl .ttl {
	margin-bottom:-4px;
	padding:0px 10px 1px 17px;
	min-width:143px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	background:url(../images/info_h_bg.gif) no-repeat left center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.info-sec-ttl .ttl span {
	font-size:16px;
}

.info-sec-ttl .time {
	margin-left:1em;
	font-size:16px;
}
 @media only screen and (max-width: 780px) {
.info-list li {
 margin-top:30px;
}
.info-list li:first-child {
 margin-top:20px;
}
 .info-sec-ttl {
 flex-direction: column;
 align-items: flex-start;
 border-bottom:none;
}
 .info-sec-ttl .ttl {
 margin-bottom:0;
 padding:8px 0px 10px 20px;
 min-width:inherit;
 width:100%;
 font-size:20px;
 box-sizing:border-box;
 background:url(../images/info_h_bg.gif) no-repeat left center;
 background-size:cover;
}
 .info-sec-ttl .ttl span {
 font-size:14px;
}
 .info-sec-ttl .time {
 margin-top:20px;
 margin-left:0;
 padding:0 20px;
 font-size:4.3vw;
}
}

.info-box {
	padding:35px 20px 0;
}

.info-box .ttl {
	font-size:36px;
	font-weight:bold;
}

.president {
	font-size:20px;
	font-weight:bold;
}

.president span {
	font-size:34px;
}

.instructor {
	margin-top:15px;
	font-size:20px;
	font-weight:bold;
}

.instructor span {
	font-size:34px;
}
 @media only screen and (max-width: 780px) {
.info-box {
 padding:15px 20px 0;
}
.info-box .ttl {
 font-size:6vw;
 line-height:1.4;
}
 .president {
 font-size:4.5vw;
 font-weight:bold;
 letter-spacing:normal;
}
 .president span {
 font-size:5.8vw;
}
 .instructor {
 margin-top:15px;
 font-size:4.5vw;
 font-weight:bold;
 letter-spacing:normal;
}
 .instructor span {
 font-size:5.8vw;
}
}

/*講師*/
.inst-area {
	margin-top:-20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.inst-area .txt-area {
	width:545px;
	font-size:15px;
	line-height:1.6;
}

.inst-prof {
	margin-top:40px;
	margin-bottom:10px !important;
	font-size:17px;
}

.prof-notes {
	margin-top:15px;
	padding-top:15px;
	border-top: solid 1px #000;
	font-size:15px;
}
 @media only screen and (max-width: 780px) {
.inst-area {
 margin-top:0;
 flex-direction: column-reverse;
}
 .inst-area .txt-area {
 width:inherit;
 font-size:15px;
 line-height:1.6;
}
 .inst-area .pic-area img {
 margin:15px auto 0;
 width:60vw;
}
 .inst-prof {
 margin-top:20px;
 margin-bottom:10px !important;
 font-size:17px;
 text-align:center;
}
 .prof-notes {
 line-height:1.5;
}
}

/* =========================================================
 ■セミナー
========================================================= */
.seminar-area {
	padding:30px 0 25px;
	color:#fff;
	/*background:url(../images/bg.gif);*/
	background:#262754 url(../images/bg.gif) no-repeat top center;
}

/*
---------------------------------------------------------------*/
.seminar-ttl {
	font-size:54px;
}

.seminar-ttl-sub {
	margin-top:10px;
	font-size:34px;
}

.seminar-notes {
	margin:20px auto 0;
	display:table;
	font-size:18px;
	text-align:left;
}

.seminar-period {
	margin-top:20px;
	font-size:24px;
}
@media only screen and (max-width: 780px) {
.seminar-ttl {
	font-size:9.3vw;
}

.seminar-ttl-sub {
	margin-top:10px;
	/*font-size:22px;*/
	font-size:5.2vw;
}

.seminar-notes {
	margin:15px auto 0;
	padding:0 20px;
	display:block;
	/*font-size:14px;*/
	font-size:3.7vw;
	text-align:left;
}

.seminar-notes li {
	margin-top:5px;
	text-indent: -1em;
	padding-left:1em;
}
.seminar-period {
	margin:20px auto 0;
	padding:0 20px;
	/*font-size:22px;*/
	font-size:5.5vw;
	display:table;
	text-align:left;
}

}

/*セレクトボックス
---------------------------------------------------------------*/
.select-branch {
	display:none;
}

.h-kensaku {
	display:none;
}
 @media only screen and (max-width: 780px) {
.h-kensaku {
	margin-bottom:20px;
	padding:7px 0;
	display:block;
	font-size:5vw;
	color:#fff;
	background:#000;
}
.select-box-wrap {
	padding:0 10px;
}

.select-branch {
	margin:0 auto 0;
	display:block;
	width:85vw;
	color:#000;
	text-align:center;
}

/*select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}*/

input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}
select {
box-sizing: border-box;
width: 100%;
font-size: 16px;
}
}

/*テーブル
---------------------------------------------------------------*/
.ven-table {
	margin:50px auto 0;
	width:972px;
	color:#000;
	background:#fff;
	border-collapse:collapse;
}

.btn-appli {
/*box-shadow: 2px 2px 4px gray;*/
}
 @media only screen and (max-width: 780px) {
.table-box {
 margin:20px auto 0;
 padding:0 10px;
/*background:#fff;*/
}
 .table-box .inner {
 padding:20px 0 0;
 background:#fff;
}
 .ven-table {
 margin:20px auto 0;
 width:100%;
}
 .ven-table .h-line {
 display:none;
}
 .btn-appli {
	 margin:10px auto 0;
 padding:0 40px 20px;
}
 .btn-appli img {
 width:100%;
}
}

.ven-table th, .ven-table td {
	text-align:center;
	border: solid 1px #000;
}

.ven-table th {
	padding:20px 0;
	font-size:18px;
	background:#ebebeb;
	border-bottom: solid 2px #000;
}

.ven-table td {
	padding:10px 0;
	font-size:16px;
}

.h-branch {
	width:143px;
}

.h-inst {
	width:213px
}

.h-ven {
	width:100
}

.h-btn {
	width:100
}

.bggray td{
	background-color: #fffdf2;
	color: #666;
}

 @media only screen and (max-width: 780px) {
.ven-table td {
	padding:0;
	padding-top:10px;
	display:block;
	border:none;
	/*font-size:16px;*/
	font-size:4.7vw;
	line-height:1.4;
}

.td-branch {
	/*font-size:20px !important;*/
	font-size:5.5vw !important;
	font-weight:bold;
}

.branch-line {
	display:none;
}

#branch-01 {
	display:block;
}

}

.sp-th-txt {
	display:none;
}
 @media only screen and (max-width: 780px) {
.sp-th-txt {
	display:inline-block;
}
}

.ven-notes {
	margin-top:10px;
	font-size:16px;
}
 @media only screen and (max-width: 780px) {
.ven-notes {
 margin-top:10px;
 font-size:14px;
 text-align:left;
 line-height:1.5;
}
}

/* 注意書き
---------------------------------------------------------------*/
.foot-note {
	margin:50px auto 0;
	width:930px;
	font-size:13px;
	line-height:1.6;
	text-align:left;
	letter-spacing:1px;
}
 @media only screen and (max-width: 780px) {
.foot-note {
	margin:30px auto 0;
	padding:0 20px;
	width:inherit;
	font-size:4vw;
	line-height:1.6;
	text-align:left;
}

}

/* =========================================================
 ■Footer
========================================================= */

#footer {
	/*background: #292929;*/
	background: #000;
	padding: 15px 0;
}

#footer .copyright {
	font-size: 12px;
	line-height: 1.66;
	letter-spacing: 0.02em;
	text-align: center;
	color: #ffffff;
}
@media only screen and (max-width: 780px) {
.footer {
 padding:10px 0;
}
}

/* スマホ時独自ページトップ切り替え
--------------------------------------------------------- */
/*スマホ用ページトップ*/
#page-top {
	display:none;
}

@media only screen and (max-width: 780px) {

#page-top {
	display:block;
}

#page-top {
	display:block !important;
	position: fixed;
	bottom: 20px;
	right: 10px;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: -9999px;
	z-index: 1000;
}
#page-top a {
	outline:none;
	display: block;
	background:url(images/sp_pagetop.png) !important;
	background-size: cover !important;
	width: 40px !important;
	height: 40px !important;
	opacity:0.6;
}

#page-top a:hover {
	opacity: 1.0;
}

}

@media all and (max-width: 780px) {
.sp-pdl {
	padding-left:3em !important;
}

.sp-pdl02 {
	padding-left:2.1em !important;
}
}