@charset "UTF-8";

/*headerImg*/
.header {
	height:calc(70px + 50vw);
	margin:0;
}
.headerImg {
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: bottom;
	z-index:-5;
}



/*mainBasic*/
section.mainBasic {
	width:100%;
	text-align:center;
	margin-top:-30%;
	margin-bottom:0;
}
.mainBasic__content {
	width:80%;
	margin:auto auto 20% auto;
}
.contentTitle img {
	width:18%;
	margin-bottom:5%;
}


/*mainProgram*/
section.mainProgram {
	width:100%;
	text-align:center;
	background-color:#f0f5ec;
	background-image:url(img/seminar-backImg-programT.png),url(img/seminar-backImg-programB.png);
	background-repeat:no-repeat;
	background-size:165vw;
	background-position:top center,bottom center;
}
.mainProgram__content {
	width:90%;
	margin:auto;
	padding:30% 0;
}
ul.mainProgram__list {
	width:100%;
	margin:10% auto auto auto;
	text-align:center;
}
li.mainProgram__listItem {
	width:100%;
	margin:auto auto 9% auto;
}
.mainProgram__listItem--title {
	margin-bottom:2%;
	font-size:1.2rem;
	line-height:1.7rem;
	color:#2E9841 !important;
}
.mainProgram__listItem--txt {
	font-size:0.95rem;
	line-height:1.5rem;
}


/*mainSeminar*/
section.mainBasicSeminar {
	width:100%;
	text-align:center;
	position:relative;
}
.mainSeminar__content {
	width:80%;
	margin:20% auto 20% auto;
}

/*__info*/
.mainSeminar__info {
	color:#2E9841 !important;
	border-left:solid 2px #2E9841;
	padding-left:5%;
}
.mainSeminar__info dl {
	width:100%;
	margin:auto;
	text-align:left;
	font-size:1rem;
}
.mainSeminar__info dl dt {
	width:25%;
	float:left;
	margin:2% 0;
	color:#2E9841 !important;
}
.mainSeminar__info dl dd {
	width:75%;
	float:right;
	margin:2% 0;
	color:#2E9841 !important;
}
.mainSeminar__info p {
	margin:1% auto auto auto;
}
.mainSeminar__info .annotation {
	color:#2E9841 !important;
	font-size:0.85rem;
}
.mainSeminar__infoWrap .annotation {
	width:100%;
	margin-top:6%;
}
.mainSeminar__infoPlace {
	margin-bottom:1rem;
}
.mainSeminar__infoButton {
	display:inline;
	margin:auto;
}
.mainSeminar__infoButton a {
	padding:1px 10px;
	margin:auto 5px;
	font-size:0.8em;
	text-decoration: none;
	outline: none;
	vertical-align: text-bottom;
	border-radius:0;
}
.mainSeminar__infoButton span {
	padding:1px 10px;
	font-size:0.8em;
	text-decoration: none;
	outline: none;
	vertical-align: text-bottom;
	border-radius:0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/*__seminarList*/
ul.seminarList {
	margin:13% auto;
}
.mainAdvanceSeminar li.seminarListItem {
	border-bottom:solid 1px #00B0A9;
}
.mainAdvanceSeminar li.seminarListItem:first-child {
	border-top:solid 1px #00B0A9;
}

/*____BackImg*/
.mainBasicSeminar__BackImgTop {
	position:absolute;
	top:1%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:-1;
}


@media print, screen and (min-width: 481px) {
	
/*headerImg*/
.header {
	height:calc(100px + 40vw);
}
.headerImg {
	background-size:cover;
	object-position:50% 100%;
}


/*mainBasic*/
section.mainBasic {
	margin-top:-25%;
}
.mainBasic__content {
	width:70%;
	margin:auto auto 13% auto;
}
.contentTitle img {
	width:calc(45px + 3.5vw);
	margin-bottom:calc(20px + 1vw);
}


/*mainProgram*/
section.mainProgram {
	width:100%;
	text-align:center;
	background-color:#f0f5ec !important;
	background-image:url(img/seminar-backImg-programT.png),url(img/seminar-backImg-programB.png) !important;
	background-repeat:no-repeat !important;
	background-size:125vw !important;
	background-position:top center,bottom center !important;
}
.mainProgram__content {
	width:70%;
	margin:auto;
	padding:20% 0;
}
ul.mainProgram__list {
	margin:10% auto;
}
li.mainProgram__listItem {
	width:100%;
	margin:auto auto 3rem auto;
}
.mainProgram__listItem--title {
	margin-bottom:1.5%;
	font-size:1.2rem;
	line-height:1.7rem;
}
.mainProgram__listItem--txt {
	font-size:1rem;
	line-height:1.5rem;
}

/*mainSeminar*/
.mainSeminar__content {
	width:70%;
	margin:15% auto 13% auto;
}

/*__info*/
.mainSeminar__infoWrap {
	width:100%;
	text-align:center;
}
.mainSeminar__info {
	width:450px;
	margin:auto;
}
.mainSeminar__info dl {
	font-size:1.1rem;
}
.mainSeminar__info dl dt {
	width:10%;
	max-width:70px;
	margin:2% 0;
}
.mainSeminar__info dl dd {
	width:90%;
	max-width:calc(100% - 70px);
	margin:2% 0;
}
.mainSeminar__info p {
	margin:1% auto auto auto;
}
.mainSeminar__info .annotation {
	font-size:0.9rem;
}
.mainSeminar__infoWrap .annotation {
	width:100%;
	margin:6% auto auto auto;
}
.mainSeminar__infoButton {
	display:inline;
	margin:auto auto auto 2em;
}

/*__seminarList*/
ul.seminarList {
	margin:8% auto;
}

/*____BackImg*/
.mainBasicSeminar__BackImgTop {
	top:4%;
}
}

@media only screen and (min-width: 769px) {
/*headerImg*/
.header {
	height:calc(110px + 40vw);
}
.headerImg {
	object-fit: cover;
	object-position:50% 100%;
}

.main {
	margin:0;
}


/*mainBasic*/
section.mainBasic {
	width:100%;
	margin-top:-29%;
}
.mainBasic__content {
	width:70%;
	max-width:700px;
	margin:auto auto calc(100px + 0.5vw) auto;
}


/*mainProgram*/
section.mainProgram {
	width:100%;
	text-align:center;
	background-color:#f0f5ec;
	background-image:url(img/seminar-backImg-programT.png),url(img/seminar-backImg-programB.png);
	background-repeat:no-repeat;
	background-size:100vw;
	background-position:top center,bottom center;
}
.mainProgram__content {
	width:80%;
	max-width:1000px;
	margin:auto auto calc(100px + 0.5vw) auto;
}

ul.mainProgram__list {
	margin:10% auto auto auto;
}
li.mainProgram__listItem {
	max-width:100%;
	margin:auto auto 2% auto;
	float:left;
	width:45%;
	height:140px;
}
li.mainProgram__listItem:nth-of-type(2n) {
	float:right;
	margin-left:5%;
}
li.mainProgram__listItem:last-of-type {
	*width:100%;
}
.mainProgram__listItem--title {
	margin-bottom:2.5%;
	text-align:center;
	font-size:1.2rem;
	width:100%;
}
.mainProgram__listItem--txt {
	text-align:center;
	width:100%;
	margin-left:auto;
	font-size:calc(0.9rem + 0.2vw);
	line-height:calc(1.7rem + 0.3vw);
}


/*mainSeminar*/
.mainSeminar__content {
	width:70%;
	max-width:700px;
	margin:8% auto 0% auto;
}
.mainSeminar__info .annotation {
	font-size:calc(0.85rem + 0.1vw);
}
.mainSeminar__infoWrap .annotation {
	width:100%;
	margin:6% auto auto auto;
}

.mainSeminar__info dl dt {
	width:25%;
}
.mainSeminar__info dl dd {
	width:75%;
}


/*__seminarList*/
ul.seminarList {
	margin:calc(30px + 1vw) auto 0% auto;
}

/*__inputButton*/
.seminarList__ButtonWrap {
	margin:calc(30px + 0.5vw) auto 0% auto;
}

/*____BackImg*/
.mainBasicSeminar__BackImgTop {
	top:10%;
}


}