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

body {
	background-color:#fcf9ef;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic medium", "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: #c9171e;
text-decoration: none;
}
a:visited {
color: #c9171e;
text-decoration: none;
}
a:hover {
color: #f29788;
text-decoration: none;
}

#wrapper {
width: 1000px;
margin: 0 auto;
position: relative;
background: #fcf9ef;
}
header {
 width: 1000px;
 padding: 0;
  margin: 0;
}
.logo {
  position:absolute;
  top: 20px;
  right:42px;
}
.logo a {
  border-bottom: 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 #c9171e;
}

.cap1 {
color: #281a14;
position: absolute;
top:662px;
right: 50px;
font-size: 0.75em;
line-height: 1.6;
text-align: right;
}

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

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

.border{
	border: solid 1.3px #281A14;
	padding: 40px;
	border-radius: 50px;
}

div.works {
margin: 20px auto;
padding-top: 40px;
display: flex;
justify-content:space-between;
width: 800px;
position: relative;
}
.works img {
padding: 0;
margin-bottom: 0;
}
.works p {
font-size: 0.75em;
line-height: 1.6;
padding-top: 7px;
}

.left{
/*float: left;*/
width: 561px;
margin-right: 0px;
}


.right {
/*float: right;*/
width: 186.7px;
}

.cap {
padding-top: 10px;
padding-left: 50px;
font-size: 0.75em;
line-height: 1.6;
}

hr {
clear: both;
border: none;
}

.work3 {
position: absolute;
top: 1730px;
right: 130px;
width: 161.7911px;
line-height: 2;
padding: 0px;
text-align: left;
}
.cap3 {
padding-top: 7px;
font-size: 0.75em;
line-height: 1.6;
}

/* インフォ */
.info {
width: 1000px;
margin: 60px auto;
padding: 30px 0px 0px 0px ;
position: relative;
line-height: 1.9;
color: #281a14;
}
h2 {/*
background: url(img/bt.png) no-repeat left center;*/
padding: 30px 30px 37px 0px;
padding-top: 30px;

}
.info p {
padding-left: 100px;
width:800px;
}

.sp {
padding-top:30px;
}
h2.sp2 {
margin-top: 96px;}
.sp3 {
padding-top:82px;
text-align:right
}

/*チラシ　*/
.chira {
position: absolute;
top: 460px;
right: 200px;
width: 161.7911px;
line-height: 2;
padding: 0px;
text-align: left;
}
.chira p {
font-size: 0.75rem;
}


footer {
padding: 17px 0;
text-align: center;
font-size: 0.75em;
margin-top: 53px;
margin-bottom: 29px;
color: #281a14;
background-image: url(img/footer.png);
background-position: center bottom;
background-size: contain;
}

/* english */
#eng {
text-align: justify;
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
}
#eng .cap  {
font-size: 13px;
padding-left: 50px;
}
#eng .cap1 {
font-size: 13px;
}

#eng .info {
margin-bottom: 20px;
position: relative;
}
.wor {
  font-style: italic;
}
/* ３つ目　*/
#eng .work3 {
position: absolute;
top: 50px;
right: 187px;
width: 193px;

}
#eng p.cap3 {
width: 300px;
padding-top: 5px;
padding-left: 100px;
font-size:13px;
line-height: 1.5;
}
#eng header{
font-size: 17px;
}

#eng #einfo p{
width: 560px;
}
#eng .chira {
top:500px;
right:200px;

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

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