@charset "utf-8";

/* CSS Document */

h2.pagetitle {
  margin-bottom: 0px;
  background-image: url(../images/pagetitle.jpg);
}


#main {
  background-image: url(../images/bg_01.jpg);
}

.contents02 .button {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.contents02 .button a {
  display: block;
  width: 230px;
}

/*ページ内リンク*/
.pagelink {
/*  width: 510px;*/
  width: 480px;
  margin: 25px auto 45px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.pagelink li {
  width: auto;
}
.pagelink li > a {
  width: 100%;
/*  padding: 4px 8px;*/
  padding: 4px 15px;
  background:linear-gradient(to bottom, #82cbde, #0080a3 50%);
  border: 1px solid #82cbde;
  border-radius: 15px;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.pagelink li > a:link,
.pagelink li > a:visited {
  color: #fff;
  text-decoration: none;
}

.mainbox {
  width: 530px;
  height: auto;
  /*  background-image: url(../images/bg_01.jpg);*/
}


.contents01 {
  width: 480px;
  margin: 0 25px;
}

.contents01 img {
  padding-top: 25px;
}

.contents01 .txt {
  padding-top: 18px;
}

.contents01 p {
  margin: 0 10px;
  font-size: 9pt;
  padding-top: 14px;
  line-height: 1.8;
  letter-spacing: -0.02em;
  text-align: justify;
}

.contents02 {
  width: 480px;
  /* height: 420px; */
  margin: 32px 25px 29px;
}

.contents02 #button {
  padding-top: 15px;
}

.contents02 #button img {
  float: left;
  padding: 5px;
}

.contents02 #button img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.contentsBg {
  background: url(../images/bg_25.jpg) no-repeat left 55px;
}

.contents03 {
  height: auto;
}

/*greeting*/

#greeting h3.contentsTitle {
  background-color: #c9c3ab;
  margin-bottom: 15px;
}

#greeting h3.contentsTitle span {
  color: #fff;
  background-color: #0080a3;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  width: 180px;
}

.greetingTextbox {
/*  margin-bottom: 45px;*/
  margin-bottom: 25px;
}

.greetingTextbox h4 {
  font-size: 14px;
  margin-left: 10px;
  position: relative;
  padding-left: 20px;
}
.greetingTextbox h4::before {
  color: #0081A3;
  content: "■";
  display: block;
  position: absolute;
  left: 0;
}
.greetingTextbox h4.joint {
  line-height: 1.45;
}
.greetingTextbox h4.joint::before {
  top: 50%;
  margin-top: -10px;
}

/*area*/
#area h3.contentsTitle {
  background-color: #c9c3ab;
  margin-bottom: 15px;
}
#area .contents01 p {
  font-size: 14px;
}

#area h3.contentsTitle span {
  color: #fff;
  background-color: #0080a3;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  width: 180px;
}
#area .area-img {
  width: 480px;
  margin: 25px auto 0;
  height: 400px;
  background-color: #c9c3ab;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

/*#pamphlet*/
#pamphlet {
  padding-bottom:50px;
}
#pamphlet h3.contentsTitle {
  background-color: #c9c3ab;
  margin-bottom: 15px;
}

#pamphlet h3.contentsTitle span {
  color: #fff;
  background-color: #0080a3;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  width: 180px;
}

#pamphlet .pamphlet-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0;
}
#pamphlet .pamphlet-link-item {
  width: calc(50% - 10px);
  height: 153.5px;
  box-sizing: border-box;
  cursor: pointer;
}
#pamphlet .pamphlet-link-item-button {
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0080a3;
  background-size: cover;
  /* border-radius: 15px 15px 0 0 ; */
  /* border: 1px solid #5b92af; */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
#pamphlet .pamphlet-link-item:nth-of-type(1) .pamphlet-link-item-button{
  background-image: url(../images/pamphlet_link_item_button_pamphlet_bg.jpg);
}
#pamphlet .pamphlet-link-item:nth-of-type(2) .pamphlet-link-item-button{
  background-image: url(../images/pamphlet_link_item_button_flyer_bg.jpg);
}