@import url(//use.fontawesome.com/releases/v5.0.11/css/all.css);
@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : pool.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
/*----------------------------------------------//*/
/* *Media Queries								//*/
/*----------------------------------------------//*/
/*tab*/
/*sp*/
/*----------------------------------------------//*/
/* *Variable									//*/
/*----------------------------------------------//*/
/* メインカラム*/
/* フォントのベースサイズ*/
/* フォントのベーカラー*/
/*font*/
/*----------------------------------------------//*/
/* *Placeholder									//*/
/*----------------------------------------------//*/
/* コンテンツ幅 - baceWidth*/
.con_intro .box_intro, #lnkpool01 .box_pool, #lnkpool02 .box_retakl, .con_puru .con_lnkpool, .con_puru .con_lnkpool .box_puru {
  max-width: 1080px;
  margin: auto;
  /*tab & sp*/
}
@media only screen and (max-width: 1080px) {
  .con_intro .box_intro, #lnkpool01 .box_pool, #lnkpool02 .box_retakl, .con_puru .con_lnkpool, .con_puru .con_lnkpool .box_puru {
    width: 95%;
  }
}

/* クリアフィックス - clearFix*/
.con_intro:after, .con_intro .box_intro:after, .con_intro .box_intro .anchorlnk:after, #lnkpool01:after, #lnkpool01 .box_pool:after, #lnkpool01 .box_pool .pool_item:after, #lnkpool01 .box_pool .pool_item .box_txt:after, #lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner:after, #lnkpool02:after, #lnkpool02 .box_retakl:after, #lnkpool02 .box_retakl ul li .item:after, .con_puru:after, .con_puru .con_lnkpool:after, .con_puru .con_lnkpool .box_puru:after, .con_puru .con_lnkpool .box_puru .box_txt:after {
  content: "";
  display: table;
  clear: both;
}

/*----------------------------------------------//*/
/* *Function									//*/
/*----------------------------------------------//*/
/* %計算*/
/*----------------------------------------------//*/
/* *mixin										//*/
/*----------------------------------------------//*/
/* フォントサイズ*/
/* @include fsz(任意のサイズ,親要素のサイズ); ※px不要*/
/* 値を振り分け - choiceValue*/
/* @include cV(プロパティ,pc幅,tab~sp幅); or @include cV(プロパティ,pc幅,tab幅,sp幅);*/
/* ホバー*/
/* @include hover {*/
/*		style*/
/* }*/
/* 幅を決めて中央寄せ - choiceWidth*/
/* @include cW(任意の幅px);*/
/* 画像を拡大*/
/* @include zoomImg(拡大率,x軸基点);*/
/* リンクの下線を逆にする*/
/* @include reverseDecoration;*/
/* 縦方向のグラデーション(IE8対応)*/
/* @include gradient(上側のカラー,下側のカラー);*/
/*フォントサイズ設定*/
/*icon style*/
@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
/*pc & tab*/
@media only screen and (min-width: 768px) {
  img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
  }

  img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
  }
}
@media print {
  img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
  }

  img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
  }
}
.con_intro {
  text-align: center;
}
.con_intro .box_intro {
  padding: 60px 0 30px;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro {
    padding: 2em 0 1.5em;
  }
  .con_intro .box_intro .txt{
    text-align: left;
  }
}
.con_intro .box_intro h3 {
  color: #1d2088;
  font-size: 450%;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  /*tab*/
  /*sp*/
  padding-bottom: 0.6em;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro h3 {
    width: 70%;
    margin: 0 auto;
    font-size: 250%;
    padding-bottom: 0.5em;
  }
}
.con_intro .box_intro .txt {
  line-height: 2;
  padding-bottom: 4em;
}
.con_intro .box_intro h4 {
  color: #1d2088;
  font-size: 185%;
  /*tab*/
  /*sp*/
  padding-bottom: 1em;
  font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .con_intro .box_intro h4 {
    font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro h4 {
    font-size: 139%;
  }
}
.con_intro .box_intro .anchorlnk {
  /* display: -webkit-box;*/
  /* display: -webkit-flex;*/
  /* display: -ms-flexbox;*/
  /* display: flex;*/
  /* text-align: center;*/
  /* -webkit-box-pack:center;*/
  /* -webkit-justify-content:center;*/
  /*     -ms-flex-pack:center;*/
  /*         justify-content:center;*/
}
.con_intro .box_intro .anchorlnk li {
  width: 14.62963%;
  /*sp*/
  position: relative;
  display: inline-block;
  margin: 1em 1em;
  /*sp*/
  background-color: transparent;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  color: #222;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .anchorlnk li {
    width: 31%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .anchorlnk li {
    margin: 1em 0;
  }
}
.con_intro .box_intro .anchorlnk li:before, .con_intro .box_intro .anchorlnk li:after {
  font-family: FontAwesome;
  vertical-align: middle;
}
.con_intro .box_intro .anchorlnk li > * {
  vertical-align: middle;
  display: inline;
}
.con_intro .box_intro .anchorlnk li:before {
  content: "";
  margin-right: .5em;
  color: #fff;
  position: absolute;
  bottom: 10%;
  /*sp*/
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 185%;
  /*tab*/
  /*sp*/
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .anchorlnk li:before {
    content: "û";
    font-family: CONDENSEicon;
    bottom: 3%;
    font-weight: bold;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .con_intro .box_intro .anchorlnk li:before {
    font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .anchorlnk li:before {
    font-size: 139%;
  }
}
.con_intro .box_intro .anchorlnk li:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #ddd;
  content: "";
}
.con_intro .box_intro .anchorlnk li:hover {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.con_intro .box_intro .anchorlnk li.green:after {
  background: url(../pool/images/bg_green.png) no-repeat center;
}
.con_intro .box_intro .anchorlnk li.blue:after {
  background: url(../pool/images/bg_blue.png) no-repeat center;
}
.con_intro .box_intro .anchorlnk li.orange:after {
  background: url(../pool/images/bg_orange01.png) no-repeat center;
}
.con_intro .box_intro .anchorlnk li a {
  text-align: center;
  color: white;
  font-size: 154%;
  /*tab*/
  /*sp*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  position: absolute;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .con_intro .box_intro .anchorlnk li a {
    font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .anchorlnk li a {
    font-size: 100%;
  }
}
.con_intro .box_intro .anchorlnk li a span {
  display: table;
  width: 100%;
  height: 100%;
}
.con_intro .box_intro .anchorlnk li a span em {
  display: table-cell;
  padding: 1em 0.3em;
  /*sp*/
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_intro .anchorlnk li a span em {
    padding: 1em 0.2em;
  }
}

#lnkpool01 {
  padding: 140px 0;
  /*sp*/
  background: url(../pool/images/bg_leaf.png) center top no-repeat, url(../pool/images/bg_one.png) center top repeat;
}
@media only screen and (max-width: 767px) {
  #lnkpool01 {
    padding: 4em 0;
  }
}
#lnkpool01 .box_pool .pool_item {
  /*pc & tab*/
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  #lnkpool01 .box_pool .pool_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print {
  #lnkpool01 .box_pool .pool_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
#lnkpool01 .box_pool .pool_item .box_txt {
  width: 49.09091%;
  /*tab*/
  /*sp*/
  background: url(../pool/images/bg_txt.jpg) repeat;
  padding: 13px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool01 .box_pool .pool_item .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool01 .box_pool .pool_item .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool01 .box_pool .pool_item .box_txt {
    margin-top: 1em;
  }
}
#lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner {
  background: #fff;
  padding: 28px 0;
  /*tab*/
  /*sp*/
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner {
    padding: 2em 0.5em;
  }
}
#lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner h4 {
  color: #009944;
  font-weight: normal;
  font-size: 270%;
  /*tab*/
  /*sp*/
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner h4 {
    font-size: 231%;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner h4 {
    font-size: 180%;
  }
}
#lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner .item {
  margin-top: 15px;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  #lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner .item {
    margin-top: 1.5em;
  }
}
#lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner .item .note {
  display: block;
  width: 220px;
  background: #009944;
  color: #fff;
  text-align: center;
  padding: .8em 0;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  margin: 0 auto 13px;
}
#lnkpool01 .box_pool .pool_item .box_txt .box_txt_inner .note_item {
  margin-top: 20px;
}
#lnkpool01 .box_pool .pool_item .box_img .banner {
  margin-bottom: 20px;
}
#lnkpool01 .box_pool .pool_item .box_img .banner a {
  display: block;
  text-align: center;
}
#lnkpool01 .box_pool .pool_item.right .box_txt {
  margin-left: 2%;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  #lnkpool01 .box_pool .pool_item.right .box_txt {
    margin-left: 0;
    margin-bottom: 1em;
  }
}
#lnkpool01 .box_pool .pool_item.left {
  /*pc & tab*/
}
@media only screen and (min-width: 768px) {
  #lnkpool01 .box_pool .pool_item.left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  #lnkpool01 .box_pool .pool_item.left .box_txt {
    margin-right: 2%;
  }
}
@media print {
  #lnkpool01 .box_pool .pool_item.left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  #lnkpool01 .box_pool .pool_item.left .box_txt {
    margin-right: 2%;
  }
}

#lnkpool02 {
  background: url(../pool/images/bg_two.png) no-repeat center top;
  margin-top: -30px;
  padding: 90px 0 65px;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  #lnkpool02 {
    padding: 3em 0 2em;
  }
}
#lnkpool02 .box_retakl {
  position: relative;
}
#lnkpool02 .box_retakl .rua01 {
  position: absolute;
  top: 80%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -20%;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl .rua01 {
    width: 30%;
    top: auto;
    bottom: -36%;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl .rua01 {
    width: 30%;
    top: auto;
    bottom: -50px;
    left: 0;
  }
}
#lnkpool02 .box_retakl .rua02 {
  position: absolute;
  top: -5%;
  right: -20%;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl .rua02 {
    width: 30%;
    top: -12%;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl .rua02 {
    width: 30%;
    top: -19px;
    right: 0;
  }
}
#lnkpool02 .box_retakl h3 {
  color: #004085;
  font-weight: normal;
  font-size: 270%;
  /*tab*/
  /*sp*/
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  padding: 0 35px 80px;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl h3 {
    font-size: 231%;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl h3 {
    font-size: 185%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl h3 {
    padding: 0 35px 60px;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl h3 {
    padding: 0 20px 1em;
  }
}
#lnkpool02 .box_retakl h3 span {
  position: relative;
}
#lnkpool02 .box_retakl h3 span:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 1px;
  left: -35px;
  top: 50%;
  background: #004085;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#lnkpool02 .box_retakl h3 span:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 1px;
  right: -35px;
  top: 50%;
  background: #004085;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#lnkpool02 .box_retakl ul {
  text-align: center;
}
#lnkpool02 .box_retakl ul li {
  display: inline-block;
  width: 258px;
  /*tab*/
  /*sp*/
  height: 258px;
  /*tab*/
  /*sp*/
  margin: 0 1% 2%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url(../pool/images/bg_blue02.jpg) no-repeat center;
}
/*#lnkpool02 .box_retakl ul li.big{
  width: 300px;
  height: 300px;
  background: url(../pool/images/bg_blue02.jpg);
}*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl ul li {
    width: 218px;
  }
  #lnkpool02 .box_retakl ul li.big{
    width: 228px;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl ul li {
    width: 143px;
  }
  #lnkpool02 .box_retakl ul li.big {
        width: 168px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl ul li {
    height: 218px;
  }
  #lnkpool02 .box_retakl ul li.big{
    height: 228px;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl ul li {
    height: 143px;
  } 
  #lnkpool02 .box_retakl ul li.big {
    height: 168px;
}
}
#lnkpool02 .box_retakl ul li .item {
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 4px;
  width: 250px;
  /*tab*/
  /*sp*/
  height: 250px;
  /*tab*/
  /*sp*/
  display: table;
  color: #004085;
}
/*#lnkpool02 .box_retakl ul li.big .item{
      width: 292px;
    height: 292px;
}*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl ul li .item {
    width: 210px;
  }
  #lnkpool02 .box_retakl ul li.big .item{
    width: 220px;
}
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl ul li .item {
    width: 135px;
  }
  #lnkpool02 .box_retakl ul li.big .item{
    width: 160px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl ul li .item {
    height: 210px;
  }
  #lnkpool02 .box_retakl ul li.big .item{
    height: 220px;
}
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl ul li .item {
    height: 135px;
  }
  #lnkpool02 .box_retakl ul li.big .item{
    height: 160px;
}
}
#lnkpool02 .box_retakl ul li .item .inner_item {
  display: table-cell;
  vertical-align: middle;
}
#lnkpool02 .box_retakl ul li .item h4 {
  font-weight: normal;
  font-size: 150%;
  /*tab*/
  /*sp*/
  padding-bottom: .2em;
  margin-bottom: .7em;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl ul li .item h4 {
    font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl ul li .item h4 {
    font-size: 90%;
  }
}
#lnkpool02 .box_retakl ul li .item h4 span {
  position: relative;
}
#lnkpool02 .box_retakl ul li .item h4 span:after {
  position: absolute;
  content: '';
  width: 97%;
  height: 1px;
  border-bottom: 1px dotted #004085;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}#lnkpool02 .box_retakl ul li .item h4.dia span:after{
  width: 150%;
    left: 83%;
}
#lnkpool02 .box_retakl ul li .item h4 span em {
  font-size: 62%;
}
#lnkpool02 .box_retakl ul li .item .txt {
  font-size: 154%;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  #lnkpool02 .box_retakl ul li .item .txt {
    font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  #lnkpool02 .box_retakl ul li .item .txt {
    font-size: 90%;
  }
  #lnkpool02 .box_retakl ul .sp_none{
    display: none;
  }
  #lnkpool02 .box_retakl ul{
    margin-bottom: 13%;
  }
  #lnkpool02 .box_retakl ul li .item h4 {
  padding-bottom: .2em;
  margin-bottom: .2em;
  }
}

.con_puru {
  background: url(../pool/images/bg_three.png) no-repeat;
  padding: 90px 0 100px;
  /*sp*/
  position: relative;
  /*pc & tab*/
}
@media only screen and (max-width: 767px) {
  .con_puru {
    padding: 3em 0 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_puru {
    z-index: -1;
    margin-top: -30px;
  }
}
@media print {
  .con_puru {
    z-index: -1;
    margin-top: -30px;
  }
}
.con_puru .con_lnkpool h3 {
  color: #e47b00;
  font-weight: normal;
  font-size: 270%;
  /*tab*/
  /*sp*/
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  padding-bottom: 30px;
  /*tab*/
  /*sp*/
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .con_puru .con_lnkpool h3 {
    font-size: 231%;
  }
}
@media only screen and (max-width: 767px) {
  .con_puru .con_lnkpool h3 {
    font-size: 185%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .con_puru .con_lnkpool h3 {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_puru .con_lnkpool h3 {
    padding-bottom: 1em;
  }
}
.con_puru .con_lnkpool h3 span {
  position: relative;
}
.con_puru .con_lnkpool h3 span:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 1px;
  left: -35px;
  top: 50%;
  background: #e47b00;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.con_puru .con_lnkpool h3 span:after {
  position: absolute;
  content: '';
  width: 15px;
  height: 1px;
  right: -35px;
  top: 50%;
  background: #e47b00;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.con_puru .con_lnkpool h3#lnkpool03 {
  padding-top: 2em;
}
.con_puru .con_lnkpool .img {
  margin: 2em 0 0;
}
.con_puru .con_lnkpool .box_puru {
  background: url(../pool/images/bg_orange.jpg) repeat;
  padding: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.con_puru .con_lnkpool .box_puru .box_txt {
  background: #fff;
  padding: 25px 60px;
  /*sp*/
}
@media only screen and (max-width: 767px) {
  .con_puru .con_lnkpool .box_puru .box_txt {
    padding: 1em;
  }
}
.con_puru .con_lnkpool .box_puru .box_txt .note {
  padding-top: 2em;
}

.fade_down {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px);
  /*min-height ~ max-height*/
  /*tab*/
  /*sp*/
}
@media only screen and (min-height: 700px) and (max-height: 900px) {
  .fade_down {
    -webkit-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    transform: translate(0, -40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fade_down {
    -webkit-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    transform: translate(0, -40px);
  }
}
@media only screen and (max-width: 767px) {
  .fade_down {
    -webkit-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    transform: translate(0, -30px);
  }
}

.fade_up {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  /*min-height ~ max-height*/
  /*tab*/
  /*sp*/
}
@media only screen and (min-height: 700px) and (max-height: 900px) {
  .fade_up {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fade_up {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
  }
}
@media only screen and (max-width: 767px) {
  .fade_up {
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
}

.fade_down_d {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  -webkit-transition-delay: .85s;
  -o-transition-delay: .85s;
  transition-delay: .85s;
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px);
  /*min-height ~ max-height*/
  /*tab*/
  /*sp*/
}
@media only screen and (min-height: 700px) and (max-height: 900px) {
  .fade_down_d {
    -webkit-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    transform: translate(0, -40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fade_down_d {
    -webkit-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    transform: translate(0, -40px);
  }
}
@media only screen and (max-width: 767px) {
  .fade_down_d {
    -webkit-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    transform: translate(0, -30px);
  }
}

.fade_up_d {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  -webkit-transition-delay: .85s;
  -o-transition-delay: .85s;
  transition-delay: .85s;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  /*min-height ~ max-height*/
  /*tab*/
  /*sp*/
}
@media only screen and (min-height: 700px) and (max-height: 900px) {
  .fade_up_d {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fade_up_d {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
  }
}
@media only screen and (max-width: 767px) {
  .fade_up_d {
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
}

.fade_right {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transform: translate(50px, 0);
  /*min-height ~ max-height*/
  /*tab*/
  /*sp*/
}
@media only screen and (min-height: 700px) and (max-height: 900px) {
  .fade_right {
    -webkit-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fade_right {
    -webkit-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}
@media only screen and (max-width: 767px) {
  .fade_right {
    -webkit-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}

.fade_left {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  -webkit-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
  /*min-height ~ max-height*/
  /*tab*/
  /*sp*/
}
@media only screen and (min-height: 700px) and (max-height: 900px) {
  .fade_left {
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fade_left {
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
}
@media only screen and (max-width: 767px) {
  .fade_left {
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
}

.fade_right_d {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  -webkit-transition-delay: .85s;
  -o-transition-delay: .85s;
  transition-delay: .85s;
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transform: translate(50px, 0);
  /*min-height ~ max-height*/
  /*tab*/
  /*sp*/
}
@media only screen and (min-height: 700px) and (max-height: 900px) {
  .fade_right_d {
    -webkit-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fade_right_d {
    -webkit-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}
@media only screen and (max-width: 767px) {
  .fade_right_d {
    -webkit-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }
}

.fade_left_d {
  opacity: 0;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  -webkit-transition-delay: .85s;
  -o-transition-delay: .85s;
  transition-delay: .85s;
  -webkit-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
  /*min-height ~ max-height*/
  /*tab*/
  /*sp*/
}
@media only screen and (min-height: 700px) and (max-height: 900px) {
  .fade_left_d {
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fade_left_d {
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
}
@media only screen and (max-width: 767px) {
  .fade_left_d {
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
}

.fade {
  opacity: 1.0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

html.lower .con_access {
  margin-top: 0;
}