@charset "UTF-8";

/* Infomation 
---------------------------------------------------------------------
File Name :  potential.css
Create date :  2018/08/21

// Braek Points
// PC
@media screen and (max-width: 1439px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 979px) {
}
// Tablet
@media screen and (max-width: 767px) {
}
// Phone
@media screen and (max-width: 580px) {
}
---------------------------------------------------------------------
*/


/* --------------------------------
	module.css hack
	section/article
-------------------------------- */
section + section {
	margin-top: 80px;
}
section.nav-area {
	margin-top: 100px;
}
@media screen and (max-width: 979px) {
	section + section {
		margin-top: 60px;
	}
	section.nav-area {
		margin-top: 60px;
	}
}
@media screen and (max-width: 767px) {
	section + section {
		margin-top: 60px;
	}
	section.nav-area {
		margin-top: 60px;
	}
}

article.banner-area {
	margin-top: 120px;
	margin-bottom: 40px;
}
@media screen and (max-width: 979px) {
	article.banner-area {
		margin-top: 60px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	article.banner-area {
		margin-top: 60px;
		margin-bottom: 0;
	}
}

.headline-02-area {
	margin-bottom: 40px;
}


/* --------------------------------
	obliqueBox
-------------------------------- */

.oblique-01 {
}
.oblique-01 .title {
	margin-bottom: 10px;
}
.oblique-01 .title-jp {
	color: #aa1432;
	font-size: 22px;
	margin-right: 28px;
}
.oblique-01 .title-en {
	color: #aa1432;
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.oblique-01 .title-jp {
		font-size: 18px;
		margin-right: 0;
	}
	.oblique-01 .title-en {
		font-size: 14px;
	}
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	成長力は規格外。
	.potential-top
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* --------------------------------
	layout.css hack
	layout-box-w6
-------------------------------- */
.potential-top .layout-grid.layout-w6w6 .layout-box-w6 {
	width: 50%;
}
@media screen and (max-width: 767px) {
	.potential-top .layout-grid.layout-w6w6 .layout-box-w6 {
		width: 100%;
		height: 100%;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	article.banner-area .layout-grid.layout-w6w6 .layout-box-w6 {
		margin-bottom: 0;
	}
	article.banner-area .layout-grid.layout-w6w6 .layout-box-w6 + .layout-box-w6 {
		margin-top: 10px;
	}
}


/* --------------------------------
	layout-box-w6 box-01/02
-------------------------------- */
.potential-top .layout-box-w6.box-01 {
	padding: 100px 120px 0 100px;
	background-position: right top;
	background-repeat: no-repeat;
}
.potential-top .layout-box-w6.box-02 {
	padding: 100px 85px 0 92px;
	background-position: left top;
	background-repeat: no-repeat;
}
.potential-top .layout-box-w6.num01 { background-image: url(../images/potential/index/num01.png); }
.potential-top .layout-box-w6.num02 { background-image: url(../images/potential/index/num02.png); }
.potential-top .layout-box-w6.num03 { background-image: url(../images/potential/index/num03.png); }
.potential-top .layout-box-w6.num04 { background-image: url(../images/potential/index/num04.png); }
.potential-top .layout-box-w6.num05 { background-image: url(../images/potential/index/num05.png); }
.potential-top .layout-box-w6.num06 { background-image: url(../images/potential/index/num06.png); }
@media screen and (max-width: 979px) {
	.potential-top .layout-box-w6.box-01 {
		padding: 50px 0 0 30px;
	}
	.potential-top .layout-box-w6.box-02 {
		padding: 50px 30px 0 0;
	}
}
@media screen and (max-width: 767px) {
	.potential-top .layout-box-w6.box-01,
	.potential-top .layout-box-w6.box-02 {
		background-position: center top;
		background-size: auto 53px;
		padding: 65px 0 0 0;
		margin-top: 15px;
		order: 2;
	}
	.potential-top .layout-box-w6.box-03 {
		order: 1;
	}
}


/* --------------------------------
	head-area
-------------------------------- */
.potential-top .head-area {
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 6px 0;
	margin-bottom: 80px;
}
.potential-top .head-box {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 79px 100px 73px 100px;
}
@media screen and (max-width: 979px) {
	.potential-top .head-area {
		margin-bottom: 40px;
	}
	.potential-top .head-box {
		padding: 40px 50px 36px 50px;
	}
}
@media screen and (max-width: 767px) {
	.potential-top .head-area {
		padding: 3px 0;
		margin-bottom: 25px;
	}
	.potential-top .head-box {
		padding: 25px 0 15px 0;
	}
}


/* --------------------------------
	subHeadline
-------------------------------- */

.potential-top .layout-box-w6.box-02 .subHeadline-04 {
	text-align: right;
}
@media screen and (max-width: 767px) {
	.potential-top .layout-box-w6.box-01 .subHeadline-04,
	.potential-top .layout-box-w6.box-02 .subHeadline-04 {
		text-align: center;
		margin-bottom: 10px;
	}
}


/* --------------------------------
	btns
-------------------------------- */

.potential-top .layout-box-w6.box-01 .glb-btn-02,
.potential-top .layout-box-w6.box-02 .glb-btn-02 {
	margin-top: 36px;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.potential-top .layout-box-w6.box-01 .glb-btn-02,
	.potential-top .layout-box-w6.box-02 .glb-btn-02 {
		margin-top: 18px;
	}
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	一体型都心キャンパスのメリット
	.potential-campus
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* --------------------------------
	layout.css hack
	layout-box-w6
-------------------------------- */
/*
.potential-campus .layout-grid.layout-w6w6 .layout-box-w6 {
}
@media screen and (max-width: 767px) {
	.potential-campus .layout-grid.layout-w6w6 .layout-box-w6 {
		width: 100%;
		height: 100%;
		margin-bottom: 0;
	}
}
*/


/* --------------------------------
	headline
-------------------------------- */
/*
@media screen and (max-width: 767px) {
	.potential-campus .headline-03-area {
		margin-bottom: 35px;
	}
}
*/

/* --------------------------------
	layout-box-w6 box-01/02
-------------------------------- */
.potential-campus .layout-box-w12 {
	position: relative;
}
.potential-campus .layout-box-w6.box-01 {
	padding: 32px 40px 0 0;
}
.potential-campus .layout-box-w6.box-02 {
	padding: 32px 0 0 40px;
}
@media screen and (max-width: 979px) {
	.potential-campus .layout-box-w6.box-01 {
		padding: 0 0 0 0;
	}
	.potential-campus .layout-box-w6.box-02 {
		padding: 0 0 0 0;
	}
}
@media screen and (max-width: 767px) {
	.potential-campus .layout-box-w6.box-01,
	.potential-campus .layout-box-w6.box-02 {
		padding: 60px 0 0 0;
		margin-top: 0;
		order: 2;
	}
	.potential-campus .layout-box-w6.box-03 {
		order: 1;
		padding-left: 10.4%;
	}
}


/* --------------------------------
	layout-box-w6 numNN
-------------------------------- */
/*
.potential-campus .number-area {
	position: relative;
	margin-bottom: -20px;
}
.potential-campus .number-area p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 110px;
	color: #aa1432;
	line-height: 80px;
	letter-spacing: -0.018em;
	text-align: center;
}
.potential-campus .number-area:after {
	position: absolute;
	bottom: -5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: #9e9e9e;
}
.potential-campus .number-area.num01:after {
	right: calc(50% + 60px);
	content: 'Location & Access';
}
.potential-campus .number-area.num02:after {
	left: calc(50% + 60px);
	content: 'Encounter';
}
.potential-campus .number-area.num03:after {
	right: calc(50% + 60px);
	content: 'Study Flexiblity';
}
.potential-campus .number-area.num04:after {
	left: calc(50% + 60px);
	content: 'Professors & Staff Members';
}
.potential-campus .number-area.num05:after {
	right: calc(50% + 60px);
	content: 'Career Support';
}
.potential-campus .number-area.num06:after {
	left: calc(50% + 60px);
	content: 'Global Campus';
}
.potential-campus .number-area.num07:after {
	right: calc(50% + 60px);
	content: 'Cultural Treasures in Tokyo';
}
@media screen and (max-width: 979px) {
	.potential-campus .number-area {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) {
	.potential-campus .number-area {
		position: absolute;
		padding-top: 59.7%;
	}
	.potential-campus .number-area:after {
		position: absolute;
		bottom: -4px;;
		font-size: 18px;
	}
	.potential-campus .number-area.num01:after,
	.potential-campus .number-area.num02:after,
	.potential-campus .number-area.num03:after,
	.potential-campus .number-area.num04:after,
	.potential-campus .number-area.num05:after,
	.potential-campus .number-area.num06:after,
	.potential-campus .number-area.num07:after {
		white-space: nowrap;
		left: 80px;
	}
	.potential-campus .number-area p {
		margin-top: -10px;
		font-size: 75px;
		line-height: 55px;
		text-align: left;
	}
}
*/


/* --------------------------------
	subHeadline
-------------------------------- */

.potential-campus .layout-box-w6.box-01 .subHeadline-04 {
	text-align: right;
}
@media screen and (max-width: 767px) {
	.potential-campus .layout-box-w6.box-01 .subHeadline-04,
	.potential-campus .layout-box-w6.box-02 .subHeadline-04 {
		text-align: left;
		margin-bottom: 10px;
	}
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	英語教育
	.potential-english
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* --------------------------------
	layout-col3
-------------------------------- */

.potential-english .layout-col3 {
	width: 100%;
	background-color: #ccc;
	border: 1px solid #ccc;
}
.potential-english .layout-col3 .box {
	width: 33.33%;
}
@media screen and (max-width: 767px) {
	.potential-english .layout-col3 {
		border: 0;
		padding: 20px;
	}
	.potential-english .layout-col3 .box {
		width: 100%;
	}
	.potential-english .layout-col3 .box + .box {
		margin-top: 5px;
	}
}


/* --------------------------------
	glb-picture has-numicon
-------------------------------- */

.potential-english .glb-picture.has-numicon {
	position: relative;
	padding-top: 20px;
}
.potential-english .glb-picture.has-numicon .numicon {
	position: absolute;
	top: 0;
	left: 10px;
	width: auto;
}
.potential-english .glb-picture.has-numicon .numicon img {
	width: auto;
	height: 36px;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	就職支援
	.potential-career
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* --------------------------------
	layout-float
-------------------------------- */
/*
.potential-career .layout-float {
	width: 100%;
}
.potential-career .layout-float:after {
	content: "";
	clear: both;
	display: block;
}
.potential-career .layout-float .layout-box {
	width: calc((100% - 40px) * 0.500);
}
.potential-career .layout-float .layout-box.order-a {
	float: left;
	margin-bottom: 46px;
}
.potential-career .layout-float .layout-box.order-b {
	float: right;
}
.potential-career .layout-float .layout-box.order-c {
	float: left;
}
@media screen and (max-width: 767px) {
	.potential-career .layout-float .layout-box {
		width: 100%;
	}
	.potential-career .layout-float .layout-box.order-a {
		clear: both;
		margin-bottom: 20px;
	}
	.potential-career .layout-float .layout-box.order-b {
		clear: both;
		margin-bottom: 25px;
	}
	.potential-career .layout-float .layout-box.order-c {
		clear: both;
	}
}
*/


/* --------------------------------
	year-flow
-------------------------------- */

.potential-career .year-flow .layout-box-w4 {
	background: #f3f3f3;
	padding: 36px 30px 54px 30px;
}
.potential-career .year-flow p.head {
	color: #aa1432;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	line-height: 100%;
}
.potential-career .year-flow p.head .num {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 56px;
	line-height: 100%;
}
.potential-career .year-flow p.title {
	text-align: center;
	font-weight: bold;
	border: 1px solid #aa1432;
	background-color: #fff;
	padding: 8px 0;
	margin: 22px 0;
}
.potential-career .year-flow p.text {
}
@media screen and (max-width: 767px) {
	.potential-career .year-flow .layout-box-w4 {
		padding: 24px 20px 19px 20px;
	}
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	国際キャリアプログラム（ICP）
	.potential-icp
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* --------------------------------
	highlight
-------------------------------- */

.potential-icp .highlight {
	background-color: #aa1432;
	padding: 1px 5px;
	color: #fff;
}


/* --------------------------------
	layout-grid
-------------------------------- */

.layout-grid .voice-margin-01 {
	margin-top: 38px;
	margin-bottom: 0 !important;
}
.layout-grid .voice-margin-02 {
	margin-top: 16px;
	margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
	.layout-grid .voice-margin {
		margin-top: 0;
	}
	.layout-grid .voice-margin {
		margin-top: 38px;
		margin-bottom: 0 !important;
	}
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	国際キャリアプログラム（ICP）
	.potential-career
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.potential-career .chart-area {
}
.potential-career .chart-area + .chart-area {
	margin-top: 50px;
}
.potential-career .chart-area .subHeadline-02 {
	margin-bottom: 23px;
}
.potential-career .chart-area .chart-box {
	position: relative;
	padding: 0;
	background-color: #f3f3f3;
}
.potential-career .chart-area .chart-box .icon-search {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	padding: 7px;
	background-color: #fff;
}
.potential-career .chart-area .chart-box .icon-search .svg-icon svg {
	position: absolute;
	width: 26px;
	height: 26px;
}
@media screen and (max-width: 767px) {
	.potential-career .chart-area + .chart-area {
		margin-top: 20px;
	}
	.potential-career .chart-area .subHeadline-02 {
		margin-bottom: 15px;
	}
	.potential-career .chart-area .chart-box .icon-search {
		position: absolute;
		right: 5px;
		bottom: 5px;
		width: 43px;
		height: 43px;
		padding: 8px;
		background-color: #fff;
	}
	.potential-career .chart-area .chart-box .icon-search .svg-icon svg {
		position: absolute;
		width: 27px;
		height: 27px;
	}
}