.container{
		overflow: hidden;
		font-size: 16px;
		max-width: 1920px;
		margin: 0 auto;
	}
	.introduction{
		height: 500px;
		position: relative;
		margin-bottom: 150px;
	}
	.top-image{
		display: block;
    position: absolute;
    right: calc((100% - 1920px)*0.55);
	}
	.top-team{
		position: absolute;
    left: 4.7%;
    top: 150px;
    height: 127px;
    width: auto;
	}
	.top-text{
    font-weight: bold;
    background: #fff;
    letter-spacing: 1px;
    line-height: 2;

		position: absolute;
    top: 315px;
    left: 4.7%;
    width: 700px;
    padding: 10px 0;
		box-sizing: border-box;
	}

	.md2{
		display: block;
	}
	.sm2{
		display: none;
	}

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

		.sm2{
			display: none !important;
		}

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

		.md2{
			display: none !important;
		}
		
		.sm2{
			display: block !important;
		}

		.introduction{
			height: auto;
			margin: 0;
			padding-top: 48.2%;
		}
		.top-image{
			width: 206%;
			right: -15%;
			top: 0;
		}
		.top-team{
			left: 0;
			top: 67%;
			height: 24%;
		}
		.top-text{
			position: relative;
			top: unset;
			left: unset;
			width: 80%;
			padding: 3%;
			margin: 0 auto 10%;
			box-sizing: border-box;
			line-height: 1.7;
		}
	}

	.contents-box{
		position: relative;
		max-width: 1450px;
		width: 90%;
		margin: 0 auto 150px;
	}
	.contents-text{
		background: #fff;
		display: inline-block;
		text-align: left;
    width: 51.3%;
    max-width: 575px;
#    min-width: 500px;
	}
	.question{
#		font-size: 28px;
		font-size: min(2.4vw, 28px);
    font-weight: bold;
    color: #4d9ee5;
    display: inline-block;
    vertical-align: top;
    line-height: 1.3;
    letter-spacing: 2px;
    padding-left: 3px;
	}
	.i2,.i3{
		height: 461px;
	}
	.i4{
		max-width: 1100px;
	}
	.i4 .question{
		width: 90%;
	}
	.answer{
		padding: 16px;
		letter-spacing: 0.5px;
		line-height: 2;
#		font-size: calc(25 * 100vw / 1920);
		font-size: min(1.4vw, 15px);
	}

	.i2 .contents-text{
		padding: 0 0 20px 20px;
	}
	.i3 .contents-text{
		padding: 0 10px 20px 0;
	}
	
	.i2 .bg:last-child,
	.i3 .bg:last-child{
		width: 760px;
		top: 0;
	}
	
	.i2 .bg:last-child{
		right: calc(0.8*(100% - 1450px) + 680px);
	}
	.i3 .bg:last-child{
		left: calc(0.7 * (100% - 1450px) + 680px);
	}

	.schedule-box{
		position: relative;
	}
	.subject-s,
	.subject-o{
		max-width: 1150px;
    width: 90%;
    margin: 0 auto;
		font-size: 0;
	}
	.schedule{
		background: #f5f5f5;
		max-width: 1078px;
		width: calc(90% - 32px);
		margin: 70px auto 150px;
		padding: 70px 0;
		box-sizing: border-box;
		position: relative;
		text-align: center;
	}
	.schedule .bk{
		position: absolute;
		left: -413px;
		top: -100px;
	}

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

		.sm{
			display: none ;
		}
	}
	@media only screen and (max-width: 920px){

		.md{
			display: none ;
		}
		.sm{
			display: block;
		}

		.container{
			font-size: 15px;
		}
		.contents-box{
			width: 85%;
			margin-bottom: 20%;
		}
		.contents-text{
			max-width: unset;
			min-width: unset;
		}
		.question{
//			font-size: 26px;
			font-size: min(5vw, 25px);
			width: 90%;
		}
		.answer{
			font-size: 15px;
			padding: 3% 15px 20%;
			letter-spacing: 0.5px;
			line-height: 1.7;
		}
		
		.i2,.i3{
			height: auto;
		}
		
		.i2 .contents-text,
		.i3 .contents-text{
			width: 100%;
			padding: 0;
		}
		.contents-text img:first-child{
			width: 9px;
		}

		.contents-box .bg{
			position: relative;
		}
		
		.i2 .bg:last-child{
			width: 118%;
    	margin-left: -9%;
			right: unset;
		}
		.i3 .bg:last-child{
			width: 118%;
    	margin-left: -9%;
			left: unset;
		}
		.i4{
			margin-bottom: 0;
		}

		.schedule{
			margin: 0;
			width: 100%;
			padding: 10%;
			margin-bottom: 20%;
			text-align: center;
		}
		.schedule img{
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
		}
		.subject-s{
    	margin-bottom: 10%;
		}
		.subject-s img{
			width: 62%;
		}
		.subject-o img{
			width: 100%;
		}
	}