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

/*-----------------------------------------------------------------
共通　ページ全体の基本設定
-------------------------------------------------------------------*/
@media screen and (max-width: 959px) {
	body {
		font-family: "Lucida Sans Unicode", "Lucida Grande", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}
	.sub #subContainer .subTitleBox {
		margin-bottom: 30px;
	}
	.sub #subContainer .subTitleBox .homeHead_center {
		text-align: center;
	}
	.sub #subContainer .subTitleBox .homeHead_mainText,
	.sub #subContainer .subTitleBox .homeHead_subText {
		font-family: "Lucida Sans Unicode", "Lucida Grande", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		font-weight: 700;
		text-align: center;
		letter-spacing: 3px;
	}
	.sub #subContainer .subTitleBox .homeHead h2 {
		font-size: 25px;
		line-height: 2em;
		margin: 0 !important;
	}
	.sub #subContainer .subTitleBox .homeHead h3 {
		font-size: 16px;
	}

	.sub section#subContainer div.main_box h4 {
		font-weight: bold;
		font-size: 120%;
		padding: 0 0 5px 0;
		margin: 20px auto 10px auto;
		position: inherit;
		width:96%;
	}
	
	.sub #subContainer .subTitleBox .homeHead_subText.maintitle_sub{
		letter-spacing:0.1em;
	}

}
@media screen and (max-width: 479px) {
	.sub #subContainer .subTitleBox .homeHead h2 {
		font-size: 130%;
		font-feature-settings : "palt";
		line-height: 1.6em;
		letter-spacing:0.1em;
	}
	.sub #subContainer .subTitleBox .homeHead h3 {
		font-size: 90%;
	}
}


/* ---------------------------------------------
 セミナー　一覧
--------------------------------------------- */
/*
一覧ページ共通　flexレイアウト
------------------------*/
@media screen and (max-width: 959px) {
	.sub #subContainer .flex3 {
		width: 96%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0;
		margin: 50px auto 0;
	}
	.sub #subContainer .flex3 li {
		width: 49%;
		box-sizing: border-box;
		margin-bottom: 40px;
		margin-left: 0;
		position: relative;
	}
	.sub #subContainer .flex3 li:nth-child(3n+1) {
		margin-left: 0;
	}
	.sub #subContainer .flex3 li dl {
		height: 100%;
		box-sizing: border-box;
	}
	.sub #subContainer .flex3 li dt img {
		width: 100%;
		height: auto;
	}
	.sub #subContainer .flex3 li dd h5 {
		font-size: 18px;
		font-weight: 700;
		margin: 10px 0;
	}
		/* typeB （セミナー・お役立ち情報） */
	.sub #subContainer .flex3.typeB li {
		border: 1px solid #cccccc;
	}
	.sub #subContainer .flex3.typeB li dl {
		padding: 0 0 85px;
	}
	.sub #subContainer .flex3.typeB li dd {
		padding: 0 20px;
	}
	.sub #subContainer .flex3.typeB li dd h5 {
		font-size:130%;
		text-align: center;
	}
	.sub #subContainer .flex3.typeB li .btn {
		width: 90%;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: 20px;
	}
}
@media screen and (max-width: 768px) {
	.sub #subContainer .flex3 li {
		width: 49%;
		margin-bottom: 20px;
	}
	.sub #subContainer .flex3 li dd h5 {
		font-size: 15px;
	}
		/* typeB （セミナー・お役立ち情報） */
	.sub #subContainer .flex3.typeB li dl {
		padding: 0 0 65px;
	}
	.sub #subContainer .flex3.typeB li dd {
		padding: 0 15px;
	}
}
@media screen and (max-width: 599px) {
	.sub #subContainer .flex3 li {
		width: 100%;
		margin-bottom: 12px;
	}
}
@media screen and (max-width: 479px) {
}



/* ---------------------------------------------
 セミナー　個別ページ
--------------------------------------------- */
@media screen and (max-width: 959px) {
	#seminar.sub section#subContainer div.main_box {
		width: 100%;
	}
	#seminar.sub section#subContainer div.main_box h3 {
		width: 96%;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		color: #333;
		font-size: 140%;
		line-height: 1.5em;
		letter-spacing: 1px;
		margin: 80px auto 50px;
		box-sizing: border-box;
		font-weight: bold;
		clear: both;
		position: relative;
	}
	#seminar.sub section#subContainer div.main_box .contentDetail_head {
		display: block;
		margin-bottom: 50px;
	}
	#seminar.sub section#subContainer div.main_box .contentDetail_head .image {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	#seminar.sub section#subContainer div.main_box .contentDetail_head .image img {
		width: 100%;
		height: auto;
		position: static;
		transform: none;
	}
	#seminar.sub section#subContainer div.main_box .contentDetail_head .text {
		width: 96%;
		margin: 0 auto;
	}
	#seminar.sub section#subContainer div.main_box .contentDetail_head .text h4 {
		margin: 20px 0;
	}
	#seminar.sub section#subContainer div.main_box .contentDetail_head .text p {
		width: 100%;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point {
		width: 100%;
		box-sizing: border-box;
		background: #f5f5f5;
		padding: 2%;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .applyForm {
		width: 96%;
		box-sizing: border-box;
		padding: 0;
		margin: 40px auto 0;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point h4 {
		font-size: 130%;
		font-weight: bold;
		border: none;
		padding: 0;
		margin: 0 0 10px;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point ul {
		background: #ffffff;
		padding: 4%;
		margin-top: 40px;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point ul:first-child {
		margin-top: 0;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point ul li {
		list-style-type: disc;
		margin-left: 1.5em;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point dl.eventOutline {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 50px 0;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point dl.eventOutline dt {
		width: 20%;
		box-sizing: border-box;
		font-weight: normal;
		background: #efefef;
		border-bottom: 1px solid #cccccc;
		padding: 8px 16px;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point dl.eventOutline dd {
		width: 80%;
		box-sizing: border-box;
		border-bottom: 1px solid #cccccc;
		background: #ffffff;
		padding: 8px 16px;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point dl.eventOutline dt:first-child,
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point dl.eventOutline dd:nth-child(2) {
		border-top: 1px solid #cccccc;
	}
	#seminar.sub section#subContainer.contact .main_box .contentDetail_body .point .indent01 {
		text-indent: -0.8em;
		padding: 0.8em;
		margin-top: 30px;
	}
		/* セミナーメニューボックス
		--------------------------------------------- */
		/*.offer_seminer_btn {
			margin:50px auto 70px auto;
		}
		.offer_seminer_btn h3 {
			font-size: 140%;
			text-align: center;
			font-weight: bold;
		}
		.offer_seminer_btn .seminar_menubox {
			width: 100%;
			margin: 30px auto 0;
		}
		.offer_seminer_btn .seminar_menubox ul {
			width: 96%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 0 auto;
		}
		.offer_seminer_btn .seminar_menubox ul li {
			width: 49.0%;
			list-style: none;
			margin: 0 0 10px;
		}
		.offer_seminer_btn .seminar_menubox ul li a {
			text-decoration: none;
		}
		.offer_seminer_btn .seminar_menubox ul li dl {
			display: flex;
		}
		.offer_seminer_btn .seminar_menubox ul li dl dt {
			width: 80px;
			margin-right: 10px;
		}
		.offer_seminer_btn .seminar_menubox ul li dl dt img {
			width: 100%;
			height: auto;
		}
		.offer_seminer_btn .seminar_menubox ul li dl dd {
			width: 100%;
			position: relative;
		}
		.offer_seminer_btn .seminar_menubox ul li dl dd p {
			font-size: 10px;
		}
		.offer_seminer_btn .seminar_menubox ul li dl dd h6 {
			font-size: 17px;
			font-weight: bold;
		}
		.offer_seminer_btn .seminar_menubox ul li em {
			width: 100%;
			box-sizing: border-box;
			color: #000;
			font-size: 10px;
			font-weight: 700;
			border-top: 1px dotted #ccc;
			display: block;
			padding: 2px 10px 2px 0;
			position: absolute;
			bottom: 0;
		}
		.offer_seminer_btn .seminar_menubox ul li em i {
			font-size: 150%;
			color: #8e451c;
			float: right;
		}*/
}
@media screen and (max-width: 768px) {
		/* セミナーメニューボックス
		--------------------------------------------- */
		/*.offer_seminer_btn .seminar_menubox ul li {
			width: 100%;
		}*/
}
@media screen and (max-width: 479px) {
}