/* セミナー・講習案内 */

body {
  background-color: #f1f1f0;
}

div#infoGroup{
	margin-top:2em;
	margin-right:2em;

}

div#infoTopGroup{
	width: 100%;
}

div#infoTopLeft{
	width: 50%;
	float: left;
}

div#infoTopLeft span#area{
	font-size: 1em;
	padding: 10px 25px;
	background-color: #333333;
	color: #ffffff;
}

div#infoTopRight{
	width: 50%;
	text-align: right;
	float: left;
}

div#infoTopRight span#boshu{
	font-size: 1em;
	padding: 10px 25px;
	background-color: #bf272d;
	color: #ffffff;
}


img.main-img{
  width: 94%;
}

@media screen and (max-width: 1200px) {
	div#infoGroup{
		margin: 0 2em;
	
	}
	
	img.main-img{
	width: 100%;
	}
}

@media screen and (max-width: 767px) {
	div#infoGroup{
		margin: 0;
	
	}
}

.seminar_detail span#area{
  background-color: #333;
  color: #fff;
  padding: 0.5em 2em;
}

.seminar_detail h3{
  font-size: 1.5em;
  line-height: 150%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}

.seminar_detail h4{
  font-size: 1.4em;
  line-height: 150%;
  margin-bottom: 1em;

}

.seminar_detail h5{
  font-size: 1em;
  line-height: 150%;
  font-weight: bold;

}

.seminar_detail div#profile{
  margin-top: 2em;
  margin-bottom: 1em;
}

.seminar_detail #koshi{
  margin-bottom: 1em;
}

.seminar_detail div#profile p{
  font-size: 0.9em;
}

.seminar_detail #date ul{
  margin: 0;
  padding: 0;
}

.seminar_detail #date li{
  list-style-type: none;
  font-size: 1.05em;
  font-weight: bold;
  line-height: 200%;
}


.seminar_detail a{
 color: #bf272d;
  text-decoration: underline;
  font-size: 1.1em;
}

.seminar_detail .btn{
  color: #fff;
  text-decoration: none;
    font-size: 1em;
}

.return_hr{
  border-top: 1px solid #eee;
  padding-bottom: 3em;
  width: 100%;
}

.btn-red{
--bs-btn-color:#fff;
--bs-btn-bg:#bf272d;
--bs-btn-border-color:#bf272d;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#e62e34;
--bs-btn-hover-border-color:#e62e34;
--bs-btn-focus-shadow-rgb:66,70,73;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#e62e34;
--bs-btn-active-border-color:#e62e34;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#bf272d;
--bs-btn-disabled-border-color:#bf272d
}



/* セミナー・講習案内／一覧 */


.seminar_list ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.seminarGroup{
	width: 100%;
	border-bottom: dotted 1px #666666;
}

div.seminarPhoto{
	width: 10%;
	min-width: 100px;
	background-image: url('../images/seminar/calendar/line.svg');
	background-repeat : no-repeat ;
	background-position: left top; 
	float: left;
}



div.seminarText{
	width: 83%;
	float: right;
}


div.seminarTopGroup{
	width: 100%;
}

div.seminarTopLeft{
	width: 50%;
	text-align: left;
	float: left;
}

div.seminarTopLeft p{
	display: inline;
	font-size: 1em;
	color: #ffffff;
	padding: 0.5em 1em;
	background-color: #333333;
}


li a:hover div.seminarTopLeft p{
	background-color: #666666;
}

div.seminarTopRight{
	width: 50%;
	text-align: right;
	float: left;
}

div.seminarTopRight p{
	display: inline;
	font-size: 1em;
	color: #ffffff;
	padding: 0.5em 1em;
	background-color: #b01422;
}

li a:hover div.seminarTopRight p{
	background-color: red;
}

p.seminar_name{
	padding-top: 10px;
	line-height: 140%;
	font-size: 1.4em;
	color: #bf272d;
	text-decoration:underline; 
}

a:hover p.seminar_name{
	color: red;
}

p.sub{
	padding-top: 5px;
	font-size: 1.2em;
	line-height: 170%;
	color: #333333;
}

li a:hover p.sub{
	color: #666666;
}

@media screen and (max-width: 1000px) {
	div.seminarText{
		width: 75%;
	}
	
	div.seminarTopLeft p{
		font-size: 0.9em;
	}
	
	div.seminarTopRight p{
		font-size: 0.9em;
	}
	
	p.seminar_name{
		padding-top: 5px;
		font-size: 1.3em;
	}
	
	p.sub{
		padding-top: 5px;
		font-size: 1em;
		line-height: 150%;
	}
}

@media screen and (max-width: 767px) {
	div.seminarText{
		width: 65%;
	}
	
	p.seminar_name{
		padding-top: 0px;
		font-size: 1.1em;
	}
	
	p.sub{
		padding-top: 0px;
		font-size: 0.9em;
	}
}


/* ページネーション */

p#counter{
	margin: 15px 0px;
	font-size: 1.2em;
}

div#pagination{
	margin-top: 15px;
	font-size: 1.2em;
}

div#pagination a{
	color: #bf272d;
	text-decoration: underline;
	padding: 0 0.3em;
}

div#pagination a:hover{
	color: red;
}

@media screen and (max-width: 1000px) {
	p#counter{
		margin: 10px 0px;
		font-size: 1.1em;
	}
	
	div#pagination{
		font-size: 1.1em;
	}
}

@media screen and (max-width: 767px) {
	p#counter{
		margin: 10px 0px;
		font-size: 1em;
	}
	
	div#pagination{
		font-size: 1em;
	}
}




/* セミナー・講習／お申し込み */

div.seminar_offer h2.midsashi{
	margin-top: 2em;
}

div.seminar_offer span.tyu{
	font-weight: normal;
}


div#contentGroup{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-top: 10px;
}

div#contentGroup p#comment{
	margin: 10px 0px;
}

div#contentGroup h3{
	padding-top: 10px;
	padding-bottom: 20px;
}

div#contentGroup table{
	width: 100%;
	border-collapse : collapse ;
	border: solid 5px #dddddd; 
}


div#contentGroup th{
	width: 25%;
	border-right: solid 1px #cccccc; 
	border-bottom: solid 1px #cccccc; 
	padding: 10px;
	background-color: #eeeeee;
	text-align: left;
}


div#contentGroup td{
	border-bottom: solid 1px #dddddd; 
	padding: 10px 10px 10px 20px;
	background-color: #fbfbfb;
}


div#contentGroup span#seminar_name{
	color: red;
	font-weight: bold;
	font-size: 1.1em;
}



div#contentGroup div#error{
	text-align: center;
}



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

	div#contentGroup{
		width: 90%;
	}
}


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

	div#contentGroup{
		width: 100%;
	}
	
	div#contentGroup input{
		width: 100%;
	}
	
	div#contentGroup th{
		width: 25%;
	}

	div#contentGroup td{
		border-bottom: solid 1px #dddddd; 
		padding: 10px 10px 10px 20px;
		background-color: #fbfbfb;
	}
	
	div.button_group input.btn{
		width: 11em !important;
	}
}




div#form_error{
	text-align: center;
	color: red;
	line-height: 200%;
}


div.seminar_offer div#kakunin td{
	color: red;
}



div#contentGroup  div#comp{
	text-align: center;
}

div#contentGroup  div#comp h3{
	font-size: 1.3em;
}


div#contentGroup  div#comp h4{
	font-size: 1em;
	line-height: 180%;
	color: red;
}

@media screen and (max-width: 767px) {
div#contentGroup  div#comp{
	text-align: left;
}
}