@charset "UTF-8";
/* CSS Document */


.header_logo p {
    color: #fff;
}
	
	
/* main_visual
--------------------- */
#main_visual{
	position:relative;
	width: 100%;
	height: 400px;
	background: url("../img/message_titlebg.jpg") no-repeat;
	background-size: cover;
}
	#main_visual .page_title{
		color:#fff;
	}
		#main_visual h1{
			font-size:5rem;
			line-height: 4.4rem;
			letter-spacing: .5rem;
			padding-top: 180px;
		}

		#main_visual p{
			font-size:1rem;
			line-height: 1rem;
			letter-spacing: .2rem;
			padding-top: 28px;
		}

		#main_visual span {
			display: block;
			font-size: 12px;
			line-height: 1;
			letter-spacing: 0;
			color: #fff;
			position: absolute;
			bottom: 10px;
			right: 10px;
		}



	
	
/* message_contents
--------------------- */
#message_contents{
	display: block;
	padding: 100px 0 0 0;
}
	#message_contents h2{
		font-size:2rem;
		line-height: 3.2rem;
		font-weight: 600;
		text-align: center;
		position:relative;
		padding-bottom: 90px;
	}
	#message_contents h2:after{
		content:'';
		position:absolute;
		top:150px;
		left:50%;
		transform:translateX(-50%);
		display: block;
		width: 30px;
		height: 1px;
		background-color: #0077C3;
	}
	.msge_container{
		position: relative;
		width: 80%;
		margin: 0 auto;
		padding-bottom: 70px;
		margin-bottom: 100px;
	}
		li.msag_content{
			margin-bottom: 50px;
		}
			li.msag_content p.msg_title{
				font-size: 1.4rem;
				line-height: 2.0rem;
				letter-spacing: .16rem;
				font-weight: 500;
			}
			li.msag_content p.msg_content{
				font-size: .9rem;
				line-height: 1.8rem;
				letter-spacing: .1rem;
				margin-top: 12px;
			}
	.msge_container .butyo_name{
		position: absolute;
		right:0;
		bottom:0;
		font-size: 1rem;
		line-height: 1rem;
		letter-spacing: .1rem;
	}
	.footer_bg{
		width: 100%;
		height: 500px;
		position: relative;
	}
		.footer_bg img{
			width: 100%;
			height: 100%;
			object-fit: cover
		}
		.footer_bg span{
			background: rgba(255,255,255,0.7);
			display: inline-block;
			font-size: 12px;
			letter-spacing: 0;
			padding: 1px 5px;
			position: absolute;
			bottom: 0;
			right: 0;
		}



/* 1200px */
@media screen and (max-width: 1120px) {

	
	.msge_container{
		width: 100%;
	}

	
}


/* 820px */
@media screen and (max-width: 820px) {

	
	#message_contents h2{
		font-size:1.8rem;
		line-height: 2.8rem;
	}
	#message_contents h2:after{
		top:132px;
	}
	
}






/* max 767px */
@media screen and (max-width: 767px) {


	
/* main_visual
--------------------- */
#main_visual{
	height: 300px;
}
	#main_visual h1{
		font-size:3.6rem;
		line-height: 3.6rem;
		letter-spacing: .4rem;
		padding-top: 120px;
	}
	#main_visual p{
		font-size:1rem;
		line-height: 1rem;
		letter-spacing: .2rem;
		padding-top: 12px;
	}

	#main_visual span {
		width: 100%;
		font-size: 10px;
		bottom: 12px;
		right: 0;
		text-align: center;
	}
	
	
/* message_contents
--------------------- */
#message_contents{
	padding: 60px 0 0 0;
}
	#message_contents h2{
		font-size:1.5rem;
		line-height: 2.6rem;
		text-align: center;
		padding-bottom: 60px;
	}
	#message_contents h2:after{
		top:114px;
	}
	.msge_container{
		padding-bottom: 20px;
		margin-bottom: 80px;
	}
		li.msag_content{
			margin-bottom: 50px;
		}
			li.msag_content p.msg_title{
				font-size: 1.2rem;
				line-height: 2rem;
				letter-spacing: .12rem;
			}
	.msge_container .butyo_name{
		font-size: .9rem;
		line-height: .9rem;
	}
	.footer_bg{
		height: 400px;
	}




}


/* max 420px */
@media screen and (max-width: 420px) {


	
/* main_visual
--------------------- */
#main_visual{
	height: 240px;
	text-align: center;
}
	#main_visual h1{
		font-size:2.6rem;
		line-height: 2.6rem;
		letter-spacing: .3rem;
		padding-top: 108px;
	}
	
	#main_visual p{
		font-size:.8rem;
		line-height: .8rem;
		letter-spacing: .2rem;
		padding-top: 12px;
	}

	
	


	
/* message_contents
--------------------- */
#message_contents{
	padding: 40px 0 0 0;
}
	#message_contents h2{
		font-size:1.3rem;
		line-height: 2rem;
		letter-spacing: .2rem;
		text-align: left;
		padding-bottom: 60px;
	}
	#message_contents h2:after{
		top:123px;
	}
	.msge_container{
		padding-bottom: 20px;
		margin-bottom: 80px;
	}
		li.msag_content{
			margin-bottom: 50px;
		}
			li.msag_content p.msg_title{
				font-size: 1.2rem;
				line-height: 1.9rem;
			}
			li.msag_content p.msg_content {
				margin-top: 16px;
			}
	.msge_container .butyo_name{
		font-size: .9rem;
		line-height: .9rem;
	}
	.footer_bg{
		height: 260px;
	}
		.footer_bg span{
			width: 100%;
			text-align: center;
			font-size: 10px;
			padding: 1px 5px;
		}




}