@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;
line-height: 2.0;
position: relative;
min-height: 2600px;
background: #f0e0c0 url(img/bg.png);

}
header {
 
}
header p {
  text-align: right;
  padding: 2px 20px 10px;
  height: 80px;
}
.logo a {
  border-bottom: 0;
}
.logo {
 position:absolute;
 top: 10px;
 right: 0;
}
.lang {
position: absolute;
right: 70px;
top: 630px;
text-align: right;
line-height: 2;
  padding-bottom: 1em;
  font-size: 1.1rem;
}
.cap01 {
position: absolute;
top:380px;
left: 10px;
font-size: 0.8em;
line-height: 1.4;
text-align: left;
}
.cap02 {
position: absolute;
top:550px;
right: 40px;
font-size: 0.8em;
line-height: 1.4;
text-align: left;
}

/* main */
main {
width:  1000px;
padding: 60px 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: 750px;
}
.works p {
font-size: 0.8em;
line-height: 1.4;
padding-top: 30px;
}
.works img {
padding-bottom: 3px;
}
.left {
float: left;
width: 400px;
}
.right {
float: right;
width: 350px;
}
.w03 {
clear: both;
width: 800px;
padding-top: 50px;
}

.hr {
text-align: center;
}

/* インフォ */
.info {
width: 740px;
background: rgba(255,255,255,0.3);
margin: 50px auto;
padding: 0 10px 30px;
position: relative;
}
h2 {/*
background: url(img/bt.png) no-repeat left bottom;*/
padding: 30px 30px 10px 10px;
font-family: 'Sawarabi Mincho', serif;
color: #333;
padding-top: 30px;
line-height: 1;

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

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

/*チラシ　*/
.chira {
position: absolute;
top: 30px;
left: 60px;
width: 330px;
/*margin-top: 350px;
margin-left: 120px;
padding-left: 40px;*/
line-height: 2;

}
.chira p {
font-size: 0.75rem;
text-align: right;
}
.chira img {
  border: 1px solid #ccc;
}


footer {
padding: 17px 0;
text-align: center;
font-size: 0.75em;
background: #638DB9 url(img/footer.png);
margin-top: 50px;
color: #fff;
}

/* english */
#eng {
 text-align: justify;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
.wor {
  font-style: italic;
}
#eng header{
font-size: 0.8em;
}
#eng .logo {
 position:absolute;
 top: 17px;
 right: 0;
}

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