@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

学術院長メッセージ

------------------------------------------------------------ */
/* メインナビ アクティブ表示
---------------------------------------------- */
.nav_global>ul>li:nth-child(2)::before{
	display: block;
}
main{
	padding-bottom: 141px;
	overflow: hidden;
}

.sec_message1{
	max-width: 1400px;
	margin:0 auto 142px;
	display: flex;
}
.sec_message1 .col1{
	padding: 0 10%;
}
.sec_message1 .col1 img{
	width: 400px;
}
.sec_message1 .col1 .name{
	font-size: 1.7rem;
	line-height: 1;
	text-align: center;
	padding-top: 1em;
}
.sec_message1 .col1 .name span{
	font-weight: bold;
	padding-left: 1em;
}
.sec_message1 .col2{
	padding-right: 10%;
}
.sec .heading{
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .05em;
	margin-bottom: 45px;
}
.sec .text{
	font-size: 1.7rem;
    letter-spacing: .05em;
    line-height: 2;
}
.sec .text p{margin-bottom: 2em;}
.sec .text *:last-child{margin-bottom: 0;}


.sec_message2,.sec_message3{
	max-width: 1400px;
	margin:0 auto 142px;
	position: relative;
}
.sec_message2 .col1{
	position: absolute;
	top: 0;
	right: calc(-50vw + 700px);
	width: calc(50vw - 300px + 10%);
}
.sec_message2 .col1 img{
	width: 100%;
}
.sec_message2 .col2{
	padding-right: calc(400px + 20%);
	padding-left: 10%;
}

.sec_message3 .col1{
	position: absolute;
	top: 0;
	left: calc(-50vw + 700px);
	width: calc(50vw - 300px + 10%);
}
.sec_message3 .col1 img{
	width: 100%;
}
.sec_message3 .col2{
	padding-left: calc(400px + 20%);
	padding-right: 10%;
}

.sec_message4{
	max-width: 804px;
	margin: 0 auto;
}
.sec_message4 .heading{
	text-align: center;
}






@media only screen and (max-width:1400px){
	.sec_message2 .col1{
		right: 0;
		width: calc(400px + 10%);
	}
	.sec_message3 .col1{
		left: 0;
		width: calc(400px + 10%);
	}

}/*--@media--*/


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

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
	.sec_message1{
		display: block;
		margin-bottom: 95px;
	}
	.sec_message1 .col1{
		text-align: center;
		margin-bottom: 95px;
	}
	.sec_message1 .col2{
		padding: 0 80px;
	}
	.sec_message2,.sec_message3{
		margin-bottom: 95px;
	}
	.sec_message2 .col1{
		position: relative;
	    width: 100%;
	    margin-bottom: 95px;
	}
	.sec_message2 .col2{
		padding: 0 80px;
	}
	.sec_message3 .col1{
		position: relative;
	    width: 100%;
	    margin-bottom: 95px;
	}
	.sec_message3 .col2{
		padding: 0 80px;
	}
	.sec_message4{
		max-width: unset;
		padding: 0 80px;
	}
	.sec_message4 .heading{
		text-align: left;
	}

}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	main{padding-bottom: 63px;}

.sec_message1{
	margin-bottom: 53px;
}
.sec_message1 .col1{
	margin-bottom: 58px;
}
.sec_message1 .col1 img{
	width: 60vw;
}
.sec_message1 .col1 .name{
	font-size: 1.4rem;
}
.sec_message1 .col1 .name span{
}
.sec_message1 .col2{
	padding: 0 6.4vw;
}
.sec .heading{
	font-size: 5.733vw;
	margin-bottom: 36px;
}
.sec .text{
	font-size: 1.4rem;
	letter-spacing: 0;
}
.sec_message2,.sec_message3{
	margin-bottom: 53px;
}
.sec_message2 .col1{
	margin-bottom: 42px;
}
.sec_message2 .col2{
	padding: 0 6.4vw;
}

.sec_message3 .col1{
	margin-bottom: 42px;
}
.sec_message3 .col2{
	padding: 0 6.4vw;
}

.sec_message4{
	padding: 0 6.4vw;
}
.sec_message4 .heading{
}


}/*--@media--*/

