#head-key .ob-img img {
	object-position: 55% 50%;
}
@media screen and (min-width: 768px) {
#head-key .ob-img img {
	object-position: 50% 50%;
}	
}
#sec1 {
	padding-top: 15vw;
	padding-bottom: 15vw;
	background: url(../img/shared/bg02.jpg);
	color: #fff;
}
#sec1 .photo-1 {
	height: 60vw;
	margin-right: -7vw;
	margin-bottom: -30vw;
}
#sec1 .photo-1::before {
	content: "";
	background: url(../img/course/shadow.png) no-repeat bottom center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	height: 295px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
#sec1 h2 {
	width: 20vw;
	position: relative;
	z-index: 2;
	margin: 0 auto 5vw;
}
#sec1 .text {margin-bottom: 8vw;}
#sec1 .photo-2 {
	width: 50vw;
	height: 60vw;
	position: relative;
	margin:  0 auto;
}
#sec1 .deco-1 {
	width: 409px;
	position: absolute;
	top: 654px;
	left: -84px;
}
#sec1 .deco-2 {
	position: absolute;
	right: -105px;
	top: 47vw;
}

@media screen and (min-width: 768px) {
#sec1 {
	padding-top: 101px;
	padding-bottom: 118px;
}
#sec1 .photo-1 {
	width: 1089px;
	height: 600px;
	margin-left: 261px;
	margin-bottom: 47px;
	margin-right: 0;
}
	#sec1 .photo-1::before {
		display: none;
	}
#sec1 h2 {
	width: 152px;
	position: absolute;
	top: 369px;
	left: 382px;
	z-index: 2;
	margin: 0;
}
#sec1 .text {
	width: 523px;
	margin-left: auto;
	margin-right: 96px;
	margin-bottom: 0;
}
#sec1 .photo-2 {
	width: 299px;
	height: 600px;
	position: absolute;
	top: 296px;
	left: -147px;
	margin: 0;
}
#sec1 .deco-1 {
	width: 409px;
	position: absolute;
	top: 551px;
	left: 16px;
}
#sec1 .deco-2 {
	position: absolute;
	right: -105px;
	top: 564px;
}
}
#sec2 {
	padding-top: 15vw;
	padding-bottom: 15vw;
}
#sec2 .set1 {
	position: relative;
	margin-bottom: 0;
}
#sec2 .set1 h2 {margin-left: -12vw;width: 89vw;margin-bottom: -6vw;}
#sec2 .set1 .box {
	background: url(../img/shared/bg03.png);
	padding: 10vw;
	max-width: 900px;
	margin: 0 auto 9vw;
	position: relative;
	z-index: 2;
}
#sec2 .set1 .box .left {
	padding-top: 0;
	max-width: 300px;
	margin: 0 auto;
}
#sec2 .set1 .box .left dl {
	font-size: 22px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 255px;
	line-height: 1;
	margin-bottom: 10px;
}
#sec2 .set1 .box .left dl dt {
	width: 124px;
}
#sec2 .set1 .box .left dl dd {
	text-align: right;
}
#sec2 .set1 .box .left dl dd span {
	font-size: 26px;
}
#sec2 .set1 .box .left dl + dl {
}
#sec2 .set1 .box .right {padding-top: 16px;max-width: 300px;margin: 0 auto;}
#sec2 .set1 .box .right h3 {
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 1;
}
#sec2 .set1 .box .right .d__list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-left: 11px;
}
#sec2 .set1 .box .right ul {
	width: 33.333%;
}
#sec2 .set1 .box .right ul li {
	line-height: 32px;
}
#sec2 .set1 .bnr__web {
	max-width: 300px;
}
#sec2 .set2 {
	position: relative;
	padding-top: 15vw;
}
#sec2 .set2::before {
	content: "";
	background: url(../img/course/sec2_deco.png) no-repeat;
	width: 147%;
	height: 1238px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	top: 106vw;
	left: -23vw;
	z-index: -1;
}
#sec2 .set2 h2 {
	text-align: center;
	line-height: 1;
	margin-bottom: 8vw;
}
#sec2 .set2 .row {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10vw;
}
#sec2 .set2 .row .item .photo {
	position: relative;
}
#sec2 .set2 .row .item .photo .tt {
	line-height: 1;
	position: absolute;
	bottom: 3vw;
	right: 3vw;
	z-index: 2;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#sec2 .set2 .row .item-1 {
	flex-direction: row-reverse;
	align-items: center;
	margin-bottom: 10vw;
}
#sec2 .set2 .row .item-1 .text {margin-bottom: 5vw;}
#sec2 .set2 .row .item-1 .photo {
}
#sec2 .set2 .row .item-1 .photo .ob-img {
	height: 40vw;
}
#sec2 .set2 .row .item-2 {
	margin-bottom: 10vw;
}
#sec2 .set2 .row .item-2 .photo {
	margin-left: 11vw;
}
#sec2 .set2 .row .item-2 .photo .ob-img {
	height: 70vw;
}
#sec2 .set2 .row .item-3 {
	margin-bottom: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#sec2 .set2 .row .item-3 .photo-3 {
	width: 48%;
	margin-left: 0;
	height: 40vw;
}
#sec2 .set2 .row .item-3 .photo-3 .ob-img {
	height: 40vw;
}
#sec2 .set2 .row .item-3 .photo-301 {
	width: 48%;
	margin-right: 0;
	margin-top: 9vw;
}
#sec2 .set2 .row .item-3 .photo-301 .ob-img {
	height: 40vw;
}
#sec2 .set2 .row .item-4 {
	margin-bottom: 6vw;
	margin-left: 7vw;
}
#sec2 .set2 .row .item-4 .photo-4 {
	height: 40vw;
	width: 48%;
}
#sec2 .set2 .row .item-4 .photo-4 .ob-img {
	height: 40vw;
}
#sec2 .set2 .row .item-5 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 13vw;
	position: relative;
}
#sec2 .set2 .row .item-5::before {
	content: "";
	background: url(../img/shared/bg03.png);
	height: 49vw;
	position: absolute;
	top: 1vw;
	right: -10vw;
	width: 30%;
}
#sec2 .set2 .row .item-5 .photo-5 {
	height: 80vw;
	width: 40%;
}
#sec2 .set2 .row .item-5 .photo-5 .ob-img {
	height: 80vw;
}
#sec2 .set2 .row .item-5 .photo-501 {
	height: 45vw;
	width: 57%;
	margin-top: 16vw;
	margin-right: 0;
}
#sec2 .set2 .row .item-5 .photo-501 .ob-img {
	height: 45vw;
}
#sec2 .set2 .row .item-6 {
	align-items: center;
	margin-bottom: 0;
	position: relative;
}
#sec2 .set2 .row .item-6::before {
	content: "";
	background: url(../img/shared/bg03.png);
	height: 60vw;
	position: absolute;
	top: -6vw;
	left: -10vw;
	width: 50%;
}
#sec2 .set2 .row .item-6 .text {
	position: relative;
	z-index: 2;
}
#sec2 .set2 .row .item-6 .photo {margin-bottom: 5vw;}
#sec2 .set2 .row .item-6 .photo .ob-img {
	height: 50vw;
}
#sec2 .set2 .group__bnr {
	margin: 0 auto;
}
#sec2 .set2 .group__bnr .bnr__shared + .bnr__shared {
	margin-top: 3vw;
}

@media screen and (min-width: 768px) {
#sec2 {
	padding-top: 58px;
	padding-bottom: 125px;
}
#sec2 .set1 {
	margin-bottom: 0;
}
#sec2 .set1 h2 {
	width: 632px;
	margin-left: 166px;
	margin-bottom: -50px;
}
#sec2 .set1 .box {
	padding: 35px 0 46px;
	margin: 0 auto 50px;
}
#sec2 .set1 .box .left {
	padding-left: 103px;
	width: 292px;
	padding-top: 15px;
	margin: 0;
}
#sec2 .set1 .box .left dl {
	font-size: 25px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 295px;
	margin-bottom: 12px;
}
#sec2 .set1 .box .left dl dt {
	width: 160px;
}
#sec2 .set1 .box .left dl dd {
	text-align: right;
}
#sec2 .set1 .box .left dl dd span {
	font-size: 30px;
}
#sec2 .set1 .box .left dl + dl {
	margin-top: 10px;
}
#sec2 .set1 .box .right {
	width: 365px;
	padding-right: 28px;
	margin: 0;
	max-width: 100%;
}
#sec2 .set1 .box .right h3 {
	font-size: 16px;
	margin-bottom: 7px;
}
#sec2 .set1 .box .right ul {
	width: 33.333%;
}
#sec2 .set1 .box .right ul li {
	line-height: 32px;
}
#sec2 .set1 .bnr__web {
	max-width: 300px;
}
#sec2 .set2 {
	margin-bottom: 0;
	padding-top: 80px;
}
#sec2 .set2::before {
	width: 1380px;
	height: 1238px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	top: 564px;
	left: calc(50% - 765px);
}
#sec2 .set2 h2 {
	margin-bottom: 69px;
}
#sec2 .set2 .row {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
#sec2 .set2 .row .item .photo {
	margin-bottom: 0;
}
#sec2 .set2 .row .item .photo .tt {
	bottom: 19px;
	right: 15px;
}
#sec2 .set2 .row .item-1 {
	margin-bottom: 100px;
}
#sec2 .set2 .row .item-1 .text {
	width: 401px;
	margin-bottom: 0;
	letter-spacing: 2.3px;
}
#sec2 .set2 .row .item-1 .photo {
	width: 500px;
}
#sec2 .set2 .row .item-1 .photo .ob-img {
	height: 380px;
}
#sec2 .set2 .row .item-2 {
	margin-bottom: 98px;
}
#sec2 .set2 .row .item-2 .photo {
	width: 1000px;
	margin-left: 254px;
}
#sec2 .set2 .row .item-2 .photo .ob-img {
	height: 500px;
}
#sec2 .set2 .row .item-3 {
	margin-bottom: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#sec2 .set2 .row .item-3 .photo-3 {
	width: 800px;
	margin-left: -197px;
	height: 400px;
}
#sec2 .set2 .row .item-3 .photo-3 .ob-img {
	height: 400px;
}
#sec2 .set2 .row .item-3 .photo-301 {
	width: 350px;
	margin-right: -99px;
	margin-top: 160px;
}
#sec2 .set2 .row .item-3 .photo-301 .ob-img {
	height: 350px;
}
#sec2 .set2 .row .item-4 {
	margin-bottom: -160px;
	margin-left: 398px;
}
#sec2 .set2 .row .item-4 .photo-4 {
	height: 349px;
	width: 350px;
}
#sec2 .set2 .row .item-4 .photo-4 .ob-img {
	height: 349px;
}
#sec2 .set2 .row .item-5 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
	position: relative;
}
#sec2 .set2 .row .item-5::before {
	height: 500px;
	top: 191px;
	left: calc(50% + 567px);
	width: 50%;
	right: auto;
}
#sec2 .set2 .row .item-5 .photo-5 {
	height: 650px;
	width: 350px;
	margin-left: -51px;
}
#sec2 .set2 .row .item-5 .photo-5 .ob-img {
	height: 650px;
}
#sec2 .set2 .row .item-5 .photo-501 {
	height: 450px;
	width: 700px;
	margin-top: 359px;
	margin-right: -201px;
}
#sec2 .set2 .row .item-5 .photo-501 .ob-img {
	height: 450px;
}
#sec2 .set2 .row .item-6 {
	margin-bottom: 0;
}
#sec2 .set2 .row .item-6::before {
	height: 498px;
	top: -73px;
	right: calc(50% + 497px);
	width: 50%;
	left: auto;
}
#sec2 .set2 .row .item-6 .text {
	width: 390px;
}
#sec2 .set2 .row .item-6 .photo {
	width: 550px;
	margin-left: -50px;
}
#sec2 .set2 .row .item-6 .photo .ob-img {
	height: 350px;
}
#sec2 .set2 .group__bnr {
	width: 865px;
	margin: 0 auto;
}
	
#sec2 .set2 .group__bnr .bnr__shared + .bnr__shared {
	margin-top: 0;
}	
	
}
#sec3 {
	background: url(../img/shared/bg02.jpg);
	color: #fff;
	position: relative;
}
#sec3::after {
	content: "";
	background: url(../img/course/sec3_deco.png) no-repeat;
	width: 25vw;
	height: 217px;
	position: absolute;
	top: 25px;
	right: 0;
	background-size: 100% auto;
}
#sec3 h2 {
	margin-bottom: 20px;
	line-height: 1.6;
}
#sec3 h2 small {
	display: inline-block;
}
#sec3 h2 .cl01 {
	margin-left: -10px;
}
#sec3 h2 .cl02 {
	margin-right: -10px;
}
#sec3 .inside {padding: 10vw 5vw;}
#sec3 .box {
	margin: 0 auto;
}
#sec3 .photo {
	height: 60vw;
	position: relative;
	margin-bottom: 5vw;
}
#sec3 .text {
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
#sec3 {
	margin-bottom: 0;
}
#sec3::after {
	width: 192px;
	height: 217px;
	position: absolute;
	top: 25px;
	right: 154px;
}
#sec3 h2 {
	margin-bottom: 29px;
	line-height: 68px;
}
#sec3 h2 .cl01 {
	margin-left: -20px;
}
#sec3 h2 .cl02 {
	margin-right: -10px;
}
#sec3 .inside {
	width: 47%;
	min-height: 360px;
	margin-left: auto;
	padding: 144px 0 140px;
}
#sec3 .box {
	width: 515px;
	margin: 0 auto;
}
#sec3 .photo {
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
#sec3 .text {
	padding-right: 20px;
}
}
#sec4 {
	padding-top: 15vw;
	padding-bottom: 15vw;
}
#sec4 h2 {
	text-align: center;
	line-height: 1;
	margin-bottom: 6vw;
}
#sec4 h2 span {
	padding: 1vw 0;
	border-top: 1px solid #b9b7b2;
	border-bottom: 1px solid #b9b7b2;
}
#sec4 .text {
	text-align: center;
	margin-bottom: 5vw;
}
#sec4 .tel {
	margin-bottom: 20px;
}
#sec4 .tel .mtel {
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
#sec4 {
	padding-top: 125px;
	padding-bottom: 118px;
}
#sec4 h2 {
	margin-bottom: 39px;
}
#sec4 h2 span {
	padding: 5px 0;
}
#sec4 .text {
	line-height: 38px;
	margin-bottom: 34px;
}
#sec4 .tel {
	margin-bottom: 25px;
}
#sec4 .tel .mtel {
	margin-bottom: 6px;
	font-size: 40px;
}
	#sec4 .tel .mdes {
		letter-spacing: 2px;
	}
}
#sec5 {
	position: relative;
	margin-bottom: 15vw;
}
#sec5::before {
	content: "";
	background: url(../img/shared/bg03.png);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#sec5 .wrap {
	max-width: 1000px;
	padding-top: 10vw;
	padding-bottom: 10vw;
}
#sec5 .box h2 {
	position: relative;
	margin-left: 0;
	line-height: 1.6;
	margin-bottom: 5vw;
}
#sec5 .box h2::after {
	content: "";
	border-bottom: 1px solid #8a857c;
	height: 1px;
	position: absolute;
	bottom: 2.2vw;
	left: 0;
	width: 466px;
}
#sec5 .box .text {margin-bottom: 8vw;}
#sec5 .slider__s {
	position: relative;
	margin-bottom: 2vw;
}
#sec5 .slider__s .ob-img {
	height: 60vw;
}

@media screen and (min-width: 768px) {
#sec5 {
	margin-bottom: 120px;
}
#sec5::before {
	position: absolute;
	top: 0;
	left: 50px;
	right: 50px;
	bottom: 0;
}
#sec5 .wrap {
	padding-top: 141px;
	padding-bottom: 156px;
}
#sec5 .box {
	width: 386px;
}
#sec5 .box h2 {
	margin-left: 0;
	line-height: 60px;
	margin-bottom: 36px;
}
#sec5 .box h2::after {
	height: 1px;
	bottom: 6px;
	left: 0;
	width: 466px;
}
#sec5 .box .text {
	margin-bottom: 27px;
	padding-left: 2px;
}
#sec5 .slider__s {
	position: absolute;
	width: 800px;
	left: 454px;
	top: 78px;
	margin-bottom: 0;
}
#sec5 .slider__s .ob-img {
	height: 550px;
}
}

@media screen and (min-width: 768px) and (max-width: 1299px) {
	#sec1 .photo-2 {
		left: -80px;
	}
	#sec2 .set2 .row .item-2 .photo {
		margin-left: 90px;
	}
	#sec2 .set2 .row .item-3 .photo-301 {
		margin-right: -80px;
	}
	#sec2 .set2 .row .item-4 {
		margin-left: 380px;
	}
	#sec2 .set2 .row .item-5 .photo-501 {
		margin-right: -85px;
	}
	#sec5::before {
		left: 20px;
		right: 20px;
	}
	#sec5 .slider__s {
		left: 415px;
		width: 68%;
	}
	
	
}