@charset "UTF-8";
/* CSS Document */

body {
	background-color:#ffffff;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN","sans-serif";
	font-size: 16px;
	margin: 0;
	padding: 0;
}
h1, h2, h3, p, div, main, footer {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
a:link {
color: #456dbd;
text-decoration: none;
}
a:visited {
color: #3083e9;
text-decoration: none;
}
a:hover {
color: #f4abab;
text-decoration: none;
}

#wrapper {
width: 1000px;
margin: 0 auto;
position: relative;
background: #fff;
}
header {
 width: 1000px;
 padding: 0;
  margin: 0;
}
.logo a {
  border-bottom: 0;
}
.logo {
text-align: right;
padding:10px;
margin: 0;
}


header p {
  text-align: right;
  padding: 0;
  margin: 0;
  /*height: 50px;*/
}

.lang {
position: absolute;
right: 30px;
top: 790px;
text-align: right;
line-height: 1;
margin-bottom: 1.5em;
font-size: 1.1rem;
border-bottom: dashed 1px #456dbd;
}


/* スライドショー　*/
.container {
	position: relative;
	width: 1000px;
	max-width: 100%;
	height: 676px;
}

.image {
	position: absolute;
	width: 100%;
	opacity: 0;
	animation: change-img-anim 16s infinite;
}

.image:nth-of-type(1) {
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 8s;
}

@keyframes change-img-anim {
	0%{ opacity: 0;}
	40%{ opacity: 1;}
  50%{ opacity: 1;}
	60%{ opacity: 0;}
	100%{ opacity: 0;}

}
.title {
 position: absolute;
 top:170px;
 right: 0;
}
/* main */
main {
width:  1000px;
padding: 70px 0 0;
margin: 50px auto;
line-height: 2;
}

main p {
width: 750px;
margin: 0 auto;
padding: 0;
text-align: justify;
}

div.works {
margin: 40px auto;
/*display: flex;
justify-content: space-between;*/
width: 740px;
}
.works p {
font-size: 0.8em;
line-height: 1.6;
padding-top: 24px;
}
.works img {
border: 1px solid #999;
margin-bottom: 5px;

}
.left{
float: left;
width: 380px;
margin-right: 0px;
}
.left p {
line-height: ;
}
.left img {
padding: 20px;
margin-bottom: 40px;
}
.right {
float: right;
width: 290px;
}
.right img {
padding: 30px 15px;
}
.w03 {
}

hr {
clear: both;
border: none;
}

/* インフォ */
.info {
width: 740px;
margin: 60px auto;
padding: 30px 10px ;
position: relative;
line-height: 1.9;
}
h2 {/*
background: url(img/bt.png) no-repeat left center;*/
padding: 30px 30px 10px 10px;
font-size: 1.4rem;
color: #333;
padding-top: 30px;
line-height: 1;

}
.info p {
padding-left: 2.2em;
width:620px;
}

.sp {
padding-top:30px;
}
h2.sp2 {
margin-top: 40px;}

/*チラシ　*/
.chira {
position: absolute;
top: 270px;
right: 250px;
width: 180px;
line-height: 2;
padding: 10px;
text-align: center;
}
.chira p {
font-size: 0.75rem;
}
.chira img {
  border: 1px solid #ccc;
  background-color: rgba(26, 150, 182, 0.3);
  padding: 20px;
}


footer {
padding: 17px 0;
text-align: center;
font-size: 0.75em;
background: rgba(26, 150, 182, 0.4);
margin-top: 50px;
color: #333;
}

/* english */
#eng {
text-align: justify;
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
}
.wor {
  font-style: italic;
}
#eng header{
font-size: 0.8em;
}
#eng .info {
margin-bottom: 20px;
}
#eng #einfo p{
width: 450px;
}
#eng .chira {
top:340px;
right: 250px;

}
#eng .sp {
width: 660px;
margin: 0 auto;
padding-top: 10px;
}

#mov {
text-align: center;
margin: 50px auto 40px;
}