@charset "UTF-8";

/* layout
-------------------------------------------------------------*/
.co_container_box_inner {
  width: 990px;
  margin: 0 auto;
}
.contentsArea {
  float: right;
  width: 770px;
  margin: 0;
  padding-bottom: 10px;
  background: #006eb9;
  line-height: 1.55;
}
.contentsArea * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contentsArea ul,
.contentsArea ol {
  list-style: none;
}

/* common_setting
-------------------------------------------------------------*/
.underline {
  text-decoration: underline;
}
.font_em,
.font_em p {
  color: #ff0000;
}
.marker {
  display: inline-block;
  background: linear-gradient(transparent 60%, #8df1d4 40%);
  line-height: 1;
  padding: 0 7px;
}
.contentsArea .indent1em {
  text-indent: -1em;
  padding-left: 1em;
}
.contentsArea .annotation:before {
  display: inline;
  content: "※";
}
.contentsArea .list:before {
  display: inline;
  content: "・";
}
.contentsArea .arrowLeft {
  display: block;
  position: relative;
  padding-left: 1em;
}
.contentsArea .arrowLeft:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 6px;
  width: 0;
  margin-top: -6px;
  height: 0;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #06F;
  border-right: 0;
}
.contentsArea .inlineBlock {
  display: inline-block;
}

/* page
-------------------------------------------------------------*/
.contentsArea .imgBlock img {
  width: 100%;
  height: auto;
}
.contentsArea .mapArea {
  margin-bottom: 25px;
}
.contentsArea .mapArea .mapBlock {
  width: 700px;
  position: relative;
  margin: 0 auto;
}
.contentsArea .mapArea .mapBlock * {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
}
.contentsArea .mapArea .btnBlocks {
  display: flex;
  flex-wrap: wrap;
  padding: 0 100px;
}
.contentsArea .mapArea .btnBlocks p {
  width: 50%;
  padding: 0 10px;
}
.contentsArea .mapArea .btnBlocks p a {
  display: block;
}
.contentsArea .mapArea .mapBlock a:hover {
  opacity: 0.2;
  background: #006eb9;
}
.contentsArea .mapArea .btnBlocks p img {
  width: 100%;
  height: auto;
}
.contentsArea .mapArea .btnBlocks p:nth-child(n+3) {
  padding-top: 7px;
}
.contentsArea .linkArea {
  margin: 10px auto 20px;
}
.contentsArea .linkArea a {
  display: block;
  width: 94%;
  margin: 0 auto;
}
.contentsArea .linkArea img {
  width: 100%;
  height: auto;
}


/* パターン② */
.contentsArea .mapArea .mapBlock {
  width: 100%;
  position: relative;
}
.contentsArea .mapArea .mapBlock a.island01 {
  display: block;
  position: absolute;
  top: 4%;
  left: 9%;
  width: 33%;
  height: 38%;
}
.contentsArea .mapArea .mapBlock a.island02 {
  display: block;
  position: absolute;
  top: 4%;
  left: 61%;
  width: 30%;
  height: 42%;
}
.contentsArea .mapArea .mapBlock a.island03 {
  display: block;
  position: absolute;
  top: 41%;
  left: 35%;
  width: 28%;
  height: 26%;
}
.contentsArea .mapArea .mapBlock a.island04 {
  display: block;
  position: absolute;
  top: 64%;
  left: 6%;
  width: 30%;
  height: 29%;
}
.contentsArea .mapArea .mapBlock a.island05 {
  display: block;
  position: absolute;
  top: 74%;
  left: 39%;
  width: 27%;
  height: 19%;
}
.contentsArea .mapArea .mapBlock a.island06 {
  display: block;
  position: absolute;
  top: 54%;
  left: 69%;
  width: 23%;
  height: 36%;
}