@charset "UTF-8";
/* =============================================================================

	タイプ別診断

============================================================================= */
.diagnosis {}
.diagnosis .thiscontents {}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.merume-room .thiscontents {}
}/* for SP max-width: 800px */

/*-------------------------------------------------------------
	共通
-------------------------------------------------------------*/
.section_type_iagnosis {}
.section_type_iagnosis .box_list .current {
	opacity: .8;
}
.diagnosis .type {
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.diagnosis .type .text {
	width: 600px;
	margin-right: 30px;
}
.diagnosis .type .text .heading {}
.diagnosis .type .text .heading .subtitle {
	position: relative;
	display: inline-block;
	font-size: 24px;
	padding-right: 60px;
}
.diagnosis .column-1 .type .text .heading .subtitle,
.diagnosis .column-3 .type .text .heading .subtitle,
.diagnosis .column-8 .type .text .heading .subtitle {
	padding-right: 60px;
}
.diagnosis .column-2  .type .text .heading .subtitle {
	padding-right: 35px;
}
.diagnosis .column-4 .type .text .heading .subtitle {
	padding-right: 70px;
}
.diagnosis .column-5 .type .text .heading .subtitle,
.diagnosis .column-6 .type .text .heading .subtitle,
.diagnosis .column-7 .type .text .heading .subtitle {
	padding-right: 40px;
}
.diagnosis .type .text .heading .subtitle .no {
	margin-right: 0.5em;
}
.diagnosis .type .text .heading .subtitle .icon {
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.diagnosis .column-1 .type .text .heading .subtitle .icon,
.diagnosis .column-3 .type .text .heading .subtitle .icon,
.diagnosis .column-8 .type .text .heading .subtitle .icon {
	width: 50px;
}
.diagnosis .column-2 .type .text .heading .subtitle .icon {
	width: 25px;
}
.diagnosis .column-4 .type .text .heading .subtitle .icon {
	width: 60px;
}
.diagnosis .column-5 .type .text .heading .subtitle .icon,
.diagnosis .column-6 .type .text .heading .subtitle .icon,
.diagnosis .column-7 .type .text .heading .subtitle .icon {
	width: 30px;
}
.diagnosis .type .text .heading .answer {
	font-size: 32px;
	line-height: 1.2;
	margin-top: 10px;
}
.diagnosis .column-1 .color {
	color: #f33446;
}
.diagnosis .column-2 .color {
	color: #2136e8;
}
.diagnosis .column-3 .color {
	color: #43d5fa;
}
.diagnosis .column-4 .color {
	color: #fc4bc8;
}
.diagnosis .column-5 .color {
	color: #87dc80;
}
.diagnosis .column-6 .color {
	color: #fda72f;
}
.diagnosis .column-7 .color {
	color: #3d9a4b;
}
.diagnosis .column-8 .color {
	color: #9e7eae;
}
.diagnosis .type .text p {
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph; /* IE */
	margin-top: 20px;
}
.diagnosis .type .illust {
	width: 440px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.diagnosis .type {
	display: block;
	margin-top: 15px;
}
.diagnosis .type .text {
	width: 100%;
	margin-right: 0;
}
.diagnosis .type .text .heading {}
.diagnosis .type .text .heading .subtitle {
	font-size: 4.4vw;
}
.diagnosis .column-1 .type .text .heading .subtitle,
.diagnosis .column-3 .type .text .heading .subtitle,
.diagnosis .column-8 .type .text .heading .subtitle {
	padding-right: 11vw;
}
.diagnosis .column-2 .type .text .heading .subtitle {
	padding-right: 6vw;
}
.diagnosis .column-4 .type .text .heading .subtitle {
	padding-right: 13vw;
}
.diagnosis .column-5 .type .text .heading .subtitle,
.diagnosis .column-6 .type .text .heading .subtitle,
.diagnosis .column-7 .type .text .heading .subtitle {
	padding-right: 8vw;
}
.diagnosis .type .text .heading .subtitle .no {
	margin-right: 1em;
}
.diagnosis .column-1 .type .text .heading .subtitle .icon,
.diagnosis .column-3 .type .text .heading .subtitle .icon,
.diagnosis .column-8 .type .text .heading .subtitle .icon {
	width: 10vw;
}
.diagnosis .column-2 .type .text .heading .subtitle .icon {
	width: 5vw;
}
.diagnosis .column-4 .type .text .heading .subtitle .icon {
	width: 12vw;
}
.diagnosis .column-5 .type .text .heading .subtitle .icon,
.diagnosis .column-6 .type .text .heading .subtitle .icon,
.diagnosis .column-7 .type .text .heading .subtitle .icon {
	width: 6vw;
}
.diagnosis .type .text .heading .answer {
	font-size: 6.0vw;
}
.diagnosis .type .text p {
	line-height: 1.8;
	margin-top: 15px;
}
.diagnosis .type .illust {
	width: 100%;
	margin-top: 15px;
}
}/* for SP max-width: 800px */

/*-------------------------------------------------------------
	バナー
-------------------------------------------------------------*/
.diagnosis .banner {
	margin-top: 50px;
	padding-bottom: 70px;
}
.diagnosis .banner .heading {}
.diagnosis .banner .heading .subtitle {
	position: relative;
	font-size: 20px;
	padding-left: 60px;
}
.diagnosis .banner .heading .subtitle .icon {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.diagnosis .banner .flex_container .item a {
	display: block;
	box-sizing: border-box;
	height: 100%;
	color: #fff;
	text-decoration: none;
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .1);
}
.diagnosis .banner .flex_container .item.bnr a {
	padding: 20px;
}
.diagnosis .banner .flex_container .item a:hover {
	box-shadow: 10px 10px 0 0 rgba(0, 0, 0, .05);
	-webkit-transform: translate(-5px, -5px);
	transform: translate(-5px, -5px);
}
.diagnosis .banner .flex_container .item a {
	position: relative;
	display: block;
}
.diagnosis .banner .flex_container .item.bnr a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%) rotate(-45deg);
}
.diagnosis .banner .flex_container .item a .icon {
	position: absolute;
	width: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* 7ワールド/22専攻バナー */
.diagnosis .banner .flex_container .item .bnr_world_majors a {
	color: #000;
}
.diagnosis .banner .flex_container .item .bnr_world_majors a .icon {
	width: 9.345794392523364%;
}
.diagnosis .banner .flex_container .item.abord a .icon {
	width: 30px;
}
.diagnosis .banner .flex_container .item.concept a .icon {
	width: 50px;
}
.diagnosis .banner .flex_container .item a .title {
	font-size: 20px;
	font-weight: bold;
	padding-left: 60px;
}
.diagnosis .banner .flex_container .item.employment a {
	background: #eb6ea0;
}
.diagnosis .banner .flex_container .item.debut a {
	background: #aacf52;
}
.diagnosis .banner .flex_container .item.equipment a {
	background: #927762;
}
.diagnosis .banner .flex_container .item.teacher a {
	background: #738ad0;
}
.diagnosis .banner .flex_container .item.w_major a {
	background: #7ecef4;
}
.diagnosis .banner .flex_container .item.performance a {
	background: #6ac6c5;
}
.diagnosis .banner .flex_container .item.overseas a {
	background: #915da3;
}
.diagnosis .banner .flex_container .item.abord a {
	background: #425a90;
}
.diagnosis .banner .flex_container .item.seminar a {
	background: #5fc1c7;
}
.diagnosis .banner .flex_container .item.concept a {
	background: #fff100;
	color: #000;
}
.diagnosis .banner .flex_container .item.concept a:after {
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.diagnosis .banner {
	padding-bottom: 30px;
	margin-top: 10px;
}
.diagnosis .banner .heading .subtitle {
	font-size: 4.6vw;
	padding-left: 10vw;
}
.diagnosis .banner .heading .subtitle .icon {
	width: 8vw;
}
.diagnosis .banner .flex_container .item a:after {
	right: 15px;
}
.diagnosis .banner .flex_container .item a .icon {
	width: 8vw;
}
.diagnosis .banner .flex_container .item.abord a .icon {
	width: 6vw;
}
.diagnosis .banner .flex_container .item.concept a .icon {
	width: 10vw;
}
.diagnosis .banner .flex_container .item a .title {
	font-size: 4.2vw;
	padding-left: 13.333333333333333vw;
}
}/* for SP max-width: 800px */

/*===============================================================
	
	トップページ
	
===============================================================*/

/*-------------------------------------------------------------
	メインビジュアル
-------------------------------------------------------------*/
#mainvisual {
	margin-top: -80px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
#mainvisual {
	margin-top: -8vw;
}
}/* for SP max-width: 800px */

/*===============================================================
	
	フッターメニューバナー
	
===============================================================*/
.section_footer_menu {
	padding: 80px 0;
}
.section_footer_menu ul {
	/*margin-top: -25px;*/
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_footer_menu {
	padding: 5vw 0;
}
.section_footer_menu ul {
	/*margin-top: -3vw;*/
}
}/* for SP max-width: 800px */


/* =============================================================================

	hoge

============================================================================= */
.hoge {}

/*-------------------------------------------------------------
	hogehoge
-------------------------------------------------------------*/

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {

}/* for SP max-width: 800px */