@charset "UTF-8";
/* CSS Document */
.link_btn{
	border-bottom: 0.8px solid;
	color: #f4f4f4;
}
.contents_wrapper{
	width: 87.2vw;
	margin: 0 auto 140px;
}
.article_pic{
	margin: 40px auto;
	text-align: center;
}
.title{
	font-size: 2rem;
	line-height: 2;
	letter-spacing: 0.1em;
}
.title span{
	font-size: 2.1rem;
}
.info01, .info02, .info03{
	margin: 0 0 60px;
}
.info01 p, .info02 p, .info03 p, .info04 p{
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 1.8;
	text-align: justify;
}
a{
	color: #f4f4f4;
}
.underline{
	border-bottom: 1px solid #f4f4f4;
}
h3,.prof{
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: 0.2ex;
	margin: 0 0 10px
}
.cv{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cv dt{
	font-size: 1.4rem;
	line-height: 1.3;
	width: 100%;
}
.cv dd{
	width: 100%;
    padding: 0.5em 2.0em 1.0em;
}
.cv_sub{
	font-size: 1.6rem;
	padding: 40px 0 10px;
	letter-spacing: 0.2ex;
}
.google_map{
	width: 100%;
	padding: 20px 0;
}
.btn{
	width: 130px;
}
.back{
	width: 130px;
	background-color: #f4f4f4;
	color: #28292b;
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: 0.1em;
	margin: 0 10px;
    right: 0;
	position: absolute;
	-webkit-transition: all .3s;
    transition: all 1s;
	text-align: center;
}
.back:hover{
	 background-color: #28292b;
    color: #f4f4f4;
    cursor: pointer;
}
@media screen and (min-width:1024px){
	.contents_wrapper{
	width: 70vw;
	max-width: 800px;
}
	.article_pic{
		width: 40vw;
	}
	.pic_yoko{
		width: 100%;
		margin: 40px auto;
		text-align: center;
	}
	.back{
		margin: 0 50px 0 0;
	}
}