@charset "utf-8";


/* h1タイトル */
.tokyo-med-title {
	margin-top: 5%;
	align-items: center;
	text-align: center;
}

.tokyo-med-title h1 {
	color: #003366;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 3vw;
}

/* mobile devices */
@media (max-width: 767px) {

  	.tokyo-med-title{
		margin-top: 8%;
		margin-bottom: 5%;
		align-items: center;
		text-align: center;
	}
  	.tokyo-med-title h1{
		color: #003366;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 700;
		font-size: 6vw;
	}

}


/* banner-pc */
.pc-banner { display: block !important; margin-top: 2%;}
.sp-banner { display: none !important; }
 
/* banner-sp */
@media only screen and (max-width: 767px) {
    .pc-banner { display: none !important; }
    .sp-banner { display: block !important; margin-top: 2%;}
}


/* center-image-pc */
.content-image { 
	display: block !important; 
	margin-top: 5%; 
	margin-left: 15%; 
	margin-right: 15%;
	width: 70%;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .content-image { 
    	display: block !important; 
    	margin-top: 5%; 
    	margin-left: 5%; 
    	margin-right: 5%;
    	width: 90%;
    }
}


/* mid-header-pc */
.mid-header { 
	display: block !important; 
	margin-top: 5%; 
	margin-left: 37.5%; 
	margin-right: 37.5%;
	width: 25%;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .mid-header { 
    	display: block !important; 
    	margin-top: 15%; 
    	margin-left: 30%; 
    	margin-right: 30%;
    	width: 40%;
    }
}

/* mid-header-pc */
.mid-header-2 { 
	display: block !important; 
	margin-top: 10%; 
	margin-left: 30%; 
	margin-right: 30%;
	width: 40%;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .mid-header-2 { 
    	display: block !important; 
    	margin-top: 15%; 
    	margin-left: 20%; 
    	margin-right: 20%;
    	width: 60%;
    }
}


/* mid-header-pc */
.mid-header-3 { 
	display: block !important; 
	margin-top: 10%; 
	margin-left: 25%; 
	margin-right: 25%;
	width: 50%;
}
 
/* mobile devices */
@media only screen and (max-width: 767px) {
    .mid-header-3 { 
    	display: block !important; 
    	margin-top: 15%; 
    	margin-left: 10%; 
    	margin-right: 10%;
    	width: 80%;
    }
}


/* content-table */
.table-relative{
	position: relative;	
	margin-top: 5%; 
	margin-left: 10%; 
	margin-right: 10%;
	width: 80%;
}

.table-link{
	position: absolute;
	top: 47%;
	left: 30%;
    width: 55vw;
    height: 3vw;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.table-relative{
		position: relative;	
		margin-top: 5%; 
		margin-left: 2.5%; 
		margin-right: 2.5%;
		width: 95%;
	}

	.table-link{
		position: absolute;
		top: 47%;
		left: 30%;
	    width: 66vw;
	    height: 3vw;
	}
}


/* 2カラム */
.tokyo-med-2-column {
	display: flex;
	width: 90%;
	margin-top: 5%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-2-column {
		display: block;
		width: 90%;
		margin-top: 10%;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* 2カラム - 画像 */
.tokyo-med-2-column img {
	width: 40%;
	margin-left: 10%;
}
/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-2-column img {
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}
}



/* 問い合わせ */
.tokyo-med-button-inquiry {
	margin-top: 7%;
	margin-bottom: 7%;
	display: flex;
}

.tokyo-med-button-inquiry a {
	/**display: inline-block;**/
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding: 1vw 0;
    width: 45%;
    font-size: 3.5vw;
    font-weight: 800;
    color: #fff;
    text-align: center;
    background-color: #003366;
    border-radius: 10vw;
    border: double 10px #fff;
}


/* mobile devices */
@media (max-width: 767px) {
	.tokyo-med-button-inquiry {
		margin-top: 10%;
		margin-bottom: 10%;
		display: flex;
	}

	.tokyo-med-button-inquiry a {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding: 5vw 0;
    width: 50%;
    font-size: 5vw;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background-color: #003366;
    border-radius: 10vw;
    border: double 5px #fff;
	}
}


.tokyo-med-button-inquiry a:nth-child(2) {
  background-color: #990033;
}



/* 2カラム - 数字見出し */
.tokyo-med-title-2-column {
	display: flex;
	/*width: 50%;*/
	margin-top: 5%;
	margin-left: 10%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-title-2-column {
		display: flex;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* 2カラム - 画像 */
.tokyo-med-title-2-column img {
	width: 15%;
}
.tokyo-med-title-2-column img:nth-child(2) {
	width: 25%;
    height: 30%;
    margin-top: 4%;
    margin-left: 1%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-title-2-column img {
		width: 23%;
		margin-left: 0%;
		margin-top: 5%;
	}
	.tokyo-med-title-2-column img:nth-child(2) {
		width: 50%;
		margin-left: 2%;
		margin-top: 9%;
	}
}




/* 2カラム-2 */
.tokyo-med-2-column-2 {
	display: flex;
	width: 90%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-2-column-2 {
		display: block;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: -5%;
	}
}


/* 2カラム - 画像 */
.tokyo-med-2-column-2 img {
	width: 40%;
	margin-left: 10%;
}
/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-2-column-2 img {
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}
}




/* 2カラム - 数字見出し-2 */
.tokyo-med-title-2-column-2 {
	display: flex;
	/*width: 50%;*/
	margin-top: 5%;
	margin-left: 10%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-title-2-column-2 {
		display: flex;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* 2カラム - 画像 */
.tokyo-med-title-2-column-2 img {
	width: 15%;
}
.tokyo-med-title-2-column-2 img:nth-child(2) {
	width: 40%;
    height: 30%;
    margin-top: 5%;
    margin-left: 1%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-title-2-column-2 img {
		width: 23%;
		margin-left: 0%;
		margin-top: 5%;
	}
	.tokyo-med-title-2-column-2 img:nth-child(2) {
		width: 75%;
		margin-left: 2%;
		margin-top: 12%;
	}
}




/* 2カラム - 数字見出し-3 */
.tokyo-med-title-2-column-3 {
	display: flex;
	/*width: 50%;*/
	margin-top: 5%;
	margin-left: 10%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-title-2-column-3 {
		display: flex;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* 2カラム - 画像 */
.tokyo-med-title-2-column-3 img {
	width: 15%;
}
.tokyo-med-title-2-column-3 img:nth-child(2) {
	width: 20%;
    height: 30%;
    margin-top: 5%;
    margin-left: 1%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-title-2-column-3 img {
		width: 23%;
		margin-left: 0%;
		margin-top: 5%;
	}
	.tokyo-med-title-2-column-3 img:nth-child(2) {
		width: 35%;
		margin-left: 2%;
		margin-top: 12%;
	}
}



/* 2カラム-3 */
.tokyo-med-2-column-3 {
	display: flex;
	width: 95%;
	margin-right: 5%;
	margin-top: 5%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-2-column-3 {
		display: block;
		width: 90%;
		margin-top: 10%;
		margin-left: 5%;
		margin-right: 5%;
	}
}

/* 2カラム - 画像 */
.tokyo-med-2-column-3 img {
	width: 45%;
}
.tokyo-med-2-column-3 img:nth-child(2)  {
	width: 50%;
	height: 70%;
	margin-left: 5%;
	margin-top: 20%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-2-column-3 img {
		width: 100%;
		margin-left: 0%;
	}
	.tokyo-med-2-column-3 img:nth-child(2)  {
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}	
}



/* 2 column-timelines */
.study-manage {
	margin-top: 10%;
    margin-left: 5%;
    margin-right: 5%;
}

.study-manage h3 {
    font-size: 5vw;
    font-family: serif;
    font-weight: bold;
    text-align: center;
    padding: 1.5vw;
}

.study-manage p {
	margin-top: 5%;
    font-size: 3.5vw;
    font-family: serif;
    line-height: 5.5vw;
}

.study-manage img {
	margin-top: 5%;
}


/* mobile devices */
@media (max-width: 767px) {

	.personal-schedule h3 {
	    text-align: center;
	    font-size: 5vw;
	    font-family: serif;
	    font-weight: bold;
	    color: #003366;
		background-color: #EAC36A;
		}

	.personal-schedule p {
		font-size: 4vw;
	    font-family: serif;
	    line-height: 6.5vw;
		}

	.personal-schedule-box p {
		font-size: 2vw;
		background-color: #F5F5F5;
	    padding: 0.5em 1em;
	    margin: 1em 0;
	    border: solid 3px #EAC36A;
	}
}


.two-column-body {
	position: relative;
	background-color: #ffffff;
	z-index: 1;
}

.two-column-timeline {
	display: flex;
	position: relative;
}

.two-column-timeline h3 {
	width: 40%;
    margin-left: 10%;
    margin-top: 8%;
    text-align: center;
    font-size: 2vw;
    font-family: serif;
    font-weight: bold;
    line-height: 4vw;
    color: #003366;
	background-color: #EAC36A;
    margin-bottom: 20%;
}

.two-column-timeline img {
	width: 45%;
    margin-left: 5%;
    margin-top: 5%;
    margin-right: 5%;
}


.two-column-timeline-text p {
	position: absolute;
    left: 10%;
    top: 45%;
    font-size: 1.8vw;
    font-family: serif;
    width: 35%;
    line-height: 2.8vw;
}

.two-column-timeline-text p:nth-child(2) {
	top: 67%;
	font-size: 1.2vw;
	background-color: #F5F5F5;
    padding: 0.5em 1em;
    margin: 1em 0;
    border: solid 3px #EAC36A;
}



/* center-banner */
.center-banner { 
	margin-top: 3%;
	margin-left: 10%; 
	margin-right: 10%;
	width: 80%;
}

/* center-banner-2 */
.center-banner-2 { 
	margin-top: 3%;
	margin-left: 10%; 
	margin-right: 10%;
	width: 80%;
}

@media only screen and (max-width: 767px) {
	.center-banner-2 { 
		margin-top: 3%;
		margin-left: 2.5%; 
		margin-right: 2.5%;
		width: 95%;
	}
}


/* 2カラム-4 */
.tokyo-med-2-column-4 {
	display: flex;
	width: 95%;
	margin-right: 5%;
	margin-top: 5%;
	/*margin-left: 10%;
	margin-right: 10%;*/
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-2-column-4 {
		display: block;
		width: 90%;
		margin-top: 10%;
		margin-left: 5%;
		margin-right: 5%;
	}
}


/* 2カラム - 画像 */
.tokyo-med-2-column-4 img {
	width: 45%;
}
.tokyo-med-2-column-4 img:nth-child(2)  {
	width: 50%;
	height: 70%;
	margin-left: 5%;
	margin-top: 7%;
}

/* mobile devices */
@media only screen and (max-width: 767px) {
	.tokyo-med-2-column-4 img {
		width: 100%;
		margin-left: 0%;
		/*position: relative;*/
	}
	.tokyo-med-2-column-4 img:nth-child(2)  {
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}	
}


/* FAQ + Rotate */
.faq{
	position: relative;
}
.rotate-faq{
	position: absolute;
	width: 20%;
	left: 80%;
	top: 25%;
}
/* mobile devices */
@media only screen and (max-width: 767px) {
	.rotate-faq{
		display: none;
	}
}
.content-image-3 {
	display: block !important; 
	margin-top: 5%; 
	margin-left: 20%;
	margin-right: 20%;
	width: 60%;
}
/* mobile devices */
@media only screen and (max-width: 767px) {
    .content-image-3 { 
    	display: block !important; 
    	margin-top: 5%; 
    	margin-left: 3%;
    	width: 97%;
    }
}




/* その他 */
.spacer{
	margin-top: 10%;
}

.half-spacer{
	margin-top: 5%;
}

.slider-spacer{
	margin-top: 10%;
	margin-bottom: 5%;
}


@media only screen and (max-width: 767px) {
	.slider-spacer{
		margin-top: 10%;
		margin-bottom: 8%;
	}
}