@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 11px;
}
.swiper-pagination-bullet {
	width: 26px !important;
	height: 26px !important;
	background: #c1c1c1;
	opacity: 1;
	color: #ffffff;
}
.swiper-pagination-bullet-active {
	background: #003686;
}

/*------------------------------------------ article */
section#main_contents p.main_photo {
	margin: 0 auto;
	line-height: 0;
}
section#main_contents .lead,
section#main_contents .text_area p {
	margin: 0;
	color: #5f5f5f;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.0;
}
section#main_contents .profile p {
	color: #696969;
	font-weight: 400;
	margin: 0;
}
section#main_contents .profile .name {
	color: #000;
	font-weight: 700;
}
section#main_contents .profile .post {
	color: #000;
	font-weight: 500;
}

/*------------------------------------------ webseminar_240117 */
body#webseminar_240117  section#main_contents .webseminar_01 span {
	color: #dc6a5e;
}

/*--------------------------------------------------------------------
 *	736px以下用（SP用）の記述
 *--------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */
#top_pagination {
	top: 0;
	bottom: unset;
}
.swiper-container {
	padding-top: 15%;
}
.swiper-button-next, .swiper-button-prev {
	display: none;
}

/*------------------------------------------ article */
section#main_contents {
	padding-bottom: 20%;
}
section#main_contents .lead {
	margin: 0 0 6.25%;
	padding: 0 4.6875%;
}
section#main_contents .text_area {
	padding: 10.9375% 4.6875%;
}
section#main_contents .text_area p:nth-of-type(n+2) {
	margin-top: 12.5%;
}
section#main_contents .profile {
	padding: 0 4.6875% 20%;
}
section#main_contents .profile p {
	font-size: 1.3rem;
	line-height: 1.7;
}
section#main_contents .profile .tutor {
	margin: 6.25% 0 3.125%;
}
section#main_contents .profile .name {
	font-size: 1.6rem;
}
section#main_contents .profile .post {
	font-size: 1.4rem;
}


/* 736px以下用（SP用）の記述 end */
}

/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */
#top_pagination {
	display: none;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 5px;
}
.swiper-button-next,
.swiper-button-prev {
	width: 184px;
	height: 34px;
	bottom: 0;
	top: auto;
	z-index: 20;
}
.swiper-button-next {
	background-image: url("../../webseminar/img/btn_next.png") ;
	background-size: 184px 34px;
}
.swiper-button-prev {
	background-image: url("../../webseminar/img/btn_prev.png") ;
	background-size: 184px 34px;
}

/*------------------------------------------ article */
section#main_contents {
	width: 860px;
	margin: 0 auto;
	padding-bottom: 60px;
}
section#main_contents .lead {
	margin-bottom: 40px;
	text-align: center;
}
section#main_contents .text_area p:nth-of-type(n+2) {
	margin-top: 40px;
}
section#main_contents .webseminar_01 .text_area {
	padding: 50px 0 80px;
}
section#main_contents .webseminar_02 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
section#main_contents .webseminar_02 .text_area {
	width: 545px;
	padding: 50px 0 80px;
}
section#main_contents .webseminar_02 .profile {
	width: 260px;
	padding: 50px 0 0;
}
section#main_contents .profile p {
	font-size: 1.2rem;
	line-height: 1.5;
}
section#main_contents .profile .tutor {
	margin: 25px 0 10px;
}
section#main_contents .profile .name {
	font-size: 1.5rem;
}
section#main_contents .profile .post {
	font-size: 1.3rem;
}


/*------------------------------------------ webseminar_200529 */
body#webseminar_200529 section#main_contents .webseminar_01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
body#webseminar_200529  section#main_contents .webseminar_01 .text_area {
	width: 545px;
	padding: 50px 0;
}
body#webseminar_200529  section#main_contents .webseminar_01 .profile {
	width: 260px;
	padding: 50px 0 0;
}

/*------------------------------------------ webseminar_250723 */
section#main_contents .profile .coin {
	margin-bottom: 80px;
}










/* 737px以上用（PC用）の記述 end */
}