@charset "utf-8";

body {
	font-family: arial,sans-serif;
}
.scap {
	font-variant: small-caps;
}
.ita{
	font-style:italic;
}
.p03 {
    margin-left: 3em;
    text-indent: -3em;
}
.h4-01{
	font-weight:bold;
}
#works-b1 a {
	display: block;
	width: 130px;
	height: 25px;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/works-b1-pc-en.gif) no-repeat;
	overflow: hidden;
	
}
#works-b1 a:hover {
	background-position: 0 -25px;
}
#works-b1on a {
	display: block;
	width: 130px;
	height: 25px;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/works-b1-pc-en.gif) no-repeat;
	background-position: 0 -50px;
	overflow: hidden;
}
#works-b2 a {
	display: block;
	width: 130px;
	height: 25px;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/works-b1-pc-en.gif) no-repeat;
	background-position: -130px 0;
	overflow: hidden;
}
#works-b2 a:hover {
	background-position: -130px -25px;
}
#works-b2on a {
	display: block;
	width: 130px;
	height: 25px;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/works-b1-pc-en.gif) no-repeat;
	background-position: -130px -50px;
	overflow: hidden;
}
#logo1 > a {
	display: block;
	float: left;
	width: 460px;
	height: 30px;
	margin-bottom: 20px;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/logo1-en.gif) no-repeat;
	overflow: hidden;
}

.youtube-channel{
  margin-top: 25px;
}
.youtube-channel a{
  display: flex;
  align-items:center;
  gap: 5px;
}
.youtube-channel img{
  height: 20px;
  width: auto;
}