@charset "UTF-8";
/* CSS Document */
/*about*/
.btn span{
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 2px;
	border: 1px solid #fff;
	background-color:transparent;
	border-radius: 20px;
	padding: 5px 20px 5px 30px;
	margin: 10px 0 0;
	transition: all 0.3s ease-in-out 0s;
}
a:hover .btn span {
	color: #555;
	background-color:#fff;
}
.btn span::after {
	content: '\f061';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-left: 15px;
}

.page-id-2 #content-top{
	width:100%;
	max-width:100%;
	padding:0;
}
#about-top01{
	display:block;
	position:relative;
	margin-bottom:20px;
}
#about-top01-inner{
	display: flex;
	align-items: center;
	width:100%;
	height:100%;
	background: transparent;
	position:absolute;
	top:0px;
	left:0;
	z-index: 1;
	transition: all 0.3s ease-in-out 0s;
}
#about-top01-inner .inner{
	color:#fff;
}
#about-top01-inner .inner::before {
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
    color: #000;
    font-size: 3rem;
    background-color: #fff;
    border-radius: 50%;
}
#about-top01 .title{
	 font-size:2.0rem;
	 font-weight:normal;
	 margin-bottom: 0.15em;
}
#about-top01 .title,
#about-top01 p{
	transition: all 0.3s ease-in-out 0s;
}
#about-top01-img{
/* 	height:175px; */
	height:200px;
	background-position:center center;
	background-size:cover;
	transition: all 0.3s ease-in-out 0s;
}
a:hover #about-top01-inner{
	background:rgba(0,0,0,0.0);
}
a:hover #about-top01-inner .title,
a:hover #about-top01-inner p{
	text-shadow:3px 3px 8px rgba(0,0,0,1);
}


#about-top02{
	margin-bottom:20px;
}
.img-title-wrap{
	position:relative;
	margin-bottom:10px;
}
#about-top02 .title{
	font-size:1.7rem;
}
#about-top02 .img-title-wrap .title{
	color:#fff;
	position:absolute;
	bottom:15px;
	left:20px;
}
#about-top03 .title,
#post-block .col-2-kanren .title{
	font-size:1.4rem;
	border:0;
}
#about-top03 > *,
#post-block .col-2-kanren > *{
	margin-bottom:50px;
}

#about-top02 .title::after,
#about-top03 .title::after,
#post-block .col-2-kanren .title::after,
.layout_tate01 .inner-title::after,
.layout_yoko01 .inner-title::after,
.layout_yoko02 .inner-title::after,
.layout_yoko03 .inner-title::after,
.layout_yoko05 .inner-title::after,
.post-79 > .entry-content > h2::after {
	content:"";
	display:block;
	width:40px;
	height:3px;
	margin-top: 5px;
}
#about-top02 .title::after{
	background:#fff;
}
#about-top03 .title::after,
#post-block .col-2-kanren .title::after,
.layout_tate01 .inner-title::after,
.layout_yoko01 .inner-title::after,
.layout_yoko02 .inner-title::after,
.layout_yoko03 .inner-title::after,
.layout_yoko05 .inner-title::after,
.post-79 > .entry-content > h2::after {
	background:#555;
}

.content-block .banner{
	text-align:right;
}


@media screen and (min-width: 560px) {
	#about-top01{
		margin-bottom:30px;
	}
	#about-top01-img{
		height:300px;
	}
	#about-top03 .title,
	#post-block .col-2-kanren .title {
	    font-size: 1.5rem;
	}
}

@media screen and (min-width: 768px) {
	#about-top01{
		margin-bottom:80px;
	}
	#about-top01 .title{
		 font-size:3.0rem;
	}
	#about-top01-img{
		height:700px;
	}
	.img-title-wrap{
		margin-bottom:15px;
	}
	#about-top02 {
	    margin-bottom: 60px;
	}
	#latest-entries{
		margin-top:100px;
	}
}

@media screen and (max-width: 559px) {
	.btn span {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	#about-top01-inner .inner {
/* 		margin-top: 25px; */
		margin-top: 65px;
		margin-bottom: 25px;
	}
	#about-top01-inner .inner::before {
		margin-bottom: 5px;
		font-size: 2.1rem;
	}
	#about_slide {
		display: none;
	}
	#about-top02.col-3 > :not(button) {
	    width: 100%;
	}
	#about-top03 > *,
	#post-block .col-2-kanren > *{
		width:100%;
		margin-bottom:10px;
	}
	#about-top03 p,
	#post-block .col-2-kanren p{
		font-size: 1.3rem;
		line-height: 1.4;
	}
	#about-top01 .inner p{
		margin-bottom: 0;
		font-size:1.2rem;
	}
	#about-top01-img {
/* 		height: 238px; */
		height: 350px;
	}
	#about-top02 .title {
		margin-bottom: 0;
		font-weight: 500;
	}
	#about-top02 p, #about-top03 p {
		font-size: 1.2rem;
	}
}