@charset "utf-8";

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

/* =============================================================

　　スマホ画面 個別設定

============================================================= */


/*  全体・コンテナー 設定
---------------------------------------------*/


/*  ヘッダー 設定
---------------------------------------------*/


/*  コンテンツ 設定
---------------------------------------------*/


/*  Content Top
-----------------------------------*/

/* -------- カテゴリータイトル -------- */

.boxCategoryTitle {

}



/*  Content Main
-----------------------------------*/

/* -------- タイトル -------- */

.seminars h1 a {
	right: 15px;
	top: 15px;
	padding: 10px 8px;
	font-size: 12px;
}

/* ------ コンテンツ ------ */

.seminarNow,
.seminarArchives {
	float: none;
	width: 100%;
}

.seminarNow .boxSeminar .boxSeminarImage p.imgSeminar,
.seminarArchives .boxSeminarArchives .boxSeminarImage {
	text-align: center;
}


/* ------ セミナー（受付中）------ */

.seminarNow .boxSeminar {
	margin-bottom: 0;
	border-bottom: none;
}

.seminarNow .boxSeminar .boxSeminarImage,
.seminarNow .boxSeminar dl {
	width: 100%;
}

.seminarNow .boxSeminar {
	display: flex;
	flex-wrap: wrap;
}

.seminarNow .boxSeminar .boxSeminarImage {
	display: contents;
}

.seminarNow .boxSeminar .btnSeminar {
	width: 78px;
	height: 78px;
}

.seminarNow .boxSeminar div.btnSeminar div {
	font-size: 16px;
}

.seminarNow .boxSeminar div.btnSeminar div .txtLabel {
	width: 34px;
  line-height: 21px;
}

div.btnSeminar .btnNowon .txtLabel {
	width: 51px !important;
}

div.btnSeminar .btnWaiting .txtLabel {
	font-size: 15px;
}

.seminarNow .boxSeminar .boxSeminarInfo {
	width: 100%;
}

.seminarNow .boxSeminar .boxSeminarInfo .boxSeminarTitle {
	margin-top: 5px;
}

.seminarNow .boxSeminar .boxSeminarInfo .date {
	font-size: 15px;
	line-height: 25.6px;
}

.seminarNow .boxSeminar .boxSeminarTitle h2 {
	margin: 5px 0 25px;
	font-size: 18px;
}

.seminarNow .boxSeminar dl {
	margin-bottom: 0;
}

.seminarNow .boxSeminar dt {
	font-size: 14px;
}

.seminarNow .boxSeminar .boxSeminarImage .btnSeminarMore {
	width: 100%;
	order: 3;
}


/* ------ セミナー（アーカイブ ）------ */

.seminarArchives .boxSeminarArchives .boxSeminarImage,
.seminarArchives .boxSeminarArchives .boxSeminarTxt  {
	width: 100%;
}

.seminarArchives .boxSeminarArchives {
	width: 100%;
	max-width: unset;
}

.seminarArchives p.more {
	margin: 20px auto 0;
}

/* ------ セミナー詳細 ------ */

.boxSeminarSummary {
	margin: 2em 0;
	padding: 0 2em 0 2em;
	background-color: #f5f5f5;
}

.boxSeminarSummary dt {
	width: 100%;
	padding-top: 1em;
}

.boxSeminarSummary dd {
	margin-top:  0;
	padding-left: 0;
}

.boxSeminarContent .btnSeminarFrom  a {
	display: block;
	width: 100%;
	padding: 1em 0;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	transition: all  0.3s ease;
}

/* ------ セミナーアーカイブ一覧 ------ */

.seminarArchivesList .boxSeminarArchives {
	padding-bottom: 20px;
}

.seminarArchivesList .boxSeminarArchives .boxSeminarImage,
.seminarArchivesList .boxSeminarArchives .boxSeminarTxt {
	float: none;
	width: 100%;
}

.seminarArchivesList .boxSeminarArchives .boxSeminarImage {
	text-align: center;
}

.seminarArchivesList .boxSeminarArchives .boxSeminarImage img {
	width: 80%;
	height: auto;
}

.seminarArchivesList .boxSeminarArchives .boxSeminarTxt h2 {
	font-size: 16px;
	line-height: 1.5em;
}

.seminarArchivesList .boxSeminarArchives .boxSeminarTxt h2 a {
	text-decoration: none;
}

.seminarArchivesList .boxSeminarArchives .boxSeminarTxt h2 a:hover {
	text-decoration: underline;
}


/* ------ セミナー詳細 ------ */

.boxSeminarDate p.btnSeminar {
  margin-bottom: 2px;
}
.boxSeminarDate p.date {	
	margin-left: 0;
}

/*  開催予定セミナー
-------------------------- */

.boxUpcomingSeminar {
	padding: 30px;
  }

.boxUpcomingSeminar .boxUpcomingDetail {
	float: none;
	width: 100%;
  }

/*  フッター 設定
---------------------------------------------*/




}