@charset "UTF-8";

.cormorant-garamond-semibold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: normal;
}
.gfs-didot-regular {
  font-family: "GFS Didot", serif;
  font-weight: 400;
  font-style: normal;
}
.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}
.cormorant-garamond-bold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
}


#obfc-page-top-title1,
#obfc-page-title1 {
	background-image: url(/assets/education/img/feature-page-title-img1.jpg);
}
#obfc-page-top-title1 .title,
#obfc-page-title1 .title {
	color: #fff;
	text-shadow: none;
}

.syllabus-content1 {
	margin: 20px 0 13px;
	width: 100%;
}
.syllabus-content1 p.box1 {
	background: #f6ec72;
	color: #262626;
	font-size: 17px;
	line-height: 1.35;
	margin: 0;
	padding: 16px 5px;
	text-align: center;
	width: 100%;
}
.syllabus-content1 p.box1 + p.box1 {
	margin-top: 6px;
}

.syllabus-content2 .buttons {
	margin: 10px 0 0;
	text-align: center;
	width: 100%;
}
.syllabus-content2 .buttons * {
	display: inline-block;
	width: 200px;
}


.specialist-content1 {
	background: #f01c79;
	color: #FFF;
	margin: 45px 0 90px;
	padding: 55px;
	position: relative;
	width: 100%;
}
.specialist-content1:before {
	background: url(/assets/education/img/specialist-badge1.png) no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 76px;
	left: -2px;
	overflow: hidden;
	position: absolute;
	top: -2px;
	width: 76px;
}
.specialist-content1 h3 {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 22px;
}
.specialist-content1 p {
	float: left;
	width: 452px;
}
.specialist-content1 img {
	float: right;
	height: auto;
	width: 260px;
}

.specialist-content2 {
	background: #fef7fa;
	padding: 72px 0 85px;
	width: 100%;
}
.specialist-content2 .block1 {
	width: 100%;
}
.specialist-content2 .block1 > div {
	background: #FFF;
	height: 210px;
	float: left;
	padding: 30px 0 0;
	text-align: center;
	width: 47.6744%;
}
.specialist-content2 .block1 > div + div {
	margin-left: 4.6512%;
}
.specialist-content2 .block1 h3 {
	color: #262626;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 7px;
}
.specialist-content2 .block1 ul {
	display: inline-block;
	line-height: 1.4666;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.specialist-content2 .block1 li {
	padding: 0 0 0 16px;
	position: relative;
}
.specialist-content2 .block1 li .circle {
	border-radius: 50%;
	display: block;
	height: 12px;
	left: 0;
	position: absolute;
	top: 0.4em;
	width: 12px;
}
.specialist-content2 .block1 li .circle1 {
	background-color: #947c0e;
}
.specialist-content2 .block1 li .circle2 {
	background-color: #853581;
}
.specialist-content2 .block1 li .circle3 {
	background-color: #009b9a;
}
.specialist-content2 .block1 li .circle4 {
	background-color: #e47f00;
}
.specialist-content2 .block1 li .circle5 {
	background-color: #d61a69;
}
.specialist-content2 .block1 li .circle6 {
	background-color: #d61a69;
}


.education-campus-img1 {
	background: no-repeat center center;
	background-size: cover;
	height: 460px;
	margin: 0 0 50px;
	width: 100%;
}

.education-campus-img-graduation {
	background: no-repeat center center;
	background-size: cover;
	height: 280px;
	margin: 0 0 50px;
	width: 100%;
}

.education-campus1 {
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.education-campus1.bg1 {
	background: #fff6f7;
}
.education-campus1.first {
	margin-top: 70px;
}
.education-campus1 > .inner:before {
	background: #f01c79;
	content: "";
	display: block;
	height: 100%;
	left: 79px;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: 0;
}

.education-campus1 {
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.education-campus1.bg1 {
	background: #fff6f7;
}
.education-campus1.first {
	margin-top: 70px;
}
.education-campus1 > .inner:before {
	background: #f01c79;
	content: "";
	display: block;
	height: 100%;
	left: 79px;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: 0;
}
.education-campus1.first > .inner:before {
	top: 45px;
}
.education-campus-row1 {
	position: relative;
	width: 100%;
	z-index: 1;
}
.education-campus-row1 > div {
	float: left;
	padding: 45px 0;
	vertical-align: top;
}
.education-campus-row1 > div:nth-child(1) {
	width: 17.2413%;
}
.education-campus-row1 > div:nth-child(2) {
	padding-right: 40px;
	width: 34.4827%;
}
.education-campus-row1 > div:nth-child(3) {
	width: 48.276%;
}
.education-campus-row1 .box1 {
	border: 1px solid #f01c79;
	color: #f01c79;
	display: table;
	font-size: 20px;
	font-weight: 700;
	height: 160px;
	line-height: 1;
	width: 160px;
}
.education-campus-row1 .box1 > div {
	background: #FFF;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.education-campus-row1 .box1 span {
	font-family: 'Pathway Gothic One';
	font-size: 72px;
	font-weight: 400;
	display: inline-block;
	width: 100%;
}
.education-campus-row1 .list {
	font-size: 16px;
	line-height: 1.2;
	list-style: none;
	margin: 0;
	padding: 0;
}
.education-campus-row1 .list li {
	font-feature-settings: "palt";
	padding: 10px 0 10px 18px;
	position: relative;
}
.education-campus-row1 .list li + li {
	border-top: 1px dotted #262626;
}
.education-campus-row1 .list li:before {
	background: #f01c79;
	border-radius: 50%;
	content: "";
	height: 5px;
	left: 6px;
	position: absolute;
	top: 18px;
	width: 5px;
}

.education-campus-pickup1 {
	margin: 20px 0 0;
}
.education-campus-pickup1 .head1 {
	background: url("/assets/course/img/course5-top-bg1.png") no-repeat center top;
	background-size: 169px auto;
	height: 83px;
	padding: 38px 0 0;
	position: relative;
	text-align: center;
	width: 100%;
}
.education-campus-pickup1 .head1:before {
	background: #e4007f;
	bottom: 0;
	content: "";
	display: block;
	height: 8px;
	left: 0;
	position: absolute;
	width: 100%;
}
.education-campus-pickup1 .head1 span {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	position: relative;
}
.education-campus-pickup1 .body1 {
	background-color: #fff5fb;
	padding: 0 0 50px;
}
.education-campus-button-area {
  margin: 20px auto 0;
  text-align: center;
}

/*.education-campus-slider {
	position: relative;
}
.education-campus-slider p.copy {
	font-size: 14px;
	margin: 12px 0 0;
	text-align: center;
}
.education-campus-slider .slick-slider .slick-prev,
.education-campus-slider .slick-slider .slick-next {
	background: #262626;
	border: none;
	height: 36px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: -999em;
	top: 170px;
	width: 36px;
}
.education-campus-slider .slick-slider .slick-prev {
	left: 0;
}
.education-campus-slider .slick-slider .slick-next {
	right: 0;
}
.education-campus-slider .slick-slider .slick-prev:before,
.education-campus-slider .slick-slider .slick-next:before {
	background: url(/assets/common/img/icon-arrow-wt1.png) no-repeat center center;
	background-size: 19px 8px;
	content: "";
	display: block;
	height: 36px;
	overflow: hidden;
	width: 36px;
}
.education-campus-slider .slick-slider .slick-prev:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.education-campus-slider .slick-dots {
	font-size: 0;
	line-height: 0;
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
.education-campus-slider .slick-dots li {
	display: inline-block;
	margin: 0 4px;
	vertical-align: middle;
}
.education-campus-slider .slick-dots button {
	background: #FFF;
	border: 2px solid #000;
	display: block;
	height: 10px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 10px;
	
}
.education-campus-slider .slick-dots li.slick-active button {
	background: #000;
	
}*/


#obfc-page-top-title1 {
	margin-bottom: 0;
}
body.course1 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course1-page-top-title-img1.jpg);
}
body.course2 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course2-page-top-title-img1.jpg);
}
body.course2-1 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course2-1-page-top-title-img1.jpg);
}
body.course2-2 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course2-2-page-top-title-img1.jpg);
}
body.course2-3 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course2-3-page-top-title-img1.jpg);
}
body.course2-4 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course2-4-page-top-title-img1.jpg);
}
body.course2-5 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course2-5-page-top-title-img1.jpg);
}
body.course2-6 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course2-6-page-top-title-img1.jpg);
}
body.course2-7 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course2-7-page-top-title-img1.jpg);
}
body.course3 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course3-page-top-title-img1.jpg);
}
body.course3-1 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course3-1-page-top-title-img1.jpg);
}
body.course3-2 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course3-2-page-top-title-img1.jpg);
}
body.course4 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course4-page-top-title-img1.jpg);
}
body.course4-1 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course4-1-page-top-title-img1.jpg);
}
body.course4-2 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course4-2-page-top-title-img1.jpg);
}
body.course4-3 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course4-3-page-top-title-img1.jpg);
}
body.course5 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course5-page-top-title-img1.jpg);
}
body.course5-1 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course5-1-page-top-title-img1.jpg);
}
body.course5-2 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course5-2-page-top-title-img1.jpg);
}
body.course5-3 #obfc-page-top-title1 {
	background-image: url(/assets/course/img/course5-3-page-top-title-img1.jpg);
}
#obfc-page-top-title1:after {
	background: rgba(0,0,0,0.3);
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
body.course1 #obfc-page-top-title1 .eng1 {
	color: #d3aa00;
}
body.course2 #obfc-page-top-title1 .eng1 {
	color: #1eafba;
}
body.course3 #obfc-page-top-title1 .eng1 {
	color: #7d4698;
}
body.course4 #obfc-page-top-title1 .eng1 {
	color: #e86a15;
}
body.course5 #obfc-page-top-title1 .eng1 {
	color: #e4007f;
}

#obfc-page-top-title1 .sub1 {
	color: #FFF;
	font-feature-settings: "palt";
	font-size: 20px;
	font-weight: 700;
	margin: auto;
}
body.course2-6 #obfc-page-top-title1 .sub1 {
	font-size: 16px;
}

#obfc-page-top-title1 .sub2 {
	margin: 0 auto 13px;
}
#obfc-page-top-title1 .sub2 span {
	background: rgba(0,0,0,0.6);
	border: 1px solid;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
	padding: 0 0.8em;
}
body.course2 #obfc-page-top-title1 .sub2 span {
	border-color: #1eafba;
	color: #1eafba;
}
body.course3 #obfc-page-top-title1 .sub2 span {
	border-color: #7d4698;
	color: #7d4698;
}
body.course4 #obfc-page-top-title1 .sub2 span {
	border-color: #e86a15;
	color: #e86a15;
}
body.course5 #obfc-page-top-title1 .sub2 span {
	border-color: #e4007f;
	color: #e4007f;
}

#obfc-page-top-title1 .obfc-breadcrumb {
	background-color: transparent;
}


.course-com-content1 {
	margin: 0 0 65px;
	padding: 7px 0;
	text-align: center;
}
body.course1 .course-com-content1 {
	background: #d3aa00;
}
body.course2 .course-com-content1 {
	background: #1eafba;
}
body.course3 .course-com-content1 {
	background: #7d4698;
}
body.course4 .course-com-content1 {
	background: #e86a15;
}
body.course5 .course-com-content1 {
	background: #e4007f;
}
.course-com-content1 p {
	color: #FFF;
	font-feature-settings: "palt";
	font-weight: 700;
	line-height: 1.1;
	margin: 0;
}
.course-com-content1 p .small {
	font-size: 11px;
}

.course-com-content2 {
	margin: 0;
	padding: 50px 0 55px;
}
body.course1 .course-com-content2 {
	background-color: #fcf8e6;
}
body.course2 .course-com-content2 {
	background-color: #eaf3f4;
}
body.course3 .course-com-content2 {
	background-color: #f3f0f6;
}
body.course4 .course-com-content2 {
	background-color: #f9efe4;
}
body.course5 .course-com-content2 {
	background-color: #fff5fb;
}

.course-com-list1 {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.course-com-list1 li {
	display: table;
	width: 100%;
}
.course-com-list1 li + li {
	margin-top: 7px;
}
.course-com-list1 li > span {
	background: #FFF;
	display: table-cell;
	vertical-align: middle;
}
.course-com-list1 li > span.num {
	border-left: 3px solid;
	font-family: 'Pathway Gothic One';
	font-size: 40px;
	line-height: 1;
	padding: 23px 0;
	text-align: center;
	width: 11.6279%;
}
body.course1 .course-com-list1 li > span.num {
	border-color: #c49e00;
	color: #c49e00;
}
body.course2 .course-com-list1 li > span.num {
	border-color: #1eafba;
	color: #1eafba;
}
body.course3 .course-com-list1 li > span.num {
	border-color: #7d4698;
	color: #7d4698;
}
body.course4 .course-com-list1 li > span.num {
	border-color: #e86a15;
	color: #e86a15;
}
body.course5 .course-com-list1 li > span.num {
	border-color: #e4007f;
	color: #e4007f;
}
.course-com-list1 li > span.body {
	color: #262626;
	font-feature-settings: "palt";
	font-size: 16px;
	line-height: 1.5;
	padding: 0 18px 0 0;
}

.course-com-content3 {
	overflow: hidden;
	width: 100%;
	margin: 0 0 90px 0;
}
.course-com-content3 + .course-com-content3 {
	margin: 90px 0 0;
}
/*.course-com-content3 > div {
	float: left;
}*/
.course-com-content3 > div.in {
	float: left;
	overflow: hidden;
	width: 56.8966%;
}
.course-com-content3 div.left {
	float: left;
	width: 8.6206%;
}
.course-com-content3 div.center {
	float: left;
	width: 48.2758%;
}
.course-com-content3 > div.in div.left {
	width: 15.1515%;
}
.course-com-content3 > div.in div.center {
	width: 84.8484%;
}
.course-com-content3 div.right {
	float: left;
	padding-left: 3.4482%;
	text-align: left;
	width: 43.1034%;
}
.course-com-content3 div.right {
	font-size: 13px;
	text-align: left;
	margin: 6px 0 13px;
}
.course-com-content3 div.left h2 {
	border-bottom: 2px solid;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0;
	padding: 0 0 5px;
	position: relative;
	text-align: center;
	width: 70px;
}
body.course1 .course-com-content3 div.left h2 {
	color: #c49e00;
	border-color: #c49e00;
}
body.course2 .course-com-content3 div.left h2 {
	color: #1eafba;
	border-color: #1eafba;
}
body.course3 .course-com-content3 div.left h2 {
	color: #7d4698;
	border-color: #7d4698;
}
body.course4 .course-com-content3 div.left h2 {
	color: #e86a15;
	border-color: #e86a15;
}
body.course5 .course-com-content3 div.left h2 {
	color: #e4007f;
	border-color: #e4007f;
}
.course-com-content3 div.left .txt1 {
	font-family: 'Pathway Gothic One';
	font-size: 40px;
	font-weight: 400;
	margin-right: 5px;
}
.course-com-content3 div.left .txt2 {
	bottom: 0.45em;
	position: relative;
}
/*.course-com-content3 .obfc-table1 {
	margin: 10px 0 14px;
}*/
.course-com-content3 .obfc-table1 th {
	font-size: 19px;
	font-weight: 400;
	letter-spacing: 0.15em;
	line-height: 1;
	width: 120px;
}
body.course1 .course-com-content3 .obfc-table1 th {
	color: #c49e00;
}
body.course2 .course-com-content3 .obfc-table1 th {
	color: #1eafba;
}
body.course3 .course-com-content3 .obfc-table1 th {
	color: #7d4698;
}
body.course4 .course-com-content3 .obfc-table1 th {
	color: #e86a15;
}
body.course5 .course-com-content3 .obfc-table1 th {
	color: #e4007f;
}
body.course1 .course-com-content3 .obfc-cl-list1 > li:before {
	background: #c49e00;
}
body.course2 .course-com-content3 .obfc-cl-list1 > li:before {
	background: #1eafba;
}
body.course3 .course-com-content3 .obfc-cl-list1 > li:before {
	background: #7d4698;
}
body.course4 .course-com-content3 .obfc-cl-list1 > li:before {
	background: #e86a15;
}
body.course5 .course-com-content3 .obfc-cl-list1 > li:before {
	background: #e4007f;
}
.course-com-content3 .obfc-cl-list1 > li + li {
	margin-top: 3px;
}
.course-com-content3 div.center h3 {
	color: #262626;
	font-size: 15px;
	font-weight: 700;
	margin: 0;
}
.course-com-content5 div.left h3 {
	color: #262626;
	font-size: 15px;
	font-weight: 700;
	margin: 0;
}
.course-com-content3 .link-st {
	color: #262626;
	font-size: 15px;
	font-weight: 700;
	margin: 5px 0 0;
	max-width: 360px;
	width: 100%;
}
body.course2-2 .course-com-content3 .link-st,
body.course2-5 .course-com-content3 .link-st {
	max-width: 450px;
}
.course-com-content3 .link-st a {
	background: #FFF;
	border: 1px solid;
	font-weight: 700;
	display: block;
	padding: 10px 18px;
	position: relative;
}
body.course2 .course-com-content3 .link-st a {
	border-color: #1eafba;
	color: #1eafba;
}
.course-com-content3 .link-st a:after {
	background: no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 8px;
	margin-top: -4px;
	position: absolute;
	right: 18px;
	top: 50%;
	width: 20px;
}
body.course1 .course-com-content3 .link-st a:after {
	background-image: url(/assets/course/img/arrow-course1-1.png);
}
body.course2 .course-com-content3 .link-st a:after {
	background-image: url(/assets/course/img/arrow-course2-1.png);
}
body.course3 .course-com-content3 .link-st a:after {
	background-image: url(/assets/course/img/arrow-course3-1.png);
}
body.course4 .course-com-content3 .link-st a:after {
	background-image: url(/assets/course/img/arrow-course4-1.png);
}
body.course5 .course-com-content3 .link-st a:after {
	background-image: url(/assets/course/img/arrow-course5-1.png);
}

.course-com-content4 {
	margin: 0 auto 80px;
	overflow: hidden;
	width: 100%;
	position: relative;
}
body.course4 .course-com-content4 {
	max-width: 580px;
	width: 100%;
}
.course-com-content4 div.block1 {
	margin: 0 0 5px;
	overflow: hidden;
	width: 100%;
}
.course-com-content4 div.block1 > div {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.1;
	position: relative;
	text-align: center;
}
.course-com-content4 div.block1 div.left {
	float: left;
	width: 257px;
}
body.course1 .course-com-content4 div.block1 div.left {
	width: 158px;
}
.course-com-content4 div.block1 div.right {
	margin-left: 257px;
	padding-right: 53px;
}
.course-com-content4 div.block1 .txt1 {
	font-family: 'Pathway Gothic One';
	font-feature-settings: "palt";
	font-size: 29px;
	font-weight: 400;
}
.course-com-content4 div.block1 div.left .txt1 {
	margin-right: 5px;
}
.course-com-content4 div.block1 .txt2 {
	bottom: 0.2em;
	position: relative;
}
.course-com-content4 div.block2 {
	display: table;
	width: 100%;
}
.course-com-content4 div.block2 > div {
	display: table-cell;
}
.course-com-content4 div.block2 div.left {
	border-right: 2px solid #FFF;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	width: 257px;
}
body.course2 .course-com-content4 div.block2 div.left {
	background-color: #d5efef;
	color: #1eafba;
}
body.course2 .course-com-content4 div.box {
	color: #1eafba;
	border: 1px solid #1eafba;
	background-color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	width: 300px;
	height: 203px;
	padding: 47px 10px;
	position: absolute;
	top: 21.355556%;
	right: 8.5%;
}
body.course4 .course-com-content4 div.block2 div.left {
	background-color: #fadab2;
	color: #e86a15;
}
.course-com-content4 div.block2 div.center {
	width: 540px;
}
body.course4 .course-com-content4 div.block2 div.center {
	width: auto;
}
.course-com-content4 div.block2 div.right {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	padding-left: 37px;
	text-align: center;
	vertical-align: middle;
	width: 53px;
}
.course-com-content4 div.block2 div.center > div {
	color: #FFF;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 13px;
	position: relative;
}
.course-com-content4 div.block2 div.center > div + div {
	margin-top: 2px;
}
body.course2 .course-com-content4 div.block2 div.center > div {
	background-color: #1eafba;
}
body.course4 .course-com-content4 div.block2 div.center > div {
	background-color: #e86a15;
}
.course-com-content4 div.block2 div.center > div:after {
	border-color: transparent;
	border-style: solid;
	border-width: 20px 18px 20px 18px;
	content: "";
	display: block;
	position: absolute;
	right: -36px;
	top: 0;
}
body.course2 .course-com-content4 div.block2 div.center > div:after {
	border-left-color: #1eafba;
}

body.course4 .course-com-content4 div.block2 div.center > div:after {
	border-left-color: #e86a15;
}


body.course1 .course-com-content4 div.block1 div.left {
	width: 174px;
}
body.course1 .course-com-content4 div.block2 div.left {
	background-color: #f7e7bf;
	color: #c49e00;
}
body.course1 .course-com-content4 div.block2 div.center > div {
	background-color: #d3aa00;
}
body.course1 .course-com-content4 div.block2 div.center > div:after {
	border-left-color: #d3aa00;
}
body.course1 .course-com-content4 div.block2 div.center > div {
	height: 70px;
	line-height: 70px;
}
body.course1 .course-com-content4 div.block2 div.center > div:after {
	border-width: 35px 18px 35px 18px;
}
body.course1 .course-com-content4 div.block2 div.left {
	width: 330px;
}
body.course1 .course-com-content4 div.box {
	color: #c49e00;
	border: 1px solid #c49e00;
	background-color: #fff;
	display: inline-block;
	width: 255px;
	font-size: 14px;
  font-weight: 600;
  padding: 4px 6px;
	position: absolute;
	top: 51.15%;
	right: 18.5%;
}

body.course3 .course-com-content4 div.block1 div.left {
	width: 300px;
}
body.course3 .course-com-content4 div.block2 div.left {
	width: 500px;
}
body.course3 .course-com-content4 div.block2 div.left {
	background-color: #dfcce1;
	color: #7d4698;
}
body.course3 .course-com-content4 div.block2 div.center > div {
	background-color: #7d4698;
}
body.course3 .course-com-content4 div.block2 div.center > div:after {
	border-left-color: #7d4698;
}
body.course3 .course-com-content4 div.block2 div.center > div {
	height: 70px;
	line-height: 70px;
}
body.course3 .course-com-content4 div.block2 div.center > div:after {
	border-width: 35px 18px 35px 18px;
}
body.course3 .course-com-content4 {
	max-width: 680px;
}

body.course4 .course-com-content4 div.block2 div.center > div {
	height: 50px;
	line-height: 50px;
}
body.course4 .course-com-content4 div.block2 div.center > div:after {
	border-width: 25px 18px 25px 18px;
}
body.course5 .course-com-content4 {
	max-width: 580px;
}
body.course5 .course-com-content4 div.block2 div.center > div {
	height: 130px;
	line-height: 130px;
	text-align:center;
}
body.course5 .course-com-content4 div.block2 div.center > div:after {
	border-width: 65px 18px 65px 18px;
}
body.course5 .course-com-content4 div.block2 div.left {
	width: 500px;
}
body.course5 .course-com-content4 div.block2 div.left {
	background-color: #fbe3f2;
	color: #e4007f;
}
body.course5 .course-com-content4 div.block2 div.center > div {
	color: #fff;
	background-color: #e4007f;
}
body.course5 .course-com-content4 div.block2 div.center > div:after {
	border-left-color: #e4007f;
}


.course-com-content5 {
	overflow: hidden;
	width: 100%;
}
body.course1 .course-com-content5 {
	max-width: 860px;
	margin: 0 auto 40px;
}
body.course2 .course-com-content5 {
	max-width: 860px;
	margin: 0 auto 40px;
}
body.course3 .course-com-content5 {
	max-width: 860px;
	margin: 0 auto 40px;
}
body.course4 .course-com-content5 {
	max-width: 860px;
	margin: 0 auto 40px;
}
body.course5 .course-com-content5 {
	max-width: 600px;
	margin: 0 auto 40px;
}
.course-com-content5 div.block1 {
	margin-bottom: 5px;
}
.course-com-content5 div.block1 div.left {
	float: left;
	width: 90px;
}
.course-com-content5 div.block1 div.right {
	margin-left: 90px;
	padding: 7px;
	max-width: 580px;
}
.course-com-content5 div.block1 div.left h2 {
	border-bottom: 2px solid;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	margin: 0;
	padding: 0 0 5px;
	position: relative;
	text-align: center;
	width: 70px;
}
body.course1 .course-com-content5 div.block1 div.left h2 {
	color: #ab8c1f;
	border-color: #ab8c1f;
}
body.course2 .course-com-content5 div.block1 div.left h2 {
	color: #1eafba;
	border-color: #1eafba;
}
body.course3 .course-com-content5 div.block1 div.left h2 {
	color: #7d4698;
	border-color: #7d4698;
}
body.course4 .course-com-content5 div.block1 div.left h2 {
	color: #e86a15;
	border-color: #e86a15;
}
body.course5 .course-com-content5 div.block1 div.left h2 {
	color: #e4007f;
	border-color: #e4007f;
}
.course-com-content5 div.block1 div.left .txt1 {
	font-family: 'Pathway Gothic One';
	font-size: 40px;
	font-weight: 400;
	margin-right: 5px;
}
.course-com-content5 div.block1 div.left .txt2 {
	bottom: 0.45em;
	position: relative;
}
.course-com-content5 div.block1 div.right h2 {
	color: #262626;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	margin: 0;
}
.course-com-content5 div.block2 {
	margin-bottom: 40px;
}
.course-com-content5 div.block2 div.left {
	float: left;
	width: 48.2758%;
}
body.course1 .course-com-content5 div.block2 div.left {
	margin-left:100px;
}
.course-com-content5 div.block2 div.right {
	float: right;
	width: 48.2758%;
}
body.course1 .course-com-content5 div.block2 div.right {
	float: none;
	width: auto;
}
body.course2 .course-com-content5 div.block2 div.right {
	float: none;
	width: auto;
}
body.course3 .course-com-content5 div.block2 div.right {
	float: none;
	width: auto;
}
body.course4 .course-com-content5 div.block2 div.right {
	float: none;
	width: auto;
}
body.course5 .course-com-content5 div.block2 div.right {
	float: none;
	width: auto;
}
.course-com-content5 .obfc-table1 th {
	font-size: 19px;
	font-weight: 400;
	letter-spacing: 0.15em;
	line-height: 1;
	width: 120px;
}
body.course1 .course-com-content5 .obfc-table1 th {
	color: #ab8c1f;
}
body.course2 .course-com-content5 .obfc-table1 th {
	color: #1eafba;
}
body.course3 .course-com-content5 .obfc-table1 th {
	color: #7d4698;
}
body.course4 .course-com-content5 .obfc-table1 th {
	color: #e86a15;
}
body.course5 .course-com-content5 .obfc-table1 th {
	color: #e4007f;
}
body.course1 .course-com-content5 .obfc-cl-list1 > li:before {
	background: #ab8c1f;
}
body.course2 .course-com-content5 .obfc-cl-list1 > li:before {
	background: #1eafba;
}
body.course3 .course-com-content5 .obfc-cl-list1 > li:before {
	background: #7d4698;
}
body.course4 .course-com-content5 .obfc-cl-list1 > li:before {
	background: #e86a15;
}
body.course5 .course-com-content5 .obfc-cl-list1 > li:before {
	background: #e4007f;
}
.course-com-content5 .obfc-cl-list1 > li + li {
	margin-top: 3px;
}
.course-com-content5 .table1 {
	border-top: 1px solid;
	margin: 0 0 5px;
}
.course-com-content5 div.block1 div.right h2 {
	font-size: 16px;
	margin: 0 0 10px;
}
.course-com-content5 div.block2 div.right .table1 {
	width: 100%;
}
.course-com-content5 div.block2 div.right .table1 th,
.course-com-content5 div.block2 div.right .table1 td {
	border-bottom: 1px solid;
	font-size: 14px;
	line-height: 1.28;
	text-align: center;
	vertical-align: middle;
}
.course-com-content5 div.block2 div.right .table1 th + th,
.course-com-content5 div.block2 div.right .table1 td + td,
.course-com-content5 div.block2 div.right .table1 th + td {
	border-left: 1px solid;
}
.course-com-content5 div.block2 div.right .table1 thead tr th:first-child {
	font-size: 13px;
	font-weight: 700;
}
.course-com-content5 div.block2 div.right .table1 thead tr th:not(:first-child) {
	background: #f2f2f2;
	font-family: 'Pathway Gothic One';
	font-size: 18px;
	font-weight: 400;
	padding: 5px 0;
	width: 21.0714%;
}
.course-com-content5 div.block2 div.right .table1 tbody th {
	font-family: 'Pathway Gothic One';
	font-size: 18px;
	font-weight: 400;
	padding: 14px 0;
}
.course-com-content5 div.block2 div.right .table1 tbody td {
	padding: 5px 0;
}
.course-com-content5  h4 {
	color: #ffff;
	line-height: 1;
	padding:10px;
}
body.course1 .course-com-content5  h4 {
	padding:10px 20px;
}
body.course2 .course-com-content5  h4 {
	padding:10px 20px;
}
body.course1 .course-com-content5  h4 {
	background:#d3aa00;
}
body.course2 .course-com-content5  h4 {
	background:#1eafba;
}
body.course3 .course-com-content5  h4 {
	background:#7d4698;
}
body.course4 .course-com-content5  h4 {
	background:#e86a15;
}
body.course5 .course-com-content5  h4 {
	background:#e4007f;
}
body.course1 .course-com-content5 .table1,
body.course1 .course-com-content5 div.block2 div.right .table1 th,
body.course1 .course-com-content5 div.block2 div.right .table1 td,
body.course1 .course-com-content5 div.block2 div.right .table1 th + th,
body.course1 .course-com-content5 div.block2 div.right .table1 td + td,
body.course1 .course-com-content5 div.block2 div.right .table1 th + td {
	border-color: #ceb89a;
}
body.course1 .course-com-content5 div.block2 div.right .table1 th,
body.course1 .course-com-content5 div.block2 div.right .table1 td {
	color: #c49e00;
}
body.course1 .course-com-content5 div.block2 div.right .table1 thead tr th:first-child {
	background-color: #e7ddcb;
}
body.course1 .course-com-content5 div.block2 div.right .table1 tbody th {
	background-color: #fcf8e6;
}
body.course2 .course-com-content5 .table1,
body.course2 .course-com-content5 div.block2 div.right .table1 th,
body.course2 .course-com-content5 div.block2 div.right .table1 td,
body.course2 .course-com-content5 div.block2 div.right .table1 th + th,
body.course2 .course-com-content5 div.block2 div.right .table1 td + td,
body.course2 .course-com-content5 div.block2 div.right .table1 th + td {
	border-color: #9accce;
}
body.course2 .course-com-content5 div.block2 div.right .table1 th,
body.course2 .course-com-content5 div.block2 div.right .table1 td {
	color: #1eafba;
}
body.course2 .course-com-content5 div.block2 div.right .table1 thead tr th:first-child {
	background-color: #cce3e5;
}
body.course2 .course-com-content5 div.block2 div.right .table1 tbody th {
	background-color: #eaf3f4;
}
body.course3 .course-com-content5 .table1,
body.course3 .course-com-content5 div.block2 div.right .table1 th,
body.course3 .course-com-content5 div.block2 div.right .table1 td,
body.course3 .course-com-content5 div.block2 div.right .table1 th + th,
body.course3 .course-com-content5 div.block2 div.right .table1 td + td,
body.course3 .course-com-content5 div.block2 div.right .table1 th + td {
	border-color: #be9ace;
}
body.course3 .course-com-content5 div.block2 div.right .table1 th,
body.course3 .course-com-content5 div.block2 div.right .table1 td {
	color: #7d4698;
}
body.course3 .course-com-content5 div.block2 div.right .table1 thead tr th:first-child {
	background-color: #dccbe7;
}
body.course3 .course-com-content5 div.block2 div.right .table1 tbody th {
	background-color: #f5ebf6;
}
body.course4 .course-com-content5 .table1,
body.course4 .course-com-content5 div.block2 div.right .table1 th,
body.course4 .course-com-content5 div.block2 div.right .table1 td,
body.course4 .course-com-content5 div.block2 div.right .table1 th + th,
body.course4 .course-com-content5 div.block2 div.right .table1 td + td,
body.course4 .course-com-content5 div.block2 div.right .table1 th + td {
	border-color: #f1ca91;
}
body.course4 .course-com-content5 div.block2 div.right .table1 th,
body.course4 .course-com-content5 div.block2 div.right .table1 td {
	color: #e86a15;
}
body.course4 .course-com-content5 div.block2 div.right .table1 thead tr th:first-child {
	background-color: #fadab2;
}
body.course4 .course-com-content5 div.block2 div.right .table1 tbody th {
	background-color: #f9efe4;
}
body.course5 .course-com-content5 .table1,
body.course5 .course-com-content5 div.block2 div.right .table1 th,
body.course5 .course-com-content5 div.block2 div.right .table1 td,
body.course5 .course-com-content5 div.block2 div.right .table1 th + th,
body.course5 .course-com-content5 div.block2 div.right .table1 td + td,
body.course5 .course-com-content5 div.block2 div.right .table1 th + td {
	border-color: #f191ca;
}
body.course5 .course-com-content5 div.block2 div.right .table1 th,
body.course5 .course-com-content5 div.block2 div.right .table1 td {
	color: #e4007f;
}
body.course5 .course-com-content5 div.block2 div.right .table1 thead tr th:first-child {
	background-color: #fab2e2;
}
body.course5 .course-com-content5 div.block2 div.right .table1 tbody th {
	background-color: #fbe3f2;
}
body.course5-2 .course-com-content6 p {
	color: #e4007f;
	font-feature-settings: "palt";
	font-size: 16px;
	line-height: 1.3;
	margin: 8px 0 0;
}

.course5-pickup-box2-2 {
	background-color: #fcfcfc;
	padding: 15px 25px;
	margin: 60px auto 30px;;
	width: 620px;
	display: flex;
}

.course-com-content6 {
	width: 100%;
}
.course-com-content6 p {
	color: #262626;
	font-feature-settings: "palt";
	font-size: 14px;
	line-height: 1.3;
	margin: 8px 0 0;
}

.course-com-content7 {
	background: #f7f7f7;
	padding: 55px 0 45px;
	margin-bottom: 60px;
	position: relative;
	width: 100%;
}
.course-com-content7:before {
	content: "";
	display: block;
	height: 3px;
	left: 50%;
	margin-left: -100px;
	position: absolute;
	top: 0;
	width: 200px;
}
body.course2 .course-com-content7:before {
	background-color: #1eafba;
}
body.course3 .course-com-content7:before {
	background-color: #7d4698;
}
body.course4 .course-com-content7:before {
	background-color: #e86a15;
}
body.course5 .course-com-content7:before {
	background-color: #e4007f;
}
.course-com-content7 .title1 {
	color: #262626;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
	text-align: center;
}
.course-com-content7 .title1 span {
	color: #1eafba;
	font-weight: 700;
}
.course-com-content7 .obfc-course-items1 .item1 .image1:after {
	background-color: transparent;
}
.course2-content7-title {
	/*display: flex;*/
	/*width: 309px;*/
	text-align: center;
	margin: 0 auto 8px;
}
.course2-content7-title p {
	background: #1eafba;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	height: 35px;
	display: inline-block;
	padding: 3px 6px;
	margin: 8px 0 0 0;
}
.course2-content7-title img {
	width: 100px;
	margin: 0 16px 0 0;
}

.course-com-content8 {
	padding: 50px 0 20px;
	position: relative;
	width: 100%;
}
body.course2 .course-com-content8 {
	background-color: #eaf3f4;
}
body.course3 .course-com-content8 {
	background-color: #f3f0f6;
}
body.course4 .course-com-content8 {
	background-color: #f9efe4;
}
body.course5 .course-com-content8 {
	background-color: #fff5fb;
}
.course-com-content8 .title1 {
	color: #262626;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
	text-align: center;
}
.course-com-content8 .obfc-row3 {
	margin-top: 0;
}
.course-com-content8 .obfc-row3 .col1 {
	margin-bottom: 30px;
}
body.course3 .course-com-content8 .obfc-row3 {
	margin-left:220px
}
body.course4 .course-com-content8 .obfc-row3 {
    margin-left: 220px;
}
body.course5 .course-com-content8 .obfc-row3 {
	margin-left:220px;
}
.course-com-content8 .obfc-row3 .link a {
	background: #FFF;
	border: 1px solid;
	font-weight: 700;
	display: block;
	padding: 10px 18px;
	position: relative;
}
body.course2 .course-com-content8 .obfc-row3 .link a {
	border-color: #1eafba;
	color: #1eafba;
}
body.course3 .course-com-content8 .obfc-row3 .link a {
	border-color: #7d4698;;
	color: #7d4698;;
}
body.course4 .course-com-content8 .obfc-row3 .link a {
	border-color: #e86a15;
	color: #e86a15;
}
body.course5 .course-com-content8 .obfc-row3 .link a {
	border-color: #e4007f;
	color: #e4007f;
}
.course-com-content8 .obfc-row3 .link a:hover {
	color: #FFF !important;
	text-decoration: none !important;
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
		-ms-transition: 0.5s;
		 -o-transition: 0.5s;
			transition: 0.5s;
}
body.course2 .course-com-content8 .obfc-row3 .link a:hover {
	background-color: #1eafba;
}
body.course3 .course-com-content8 .obfc-row3 .link a:hover {
	background-color: #7d4698;
}
body.course4 .course-com-content8 .obfc-row3 .link a:hover {
	background-color: #e86a15;
}
body.course5 .course-com-content8 .obfc-row3 .link a:hover {
	background-color: #e4007f;
}
.course-com-content8 .obfc-row3 .link a:after {
	background: no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 8px;
	margin-top: -4px;
	position: absolute;
	right: 18px;
	top: 50%;
	width: 20px;
}
body.course1 .course-com-content8 .obfc-row3 .link a:after {
	background-image: url(/assets/course/img/arrow-course1-1.png);
}
body.course2 .course-com-content8 .obfc-row3 .link a:after {
	background-image: url(/assets/course/img/arrow-course2-1.png);
}
body.course3 .course-com-content8 .obfc-row3 .link a:after {
	background-image: url(/assets/course/img/arrow-course3-1.png);
}
body.course4 .course-com-content8 .obfc-row3 .link a:after {
	background-image: url(/assets/course/img/arrow-course4-1.png);
}
body.course5 .course-com-content8 .obfc-row3 .link a:after {
	background-image: url(/assets/course/img/arrow-course5-1.png);
}
.course-com-content8 .obfc-row3 .link a:hover:after {
	background-image: url(/assets/common/img/icon-arrow-wt5.png) !important;
}
.course-com-content8 .obfc-row3 .copy {
	font-size: 14px;
	margin: 7px 0 0;
}
.course-com-content8 hr {
	background-color: transparent;
	border-style: solid;
	border-width: 1px 0 0 0;
	height: 0;
	margin: 15px 0 45px;
	overflow: hidden;
	width: 100%;
}
body.course2 .course-com-content8 hr {
	border-color: #1eafba;
}

.course-com-content9 {
	padding: 50px 23.7891px 30px;
	position: relative;
	width: 100%;
}
body.course1 .course-com-content9 {
	background-color: #fffce9;
}
body.course2 .course-com-content9 {
	background-color: #f0f8f8;
}
body.course4 .course-com-content9 {
	background-color: #f9efe4;
}
body.course5 .course-com-content9 {
	background-color: #fff5fb;
}
body.course3 .course-com-content9 {
	background-color: #f3f0f8;
}
body.course2 .course-com-content9 h3 {
	color: #1eafba;
}
.course-com-content9 .cat {
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
body.course2 .course-com-content9 .cat p {
	background-color: #1eafba;
}
.course-com-content3 .right .course-com-content9 .cat {
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.course-com-content9 h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}
.course-com-content9 .cat p {
	display: inline-block;
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	line-height: 27px;
	text-align: center;
	width: 260px;
}
.course-com-content3 .right .course-com-content9 .cat p {
	display: inline-block;
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	line-height: 27px;
	text-align: center;
	width: 260px;
}
body.course1 .course-com-content3 .right .course-com-content9 .cat p {
	background-color: #d3aa00;
}
body.course2 .course-com-content3 .right .course-com-content9 .cat p {
	background-color: #1eafba;
}
body.course4 .course-com-content3 .right .course-com-content9 .cat p {
	background-color: #e86a15;
}
body.course5 .course-com-content3 .right .course-com-content9 .cat p {
	background-color: #e4007f;
}
body.course3 .course-com-content3 .right .course-com-content9 .cat p {
	background-color: #7d4698;
}
.course-com-content3 .right .course-com-content9 .block {
	overflow: hidden;
	width: 100%;
}
.course-com-content3 .right .course-com-content9 .block > div {
	padding: 0 0 3%;
  width: 100%;
}
/*.course-com-content9 .block > div + div {
	border-left: 1px solid #BBB;
}*/
.course-com-content3 .right .course-com-content9 .block > div:nth-child(2n) {
	border-top: 1px solid #BBB;
	padding: 3% 0 0;
}
.course-com-content3 .right .course-com-content9 h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}
body.course2 .course-com-content3 .obfc-fs18 {
	color: #1eafba;
}
body.course3 .course-com-content3 .obfc-fs18 {
	color: #7d4698;
}
body.course4 .course-com-content3 .obfc-fs18 {
	color: #e86a15;
}
body.course5 .course-com-content3 .obfc-fs18 {
	color: #e4007f;
}
body.course1 .course-com-content3 .right .course-com-content9 h3 {
	color: #c49e00;
}
body.course2 .course-com-content3 .right .course-com-content9 h3 {
	color: #1eafba;
}
body.course3 .course-com-content3 .right .course-com-content9 h3 {
	color: #7d4698;
}
body.course4 .course-com-content3 .right .course-com-content9 h3 {
	color: #e86a15;
}
body.course5 .course-com-content3 .right .course-com-content9 h3 {
	color: #e4007f;
}
#course1-student-works .obfc-h-copy2 {
	color: #c49e00;
	font-weight: 700;
}
#course2-student-works .obfc-h-copy2 {
	color: #1eafba;
	font-weight: 700;
}
#course2-student-works {
	margin-bottom: 60px;
}
#course3-student-works .obfc-h-copy2 {
	color: #7d4698;
	font-weight: 700;
}
#course3-student-works {
	margin-bottom: 60px;
}
#course4-student-works .obfc-h-copy2 {
	color: #e86a15;
	font-weight: 700;
}
#course4-student-works {
	margin-bottom: 60px;
}
#course5-student-works .obfc-h-copy2 {
	color: #e4007f;
	font-weight: 700;
}
#course5-student-works p {
	color: #262626;
	font-size: 18px;
	text-align: center;
	margin: 20px 0 15px;
}
#course5-student-works-2 p {
	color: #262626;
	font-size: 18px;
	text-align: center;
	margin: 20px 0 15px;
}
#course5-student-works-2 .course-com-content2 {
	padding: 0 15px 55px;
}


.course-com-content10 {
	margin: 0;
	position: relative;
	width: 100%;
}
.course-com-content10 + .course-com-content10 {
	border-top: 1px solid #CCC;
	margin-top: 80px;
	padding-top: 80px;
}
.course-com-content10 > div.left {
	float: left;
	width: 51.7241%;
}
.course-com-content10 > div.right {
	float: right;
	padding-left: 8.6206%;
	width: 48.2758%;
}
.course-com-content10 + .course-com-content10 > div.left {
	float: right;
}
.course-com-content10 + .course-com-content10 > div.right {
	float: left;
	padding-left: 0;
	padding-right: 8.6206%;
}
.course-com-content10 .title1 {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.3;
	margin: 40px 0 15px;
	text-align: center;
}
body.course2 .course-com-content10 .title1 {
	color: #1eafba;
}
.course-com-content10 .copy1 {
	color: #262626;
	font-size: 22px;
	line-height: 1.3;
	margin: 0 0 5px;
}
.course-com-content10 .copy2 {
	color: #262626;
}
.course-com-content10 .course-com-content9 {
    margin: 25px 0 0;
}
.course-com-content10 .course-com-content9 .block > div {
	float: none;
	padding: 0 23px 0 35px;
	width: 100%;
}
/*.course-com-content10 .course-com-content9 .block > div + div {
	border-left: none;
	margin-top: 18px;
}*/
.course-com-content10 .course-com-content9 .block > div:nth-child(2n) {
	border-left: none;
	margin-top: 18px;
}

.course-com-content11 {
	border: 1px solid;
	font-size: 20px;
	padding: 15px 10px;
	text-align: center;
}
body.course5 .course-com-content11 {
	border-color: #e4007f;
	color: #e4007f;
}

.course-com-content12 {
	background: url(/assets/common/img/bg-pt4.gif) repeat left top;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	color: #262626;
	margin: 0 0 110px;
	padding: 30px 0 35px;
	text-align: center;
}
.course-com-content12 .obfc-button7 {
	margin: 10px auto 0;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
}
.course-com-content13 {
  margin: 0 auto;
  max-width: 560px;
}
.course-com-content14 {
	background: url(/assets/common/img/bg-pt4.gif) repeat left top;
	border-top: 1px solid #CCC;
	margin: -30px auto 0;
	text-align: center;
}
.course-com-content14 .obfc-button8 {
	margin: 40px auto 40px;
  margin-left: 20px;
	margin-right: 20px;
  display: inline-block;
}
.course-com-content15 {
	margin: -30px auto 0;
	text-align: center;
}
.course-com-content15 .obfc-button8 {
	margin: 30px 0 50px;
	display: inline-block;
}
.course-com-content16 {
	width: 100%;
	margin: 0 0 90px 0;
}
.course-com-content16-2 {
	width: 100%;
	margin: 0;
}

body.course1 .course-com-content16 .title {
	background: #d3aa00;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	display: inline-block;
	padding: 3px 10px;
	position: absolute;
  top: 0px;
  left: 45%;
  transform: translateY(-88%) translateX(-45%);
}
body.course2 .course-com-content16-2 .title {
	background: #1eafba;
	color: #fff;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
  padding: 3px 10px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateY(-88%) translateX(-50%);
}
body.course3 .course-com-content16 .title {
	background: #7d4698;
	color: #fff;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
  padding: 3px 10px;
  position: absolute;
  top: 0px;
  left: 40%;
  transform: translateY(-88%) translateX(-26%);
}
body.course4 .course-com-content16 .title {
	background: #e86a15;
	color: #fff;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
  padding: 3px 10px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateY(-88%) translateX(-50%);
}
body.course5 .course-com-content16 .title {
	background: #e4007f;
	color: #fff;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
  padding: 3px 10px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateY(-88%) translateX(-50%);
}
body.course1 .course-com-content16 .title div {
	background: #c49e00;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	display: inline-block;
	padding: 3px 10px;
}
body.course2 .course-com-content16-2 .title div {
	background: #1eafba;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	display: inline-block;
	padding: 3px 10px;
}
body.course3 .course-com-content16 .title div {
	background: #7d4698;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	display: inline-block;
	padding: 3px 10px;
}
body.course4 .course-com-content16 .title div {
	background: #e86a15;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	display: inline-block;
	padding: 3px 10px;
}
body.course5 .course-com-content16 .title div {
	background: #e4007f;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	display: inline-block;
	padding: 3px 10px;
}
.course-com-content16 .block1,
.course-com-content16-2 .block1 {
	display: flex;
	margin: 20px 0 0 0;
}
body.course1 .course-com-content16 .block1 span.txt1 {
	font-family: "Cormorant Garamond", serif;
	font-size: 50px;
	color: #c49e00;
}
body.course2 .course-com-content16-2 .block1 span.txt1 {
	font-family: "GFS Didot", serif;
	font-size: 47px;
	font-weight: 600;
	color: #1eafba;
}
body.course3 .course-com-content16 .block1 span.txt1 {
	font-family: "Lato", sans-serif;
	font-size: 47px;
	font-weight: 600;
	color: #7d4698;
}
body.course4 .course-com-content16 .block1 span.txt1 {
	font-family: "Jost", sans-serif;
  font-size: 47px;
  font-weight: 600;
  letter-spacing: -2px;
  color: rgba(0, 0, 0, .0);
  -webkit-text-stroke: 1.5px #e86a15;
}
body.course5 .course-com-content16 .block1 span.txt1 {
	font-family: "Cormorant Garamond", serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -2px;
  color: rgba(0, 0, 0, .0);
  -webkit-text-stroke: 1.5px #e4007f;
}
body.course1 .course-com-content16 .block1 span.txt1-small,
body.course2 .course-com-content16-2 .block1 span.txt1-small,
body.course3 .course-com-content16 .block1 span.txt1-small,
body.course4 .course-com-content16 .block1 span.txt1-small,
body.course5 .course-com-content16 .block1 span.txt1-small {
	font-size: 30px;
}
body.course1 .course-com-content16 .block1 span.txt2 {
	font-size: 16px;
	font-weight: 600;
	color: #c49e00;
	margin: 25px 20px 0 5px;
}
body.course2 .course-com-content16-2 .block1 span.txt2 {
	font-size: 16px;
	font-weight: 600;
	color: #1eafba;
	margin: 25px 20px 0 5px;
}
body.course3 .course-com-content16 .block1 span.txt2 {
	font-size: 16px;
	font-weight: 600;
	color: #7d4698;
	margin: 25px 20px 0 5px;
}
body.course4 .course-com-content16 .block1 span.txt2 {
	font-size: 16px;
	font-weight: 600;
	color: #e86a15;
	margin: 25px 20px 0 5px;
}
body.course5 .course-com-content16 .block1 span.txt2 {
	font-size: 16px;
	font-weight: 600;
	color: #e4007f;
	margin: 28px 20px 0 5px;
}
.course-com-content16 .block1 p,
.course-com-content16-2 .block1 p {
	font-size: 20px;
	font-weight: 600;
  margin: 21px 0 0 0;
}
.course-com-content16 .curriculum-box-col2,
.course-com-content16 .curriculum-box-col3 {
	display: flex;
	margin: 0 0 60px 0;
}
.course-com-content16 .curriculum-box-col2 .left {
	padding-right: 30px;
}
.course-com-content16 .curriculum-box-col2 .right {
	padding-left: 30px;
}
.course-com-content16 .curriculum-box-col2 p,
.course-com-content16 .curriculum-box-col3 p {
	font-size: 16px;
	margin: 10px 0 0 0;
}
.course-com-content16 .curriculum-box-col2 div {
	width: 50%;
	padding: 0;
}
.course-com-content16 .curriculum-box-col3 div {
	padding: 0;
}
.course-com-content16 .curriculum-box-col3 div.left {
	padding-right: 30px;
}
.course-com-content16 .curriculum-box-col3 div.center {
	padding: 0 30px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.course-com-content16 .curriculum-box-col3 div.right {
	padding-left: 30px;
}
.course-com-content16 .curriculum-box-col2 .right {
	border-left: 1px solid #CCC;
}
.course-com-content16 .curriculum-box-col1 {
	max-width: 1160px;
	margin: 0 0 30px 0;
}
.course-com-content16 .curriculum-box-col1 .sub3 {
	background: #e4007f;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  line-height: 27px;
  padding: 0px 8px;
	margin: 0 0 15px 0;
}
.course-com-content16-2 .curriculum-box-col5 {
	border: 1px solid #1eafba;
	display: flex;
	justify-content: space-between;
	padding: 20px;
}
.course-com-content16-2 .curriculum-box-col5 div {
	width: 18%;
	position: relative;
}
.course-com-content16-2 .curriculum-box-col5 .item + .item {
	margin-left: 2.5%;
}
.course-com-content16-2 .curriculum-box-col5 .item + .item:before {
	background: url(/assets/course/img/course2-top-arrow1.png) no-repeat center center;
	background-size: contain;
    content: "";
    display: block;
    height: 23px;
    left: -25px;
    margin-top: -5px;
    position: absolute;
    top: 47%;
    width: 24px;
}
.course-com-content16-2 .curriculum-box-col4 .box {
	border: 1px solid #1eafba;
	display: flex;
	flex-wrap: wrap;
}
.course-com-content16-2 .curriculum-box-col4 .box2 {
	border: 1px solid #8d959a;
	width: 48%;
	padding: 18px;
	margin: 17px 0 29px 7px;
}
.course-com-content16-2 .curriculum-box-col4 .box2 .caption {
	color:#1eafba;
	font-size:17px;
	font-weight: 600;
	text-align: center;
  padding: 0 0 10px 0;
}
.course-com-content16-2 .curriculum-box-col4 .box2 .box2-inner {
	display: flex;
	justify-content: space-between;
}
.course-com-content16-2 .curriculum-box-col4 .box2 div img {
	width: 95%;
	height: auto;
}
.course-com-content16-2 .curriculum-box-col4 .box .course {
	width: 22%;
	margin: 1.5%;
}

.course-com-slider1 {
	margin: auto;
	max-width: 560px;
	width: 100%;
}
.course-com-slider1 .obfc-slider1 {
    overflow: visible;
}
.course-com-slider1 .obfc-slider1 .slick-dots {
	display: none !important;
}
.course-com-slider1 .obfc-slider1 .slick-slider .slick-prev {
	left: -52px;
}
.course-com-slider1 .obfc-slider1 .slick-slider .slick-next {
	right: -52px;
}
@media only screen and (max-width: 663px) {
	.course-com-slider1 .obfc-slider1 .slick-slider .slick-prev {
		left: 0;
	}
	.course-com-slider1 .obfc-slider1 .slick-slider .slick-next {
		right: 0;
	}
}





body.course-top #obfc-page-title2 {
	background-image: url(/assets/course/img/course-top-page-title-img1.jpg);
	background-position: center -165px;
}
body.course-top #obfc-page-title2:before {
	background: rgba(0, 0, 0, 0.3);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
#obfc-page-title2:after {
	display: none;
}
#obfc-page-title2 .obfc-breadcrumb {
	background: rgba(38, 38, 38, 0.0);
}
body.course-top #obfc-contents {
	overflow: hidden;
	padding-bottom: 0;
	width: 100%;
}
.course-top-content1 {
	background: #F7F7F7;
	position: relative;
	-webkit-transform: skewY(177.42deg);
	transform: skewY(177.42deg);
	width: 100%;
}
.course-top-content1:before {
	background: #e0e0e0;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.course-top-content1:after {
	content: "";
	display: block;
	height: 3px;
	left: 50%;
	margin-left: -580px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 1160px;
}
.course-top-content1.course1:after {
	background: #d3aa00;
}
.course-top-content1.course2:after {
	background: #1eafba;
}
.course-top-content1.course3:after {
	background: #7d4698;
}
.course-top-content1.course4:after {
	background: #e86a15;
}
.course-top-content1.course5:after {
	background: #e4007f;
}
.course-top-content1 > div.in {
	padding: 65px 0;
	-webkit-transform: skewY(-177.42deg);
	transform: skewY(-177.42deg);
}
.course-top-content1.course5 > div.in {
	margin-bottom: -137px;
	padding-bottom: 200px;
}
.course-top-content1 .title1 {
	margin: 0 0 25px;
	text-align: center;
}
.course-top-content1 .title1 h2 {
	font-size: 30px;
	font-weight: 500;
	font-feature-settings: "palt";
	letter-spacing: 0.01em;
	line-height: 1.1;
	margin: 0;
}
.course-top-content1 .title1 p {
	color: #262626;
	line-height: 1.1;
	margin: 12px 0 0;
}
.course-top-content1 .block1 {
	position: relative;
	width: 100%;
	z-index: 1;
}
.course-top-content1 .block1 > div {
	width: 51.7241%;
}
.course-top-content1 .block1 > div.left {
	position: absolute;
	left: 0;
	text-align: center;
	top: 0;
	z-index: 1;
}
.course-top-content1 .block1 > div.left h3 {
	font-family: 'Pathway Gothic One';
	font-size: 50px;
	font-weight: 400;
	line-height: 1;
	margin: 10px 0 0;
}
.course-top-content1.course1 .title1,
.course-top-content1.course1 .block1 > div.left h3 {
	color: #d3aa00;
}
.course-top-content1.course2 .title1,
.course-top-content1.course2 .block1 > div.left h3 {
	color: #1eafba;
}
.course-top-content1.course3 .title1,
.course-top-content1.course3 .block1 > div.left h3 {
	color: #7d4698;
}
.course-top-content1.course4 .title1,
.course-top-content1.course4 .block1 > div.left h3 {
	color: #e86a15;
}
.course-top-content1.course5 .title1,
.course-top-content1.course5 .block1 > div.left h3 {
	color: #e4007f;
}
.course-top-content1 .block1 > div.right {
	background: #FFF;
	float: right;
	font-feature-settings: "palt";
	margin-top: 39px;
	padding: 45px 53px 50px 77px;
	position: relative;
	z-index: 0;
}
.course-top-content1.course2 .block1 > div.right {
	padding-bottom: 63px;
	padding-top: 51px;
}
.course-top-content1 .block1 > div.right .copy1 {
	color: #262626;
	font-size: 20px;
	line-height: 1.5;
	margin: 5px 0;
}
.course-top-content1 .block1 > div.right h4 {
	color: #262626;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	margin: 15px 0 0;
}
.course-top-content1 .block1 > div.right .btn {
	bottom: -20px;
	left: 50%;
	margin-left: -85px;
	position: absolute;
	width: 170px;
}
.course-top-content1 .block2 {
	padding-top: 50px;
	position: relative;
	width: 100%;
	z-index: 0;
}
.course-top-content1 .block2 h3 {
	color: #262626;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 5px;
}
.course-top-content1 .obfc-row3 + h3 {
	margin-top: 10px;
}
.course-top-content1 * + .obfc-row3 {
	margin-top: 10px;
}
.course-top-content1 .obfc-row3 .col1 {
	margin-bottom: 20px;
}
.course-top-content1 .obfc-row3 .col1 .link a {
	background: #FFF;
	border: 1px solid;
	display: block;
	font-size: 15px;
	font-weight: 700;
	padding: 10px 18px;
	position: relative;
}
.course-top-content1.course1 .obfc-row3 .col1 .link a {
	color: #ab8c1f;
	border-color: #ab8c1f;
}
.course-top-content1.course2 .obfc-row3 .col1 .link a {
	color: #1eafba;
	border-color: #1eafba;
}
.course-top-content1.course3 .obfc-row3 .col1 .link a {
	color: #7d4698;
	border-color: #7d4698;
}
.course-top-content1.course4 .obfc-row3 .col1 .link a {
	color: #e86a15;
	border-color: #e86a15;
}
.course-top-content1.course5 .obfc-row3 .col1 .link a {
	color: #e4007f;
	border-color: #e4007f;
}
.course-top-content1 .obfc-row3 .col1 .link a:hover {
	color: #FFF;
	text-decoration: none;
	-webkit-transition: 0.5s;
	   -moz-transition: 0.5s;
		-ms-transition: 0.5s;
		 -o-transition: 0.5s;
			transition: 0.5s;
}
.course-top-content1.course1 .obfc-row3 .col1 .link a:hover {
	background-color: #ab8c1f;
}
.course-top-content1.course2 .obfc-row3 .col1 .link a:hover {
	background-color: #1eafba;
}
.course-top-content1.course3 .obfc-row3 .col1 .link a:hover {
	background-color: #7d4698;
}
.course-top-content1.course4 .obfc-row3 .col1 .link a:hover {
	background-color: #e86a15;
}
.course-top-content1.course5 .obfc-row3 .col1 .link a:hover {
	background-color: #e4007f;
}
.course-top-content1 .obfc-row3 .col1 .link a:after {
	background: no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 8px;
	margin-top: -4px;
	position: absolute;
	right: 18px;
	top: 50%;
	width: 20px;
}
.course-top-content1.course1 .obfc-row3 .col1 .link a:after {
	background-image: url(/assets/course/img/arrow-course1-1.png);
}
.course-top-content1.course2 .obfc-row3 .col1 .link a:after {
	background-image: url(/assets/course/img/arrow-course2-1.png);
}
.course-top-content1.course3 .obfc-row3 .col1 .link a:after {
	background-image: url(/assets/course/img/arrow-course3-1.png);
}
.course-top-content1.course4 .obfc-row3 .col1 .link a:after {
	background-image: url(/assets/course/img/arrow-course4-1.png);
}
.course-top-content1.course5 .obfc-row3 .col1 .link a:after {
	background-image: url(/assets/course/img/arrow-course5-1.png);
}
.course-top-content1 .obfc-row3 .col1 .link a:hover:after {
	background-image: url(/assets/common/img/icon-arrow-wt5.png);
}
.course-top-content1 .obfc-row3 .copy {
	font-size: 14px;
	line-height: 1.57;
	margin: 10px 0 0;
}



body.course2-top #obfc-contents {
	padding-bottom: 0;
}
.course2-top-content1 {
	width: 100%;
}
.course2-top-content1 > div {
	float: left;
	text-align: center;
	width: 45.2758%;
}
.course2-top-content1 .block {
	float: left;
	text-align: center;
	width: 100%;
}
.course2-top-content1 > div + div {
	margin-left: 9.4484%;
}
.course2-top-content1 h3 {
	color: #262626;
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 10px;
}
.course2-top-content1 h3 span {
	color: #1eafba;
	font-size: 14px;
	font-weight: 700;
	margin: 0 5px 0 0;
}
.course2-top-content1 p {
	font-size: 14px;
	margin: 15px 0 0;
	text-align: left;
}

.course2-flow-box_pc ,.course2-flow-box_sp {
	background-color: #fff;
	width: 100% !important;
	display: flex;
}

.course2-flow-box_pc {
	padding: 10px;
}

.course2-flow-box_sp {
	display: none;
}


.course2-flow-box_col {
	display: flex;
	width: 75%;
	
}

.course2-flow-box_col_item {
	width: 230px;
	margin: 45px 25px 32px;
	position: relative;
}

.course2-flow-box_col_item >img {
	width: 132px;
}

.course2-flow-box_col_item:not(:first-child)::before {
  content: "";
  width: 25px;
  height: 25px;
  margin-right: 10px;
  display: inline-block;
  border-top: 2px solid #18b7cd;
  border-right: 2px solid #18b7cd;
  position: absolute;
	top: calc(50% - 45px);
	left: -40px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.course2-flow-box_col_img {
	width: 230px;
}



body.course3 #obfc-contents {
	padding-bottom: 0;
}



body.course4-top #obfc-contents {
	padding-bottom: 0;
}



body.course5 #obfc-contents {
	padding-bottom: 0;
}

body.course5-top #obfc-contents {
	padding-bottom: 0;
}
.course5-top-copy1 {
	color: #262626;
	font-feature-settings: "palt";
	font-size: 22px;
	line-height: 1.3;
	margin: 10px 0 30px;
	text-align: center;
}
.course5-top-copy1 span {
	color: #e4007f;
}
.course5-top-img1 {
	margin: 0 0 90px;
}
.course5-top-img1 img {
	margin: auto;
}
.course5-top-content2 {
	width: 100%;
}
.course5-top-content2 > div {
	float: left;
	width: 48.2758%;
}
.course5-top-content2 > div + div {
	margin-left: 3.4482%;
}
.course5-top-content2 div.image {
	position: relative;
}
.course5-top-content2 div.image .credit {
	color: #FFF;
	bottom: 5px;
	font-size: 10px;
	line-height: 1.1;
	margin: 0;
	position: absolute;
	right: 10px;
	text-shadow: 0 0 1px rgba(0,0,0,0.7), 0 1px 1px rgba(0,0,0,0.7);
}
.course5-top-content2 h3 {
	color: #262626;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	margin: 20px 0 10px;
	text-align: center;
}
.course5-top-content2 p {
	font-size: 14px;
}
.course5-top-content2 .color1 {
	color: #e4007f;
}
.course5-top-content2 .obfc-cl-list1 {
	font-size: 14px;
	margin: 0 0 7px;
}
.course5-top-content2 .obfc-cl-list1 > li:before {
	background: #e4007f;
}

body.course5-top .course-com-content8 .obfc-row3 {
	text-align: center;
}
body.course5-top .course-com-content8 .obfc-row3 .col1 {
	display: inline-block;
	float: none;
	margin-right: 0;
	vertical-align: top;
}
body.course5-top .course-com-content8 .obfc-row3 .col1 + .col1 {
	margin-left: 3.4482%;
}
body.course5-top .course-com-content8 .obfc-row3 .link a {
	text-align: left;
}
.course5-top-content3 {
	margin: 80px auto 0;
}
.course5-top-content3 .center {
	text-align: center;
}
.course5-top-content3 .text {
	text-align: center;
	border-bottom: 1px solid #e4007f;
    display: inline-block;
    margin: 0 auto 10px;
    padding: 0 4px;
}
.course5-top-content3 h2 {
	text-align: center;
	margin-block-start: 0;
}
.course5-top-content3 .num1 p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	margin: auto;
	width: 100%;
}
.course5-top-content3 .num1 {
	background: #fff5fb;
	height: 139.98px;
}
.course5-top-content3 .course-com-content6 > div > p {
	position: relative;
	line-break: strict;
	padding-left: 2.2em;
    display: inline-block;
}
.course5-top-content3 .course-com-content6 > div > p span {
	color: #e4007f;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: -2px;
}
.course5-top-content3 .course-com-content6 > div {
	margin-bottom: 20px;
}
.course5-top-content3 .course-com-content6 > div .image {
    position: relative;
}
.course5-top-content3 .course-com-content6 > div + div .image:before {
    background-image: url(/assets/course/img/arrow-course3-1.png);
}




.obfc-course-items1 {
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 0;
}
#course5-pickup .obfc-course-items1 {
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 20px;
}
body.course5-2 .obfc-course-items1 {
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 55px;
	max-width: 1160px;
}
.obfc-course-items1.col2 {
	max-width: 856px;
}
.obfc-course-items1 .item1 {
	margin: 0 2.931% 35px 0;
	width: 31.379%;
}
.obfc-course-items1.col2 .item1 {
	margin: 0 4.2056% 35px 0;
	width: 47.8971%;
}
.obfc-course-items1 .item1:nth-child(3n) {
	margin-right: 0;
}
.obfc-course-items1.col2 .item1:nth-child(3n) {
	margin-right: 4.2056%;
}
.obfc-course-items1.col2 .item1:nth-child(2n) {
	margin-right: 0;
}
.obfc-course-items1 .image1 {
	background: no-repeat center center;
	background-size: cover;
	position: relative;
	width: 100%;
}
.obfc-course-items1 .image1:after {
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/* body.course1 .obfc-course-items1 .image1:after {
	background-color: #d3aa00;
}
body.course2 .obfc-course-items1 .image1:after {
	background-color: #1eafba;
}
body.course3 .obfc-course-items1 .image1:after {
	background-color: #7d4698;
}
body.course4 .obfc-course-items1 .image1:after {
	background-color: #e86a15;
}
body.course5-2 .obfc-course-items1 .image1:after {
	background-color: #e4007f;
} */
.obfc-course-items1 .image1:before {
	content: "";
	display: block;
	padding-bottom: 63.1868%;
	width: 100%;
}
body.course2-7 .obfc-course-items1 .image1:before {
	padding-bottom: 76%;
}
.obfc-course-items1 h3 {
	font-feature-settings: "palt";
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 9px 0 5px;
}
body.course1 .obfc-course-items1 h3 {
	color: #c49e00;
}
body.course2 .obfc-course-items1 h3 {
	color: #1eafba;
}
body.course3 .obfc-course-items1 h3 {
	color: #7d4698;
}
body.course4 .obfc-course-items1 h3 {
	color: #e86a15;
}
body.course5 .obfc-course-items1 h3 {
	color: #e4007f;
}
.obfc-course-items1 p {
	font-feature-settings: "palt";
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
}
body.course3 .obfc-course-items1 .sub3 {
	background: #7d4698;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
	display: inline-block;
	line-height: 27px;
  padding: 0px 8px;
  margin: 8px 0 0px 0;
}

.at_designer-cnt3-box {
    display: flex;
    justify-content: space-between;
    margin: 0 0 60px 0;
	padding: 40px;
	width: 1160px;
    background-color: #ffffff;
}

.at_designer-cnt3-box .image1 {
    max-width: 510px;
    height: auto;
}

.at_designer-cnt3-box .profile-text {
    text-align: justify;
    max-width: 45%;
	padding: 120px 0;
}

.at_designer-cnt3-box h3 {
    color: #1eafba;
    font-feature-settings: "palt";
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin: 9px 0 5px;
}


.obfc-course-pickup1 {
	margin: 20px 0 60px;
}

.obfc-course-pickup1 .head1 {
	background: url("/assets/course/img/course5-top-bg1.png") no-repeat center top;
	background-size: 169px auto;
	height: 83px;
	padding: 38px 0 0;
	position: relative;
	text-align: center;
	width: 100%;
}

#course3-pickup .obfc-course-pickup1 .head1,
#course3-1-pickup .obfc-course-pickup1 .head1 {
	background: url("/assets/course/img/course3-top-bg1.png") no-repeat center top;
	background-size: 169px auto;
	height: 83px;
	padding: 38px 0 0;
	position: relative;
	text-align: center;
	width: 100%;
}
#course4-pickup .obfc-course-pickup1 .head1 {
	background: url("/assets/course/img/course4-top-bg1.png") no-repeat center top;
	background-size: 169px auto;
	height: 83px;
	padding: 38px 0 0;
	position: relative;
	text-align: center;
	width: 100%;
}
#course4-pickup .obfc-course-pickup1 .head1:before {
	background: #e86a15;
	bottom: 0;
	content: "";
	display: block;
	height: 8px;
	left: 0;
	position: absolute;
	width: 100%;
}
.obfc-course-pickup1 .head1:before {
	background: #e4007f;
	bottom: 0;
	content: "";
	display: block;
	height: 8px;
	left: 0;
	position: absolute;
	width: 100%;
}
#course3-pickup .obfc-course-pickup1 .head1:before,
#course3-1-pickup .obfc-course-pickup1 .head1:before {
	background: #7d4698;
	bottom: 0;
	content: "";
	display: block;
	height: 8px;
	left: 0;
	position: absolute;
	width: 100%;
}
.obfc-course-pickup1 .head1 span {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	position: relative;
}
.obfc-course-pickup1 .body1 {
	background-color: #fff5fb;
	padding: 25px 0 35px;
}
#course3-pickup .obfc-course-pickup1 .body1,
#course3-1-pickup .obfc-course-pickup1 .body1 {
	background-color: #f3f0f8;
	padding: 35px 15px 10px;
	margin-bottom: 70px;
}
#course4-pickup .obfc-course-pickup1 .body1 {
	background-color: #f9efe4;
	padding: 35px 15px 10px;
	margin-bottom: 70px;
}
#course5-pickup .obfc-course-pickup1 .body1 {
	padding: 50px 0 35px;
}
.obfc-course-pickup1 .body1 .title1 {
	margin: 0 0 50px;
	position: relative;
	text-align: center;
}
#course3-1-pickup .obfc-course-pickup1 .body1 .title1 {
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	margin: 30px 0 30px;
}
#course4-pickup .obfc-course-pickup1 .body1 .title1 {
	margin: 0 0 25px;
	position: relative;
	text-align: center;
}
.obfc-course-pickup1 .body1 .title1 .t1 {
	border: 1px solid #e4007f;
	color: #e4007f;
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	padding: 0 25px;
}
#course3-pickup .obfc-course-pickup1 .body1 .title1 .t1 {
	border: 1px solid #7d4698;
	color: #7d4698;
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	padding: 0 25px;
}
#course3-pickup .obfc-course-pickup1 .body1 .title1 p {
	color: #7d4698;
	font-size: 28px;
	font-weight: 600;
	line-height: 32px;
	margin: 12px 0 4px 0
}
#course4-pickup .obfc-course-pickup1 .body1 .title1 .t1 {
	border: 1px solid #e86a15;
	color: #e86a15;
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	padding: 0 25px;
}
#course4-pickup .obfc-course-pickup1 .body1 .title1 p {
	color: #e86a15;
	font-size: 28px;
	font-weight: 600;
	line-height: 32px;
	margin: 12px 0 4px 0
}
#course5-pickup .obfc-course-pickup1 .body1 .t1 {
	border: 1px solid #e4007f;
	color: #e4007f;
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	width: 120px;
	padding: 0 25px;
	margin: 0 auto 0;
	text-align: center;
}
.obfc-course-pickup1 .body1 .title1 .t2 {
	background: linear-gradient(to top, #ffff38 0px, #ffff38 6px, transparent 6px);
	color: #e4007f;
	display: inline-block;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.4;
	margin: 6px 0 30px;
	padding: 0 15px;
}
.obfc-course-pickup1 .body1 .title1 .t2.a {
	background: linear-gradient(to top, #ffff38 0px, #ffff38 6px, transparent 6px);
	display: inline;
	padding-bottom: 8px !important;
}
#course3-pickup .obfc-course-pickup1 .body1 .title1 .t2 {
	background: linear-gradient(to top, #ffff38 0px, #ffff38 6px, transparent 6px);
	color: #7d4698;
	display: inline-block;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.4;
	margin: 6px 0 10px;
	padding: 0 15px;
}
#course4-pickup .obfc-course-pickup1 .body1 .title1 .t2 {
	background: linear-gradient(to top, #ffff38 0px, #ffff38 6px, transparent 6px);
	color: #e86a15;
	display: inline-block;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.4;
	margin: 6px 0 10px;
	padding: 0 15px;
}
.obfc-course-pickup1 .body1 .title1 .flag-k1 {
	bottom: 46%;
	height: auto;
	left: 52%;
	margin-left: 8em;
	max-width: none;
	position: absolute;
	width: 105px;
}
#course4-pickup .obfc-course-pickup1 .body1 .title1 .flag-k1 {
	bottom: -5%;
  height: auto;
  left: 49.5%;
  margin-left: 8em;
  max-width: none;
  position: absolute;
  width: 105px;
}
.obfc-course-pickup1 .body1 .title1 .flag-usa {
	bottom: 0;
	height: auto;
	left: 50%;
	margin-left: 8em;
	max-width: none;
	position: absolute;
	width: 105px;
}
.obfc-course-pickup1 .body1 .copy1 {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	margin: 0 auto 20px;
	max-width: 855px;
	text-align: left;
}

#course3-pickup .course3-pickup-box {
	background-color: #fcfcfc;
	width: 1160px;
	padding: 40px 0 ;
	margin: 30px auto 60px;
	position: relative;
	text-align: center;
}
#course4-pickup .course4-pickup-box {
	background-color: #fcfcfc;
	width: 1160px;
	padding: 40px 0;
	margin: 30px auto 60px;
	position: relative;
	text-align: center;
}
#course3-1-pickup .course3-pickup-box .left {
	width: 77%;
	margin: 0 30px 0 0;
}
#course3-1-pickup .course3-pickup-box .left img {
	width: 265px;
	margin: 0 0 10px 0;
}
#course3-1-pickup .course3-pickup-box {
	background-color: #fcfcfc;
	width: 856px;
	display: flex;
	padding: 15px 40px;
	margin: 30px auto 60px;
}
#course3-1-pickup .course3-pickup-box .obfc-course-items1 {
	width: 60%;
	margin: 10px 0;
}
.course3-pickup-box .title1 {
	color: #7d4698;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
	text-align: center;
}
#course5-pickup .course5-pickup-box {
	background-color: #fcfcfc;
	padding: 40px 0 40px;
	margin: 30px auto 60px;
	position: relative;
	width: 1160px;
	text-align: center;
}
#course5-pickup .course5-pickup-box2 {
	background-color: #fcfcfc;
	padding: 40px 0 40px;
	margin: 30px auto 60px;
	position: relative;
	width: 1160px;
	text-align: center;
}
#course5-pickup .course5-pickup-box2 {
	background-color: #fcfcfc;
	padding: 15px 25px;
	margin: -35px auto 30px;;
	width: 620px;
	display: flex;
	text-align: left;
}
#course5-pickup .course5-pickup-box2 .left {
	width: 76%;
	margin: 20px 20px 0 0;
}
#course5-pickup .course5-pickup-box2 .name {
	color: #e4007f;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 5px 0;
}
.course5-pickup-box p {
	font-size: 18px;
	margin: 20px auto 0;
}
.course-brand-cnt1 p {
	margin-bottom: 30px;
}
.course5-intern1 {
	padding: 40px 15px 30px;
	margin: 0 auto 0;
	text-align: center;
	max-width: 930px;
}
.course5-intern2 .obfc-container1 {
	padding: 20px 15px 40px;
	margin: 0 auto 0;
	text-align: center;
	max-width: 930px;
}

.course5-intern2 .obfc-container1 .obfc-row3 {
	margin-top: 20px;
}
.course5-intern1 .title {
    max-width: 930px;
    background: #e4007f;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    display: inline-block;
    padding: 3px 10px;
    left: 50%;
}
.course5-intern1 .title1 {
    color: #f01c79;
    font-size: 22px;
    font-weight: 100;
    line-height: 1.2;
    margin: 60px 0 18px;
}

.course5-intern2 .obfc-row3 .col1 {
	margin-bottom: 40px;
}

.course5-intern2 .subtitle1 {
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 0.5em;
	text-align: left;
}

.course5-intern2 .body2 {
	display: flex;
	margin-bottom: 50px;
	flex-wrap: wrap;
	width: 100%;
}
.course5-intern2 .body2 > div {
	border-left: 6px solid #f01c79;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 17px;
	margin: 0.5em 3.4482% 1em 0;
	padding-left: 10px;
	text-align: left;
	width: 31.0344%;
}
.course5-intern2 .body2 > div:nth-child(3n) {
	margin-right: 0;
}

.course5-intern2 .body3 {
	/*border: 1px solid #b3b3b3;
	padding: 40px;*/
	margin-bottom: 50px;
}
.course5-intern2 .body3 .subtitle1 {
	font-size: 22px;
	font-weight: 500;
	margin: 0;
	text-align: left;
}
.course5-intern2 .body3 .block1 {
	display: flex;
	flex-wrap: wrap;
}
.course5-intern2 .body3 .block1 > div {
	margin: 1em 6% 0 0;
	width: 47%;
}
.course5-intern2 .body3 .block1 > div:nth-child(2n) {
	margin-right: 0;
}
.course5-intern2 .body3 .subtitle2 {
	background: #f01c79;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 2em;
	margin: 0 0 0.5em;
	padding: 0 0.5em;
	text-align: left;
}
.course5-intern2 .body3 ul {
	margin: 0 0 0 0.5em;
    padding-inline-start: 0px;
	text-align: left;
}
.course5-intern2 .body3 ul li {
	color: #231815;
	list-style: none;
	position: relative;
	padding-left: 14px;
	line-height: 1.75em;
}
.course5-intern2 .body3 ul li:before {
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	background: #f01c79;
	border-radius: 3.5px;
	left: 0;
	top: 9px;
}
.course5-intern2 .body3 ul li.n:before {
	display: none;
}


.course5_pickup_col {
	width: 600px;
	display: flex;
	margin: 60px auto 30px;
	justify-content: center;
	background: #fff;

}

.course5_pickup_col_title {
	width: 50%;
	color: #e4007f;
	font-weight: bold;
	align-content: center;
	padding-left: 50px;
	font-size: 18px;
}


.course5_pickup_col_right {
	display: flex;
	width: 50%;
	padding: 30px;
	color: #e4007f;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.course5_pickup_col_right >div:first-child {
	padding-right: 10px;
}

.course-brand-cnt1 {
	background-color: #f7f7f7;
	margin: 0 0 60px;
	padding: 35px 0 10px;
}






.course-brand_producer-cnt1 {
	background-color: #f9f3f9;
	margin: 0 0 70px;
	padding: 35px 0 10px;
}
.course-stylist-cnt1 {
	background-color: #fff5fb;
	margin: 0 0 70px;
	padding: 35px 0 10px;
}
body.course2 .course-brand_producer-cnt1 {
	background-color: #f0f8f8;
}
body.course4 .course-brand_producer-cnt1 {
	background-color: #f9efe4;
}



.course-brand_producer-cnt2 {
	display: flex;
	flex-wrap: wrap;
}
.course-brand_producer-cnt2 .item1 {
	border: 1px solid #7d4698;
	background:#ffff;
	border-radius: 4px;
	margin-bottom: 29px;
	padding: 14px 15px;
	position: relative;
	width: 21.8965%;
}
.course-brand_producer-cnt2 .item1.b {
	display: flex;
	width: 36.2068%;
}
.course-brand_producer-cnt2 .item1.b > div:nth-child(1) {
	flex: 1;
	padding-right: 20px;
}
.course-brand_producer-cnt2 .item1.b > div:nth-child(2) {
	width: 62.8571%;
	margin: 9px 0 0 0;
}
.course-brand_producer-cnt2 .item1 + .item1 {
	margin-left: 4.1379%;
}
.course-brand_producer-cnt2 .item1:nth-child(5n) {
	margin-left: 0;
}
.course-brand_producer-cnt2 .item1 + .item1:before {
	background: url("/assets/course/img/course3-top-arrow1.png") no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	height: 10px;
	left: -15%;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 24px;
}
.course-brand_producer-cnt2 .item1 + .item1.b:before {
	left: -8.8095%;
}
.course-brand_producer-cnt2 .item1:nth-child(5n):before {
	display: none;
}
.course-brand_producer-cnt2 .item1 .t1 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	margin: 0 0 10px;
}
.course-brand_producer-cnt2 .item1 .t1 span {
	color: #7d4698;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	margin: 0 12px 0 0;
	position: relative;
	vertical-align: bottom;
}
.course-brand_producer-cnt2 .item1 .sub3 {
	background: #7d4698;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  line-height: 27px;
  padding: 0px 8px;
}
.course-brand_producer-cnt2 .item1 p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.78;
	margin: 0;
}




.course-brand_producer-cnt3  {
	display: flex;
	flex-wrap: wrap;
}
.course-brand_producer-cnt3 .item1 {
	margin-bottom: 20px;
	position: relative;
	width: 22.5862%;
}
.course-brand_producer-cnt3 .item1 + .item1 {
	margin-left: 3.2183%;
}
.course-brand_producer-cnt3 .item1:nth-child(5n) {
	margin-left: 0;
}
.course-brand_producer-cnt3 .image1 {
	position: relative;
}
.course-brand_producer-cnt3 .image1 span {
	background-color: #7d4698;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	left: 0;
	line-height: 21px;
	padding: 0 10px;
	position: absolute;
	top: 0;
}
.course-brand_producer-cnt3 h3 {
	font-size: 15px;
	font-weight: 500;
	margin: 7px 0 0;
}
.course-brand_producer-cnt3 p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	margin: 0;
}
.course-brand_producer-cnt4 {
	background: #fff;
	padding: 20px;
	margin: 0 0 50px;
	display: flex;
}
.course-brand_producer-cnt4 .title {
	color: #7d4698;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 6px;
}
.course-brand_producer-cnt4 .sub4 {
	border: 1px solid #7d4698;
	color: #7d4698;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	padding: 4px 7px;
	margin: 0 0 10px;
}
.course-brand_producer-cnt4 .text-box {
	width: 72%;
}
.course-brand_producer-cnt4 p {
	font-size: 18px;
}

.course-brand_producer-title1 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 25px;
	text-align: center;
}
.course-brand_producer-title1 > span {
	background: #7d4698;
	display: inline-block;
	line-height: 33px;
	padding: 0 20px;
	text-align: center;
}
.mt50 {
	margin-top: 50px;
}


.course-superdesigner-cnt1 {
	background: #f3f3f3;
	padding: 65px 0 58px;
	margin: 90px 0 0;
}
.course-superdesigner-cnt1 .b-copy1 {
	margin-bottom: 35px;
	text-align: center;
}
.course-superdesigner-cnt1 .b-copy1 span {
	border: 1px solid #c49e00;
	display: inline-block;
	color: #c49e00;
	font-size: 30px;
	font-weight: 500px;
	padding: 2px 10px;
}
.course-superdesigner-cnt1 .content1 {
	background: #fff;
	margin: 15px 0 0;
	padding: 40px 115px;
}
.course-superdesigner-cnt1 .content1 .block1 {
	justify-content: space-between;
	margin: auto;
	max-width: 928px;
	width: 100%;
	position: relative;
}
.course-superdesigner-cnt1 .content1 .block1 .dokka-back {
	width: 428px;
	position: absolute;
	bottom: -35%;
  left: -12.5%;
}
.course-superdesigner-cnt1 .content1 .item1 {
	display: flex;
	width: 565px;
	margin: 0 0 40px auto;
}
.course-superdesigner-cnt1 .content1 .item1 div .t1 {
	font-size: 15px;
	margin: 0 0 5px 0;
}
.course-superdesigner-cnt1 .content1 .item1 div .t2 {
	font-size: 13px;
}
.course-superdesigner-cnt1 .content1 .item1 div  {
	margin: 15px 0 0 15px;
	width: 58.5%;
}
.course-superdesigner-cnt1 .content1 .dokka-logo {
	width: 225px;
	height: 58px;
	margin: 23px 0;
}
.course-superdesigner-cnt1 .content1 .block1 > div:nth-child(1) {
	width: 40.84051724137931%;
}
.course-superdesigner-cnt1 .content1 .block1 > div:nth-child(2) {
	width: 59.15948275862069%;
}
.course-superdesigner-cnt1 .content1 .block1 .item1 {
	display: flex;
}
.course-superdesigner-cnt1 .content1 .block1 .item1 > div:nth-child(1) {
	width: 42.216358839050132%;
}
.course-superdesigner-cnt1 .content1 .block1 .item1 > div:nth-child(2) {
	flex: 1;
	padding: 0 10px 0 17px;
}
.course-superdesigner-cnt1 .content1 .block1 p {
	font-weight: 500;
	line-height: 1.53;
	margin: 0;
}
.course-superdesigner-cnt1 .content1 .block1 .item1 .t1 {
	font-size: 15px;
}
.course-superdesigner-cnt1 .content1 .block1 .item1 .t2 {
	font-size: 13px;
	margin-top: 5px;
}
.course-superdesigner-cnt1 .content1 .block1 .item1 .t3 {
	color: #c49e00;
	font-size: 14px;
	margin-top: 20px;
}
.course-superdesigner-cnt1 .content1 .block1 .item1 .t4 {
	font-size: 13px;
	line-height: 1.46;
	margin-top: 3px;
}
.course-superdesigner-cnt1 .content1 .block1 .item2 {
	margin-top: 25px;
}
.course-superdesigner-cnt1 .content1 .block1 .item2 .t1 {
	font-size: 14px;
	margin-bottom: 9px;
}
.course-superdesigner-cnt1 .content1 .block1 .item2 img {
	height: 56px;
	width: auto;
}
.course-superdesigner-cnt1 .content1 .block2 p {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	display: flex;
	justify-content: center;
	margin: 15px 0 0;
}
.course-superdesigner-cnt2 {
	margin: 0 0 60px;
}
.course-superdesigner-cnt2 .block1 {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}
.course-superdesigner-cnt2 .block1 > div {
	width: 46.551724137931034%;
}
.course-superdesigner-cnt2 .block1 h3 {
	border-bottom: 1px solid #6d6d6d;
	color: #c49e00;
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 15px;
	padding: 0 0 2px;
}
.course-superdesigner-cnt2 .block1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.course-superdesigner-cnt2 .block1 ul + h3 {
	margin-top: 40px;
}
.course-superdesigner-cnt2 .block1 ul li {
	font-feature-settings: "palt";
	line-height: 1.46;
	padding: 0 0 0 13px;
	position: relative;
}
.course-superdesigner-cnt2 .block1 ul li:before {
	background: #c49e00;
	border-radius: 50%;
	content: "";
	display: block;
	height: 6px;
	left: 0;
	position: absolute;
	top: 0.55em;
	width: 6px;
}
.course-superdesigner-cnt2 .block1 ul li .color1 {
	color: #c49e00;
}
.course-superdesigner-cnt3-box {
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px 0;
}
.course-superdesigner-cnt3-box .left {
	width: 49%;
	border: 1px solid #d9d9d9;
	padding: 18px 22px;
}
.course-superdesigner-cnt3-box .right {
	width: 49%;
	border: 1px solid #d9d9d9;
	padding: 18px 22px;
}
.course-superdesigner-cnt3-box .caption {
	color: #c49e00;
	font-size: 15px;
	margin: 0 0 3px 0;
}
.course-superdesigner-cnt3-box .image1 {
	width: 195px !important;
	height: auto;
}
.course-superdesigner-cnt3-box .profile {
	display: flex;
	margin: 7px 0 15px 0;
}
.course-superdesigner-cnt3-box .profile .profile-text {
	margin: 0 0 0 13px;
	text-align: justify;
	max-width: 60%;
}
.course-superdesigner-cnt3-box .profile .profile-text ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.course-superdesigner-cnt3-box .profile .profile-text ul li {
	font-feature-settings: "palt";
	line-height: 1.55;
	padding: 0 0 0 13px;
	position: relative;
}
.course-superdesigner-cnt3-box .profile .profile-text ul li:before {
	background: #c49e00;
	border-radius: 50%;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	top: 0.55em;
	width: 4px;
}
.obfc-collapse-head1 {
	border: 1px solid #CCC;
	color: #262626;
	cursor: pointer;
	font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 20px;
	position: relative;
	text-align: center;
	width: 100%;
}
.course-superdesigner-cnt3 .obfc-h-copy2,
.course-superdesigner-cnt2 .obfc-h-copy2 {
	margin: 0!important;
}

.heisyu_img {
	width: 400px;
	height: auto;
	padding: 10px;
}

.heisyu_col2 {
	display: flex;
	background: #efeadb;
	padding: 55px 33px 25px 23px;
}

.heisyu_content {
	margin: 40px auto;
}

.heisyu_title {
	color: #7d4698;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0;
}



.heisyu_sub {
	font-size: 0.875em;
	margin-top: 12px;
}

.heisyu_right {
	margin-left: 40px;
}


.heisyu_right_02 {
	padding-top: 22px;
	border-top: 1px #000 solid;
	margin-top: 22px;
}

.heisyu_list {
	list-style: none;
	font-weight: bold;
	margin: 0;
	padding: 16px 0 0 0;
	letter-spacing: -0.14rem;
}

.heisyu_list li {
	padding-bottom: 8px;
}

.heisyu_list li::before {
  content:  "";    
  width:  10px;               
  height:  10px;              
  display:  inline-block;     
  background-color: #7d4698;  
  border-radius:  50%;        
	
}

.program_col2 {
	display: flex;
	justify-content: space-between;
	margin-top: 56px;
}

img.program_img {
	width: 60%;
}

img.casestudy_subtitle {
	width: 243px;
}

.course3_program_title {
	font-size: 30px;
	font-weight: normal;
	margin: 20px 0  ;
}

.program_col2_right {
	padding-left: 62px;
}

.course3_program_p {
	letter-spacing: 0.1em;
	font-size: 16px;

}

.course3_program_title {
	font-size: 23px;
}

.program_col2_title {
	color: #7d4698;
	font-size: 18px;
	margin: 15px 0;
	font-weight: bold;
}

.program_col2_p {
	font-size: 18px;
}

.program_col2-2_left ,.program_col2-2_right {
	width: 48%;
}



.course3_pickup {
	background: #efeadb;
	padding: 0px 54px 32px 54px;

}

img.course3_pickupimage {
	position: relative;
	top: -25px;
  left: 50%;
  transform: translateX(-50%);
	width: 200px;
}

.course3_pickup_col2 {
	display: flex;
	justify-content: space-between;
}

.course3_pickup_col2_right , .course3_pickup_col2_left {
	width: 48%;
}

.course3_pickup_col2_left {
	text-align: center;
}

.course3_pickup_col2_right_name {
	font-size: 16px;
}

.course3_pickup_col2_right_faculty {
	margin-top: 16px;
}

.course3_pickup_col2_right_title {
	font-size: 24px;
	color: #7d4698;
	font-weight: bold;
}

.course3_pickup_col2_right_p {
	margin: 15px 0;
}

.course3_pickup_col2_right_whbox {
	background: #fff;
	border-radius: 6px;
	margin-bottom: 10px;
}

.course3_pickup_col2_right_whbox_title {
	color: #7d4698;
	border-bottom: 1px solid #7d4698;
	font-weight: bolder;
	padding: 10px;
	font-size: 18px;
}

.course3_pickup_col2_right_whbox_p {
	font-size: 14px;
	padding: 10px;
}

.course3-2_nagare_col {
	list-style-type: none;
	counter-reset: li;
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	padding: 0;
}

.course3-2_nagare_col li {
	align-items: center;
	width: 23%;
	font-size: 17px;
	font-weight: bold;
}

.course3-2_nagare_col li:last-child {
	width: 48%;
}

.course3-2_nagare_col li img{
display: block;
}

.course3-2_nagare_col li::before {
	display: inline-block;
	min-width: 1.7em;
	margin-right: 5px;
	margin-bottom: 10px;
	border-radius: 50%;
	background-color: #7d4698;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.7em;
	text-align: center;
	content: counter(li);
	counter-increment: li;
}

.course3-2_nagare_col_label {
	width: 136px;
	position: absolute;
	top: 450px;
	right: 20px;
}







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

	.course5-pickup-box2-2 {
		background-color: #fcfcfc;
		padding: 15px 25px;
		margin: 60px auto 30px;;
		width: 100%;
		display: flex;
	}

	.specialist-content1 {
		margin: 25px 0 45px;
		padding: 30px 25px 25px;
	}
	.specialist-content1:before {
		height: 60px;
		left: -2px;
		top: -2px;
		width: 60px;
	}
	.specialist-content1 h3 {
		font-size: 20px;
		line-height: 1.4;
		margin: 0 0 15px;
	}
	.specialist-content1 p {
		float: none;
		width: 100%;
	}
	.specialist-content1 img {
		display: block;
		float: none;
		margin: 10px auto 0;
		width: auto;
	}

	.specialist-content2 {
		padding: 30px 0;
	}
	.specialist-content2 .block1 > div {
		height: auto;
		float: none;
		padding: 20px 0;
		width: 100%;
	}
	.specialist-content2 .block1 > div + div {
		margin-left: 0%;
		margin-top: 15px;
	}
	.specialist-content2 .block1 h3 {
		margin: 0 0 5px;
	}


	.syllabus-content1 p.box1 {
		padding: 18px;
		font-size: 15px;
		line-height: 1.4;
		text-align: left;
	}


	.education-campus-img1 {
		height: 230px;
		margin: 0 -15px 25px;
		position: relative;
		width: auto;
	}
	.education-campus-img-graduation {
		height: 140px;
		margin: 0 -15px 25px;
		position: relative;
		width: auto;
	}
	.education-campus1 {
		padding-bottom: 30px;
	}
	.education-campus1.first {
		margin-top: 60px;
	}
	.education-campus1 > .inner:before {
		display: none;
	}
	.education-campus1.first > .inner:before {
		display: none;
	}
	.education-campus-row1 > div {
		float: none;
		padding: 0;
	}
	.education-campus-row1 > div:nth-child(1) {
		padding: 38px 0 15px;
		width: 100%;
	}
	.education-campus-row1 > div:nth-child(2) {
			padding: 0;
		width: 100%;
	}
	.education-campus-row1 > div:nth-child(3) {
		width: 100%;
	}
	.education-campus-row1 .box1 {
		border: 1px solid #f01c79;
		font-size: 10px;
		height: 80px;
		margin: auto;
		width: 80px;
	}
	.education-campus-row1 .box1 span {
		font-size: 36px;
	}
	.education-campus-row1 .list {
		font-size: 14px;
	}
	.education-campus-row1 .list li {
		font-feature-settings: "palt";
		padding: 12px 0 12px 17px;
	}
	.education-campus-row1 .list li + li {
		border-top: 1px dotted #262626;
	}
	.education-campus-row1 .list li:before {
		height: 5px;
		left: 6px;
		top: 18px;
		width: 5px;
	}
	.education-campus-pickup1 {
		margin: 0;
	}
	.education-campus-pickup1 .head1 {
		padding: 40px 0 0;
	}
	.education-campus-pickup1 .head1 span {
		font-size: 22px;
	}
	.education-campus-pickup1 .body1 {
		padding: 20px 15px 30px;
	}
	
	/*.education-campus-slider p.copy {
		font-size: 12px;
		margin: 8px 0 0;
	}
	.education-campus-slider .slick-slider .slick-prev,
	.education-campus-slider .slick-slider .slick-next {
		top: 90px;
	}*/
	

	body.course2-6 #obfc-page-top-title1 .title {
		letter-spacing: -0.03em;
	}
	#obfc-page-top-title1 .sub1 {
		font-size: 14px;
	}
	body.course2-6 #obfc-page-top-title1 .sub1 {
		font-size: 12px;
		line-height: 1.2;
		margin-bottom: 5px;
	}

	#obfc-page-top-title1 .sub2 {
		margin: 0 auto 5px;
	}
	#obfc-page-top-title1 .sub2 span {
		font-size: 13px;
		line-height: 20px;
	}

	
	
	.course-com-content1 {
		margin: 0 0 30px;
	}

	.course-com-content2 {
		padding: 30px 0 30px;
	}
	#course1-student-works .course-com-content2,
	#course2-student-works .course-com-content2,
	#course3-student-works .course-com-content2,
	#course4-student-works .course-com-content2,
	#course5-student-works .course-com-content2
	{
    padding: 30px 15px 30px;
	}
	.course-com-list1 li + li {
		margin-top: 6px;
	}
	.course-com-list1 li > span.num {
		font-size: 35px;
		padding: 15px 0;
		width: 60px;
	}
	.course-com-list1 li > span.body {
		font-size: 15px;
		padding: 15px 18px 15px 0;
	}

	.course-com-content3 + .course-com-content3 {
		margin: 50px 0 0;
	}
	/*.course-com-content3 > div {
		float: none;
	}*/
	.course-com-content3 > div.in {
		float: none;
		width: 100%;
	}
	.course-com-content3 div.left {
		float: none;
		width: 100% !important;
	}
	.course-com-content3 div.center {
		float: none;
		margin-top: 13px;
		width: 100% !important;
	}
	.course-com-content3 div.right {
		float: none;
		margin-top: 15px;
		padding-left: 0;
		text-align: left;
		width: 100%!important;
	}
	.course-com-content3 div.left h2 {
		width: 100%;
	}
	.course-com-content3 .obfc-table1 {
		border-bottom: 1px solid #CCC;
		margin: 10px 0 15px;
	}
	.course-com-content3 .obfc-table1 th {
		font-size: 20px;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
	.course-com-content3 .obfc-table1 td {
		padding: 10px 0;
	}
	
	.course-com-content4 {
		margin: 0 auto 50px;
		overflow: hidden;
		text-align: center;
		width: 290px;
	}
	.course-com-content4 > div {
		display: none !important;
	}
	body.course2-top .course-com-content4 > img,
	body.course3-top .course-com-content4 > img,
	body.course4-top .course-com-content4 > img,
	body.course5-top .course-com-content4 > img {
		height: auto;
		margin: auto;
		width: 290px;
	}

	.course-com-content5 div.block1 div.left {
		float: none;
		width: 100%;
	}
	.course-com-content5 div.block1 div.right {
		margin-top: 15px;
		margin-left: 0;
		padding: 0;
	}
	.course-com-content5 div.block1 div.left h2 {
			width: 100%;
	}
	.course-com-content5 div.block2 {
		margin-bottom: 30px;
	}
	.course-com-content5 div.block2 div.left {
		float: none;
		width: 100%;
	}
	.course-com-content5 div.block2 div.right {
		float: none;
		margin-bottom: 10px;
		width: 100%;
	}
	.course-com-content5 .obfc-table1 th {
		font-size: 20px;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
	.course-com-content5 div.block2 div.right .table1 {
		border-bottom: 1px solid;
	}
	
	body.course2 .course-com-content5 div.block2 div.right .table1 {
		border-color: #9accce;
	}
	.course-com-content5 div.block2 div.right .table1 th,
	.course-com-content5 div.block2 div.right .table1 td {
		font-size: 13px;
		line-height: 1.23;
	}
	.course-com-content5 .manabi_pc {
		display: none;
	}
	.course-com-content5 div.block2 div.right .table1 thead tr th:first-child {
		font-size: 11px;
	padding: 5px 0;
	}
	.course-com-content5 div.block2 div.right .table1 thead tr th:not(:first-child) {
		font-size: 17px;
		width: 21.8965%;
	}
	.course-com-content5 div.block2 div.right .table1 tbody th {
		font-size: 15px;
	}
	.course-com-content5 div.block2 div.right .table1 tbody td {
		padding: 8px 0;
	}
	
	body.course1 .course-com-content5 div.block2 div.left {
		margin:auto;
	}
	body.course1 .course-com-content5 div.block2 div.right {
		padding-left: 0%;
		width: auto;
	}

	.course-com-content6 {
		margin-bottom: 50px;
	}

	.course-com-content7 {
		padding: 30px 15px 35px;
		margin-bottom: 50px;
	}
	.course-com-content7 .title1 {
		font-size: 22px;
		line-height: 1.4;
	}

	.course-com-content8 {
		padding: 30px 0;
	}
	.course-com-content8 .title1 {
		font-size: 18px;
		line-height: 1.4;
	}
	.course-com-content8 .obfc-row3 .col1 {
		margin-bottom: 15px;
	}
	.course-com-content8 .obfc-row3 .link a {
		padding: 10px 14px;
	}
	.course-com-content8 .obfc-row3 .copy {
		margin: 5px 0 0;
	}
	.course-com-content8 hr {
		margin: 15px 0 30px;
	}
	body.course3 .course-com-content8 .obfc-row3 {
		margin:auto;
	}
	body.course4 .course-com-content8 .obfc-row3 {
		margin-left: 0; 
	}
	.course-com-content9 {
		margin: 40px 0 0;
		padding: 45px 15px 20px;
	}
	.course-com-content9 .block > div {
		float: none;
		padding: 0 15px;
		width: 100%;
	}
	.course-com-content9 .block > div + div {
		border-left: none;
		border-top: 1px solid #CCC;
		margin-top: 20px;
		padding-top: 20px;
	}
	.course-com-content9 .block > div:nth-child(2n) {
		border-left: none;
	}
	.course-com-content9 h3 {
		font-size: 17px;
	}

	.course-com-content10 + .course-com-content10 {
		margin-top: 40px;
		padding-top: 40px;
	}
	.course-com-content10 > div.left {
		float: none;
		width: 100%;
	}
	.course-com-content10 > div.right {
		float: none;
		margin-top: 15px;
		padding-left: 0;
		width: 100%;
	}
	.course-com-content10 + .course-com-content10 > div.left {
		float: none;
	}
	.course-com-content10 + .course-com-content10 > div.right {
		float: none;
		padding-right: 0;
	}
	.course-com-content10 .title1 {
		font-size: 25px;
		margin: 0 0 15px;
	}
	.course-com-content10 .copy1 {
		font-size: 18px;
	}
	.course-com-content10 .course-com-content9 {
		margin: 20px 0 0;
	}
	.course-com-content9 .block > div {
		padding: 0 15px;
	}
	.course-com-content9 .block > div + div {
		margin-top: 8px;
	}
	.course-com-content10 .course-com-content9 .block > div {
		padding: 0;
	}
	.course-com-content10 .course-com-content9 .block > div + div {
		border-top: none;
	}
	#course5-student-works p {
    font-size: 17px;
    margin: 10px 0 10px;
	}
	#course5-student-works-2 p {
    font-size: 17px;
    margin: 10px 0 10px;
	}
	#course5-student-works-2 .course-com-content2 {
		padding: 0 15px 40px;
	}

	.course-com-content11 {
		font-size: 17px;
		padding: 10px;
	}

    .course-com-content12 .obfc-button7 {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }



	body.course-top #obfc-page-title2 {
		background-position: center -64px;
		background-size: 900px 250px;
	}
	
	.course-top-content1 > div.in {
		padding: 35px 0 50px;
	}
	.course-top-content1.course1 > div.in {
		padding-bottom: 70px;
	}
	.course-top-content1.course5 > div.in {
		margin-bottom: -137px;
		padding-bottom: 180px;
	}
	.course-top-content1 .title1 {
		margin-bottom: 20px;
	}
	.course-top-content1 .title1 h2 {
		font-feature-settings: "palt";
		font-size: 22px;
		letter-spacing: 0em;
	}
	.course-top-content1 .title1 p {
		font-feature-settings: "palt";
		font-size: 14px;
		line-height: 1.3;
		margin: 8px 0 0;
	}
	.course-top-content1 .block1 > div {
		width: 100%;
	}
	.course-top-content1 .block1 > div.left {
		position: relative;
		left: auto;
		top: auto;
	}
	.course-top-content1 .block1 > div.left h3 {
		font-size: 34px;
		margin: 20px 0;
	}
	.course-top-content1 .block1 > div.right {
		float: none;
		margin-top: 20px;
		padding: 15px 25px 40px;
	}
	.course-top-content1.course2 .block1 > div.right {
		padding-bottom: 40px;
		padding-top: 15px;
	}
	.course-top-content1.course3 .block1 > div.right {
		padding-bottom: 40px;
	}
	.course-top-content1 .block1 > div.right .copy1 {
		font-size: 17px;
	}
	.course-top-content1 .block1 > div.right h4 {
		margin: 10px 0 0;
	}
	.course-top-content1 .block2 {
		padding-top: 40px;
	}
	.course-top-content1.course3 .block2 {
		padding-top: 20px;
	}
	.course-top-content1 .obfc-row3 .col1 .link a {
		padding: 10px 15px;
	}
	.course-top-content1 .obfc-row3 .copy {
		margin: 5px 0 0;
	}



	.course2-top-content1 > div {
		float: none;
		width: 100%;
	}
	.course2-top-content1 > div + div {
		margin-left: 0;
		margin-top: 25px;
	}
	.course2-top-content1 h3 {
		font-size: 15px;
		margin: 0 0 10px;
	}
	.course2-top-content1 h3 span {
		display: block;
		margin: 0;
	}
	.course2-content7-title p {
    font-size: 14px;
    height: 29px;
	}
	.course2-content7-title img {
		width: 72px;
    margin: 0 10px;
	}
	
	
	
	body.course3-top .course-com-content4 > img,
	body.course4-top .course-com-content4 > img {
		height: auto;
		margin: auto;
		width: 290px;
	}
	
	
	
	.course-com-content1 p {
		font-size: 14px;
		line-height: 1.3;
		letter-spacing: -0.04em;
	}
	.course5-top-copy1 {
		font-size: 18px;
	}
	.course5-top-img1 {
		margin: 0 0 70px;
	}
	.course5-top-img1 img {
		height: auto;
		width: 290px;
	}
	.course5-top-content2 > div {
		float: none;
		width: 100%;
	}
	.course5-top-content2 > div + div {
		margin-left: 0;
		margin-top: 30px;
	}
	.course5-top-content2 h3 {
		margin: 15px 0 10px;
	}
	body.course5-top .course-com-content8 .obfc-row3 .col1 {
		display: block;
	}
	body.course5-top .course-com-content8 .obfc-row3 .col1 + .col1 {
		margin-left: 0;
	}
	body.course5 .course-com-content8 .obfc-row3 {
		margin-left:0;
	}


	.course-com-content12 {
		margin: 0 0 90px;
	}
	.course-com-content14 {
		margin: -45px auto 0;
		text-align: center;
	}
	.course-com-content14 .obfc-button8 {
    margin: 40px auto 40px;
	}
	.course-com-content16 .block1,
	.course-com-content16-2 .block1 {
    display: block;
		margin: 10px 0 0 0;
	}
	body.course3 .obfc-course-items1 .sub3 {
    font-size: 13px;
		line-height: 22px;
	}
	.course-com-content16 .block1 p,
	.course-com-content16-2 .block1 p {
    font-size: 18px;
    font-weight: 600;
    margin: -10px 0 10px 0
	}
	.course-com-content16 .block1 span.txt1 {
    font-size: 40px;
	}
	.course-com-content16 .block1 span.txt2 {
    font-size: 16px;
		margin: 0 0 0 5px;
	}
	.course-com-content16 .curriculum-box-col2,
	.course-com-content16 .curriculum-box-col3 {
    display: block;
    margin: 0 0 30px 0;
	}
	.course-com-content16-2 .curriculum-box-col5 {
    display: flex;
		flex-wrap: wrap;
    padding: 15px;
	}
	.course-com-content16 .curriculum-box-col2 div {
    width: 100%;
    padding: 0;
	}
	.course-com-content16 .curriculum-box-col2 p, .course-com-content16 .curriculum-box-col3 p {
    font-size: 14px;
    margin: 10px 0 20px 0;
	}
	.course-com-content16 .curriculum-box-col2 .right,
	.course-com-content16 .curriculum-box-col3 div.center,
	.course-com-content16 .curriculum-box-col3 div.right {
    padding-left: 0;
	}
	.course-com-content16 .curriculum-box-col2 .left,
	.course-com-content16 .curriculum-box-col3 div.center,
	.course-com-content16 .curriculum-box-col3 div.left	{
    padding-right: 0;
	}
	.course-com-content16 .curriculum-box-col2 .right,
	.course-com-content16 .curriculum-box-col3 div.center {
    border-left: none;
	}
	.course-com-content16 .curriculum-box-col3 div.center {
    border-right: none;
	}
	body.course1 .course-com-content16 .title {
    font-size: 20px;
    width: 260px;
		text-align: center;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateY(-82%) translateX(-50%);
	}
	body.course2 .course-com-content16-2 .title,
	body.course3 .course-com-content16 .title,
	body.course4 .course-com-content16 .title,
	body.course5 .course-com-content16 .title {
    font-size: 20px;
    width: 120px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateY(-80%) translateX(-50%);
	}
	.course5-intern1 .title {
		font-size: 20px;
		width: 250px;
		text-align: center;
		top: 0px;
		left: 50%;
	}
	.course5-intern1 .title1 {
		margin: 30px 0 18px;
	}

	.title_pro {
		width: 300px !important;
	} 

	.course5-top-content3 .num1 p {
		text-align: center;
		font-size: 16px;
	}
	.course5-top-content3 .course-com-content6 > div .image img {
		max-height: 280px;
		object-fit: cover;
		width: 100%;
	}
	.course-com-content16-2 {
    margin: 0 0 60px 0;
	}
	.course-com-content16-2 .curriculum-box-col5 div {
    width: 47%;
	}
	.course-com-content16-2 .curriculum-box-col5 div:nth-child(n+3) {
    margin: 10px 0 0 0;
	}
	.course-com-content16-2 .curriculum-box-col5 .item + .item {
    margin-left: 0;
	}
	.course-com-content16-2 .curriculum-box-col5 .item + .item:before {
    display: none;
	}
	.course-com-content16-2 .curriculum-box-col4 .box .course {
    width: 47%;
    margin: 1.5%;
	}
	.course-com-content16-2 .curriculum-box-col4 .box2 {
    width: 100%;
    padding: 0 15px 15px;
		margin: 15px 5px 10px 5px;
	}
	.course-com-content16-2 .curriculum-box-col4 .box {
    padding: 10px 10px 10px 15px;
		margin: 15px 0 0 0;
	}
	.course-com-content16-2 .curriculum-box-col4 .box2 .caption {
		font-size:16px;
		padding: 10px 0;
	}
	.course-com-content16-2 .curriculum-box-col4 .box2 div img {
		width: 100%;
		height: auto;
	}


	.at_designer-cnt3-box {
		display: block;
		justify-content: space-between;
		padding: 15px;
		max-width: 100%;
	}
	
	.at_designer-cnt3-box .profile-text {
		max-width: 100%;
		padding: 0
	}
	.at_designer-cnt3-box .image1 {
		margin: auto;
		max-width: 100%;
	}

	.at_designer-cnt3-box h3 {
        font-size: 15px;
        margin: 9px 0 4px;
    }

	.at_designer-cnt3-box p {
        font-size: 14px;
    }



	.obfc-course-items1 {
		margin: 10px 0 15px;
	}
	body.course2 .obfc-course-items1 {
    justify-content: center;
    align-items: center;
	}
	body.course4 .obfc-course-items1 {
    justify-content: center;
    align-items: center;
	}
	body.course5 .obfc-course-items1 {
    justify-content: center;
    align-items: center;
	}
	.obfc-course-items1 .item1 {
		margin: 0 3% 25px 0 !important;
		width: 48.5%;
	}
	body.course2 .obfc-course-items1 .item1 {
		margin: 0 0% 25px 0 !important;
		width: 90%;
	}
	body.course4 .obfc-course-items1 .item1 {
		margin: 0 0% 25px 0 !important;
		width: 90%;
	}
	body.course5 .obfc-course-items1 .item1 {
		margin: 0 0% 25px 0 !important;
		width: 100%;
	}
	.obfc-course-items1 .item1:nth-child(3n) {
		margin-right: 3% !important;
	}
	body.course2 .obfc-course-items1 .item1:nth-child(3n) {
		margin-right: 0% !important;
	}
	body.course4 .obfc-course-items1 .item1:nth-child(3n) {
		margin-right: 0% !important;
	}
	body.course5 .obfc-course-items1 .item1:nth-child(3n) {
		margin-right: 0% !important;
	}
	.obfc-course-items1 .item1:nth-child(2n) {
		margin-right: 0 !important;
	}
	.obfc-course-items1 .image1:after {
		height: 3px;
	}
	.obfc-course-items1 h3 {
		font-size: 15px;
		margin: 9px 0 4px;
	}
	.obfc-course-items1 p {
		font-size: 14px;
	}
	.obfc-course-items1.col2 .item1 {
		margin: 0 0 35px 0!important;
		width: 100%;
	}


	.obfc-course-pickup1 {
		margin: 0;
	}
	.obfc-course-pickup1 .head1 {
		padding: 40px 0 0;
	}
	.obfc-course-pickup1 .head1 span {
		font-size: 22px;
	}
	.obfc-course-pickup1 .body1 {
		padding: 20px 15px 30px;
	}
	.obfc-course-pickup1 .body1 .title1 {
		margin: 0 0 15px;
		position: relative;
		text-align: center;
	}
	.obfc-course-pickup1 .body1 .title1 .t1 {
		font-size: 18px;
		line-height: 28px;
		padding: 0 15px;
	}
	.obfc-course-pickup1 .body1 .title1 .t2 {
		font-size: 28px;
		margin: 5px 0 0;
		padding: 0 10px;
	}
	.obfc-course-pickup1 .body1 .title1 .flag-k1 {
		display: none;
	}
	.obfc-course-pickup1 .body1 .title1 .flag-usa {
		display: none;
	}
	#course3-pickup .obfc-course-pickup1 .body1 .title1 .t1 { 
    font-size: 18px;
    line-height: 28px;
    padding: 0 15px;
	}
	#course3-pickup .obfc-course-pickup1 .body1 .title1 .t2 {
    background: linear-gradient(to top, #ffff38 0px, #ffff38 6px, transparent 6px);
    font-size: 24px;
		margin: 0;
    padding: 0 10px;
	}
	.course3-pickup .obfc-course-pickup1 .body1 {
    background-color: #f3f0f8;
    padding: 25px 15px 35px;
    margin-bottom: 70px;
	}
	#course3-pickup .course3-pickup-box {
		position: relative;
    width: 100%;
    text-align: center;
		padding: 30px 0 20px;
    margin: 30px auto 10px;
	}
	#course4-pickup .course4-pickup-box {
		position: relative;
    width: 100%;
    text-align: center;
		padding: 20px 15px;
    margin: 30px auto 10px;
	}
	#course4-pickup .obfc-course-pickup1 .body1 .title1 p {
    font-size: 22px;
    margin: 0 0 4px 0;
	}
	#course4-pickup .obfc-course-pickup1 .body1 .title1 .t2 {
    font-size: 24px;
    margin: 0;
	}
	#course5-pickup .course5-pickup-box {
    padding: 20px 0 10px;
    margin: 30px auto 10px;
    position: relative;
    width: 100%;
    text-align: center;
	}
	.course3-pickup-box p {
		margin-bottom: 5px;
	}
	.course5-pickup-box p {
		font-size: 17px;
		margin-bottom: 5px;
	}
	#course3-pickup .obfc-course-pickup1 .body1 {
		background-color: #f3f0f8;
		padding: 25px 15px 30px;
		margin-bottom: 50px;
	}
	#course3-pickup .obfc-course-pickup1 .body1 .title1 p {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    margin: 8px 0 4px 0;
	}
	#course3-1-pickup .course3-pickup-box {
    width: 100%;
    display: block;
    padding: 15px;
		margin: 0 auto 30px;
	}
	#course3-1-pickup .course3-pickup-box .left {
    width: 100%;
	}
	#course3-1-pickup .course3-pickup-box .obfc-course-items1 {
    width: 100%;
    margin: 10px 0;
	}
	#course5-pickup .obfc-course-pickup1 .body1 {
    background-color: #fff5fb;
    padding: 25px 15px 30px;
    margin-bottom: 20px;
	}
	#course5-pickup .obfc-course-pickup1 .body1 .title1 .t2 {
		font-size: 22px;
		margin-bottom: 15px;
		padding: 0 10px;
	}
	#course5-pickup .course5-pickup-box {
		padding: 20px 0 10px;
		margin: 30px auto 10px;
		width: 100%;
	}
	#course5-pickup .course5-pickup-box2 {
		width: 100%;
    padding: 15px 20px;
    margin: -20px auto 30px;
	}
	#course5-pickup .course5-pickup-box2 .left {
    margin: 0 15px 0 0;
	}
	.course5-intern2 .obfc-container1 .obfc-row3 .title {
		font-size: 16px;
	}
	.course5-intern2 .obfc-container1 .obfc-row3 .col1  {
		float: none;
		margin: 0 0 30px 0;
		width: 100%;
	}

	.course5-intern2 .subtitle1 {
		font-size: 18px;
	}

	.course5-intern2 .body2 {
		display: block;
		margin: 1em 0 40px;
	}
	.course5-intern2 .body2 > div {
		border-left: 4px solid #f01c79;
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 1em 0;
		min-height: 3em;
		padding: 0 0 0 8px;
		width: 100%;
	}

	.course5-intern2 .body3 {
		margin-bottom: 30px;
	}
	.course5-intern2 .body3 .subtitle1 {
		font-size: 18px;
	}
	.course5-intern2 .body3 .block1 {
		display: block;
	}
	.course5-intern2 .body3 .block1 > div {
		margin: 1em 0 0 0;
		width: 100%;
	}



	.course-brand_producer-cnt2 {
		margin: 0 0 10px;
	}
	.course-brand_producer-cnt2 .item1 {
		margin-bottom: 20px;
		padding: 10px;
		width: 45%;
	}
	.course-brand_producer-cnt2 .item1.b {
		width: 100%;
	}
	.course-brand_producer-cnt2 .item1.b > div:nth-child(1) {
		padding-right: 10px;
	}
.course-brand_producer-cnt2 .item1.b > div:nth-child(2) {
	width: 60.8571%;
	margin: 0;
}
	.course-brand_producer-cnt2 .item1 + .item1 {
		margin-left: 10%;
	}
	.course-brand_producer-cnt2 .item1:nth-child(odd) {
		margin-left: 0;
	}
	.course-brand_producer-cnt2 .item1 + .item1:before {
		height: 5px;
		left: -15%;
		margin-top: -2px;
		width: 12px;
	}
	.course-brand_producer-cnt2 .item1 + .item1.b:before {
		display: none;
	}
	.course-brand_producer-cnt2 .item1:nth-child(2n+1):before {
		display: none;
	}
	.course-brand_producer-cnt2 .item1 .t1 {
		font-size: 15px;
		margin: 0 0 5px;
	}
	.course-brand_producer-cnt2 .item1 .t1 span {
		font-size: 20px;
		margin: 0 5px 0 0;
	}
	.course-stylist-cnt1 {
		background-color: #fff5fb;
		margin: 0 0 40px;
		padding: 35px 15px 10px;
	}



	.course-brand_producer-cnt3 .item1 {
		width: 48.5%;
	}
	.course-brand_producer-cnt3 .item1 + .item1 {
		margin-left: 3%;
	}
	.course-brand_producer-cnt3 .item1:nth-child(5n) {
		margin-left: 3%;
	}
	.course-brand_producer-cnt3 .item1:nth-child(2n+1) {
		margin-left: 0;
	}
	.course-brand_producer-cnt3 .image1 span {
		font-size: 10px;
		line-height: 14px;
		padding: 0 5px;
	}
	.course-brand_producer-cnt4 {
    display: block;
	}
	.course-brand_producer-cnt4 .text-box {
		width: 100%;
	}
	.course-brand_producer-cnt4 .title {
		font-size: 20px;
	}
	.course-brand_producer-cnt4 .sub4 {
		font-size: 18px;
		padding: 2px 7px;
		margin: 0 0 8px;
	}
	.course-brand_producer-cnt4 p {
		font-size: 16px;
		margin: 0 0 10px;
	}

	.course-superdesigner-cnt1 {
		padding: 40px 0;
		margin: 40px 0 0;
	}
	.course-superdesigner-cnt1 .b-copy1 {
		margin-bottom: 30px;
	}
	.course-superdesigner-cnt1 .b-copy1 span {
		font-size: 20px;
		line-height: 1.4;
		padding: 20px 15px;
	}
	.course-superdesigner-cnt1 .content1 {
		padding: 30px 15px;
	}
	.course-superdesigner-cnt1 .content1 .block1 .dokka-back {
    display: none;
	}
	.course-superdesigner-cnt1 .content1 .dokka-logo {
    width: 147px;
    height: 38px;
    margin: 15px 0;
	}
	.course-superdesigner-cnt1 .content1 .item1 div {
    margin: 0;
    width: 100%;
	}
	.course-superdesigner-cnt1 .content1 .item1 {
    display: block;
    width: 100%;
		margin: 0 0 px 0;
		text-align: center;
	}
	.course-superdesigner-cnt1 .content1 .block2 p {
    font-size: 18px;
	}
	.course-superdesigner-cnt2 {
    margin: 0 0 40px;
	}
	.course-superdesigner-cnt2 .block1 {
    display: block;
	}
	.course-superdesigner-cnt2 .block1 > div {
    width: 100%;
	}
	.course-superdesigner-cnt3-box {
    display: block;
	}
	.course-superdesigner-cnt3-box .left,
	.course-superdesigner-cnt3-box .right {
    width: 100%;
    padding: 12px 15px;
	}
	.course-superdesigner-cnt3-box .profile {
    display: block;
	}
	.course-superdesigner-cnt3-box .image1 {
    margin: 0 auto 10px;
	}
	.course-superdesigner-cnt3-box .profile .profile-text {
    margin: 0;
	max-width: 100%;
	}

	.heisyu_col2 {
		display: block;
		padding: 30px 25px ;
	}

	.heisyu_img {
		width: 100%;
	}

	.heisyu_right {
  margin: 0;
}

.heisyu_p {
	font-size: 1em;
	margin-top: 24px;
}

.heisyu_sub {
	font-size: 0.9em;
}

.heisyu_title {
	font-size: 1.5em;
}

.heisyu_list {
	font-size: 1.2em;
}

.heisyu_list li {
	margin-left: 10px;
	text-indent: -0.5rem;
}


.program_col2 {
	display: block;
}

.program_col2_p {
	font-size: 16px;
}

img.program_img  {
	width: 100%;
}

img.casestudy_subtitle {
	width: 60%;
	margin: 20px 0 0 0;
}

.program_col2-2_left , .program_col2-2_right {
	width: 100%;
	margin-bottom: 32px;
}

.program_col2_right {
	padding: 0;
}


.course3_pickup_col2 {
	display: block;
}

.course3_pickup_col2_right, .course3_pickup_col2_left {
	width: 100%;
}

.course3_pickup  {
	padding: 10px;
}

.course3_pickup  {
	padding: 10px 20px;
}

.course3_pickup_col2_right_title {
		font-size: 22px;
		margin-top: 10px;
	}

.course3-2_nagare_col {
		gap: 10px;
}

.course3-2_nagare_col li {
	width: 48%;
	font-size: 14px;
}

.course3-2_nagare_col li::before {
	font-size: 14px;
}

.course3-2_nagare_col li:last-child {
	width: 100%;
	padding-top: 20px;
	position: relative;
}

.course3-2_nagare_col_label {
	width: 100px;
	position: absolute;
	top: 15px;
	right: 20px;
}

.course2-flow-box_pc {
	display: none;
}

.course2-flow-box_sp {
	display: block;
	padding: 20px 20px 0 20px;
}

.course2-sp-ul {
	list-style: none;
	padding: 0;
	margin-top: 19px;
	text-align: start;
}


.course2-sp-ul {
	counter-reset: li;
}

.course2-sp-ul li {
	display: flex;
	padding: .3em;
	align-items: flex-start;
}

.course2-sp-ul li::before {
	display: inline-block;
	min-width: 1.7em;
	margin-right: 10px;
	background-color: #18b7cd;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.7em;
	text-align: center;
	content: counter(li);
	counter-increment: li;
}

.course5_pickup_col {
	display: block;
	width: 100%;
	padding: 20px 20px 10px 20px;
}

.course5_pickup_col_title {
	width: 100%;
	text-align: center;
	padding: 0;
}

.course5_pickup_col_right {
	width: 80%;
	margin: 10px auto;
	padding: 0;
}

.course5_pickup_col_right >div:first-child {
	padding-right: 20px;
}






}



@media only screen and (min-width: 641px) {
	
	
	
	.course-com-content6 > div {
		float: left;
		margin-right: 3.4482%;
		position: relative;
		text-align: center;
		width: 17.2413%;
	}
	.course-com-content6 > div:nth-child(5n) {
		margin-right: 0;
	}
	.course-com-content6 > div:nth-child(5n+1) {
		clear: left;
	}
	.course-com-content6 > div .image {
		position: relative;
	}
	.course-com-content6 > div + div .image:before {
		background: no-repeat center center;
		background-size: 20px 8px;
		content: "";
		display: block;
		height: 100%;
		left: -40px;
		position: absolute;
		width: 40px;
	}
	body.course2 .course-com-content6 > div + div .image:before {
		background-image: url(/assets/course/img/arrow-course2-1.png);
	}
	body.course3 .course-com-content6 > div + div .image:before {
		background-image: url(/assets/course/img/arrow-course3-1.png);
	}
	.course-com-content6 img {
		display: block;
		margin: auto;
	}

	.course-5-2-mgbt {
		margin-bottom: 60px;
	}
	
	
	
}