@charset "UTF-8";
/* CSS Document */
h1{
	width: 47.538462%;
}
@media(max-width: 767px){
	.sub-sec-top .sp-lead img{
		width: 87.764705882%;
	}
}

.sec-top .sub-lead .fr{
	margin-bottom: 10px;
}
.sec-top .sub-lead .ja{
	line-height: 4.2rem;
}
.sec-top{
	margin-bottom: 0;
}

/*仏語レッスン*/
.sec-lesson h2{
	padding: 9.722222vw 0 0 9.722222%;
	margin: 0 auto 70px;
}
.lesson-overview{
	position: relative;
}
.lesson-overview .veige-box{
	position: absolute;
	top: 292px;
	width: 67.638888888%;
	height: 394px;
	background-color: #f7f2ee;
}
.sec-lesson h3{
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 100px;
}
.why-study{
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-left: 9.722222222vw;
	margin: 0 auto 110px;
	margin-bottom: 110px;
	box-sizing: border-box;
}
.study-main{
	width: 50vw;
	height: 100%;
	height: 350px;
	object-fit: cover;
}
.study-sub{
	width: 14.583333333%;
	height: 10.416666666vw;
	position:absolute;
	right: 0;
	top: -6.944444444vw;
}
.text-area{
	width: 38.461538461%;
}
.why-study .text-area h4,
.lesson-variety .text-area h4{
	font-size: 2.2rem;
	margin-bottom: 30px;
}
@media(max-width: 767px){
	.sec-lesson h2{
		padding: 28.23vw 0 0;
		margin: 0 auto 14.117vw;
		text-align: center;
	}
	.lesson-overview{
		position: relative;
	}
	.lesson-overview .veige-box{
		position: absolute;
		top: 56.47vw;
		top: 70vw;
		width: 50%;
		width: 70%;
		height: 92.70vw;
		height: 70vw;
	}
	.sec-lesson h3{
		font-size: 5.17647058823529vw;/*22px*/
		text-align: center;
		margin-bottom: 11.764vw;/*50px*/
	}
	.why-study{
		display: block;
		position: relative;
		padding: 0;
		padding-left: 6.58823529411765vw;/*28px*/
		margin: 0 auto 16.470vw;
	}
	.text-area{
		width: 100%;
		padding-right: 6.58823529411765vw;/*28px*/
		box-sizing: border-box;
	}
	.study-main{
		width: 100%;
		height: 45.17vw;
		padding-top: 18.823vw;
		object-fit: cover;
	}
	.study-sub{
		/*width: 127px;*/
		width: 29.88vw;
		/*height: 95px;*/
		height: 21.647vw;
		position:absolute;
		right: 0;
		top: auto;
		bottom: 39.52vw;
	}
	.why-study .text-area h4,
	.lesson-variety .text-area h4{
		font-size: 1.8rem;
		font-size: 4.23529411764706vw;
		margin-bottom: 30px;
	}
}

.lesson-variety{
	width: 100%;
	position: relative;
}
.lesson-variety .variety-image{
	/*width: 674px;*/
	width: 46.80vw;
	height: 120%;
	object-fit: cover;
	object-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
}
.lesson-variety .text-area{
	margin: 0 0 0 auto;
	padding: 0 140px 150px 0;
	padding: 0 9.722222222% 10.416666666vw 0;
	width: 530px;
	width: 36.805%;
}
.lesson-variety .lesson-dsc{
	margin-bottom: 40px;
}
.lesson-variety ul{
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lesson-variety ul li{
	margin: 0 auto;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 256px;
	height: 60px;
	border: solid 1px #ac9d8f;
	padding-left: 24px;
}
.lesson-variety ul li p{
	color: #ac9d8f;
}
.check-mark{
	height: 18px;
	margin-right: 10px;
}
@media(max-width: 767px){
	.lesson-variety{
		width: 100%;
		margin: 0;
		display: block;
		position: relative;
	}
	.lesson-variety .variety-image{
		width: 93.64%;
		height: 94.35vw;
		position: static;
		top: 0;
		left: 0;
		margin-top: 9.4117vw;
		vertical-align: bottom;
	}
	.lesson-variety .text-area{
		margin: 0 0 0 auto;
		padding: 0 6.58823529411765vw;
		width: 100%;
	}
	.lesson-variety .lesson-dsc{
		margin-bottom: 9.41vw;
	}
	.lesson-variety ul{
		display: block;
		margin-bottom: 0;
		width: 100%;
	}
	.lesson-variety ul li{
		margin: 0 auto;
		width: 80%;
		/*height: 60px;*/
		height: 14.117vw;
		border: solid 1px #ac9d8f;
		padding-left: 24px;
		margin-bottom: 10px;
	}
	.lesson-variety ul li p{
		color: #ac9d8f;
	}
	.check-mark{
		width: 4.23529411764706vw;
		height: 18px;
		height: 4.23529411764706vw;
		margin-right: 2.36vw;
	}
}

/*レッスン特徴*/
.lesson-features{
	position: relative;
}
.lesson-features .veige-box{
	position: absolute;
	right: 0;
	top:27.777777777vw;/*400px*/
	background-color: #f7f2ee;
	height: 55%;
	width: 70.27%;
	z-index: -1;
}
.three-features{
	background-color: #0f2942;
	color: #fff;
	/*width: 1300px;*/
	width: 90.277777777%;
	margin: 0 auto;
	/*padding: 120px 0 280px;*/
	padding: 120px 0 19.444444444vw;
}
.three-features h3{
	margin-bottom: 70px;
}
.three-features ol{
	width: 690px;
	margin: 0 auto;
	list-style-type: none;
}
.three-features li{
	display: flex;
}
.feature-no{
	color: #ac9d8f;
	font-size: 4.0rem;
	margin-right: 26px;
}
.feature{
	font-size: 2.0rem;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ac9d8f;
    display: inline-block;
    width: 100%;
}

/*900px以下*/
@media(max-width: 900px){
	.three-features{
		padding-left: 11.11vw;/*100px*/
		padding-right: 11.11vw;/*100px*/
		box-sizing: border-box;
	}
	.three-features ol{
		width: 100%;
		list-style-type: none;
	}
}

/*767px以下*/
@media(max-width: 767px){
	.lesson-features{
		position: relative;
	}
	.lesson-features .veige-box{
		position: absolute;
		right: 0;
		top: 188.23vw;/*800px*/
		height: 242.35vw;/*1030px*/
		width: 50%;
		z-index: -1;
	}
	.three-features{
		background-color: #0f2942;
		color: #fff;
		width: 100%;
		margin: 0 auto;
		/*padding: 70px 28px 220px;*/
		padding: 16.47vw 6.588vw 51.76vw;
		box-sizing: border-box;
	}
	.three-features h3{
		/*margin-bottom: 40px;*/
		margin-bottom: 9.41vw;
	}
	.three-features ol{
		width: 100%;
		margin: 0 auto;
		list-style-type: none;
	}
	.three-features li{
		display: block;
	}
	.feature-no{
		font-size: 7.05882352941177vw;
		margin-right: 0;
		text-align: center;
	}
	.feature{
		/*font-size: 1.8rem;*/
		font-size: 4.23529411764706vw;
		/*padding-bottom: 20px;*/
		padding-bottom: 4.705vw;
		/*margin-bottom: 30px;*/
		margin-bottom: 7.058vw;
	}
}

.examples{
	/*width: 1020px;*/
	width: 70.833333333%;
	margin: 0 auto;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}
.examples li{
	position: relative;
	width: 44.117647058%;
}
.examples li .container{
	width: 100%;
}
.CASE-img{
	position: absolute;
	top: -13.333333333vw;/*192px*/
	width: 31.25vw;
	height: 24.305555555vw;
	object-fit: cover;
	margin-bottom: 40px;
}
.example-text{
	width: 100%;
	/*margin-top: 200px;*/
	margin-top: 13.888888888vw;
}
.example h3{
	position: relative;
	padding-bottom: 10px;
	/*margin-bottom: 40px;*/
	margin-bottom: 26px;
	border-bottom: 1px solid #ac9d8f;
}
.CASE{
	font-size: 1.6rem;
	color: #fd964b;
}
.case-no{
	font-size: 3.0rem;
	margin: 0 8px 0 4px;
}
.examples .title{
	font-size: 2.2rem;
	font-weight: 500;
}
.example02 img{
	object-position: 0 0;
}
.detail{
	color: #ac9d8f;
}
@media(max-width: 767px){
	.examples{
		padding-left: 6.588vw;
		padding-right: 6.588vw;
		box-sizing: border-box;
		top: 155.29vw;
		bottom: 0;
		width: 100%;
		list-style-type: none;
		display: block;
	}
	.examples li{
		width: 100%;
		margin-bottom: 14.117vw;/*60px*/
		position: static;
	}
	.CASE-img{
		position: static;
		width: 100%;
		height: 67.52vw;
		object-fit: cover;
		margin-bottom: 0;
		box-shadow: 0px 0px 50px 2px rgb(0 0 0 / 10%);
	}
	.examples li:first-child{
		position: relative;
	}
	.examples li:first-child .CASE-img{
		position: absolute;
		/*top: -160px;*/
		top: -37.647vw;/
	}
	.examples li:first-child .example-text{
		margin-top: 0;
		padding-top: 35.29vw;
	}
	.example h3{
		position: relative;
		margin-bottom: 4.705vw;
	}
	.CASE{
		font-size: 3.76470588235294vw;
		color: #fd964b;
	}
	.case-no{
		font-size: 7.05882352941177vw;
		margin: 0 8px 0 4px;
	}
	.examples .title{
		font-size: 5.17647058823529vw;
	}
	.example-border{
		top: 9.41176vw;
	}
	.examples li:last-child .example-text{
		margin-top: 4.705vw;/*20px*/
	}
	.example02 img{
		object-position: 0 0;
	}
	.detail{
		color: #ac9d8f;
	}
}

.contact-link{
	text-align: center;
	width: 100%;
	margin: 8.333333333vw auto 20px;
	position: relative;
}
.contact-link h4{
	font-size: 2.0rem;
	font-weight: 600;
	margin-bottom: 30px;
}
.contact-link p{
	margin-bottom: 50px;
}
.contact-link .stripe-box{
	width: 12.77vw;
	height: 12.77vw;
	position: absolute;
	top: -4.861vw;
	left: 0;
}
@media(max-width: 767px){
	.contact-link{
		padding-left: 6.588vw;
    	padding-right: 6.588vw;
    	box-sizing: border-box;
		margin: 8.333333333vw auto 0;
	}
	.contact-link h4{
		font-size: 4.23529411764706vw;
		margin-bottom: 30px;
	}
	.br-pc{
		display: none;
	}
	.contact-link p{
		margin-bottom: 50px;
	}
	.contact-link .stripe-box{
		display: none;
	}
}

/*通訳・翻訳の共通部分*/
.sec-interpretation_translation{
	position: relative;
	padding-top: 140px;
}
.sec-interpretation_translation .stripe-box{
	position: absolute;
	width: 11.8055vw;
	height: 11.8055vw;
	top: 0;
	right: 2.083333333vw;
	z-index: 1;
}
.sec-interpretation_translation .orange-box{
	width: 7.638vw;
	height: 7.638vw;
	top: -4.861vw;
	right: 11.1111111111111vw;
    position: absolute;
    z-index: 100;
}
.sec-interpretation_translation h2{
	text-align: center;
	margin-bottom: 100px;
}
.sec-interpretation_translation h2 img{
	margin: 0 auto 100px;
}
.interpretation-translation-sp{
	display: none;
}
.sec-interpretation_translation .text-area{
	width: 41.66vw;
	padding: 7.638vw 8.333vw 8.3333vw;
	box-shadow: 0px 0px 50px 2px rgb(0 0 0 / 10%);
	box-sizing: border-box;
	background-color: #fff;
	position: absolute;
	z-index: 10;
}
.sec-interpretation_translation .text-area h3{
	font-size: 2.4rem;
	margin-bottom: 50px;
}

@media(max-width: 767px){
	.sec-interpretation_translation h2 .fr{
		height: 62px;
	}
	.interpretation-translation-sp{
		display: block;
	}
	.interpretation-translation-pc{
		display: none;
	}
	/*通訳・翻訳の共通部分*/
	.sec-interpretation_translation{
		position: relative;
		padding-top: 32.941vw;
		overflow: hidden;
	}
	.sec-interpretation_translation .stripe-box{
		position: absolute;
		width: 16vw;
		height: 16vw;
		top: 11.9vw;
		right: 2.083333333vw;
		z-index: 1;
	}
	.sec-interpretation_translation .orange-box{
		width: 7.638vw;
		height: 7.638vw;
		top: 7.139vw;
		right: 15.11vw;
	    position: absolute;
	    z-index: 100;
	}
	.sec-interpretation_translation h2{
		margin-bottom: 9.41vw;
	}
	.sec-interpretation_translation .text-area{
		width: 93.411%;/*397px*/
		padding: 16.470vw 7.058vw;
	}
	.sec-interpretation_translation .text-area h3{
		font-size: 5.17647058823529vw;/*2.2rem*/
		margin-bottom: 50px;
	}
}


/*通訳*/
.interpretation img{
	width: 65.277%;
}
.interpretation{
	position:relative;
}
.interpretation .text-area{
	right: 140px;
	right: 9.722%;
	top:15.763888888vw;/*227px*/
}
.interpretation img{
	margin-bottom: 157px;
}
.interpretation .navy-box{
	background-color: #0f2942;
	width: 52.03%;
	height: 31.73vw;
	position: absolute;
	top: 8.3333vw;
	z-index: -1;
	right: 24.027vw;
}

/*通訳*/
@media(max-width: 767px){
	.interpretation img{
		width: 93.411%;
		height: 92.47vw;
		object-fit: cover;
	}
	.interpretation{
		position:relative;
		padding-bottom: 18.117vw;/*77px*/
	}
	.interpretation .text-area{
		right: 0;
		top: 81.88vw;
		width: 93.411%;
	}
	.interpretation img{
		margin-bottom: 58.1176vw;
	}
	.interpretation .navy-box{
		width: 74.35%;
		height: 129vw;
		top: 70vw;
		right: auto;
		left: 0;
	}
}





/*翻訳*/
.translation img{
	width: 840px;
	width: 58.33%;
	position: absolute;
	top: 92px;
	right: 0;
}

.translation .veige-box{
	width: 51.38%;
	height: 500px;
	margin-bottom: 19.6527777777778vw;/*283px*/
	z-index: -10;
}
.translation{
	position: relative;
}
.translation .text-area{
	top: 162px;
	left: 140px;
	z-index: 10;
}

.sec-contact .stripe-box,
.sec-contact .orange-box{
	display: none;
}

@media(max-width: 767px){
	.translation{
		position: relative;
		padding-bottom: 411px;
		padding-bottom: 96.8vw;
	}
	.translation img {
		width: 100%;
		height: 84.705vw;
		object-fit: cover;
		position: static;
	}
	.translation .veige-box{
		width: 51.38%;
		height: 117vw;
		margin-bottom: 0;
		z-index: -10;
		position: absolute;
		right: 0;
		bottom: 18.352vw;/*78px*/
	}
	.translation .text-area{
		top: 69.647vw;
		left: 0;
	}
}

/*お問い合わせ*/
@media(max-width: 767px){
	.sec-contact{
		position: relative;
	}
	.sec-contact .stripe-box,
	.sec-contact .orange-box{
		display: block;
	}
	.sec-contact .stripe-box{
		width: 18.823vw;
		height: 18.823vw;
		left: 7.058vw;
		top: -23.529vw;
	}
	.sec-contact .orange-box{
		width: 8vw;
		height: 8vw;
		left: 23.529vw;
		top: -28.235vw;
	}
}