@charset "utf-8";

.trivia {
	position: relative;
	overflow: hidden;
}

.botany_trivia_tit{
  padding:50px ;
}

.trivia_tit{
  margin:0;
  padding:0;
}

.trivia_bg{
  background-image: url("../images/colunm/botany_bg.png?250628-1");
  background-attachment: fixed;
  background-position: top center ;
  background-repeat: no-repeat;
  width:100%;
  height:auto;
  margin:0;
  padding:20px 0 40px;
}

.trivia_bg dl{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  color:#fff;
  margin:0;
  padding:20px 0 0 20px;
}

.trivia_bg dl dt img {
  width:85px;
  height:85px;
  border-radius:50%;
}

.trivia_bg dl dt {
  width: 25%;
  margin-bottom: 10px;
}

.trivia_bg dl dd {
  width: 75%;
  padding:5px 20px 0 10px;
  font-size:90%;
  line-height:130%;
  text-align: justify;
}

.trivia_tit{
  font-size:120%;
  font-weight:bold;
  line-height:180%;
}

.trivia_name{
  margin:50px 20px 50px 0;
  text-align:right;
  color:#fff;
}



.message{
max-width: 560px;	/*大きな画面になった場合のコンテンツ幅*/
margin: 0 auto 0 auto;		/*画面の左右中央に配置*/
padding:30px 0;
overflow-x: visible;

}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {
	
		.message{
		max-width: 393px;	/*大きな画面になった場合のコンテンツ幅*/
		margin: 0 auto 0 auto;;	/*画面の左右中央に配置*/
		overflow-x: visible;

		}
	}

.message img{
	padding:30px 0 10px 0;
	transition: .3s;
}
.message_tit{
  padding:50px ;
}

.message_tit{
  margin:0;
  padding:0;
}

.message_txt{
  padding:20px 40px;
  text-align:center;
  font-size:90%;
}
.message_name{
  margin-bottom:30px;
  text-align:center;
  font-size:160%;
}

.message_title{
  font-size:12px;
  padding-left:20px;
}

.profile{
  margin-top:40px;
  padding:20px;
  font-size:80%;
  line-height: 160%
}