@charset "utf-8";

/*recet css*/
html,body,h1,h2,h3,h4,p,ul,li,dl,dt,dd {
  margin:0;
  padding:0;
  line-height:1.0;
  font-family:"Hiragino Kaku Gothic ProN",
  Meiryo,
  sans-serif;
}

ul {list-style:none;}
a {text-decoration:none;
  color:inherit;
}


.br-sp{display: none;}
.br-pc{display: block;}

/*body*/

body {
  width:100%;
  background-color:#FFF;
  font-size:16px;
}

/*container*/
.container {
  max-width:960px;
  margin:0 auto;
  padding:0 2% 20px;
  overflow: hidden;
}


/*header*/
header {
  width:100%;
  margin:0 auto;
  padding:0 auto 20px;
  overflow: hidden;
}

h1{
  float:left;
  width:26%;
  padding-top:20px;
  padding-bottom:20px;
}

h1 img {
  width:100%;
}

header p{
  text-align: right;
  padding-top:50px;
}

header p img {
  width:19%;
}

/*nav*/
nav {
  overflow: hidden; 
}


nav ul {
  width:100%;
  margin:0 auto;
}

nav li {
  float:left;
  width:calc(100%/5);
  font-size:100%;
  font-weight:bold;
  color:#fff;
}

nav li a {
  display:block;
  height:50px;
  line-height:50px;
  border-right:1px solid #fff;
  box-sizing:border-box;
  background-color:#362b25;
  text-align:center;
}

nav li a:hover {
  background-color:#b7a077;
}

nav li:last-child a {
  border-right:1px solid #fff;
}

/*image*/
.image {
  width:100%%;
  height:0;
  padding-bottom:41.66%;
  margin:40px 0 30px;
  background:url(../img/main.jpg) no-repeat center center/cover;
}

.img1 {
  width:25%;
  padding:15.5% 0 2% 40px;
}

.img2 {
  font-size:100%;
  line-height:130%;
  padding-left:40px;
}


/*wrapper*/
.wrapper {
  width:100%;
  margin:0 auto;
  overflow: hidden;
}

/*main*/
main {
  float:left;
  width:74%;
}

.text {
  overflow: hidden;
  margin-bottom:10px;
}

h2 {
  font-size:125%;
  border:1px solid #b7a077;
  border-radius:10px;
  padding:15px;
  margin-bottom:20px;
  margin-top:10px;
}

h3 {
  font-size:112.5%;
  border-left:10px solid #b7a077;
  padding:11px 0 7px 11px;
  margin:10px 0;
}
.text2 {
  width:60%;
  font-size:100%;
  line-height:150%;
}

.cap {
  font-size:100%;
  margin-top:5px;
  margin-bottom:15px;
}

.flower {
  width:39%;
  font-size:81.25%;
  float:right;
  text-align: center;
  margin-left:1%;
  }

.flower img{
  width:92%;
  padding:3%;
  border:1px solid #999;
  margin:0 5% 3% 0;
  box-shadow: 2px 2px 4px #999;
}

main dl {
  font-size:106.25%;
  margin:20px 0 22px;
}

main dt {
  float:left;
  line-height:1.9;
}

main dd {
  line-height:1.9;
  padding-left:7em;
text-decoration:underline;
}


/*aside*/
aside {
  float:right;
  width:23%;
  margin-top:10px;
  margin-left:3%;
}

.link1 {
  margin-bottom:20px;
}

.link1 img {
  width:100%;
}

h4 {
  font-size:100%;
  background-color:#333;
  color:#fff;
  padding:7px 0 7px 5px;
  text-align:center;
}

.link2 {
  margin-bottom:20px; 
}

.link2 img {
  width:100%;
}
.link3 {
  border:1px solid #b79f7a;
  padding-bottom:10px;
  text-align: center;
}

.link3 h4 {
  background-color:#b79f7a;
  padding:7px 0 5px 5px;
  color:#fff;
  text-align:center;
}

.link3 p {
  color:#362b25;
  line-height: 2.2;
  font-size:106.25%;
  margin:0 auto;
}

.phone p{
  display:inline-block;
  margin-top:18px;
  font-size:125%;
  line-height: 20px;
  font-weight:bold;
  color:#362b25;
  vertical-align:bottom; 
}

.phone img {
  width:70%;
  vertical-align:middle; 
  padding-right:5px;
}

.form {
  color:#362b25;
  width:86%;
  margin:12px 7% 0;
  border:1px solid #b79f7a;
  border-radius:4px;
  background: linear-gradient(#fff, #e7e4da);
  box-sizing:border-box;
}

.form a{
  display:block;
}

/*footer*/
footer {
  margin:0 auto;
  background-color:#362b25;
  color:#fff;
  text-align: center;
  padding-bottom:30px;
}

.small {
  padding-top:20px;
  font-size:13px;
}

/*footerlink*/
.footerlink {
  overflow: hidden;
  width:94%;
  background-color:#aaa;
  padding:7px 3%;
  margin:0 auto 15px;
  display: flex; 
  align-items: center;
}

.footerlink ul {
  width:85%;
  font-size:90%;
  margin:5px auto;
  text-align:center;
  color:#333;
}

.footerlink li {
  float:left;
  width:calc(100%/6);
}

.footerlink li a {
  display:block;
  font-size:87.5%;
  line-height:0;
  padding:15px 0;
  border-right:1px solid #999;
  box-sizing:border-box;
}

.footerlink li a:hover {
  color:#fff;
}

.footerlink li:last-child a {
  border-right:0;
}



@media screen and (max-width:768px) {
  /*モバイルの場合*/
  
.br-sp{display: block;}
.br-pc{display: none;}

/*body*/

body {
  width:100%;
  background-color:#FFF;
  font-size:16px;
}

/*header*/
header {
  width:96%;
  height:140px;
  margin:0 auto;
  padding:15px 2% 0;
}

h1{
  float:left;
  width:26%;
  padding-bottom:10px;
}

h1 img {
  width:200%;
}

header p{
  text-align: right;
  padding-top:30px;
}

header p img {
  width:40%;
}

/*container*/
.container {
  width:96%;
  margin:0 auto;
  padding:0 2% 30px;
  overflow: hidden;
}

/*nav1*/
nav{
  overflow: hidden;   
    }

nav ul {
  width:100%;
  margin:0 auto;
  color:#fff;
  font-weight:bold;
}

nav li {
  float:left;
  width:50%;
  height:50px;
  font-size:100%;
}

nav li a {
  display:block;
  height:50px;
  line-height:50px;
  padding:0;
  border-right:1px solid #fff;
  border-top:1px solid #fff;
  box-sizing:border-box;
  background-color:#362b25;
  text-align:center;
}

nav li a:hover {
  background-color:#b7a077;
}

nav li:nth-child(even) a {
   border-right:0;
  }

nav li:last-child a {
  width:200%;
  height:50px;
  border-right:0;
}

/*image*/
.image {
  width:96%;
  height:0;
  padding:0 2% 41.66%;
  margin:30px 0 80px;
  background:url(../img/main.jpg) no-repeat center center/contain;
}

.img1 {
  width:100%;
  padding:15px 0 30px 5px;
}

.img1 img{
  width:25%;
}

.img2 {
  font-size:100%;
  text-align:center;
  line-height:150%;
  padding:23% 0 0;
}


/*wrapper*/
.wrapper {
  width:100%;
  margin:0 auto;
  overflow: hidden;
}

/*main*/
main {
  float:none;
  width:100%;
  margin-top:5px;
}

.text {
  overflow: hidden;
  margin-bottom:10px;
}

h2 {
  font-size:125%;
  border:1px solid #b7a077;
  border-radius:10px;
  padding:15px;
  margin-top:20px;
  margin-bottom:10px;
}

h3 {
  font-size:112.5%;
  line-height:125%;
  border-left:10px solid #b7a077;
  padding:11px 0 7px 11px;
  margin:10px 0;
}
.text2 {
  width:100%;
  font-size:100%;
  line-height:150%;
}

.cap {
  font-size:100%;
  margin-top:5px;
  margin-bottom:15px;
}

.flower {
  width:100%;
  font-size:81.25%;
  float:right;
  text-align: center;
  margin-left:0;
  }

.flower img{
  width:80%;
  border:1px solid #999;
  margin:0 2% 2%;
  box-shadow: 2px 2px 4px #999;
}

main dl {
  font-size:100%;
  margin:20px 0 22px;
}

main dt {
  float:none;
  line-height:1.6;
}

main dd {
  font-size:105%;
  line-height:1.6;
  padding-left:0;
  padding-bottom:10px;
  text-decoration:underline;
}


/*aside*/
aside {
  float:none;
  width:100%;
  margin-top:30px;
  margin-left:0;
}

.link1 {
  margin-bottom:20px;
}

.link1 img {
  width:100%;
}

h4 {
  font-size:100%;
  background-color:#333;
  color:#fff;
  padding:7px 0 7px 5px;
  text-align:center;
}

.link2 {
  margin-bottom:20px; 
}

.link2 img {
  width:100%;
}
.link3 {
  border:1px solid #b79f7a;
  padding-bottom:10px;
  text-align: center;
}

.link3 h4 {
  background-color:#b79f7a;
  padding:7px 0 5px 5px;
  color:#fff;
  text-align:center;
}

.link3 p {
  color:#362b25;
  line-height: 2.2;
  font-size:125%;
  margin:0 auto;
}

.phone p{
  display:inline-block;
  margin-top:18px;
  font-size:150%;
  line-height: 20px;
  font-weight:bold;
  color:#362b25;
  vertical-align:bottom; 
}

.phone img {
  width:80%;
  vertical-align:middle; 
  padding-right:5px;
}

.form {
  color:#362b25;
  width:86%;
  margin:12px 7% 0;
  padding:11.5px 0;
  border:1px solid #b79f7a;
  border-radius:10px;
  background: linear-gradient(#fff, #e7e4da);
  box-sizing:border-box;
}

.form a{
  display:block;
}

/*footer*/
footer {
  margin:0 auto;
  background-color:#362b25;
  color:#fff;
  text-align: center;
  padding-bottom:30px;
}

.small {
  padding-top:20px;
  font-size:13px;
}

/*footerlink*/
.footerlink {
  overflow: hidden;
  width:100%;
  background-color:#aaa;
  padding:0;
  margin:0 auto 15px;
  display: flex; 
  align-items: center;
}

.footerlink ul {
  width:100%;
  font-size:90%;
  margin:0 auto;
  text-align:center;
  color:#333;
}

.footerlink li {
  float:none;
  height:45px;
  width:100%;
}

.footerlink li a {
  display:block;
  font-size:87.5%;
  line-height:45px;
  padding:0;
  border-right:0;
  border-bottom:1px solid #fff;
  box-sizing:border-box;
}

.footerlink li a:hover {
  color:#fff;
}

.footerlink li:last-child a {
  border-right:0;
  border-bottom:0;
}

}