@charset "UTF-8";
/********************************************************************************

page-seminar.css　オンライン説明会用css

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

/*######################################################################
 一覧
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-seminar-list #mainvisual {
	background-image: url(../images/seminar/mainvisual-bg.jpg);
}

/*============================================================
 セクション共通
*============================================================*/
#page-seminar-list .section {
}

/*============================================================
 セクション
*============================================================*/


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-seminar #mainvisual {
}
#page-seminar #mainvisual .tags {
	gap: 16px;
	margin-top: 24px;
}
#page-seminar #mainvisual .tags .tag {
	border: 1px solid var(--common-color-main);
	color: var(--common-color-main);
	line-height: 1.2;
	padding: 5px;
	height: 24px;
	width: 62px;
	text-align: center;
	font-size: 10px;
	border-radius: 2px;
}
#page-seminar #mainvisual .tags .tag.off {
	border: 1px solid #111111;
	color: #111111;
}
#page-seminar #mainvisual .tags .tag img {
	margin-right: 2px;
}
#page-seminar #mainvisual .tags .date {
	font-size: 12px;
	line-height: 1.6;
	font-family: var(--common-font-family-sans);
}

/*============================================================
 セクション共通
*============================================================*/
#page-seminar .section {
    margin-bottom: 0;
}

/*============================================================
 セクション
*============================================================*/



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1128px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-seminar-list #mainvisual {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-seminar #mainvisual {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-seminar-list #mainvisual {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-seminar #mainvisual {
    }

}