@charset "utf-8";
/*---------------------------------------------------------------------------
  MESSAGE
---------------------------------------------------------------------------*/
.message { margin: 0 2%;}
.message .come {
	position:relative; top:-120px;
	margin: 0 auto; padding:50px 50px 0;
	width: 96%;
	max-width:730px; 
	font-family: 'Noto Serif JP', serif;
	background:rgba(255,255,255,0.95);
}
@media only screen and (max-width:800px){
	.message .come {
		position:static;
		padding:5% 0;
		width: 96%;
	}
}

/*---------------------------------------------------------------------------
  PROFILE
---------------------------------------------------------------------------*/
#profile { }
#profile .profile_history {}
#profile .profile_history .come { padding:50px 30px; overflow: hidden;}
#profile .profile_history h5 { margin-bottom: 3%; font-family: 'Noto Serif JP', serif !important; font-weight: normal; letter-spacing: 2px;}
#profile .profile_history h5 strong { font-size: 193.8%; line-height:120%; font-weight: normal;}
#profile .profile_history h5 small { font-size: 62.5%; line-height:100%; display: block; letter-spacing: 12px;}
#profile .profile_history .come-r { float: right; max-width: calc(100% - 330px);}
#profile .profile_history .come-l { float:left; max-width: calc(100% - 330px);}
#profile .profile_history .come-l p {overflow: hidden;}
@media only screen and (max-width:800px){
	#profile .profile_history .come { margin: 0 2%; padding:0; overflow: hidden;}
	#profile .profile_history .come-r,
	#profile .profile_history .come-l { float:none; max-width:inherit; width: 96%;}
	#profile .profile_history .come-l p {overflow:visible!important;}
}

#profile .profile_detail { margin:  2%; background: #F7F6F0;}
#profile .profile_detail dl { position: relative;}
#profile .profile_detail dl::after {display: block; clear: both; content:"";}
#profile .profile_detail dl::before { 
	display: block; clear: both; content:"";
	position: absolute; top: 20px; left: 0;
	width: 3px; height: 30px;
	background: #F9D32B;
}
#profile .profile_detail dl+dl { border-top:3px solid #fff;}
#profile .profile_detail dt { float: left; width:27%; font-family: 'Noto Serif JP', serif;}
#profile .profile_detail dd { float:right; width:73%; position: relative;}
#profile .profile_detail dt,
#profile .profile_detail dd { padding: 20px;}
#profile .profile_detail dd span::after { padding: 0 10px; content:"/";}
#profile .profile_detail .min_p { float: right; width:180px; margin-left: 30px;}
#profile .profile_detail .min_p img { width: 100%; height: auto;}
#profile .profile_detail .photo1{ 
	transform: rotate(5deg);
}
#profile .profile_detail .photo2{
	transform: rotate(-5deg);
	position: absolute; top: 0; right:20px;
	z-index: 9999;
}
#profile .profile_detail .photo3 { 
	transform: rotate(10deg);
	position: absolute; top: 0; right:40px;
	width:150px; z-index: 9999;
}
@media only screen and (max-width:800px){
	#profile .profile_detail dt  { float:none; width:100%;}
	#profile .profile_detail dd { float:none; width:100%; padding-top: 0; overflow: hidden;}
	#profile .profile_detail dd span { display: block;}
	#profile .profile_detail dd span::before { content:"・";}
	#profile .profile_detail dd span::after { display: none;}
	#profile .profile_detail .min_p { width:150px; position: static; transform: rotate(0deg);}
}

/*---------------------------------------------------------------------------
  MANIFESTO
---------------------------------------------------------------------------*/
.mokuji_cont { margin:5% auto; width:90%; max-width:1400px;}
ul.mokuji { margin-bottom:5%; font-family: 'Noto Serif JP', serif; overflow: hidden;}
ul.mokuji li { float: left; padding:0 20px; width: 25%;}
ul.mokuji li+li { border-left: 1px solid #ddd;}
ul.mokuji li a { display: block; color: #222; text-decoration: none;}
ul.mokuji li img { width: 100%; height: auto}
ul.mokuji li span { display: block; padding: 20px; text-align: center;}
ul.mokuji .btn.b1 { width: 90% !important;}
@media only screen and (max-width:800px){
	.mokuji_cont { margin:5% auto; width:100%;}
	ul.mokuji li { padding:20px 10px; width:50%; text-align:center;}
	ul.mokuji li span {text-align:left; padding: 10px 0; font-size: 80%;}
	ul.mokuji li img { width: 80%; height: auto}
	ul.mokuji .btn.b1 { width:100% !important;}
	ul.mokuji li:nth-child(3),
	ul.mokuji li:nth-child(4) {border-top: 1px solid #ddd;}
}



.mokuji_txt {}
.mokuji_txt .catch { margin: 0;}
.mokuji_photo img { width: 100%; height: auto; }