@charset "utf-8";
/* CSS Document */
/*----MESSAGEページコンテンツ----*/

/*----Header----*/
.messageheader_BG{
	background-image:url("../img/bg_message_top_pic.png");
	background-repeat: no-repeat;
	background-size:auto;
	background-position:top center;
	width:100%;
	height:784px;
	margin:auto;
	overflow: hidden;
}
/*---- ↓↓↓ 640px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 640px) {
.messageheader_BG{
	background-size:cover;
	background-position:top -50px right -440px;
	height:640px;
}
}
/*-----↑↑↑-----------------------------------------------------*/
body{
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	color:#18304b;
	overflow-x: hidden;
	font-family: "Kosugi Maru", sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color:#d1d0cd;
	width:100%;
}
/*-Message用書き換え-*/
article{
	margin-top:0px;
}
.commonheader_TEXT{
	color:#000000;
	opacity: 0.6;
}
.commonheader_TEXT:hover{
	color:#000000;
	opacity: 0.6;
}
.commonheader_TEXT::after {
    background-color:#000000;
}
.commonheader_ENTRY{
	background-image: url("../img/icon_arrow_Sdown_b.png");
}
.messageheader_title{
	text-align: center;
	color:#000000;
    opacity: 0.6;
	margin: 146px 57%;
    width: fit-content;
}
.TITLE_main{
	border-bottom:2px solid rgba(0, 0, 0, 0.6); /*線の設定*/
}
.topicpath{
    background-color: rgba(0, 0, 0, 0.6);     /* 背景色指定 */
	top:-100px;
}
/*---- ↓↓↓ 768px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 768px) {
.messageheader_title {
    margin:167px 70px 0 auto;
	}
}
/*---- ↓↓↓ 650px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 650px) {
.messageheader_title {
    margin:167px 70px 0 auto;
	}
}
/*---- ↓↓↓ 640px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 640px) {
.messageheader_title {
    margin: 257px auto;
	}
}
/*-----↑↑↑-----------------------------------------------------*/
/*----ドロップダウン--------------------*/

.dropdown-BTN:hover a {
    color: #666;
}
.dropdown-list:hover a{
    color: #fff;
	opacity: 1;
}
/*----メインコンテンツ----*/
.MESSAGE_contents{
	background-color: rgba(67, 67, 67, 0.7);
	max-width:1100px;
	width:98%;
	margin:-260px auto 100px auto;
	padding:20px;
	color:#ffffff;
}
/*---- ↓↓↓ 640px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 640px) {
.MESSAGE_contents{
	margin:-200px auto 100px auto;
}

}
/*-----↑↑↑-----------------------------------------------------*/
.MESSAGE_profile{
	background-color: rgba(112, 112, 112, 0.7);
	border:1px solid rgba(255, 255, 255, 0.6); /*線の設定*/
	margin:auto;
	padding:40px 50px 30px 50px;
}
.MESSAGE_profile_title{
	border-bottom:2px solid rgba(255, 255, 255, 0.6); /*線の設定*/
	font-size: 1.8rem;
}
.MESSAGE_name {
	font-size: 2rem;
}
.MESSAGE_profile_inner{
	display: flex;              /* フレックスボックスにする */
	margin-top:20px;
}
.MESSAGE_profile_inner li{
	width:50%;
}
/*---- ↓↓↓ 768px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 768px) {
.MESSAGE_profile{
	padding:20px 3% 10px;
}
.MESSAGE_profile_inner li:first-child{
	width:30%;
}
.MESSAGE_profile_inner li:last-child{
	width:70%;
}
}
/*---- ↓↓↓ 490px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 490px) {
.MESSAGE_profile{
	padding:10px 3% 5px;
}
.MESSAGE_profile_inner{
	display: block;
	margin-top:10px;
}
.MESSAGE_profile_inner li:first-child{
	width:100%;
}
.MESSAGE_profile_inner li:last-child{
	margin-top:5px;
	width: 100%;
}
}
/*-----↑↑↑-----------------------------------------------------*/
.MESSAGE_textbox{
	padding:0px 30px 200px 30px;
	line-height: 3.8rem;
	font-size: 1.6rem;
	font-weight: lighter;
}
.MESSAGE_text{
	margin-top:40px;
	margin-bottom:30px;
}
/*---- ↓↓↓ 768px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 768px) {
.MESSAGE_textbox{
	padding:0px 20px 50px 20px;
	line-height: 3.1rem;
	font-size: 1.4rem;
	font-weight: lighter;
}	
.MESSAGE_text{
	margin-top:26px;
	margin-bottom:26px;
}
}
/*---- ↓↓↓ 490px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 490px) {
.MESSAGE_textbox{
	padding:0px 0px 50px;
	}
}
/*-----↑↑↑-----------------------------------------------------*/