@charset "UTF-8";
@keyframes anime01 {
  0% {
    transform: scale(0.75); }
  80% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
  .flame {
    position: absolute;
    z-index: 101;
    width: 120px; }

  .deco {
    position: absolute;
    z-index: 101; }

  .flame_tr {
    top: -1px;
    right: -3px; }

  .flame_tl {
    top: 0px;
    left: 0px; }

  .flame_br {
    bottom: 0px;
    right: 0px; }

  .flame_bl {
    bottom: -1px;
    left: -3px; }

  .overwrap {
    overflow: hidden; }

  /* lead */
  #index.profile .lead {
    position: relative;
    margin-bottom: 130px; }

  /* 各園リンク */
  #index.profile #proflink {
    max-width: 1200px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 90px; }

  #index.profile #proflink::after {
    display: none; }

  #index.profile #proflink > li {
    max-width: 380px;
    width: 31.6%;
    margin-bottom: 60px; }

  #index.profile #proflink > li a {
    display: block;
    position: relative; }

  #index.profile #proflink > li a:hover .img_box {
    opacity: 0.7; }

  #index.profile #proflink > li a .img_box {
    position: relative;
    margin-bottom: 20px;
    transition: 300ms; }

  #index.profile #proflink > li a .img_box .num {
    width: 33px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }

  #index.profile #proflink > li a .img_box .flame {
    width: 67px;
    z-index: 1; }

  #index.profile #proflink > li a .img_box .pht img {
    border-radius: 0 16px 0 16px; }

  #index.profile #proflink > li a .img_box .arrow {
    background: url("../../common/img/arrow_pr.png") no-repeat center/cover;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 101;
    transition: 300ms; }

  #index.profile #proflink > li:nth-of-type(2n) a .img_box .arrow {
    background: url("../../common/img/arrow_gr.png") no-repeat center/cover; }

  #index.profile #proflink > li a:first-of-type:hover .img_box .arrow {
    right: -7px; }

  #index.profile #proflink > li .txt_box dt {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px; }

  #index.profile #proflink > li .txt_box dd + dd {
    margin-top: 20px; }

  #index.profile #proflink > li a.maplink {
    width: 100px;
    padding: 7px 0 5px;
    margin-top: 5px;
    position: relative; }

  #index.profile #proflink > li a.maplink:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #bfbfbf;
    border-radius: 6px;
    transition: .4s;
    z-index: -1;
    top: 0;
    left: 0; }

  #index.profile #proflink > li a.maplink:hover:before {
    background-color: #66cbaf;
    transform: scale(1.1); }

  #index.profile #proflink > li a.maplink img {
    display: block;
    width: 81px;
    margin: 0 auto; }

  /* アニメーション　*/
  #index.profile #proflink.view > li {
    opacity: 0;
    transition-duration: 300ms;
    transform: scale(0.75); }

  #index.profile #proflink.view.on > li {
    opacity: 1;
    animation-name: anime01;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-timing-function: ease-out; }

  #index.profile #proflink.view.on > li:nth-of-type(1) {
    transition-delay: 300ms;
    animation-delay: 300ms; }

  #index.profile #proflink.view.on > li:nth-of-type(2) {
    transition-delay: 600ms;
    animation-delay: 600ms; }

  #index.profile #proflink.view.on > li:nth-of-type(3) {
    transition-delay: 900ms;
    animation-delay: 900ms; }

  #index.profile #proflink.view.on > li:nth-of-type(4) {
    transition-delay: 1200ms;
    animation-delay: 1200ms; }

  #index.profile #proflink.view.on > li:nth-of-type(5) {
    transition-delay: 1500ms;
    animation-delay: 1500ms; }

  #index.profile #proflink.view.on > li:nth-of-type(6) {
    transition-delay: 1800ms;
    animation-delay: 1800ms; }

  #index.profile #proflink.view.on > li:nth-of-type(7) {
    transition-delay: 2100ms;
    animation-delay: 2100ms; }

  #index.profile #proflink.view.on > li:nth-of-type(8) {
    transition-delay: 2400ms;
    animation-delay: 2400ms; }

  #index.profile #proflink.view.on > li:nth-of-type(9) {
    transition-delay: 2700ms;
    animation-delay: 2700ms; }

  #index.profile #proflink.view.on > li:nth-of-type(10) {
    transition-delay: 3000ms;
    animation-delay: 3000ms; }

  #index.profile #proflink.view.on > li:nth-of-type(11) {
    transition-delay: 3300ms;
    animation-delay: 3300ms; }

  #index.profile #proflink.view.on > li:nth-of-type(12) {
    transition-delay: 3600ms;
    animation-delay: 3600ms; }

  #index.profile #proflink.view.on > li:nth-of-type(13) {
    transition-delay: 3900ms;
    animation-delay: 3900ms; }

  /* グーグルマップ */
  #index.profile #mapArea {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 45px; }

  #index.profile #mapArea iframe {
    margin-top: -54px;
    height: calc(500px + 54px); } }
/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
  .flame {
    position: absolute;
    z-index: 101;
    width: 60px; }

  .deco {
    position: absolute;
    z-index: 101; }

  .flame_tr {
    top: -1px;
    right: -2px; }

  .flame_tl {
    top: -1px;
    left: -2px; }

  .flame_br {
    bottom: -1px;
    right: -2px; }

  .flame_bl {
    bottom: -1px;
    left: -2px; }

  .overwrap {
    overflow: hidden; }

  /* lead */
  #index.profile .title_str {
    margin-bottom: 160px; }

  #index.profile .lead {
    position: relative;
    margin-bottom: 60px; }

  #index.profile section {
    z-index: 10001;
    position: relative;
    padding: 0 5%; }

  /* 各園リンク */
  #index.profile #proflink {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 80px; }

  #index.profile #proflink::after {
    display: none; }

  #index.profile #proflink > li {
    max-width: 380px;
    margin: 0 auto 60px; }

  #index.profile #proflink > li:last-of-type {
    margin-bottom: 0; }

  #index.profile #proflink > li a {
    display: block;
    position: relative; }

  #index.profile #proflink > li a .img_box {
    position: relative;
    margin-bottom: 15px; }

  #index.profile #proflink > li a .img_box .num {
    width: 33px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }

  #index.profile #proflink > li a .img_box .flame {
    width: 67px;
    z-index: 1; }

  #index.profile #proflink > li a .img_box .pht img {
    border-radius: 0 16px 0 16px; }

  #index.profile #proflink > li a .img_box .arrow {
    background: url("../../common/img/arrow_pr.png") no-repeat center/cover;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2; }

  #index.profile #proflink > li:nth-of-type(2n) a .img_box .arrow {
    background: url("../../common/img/arrow_gr.png") no-repeat center/cover; }

  #index.profile #proflink > li .txt_box dt {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px; }

  #index.profile #proflink > li .txt_box dd + dd {
    margin-top: 20px; }

  #index.profile #proflink > li a.maplink {
    width: 100px;
    background-color: #bfbfbf;
    border-radius: 6px;
    padding: 7px 0 5px;
    margin-top: 5px; }

  #index.profile #proflink > li a.maplink img {
    display: block;
    width: 81px;
    margin: 0 auto; }

  /* アニメーション　*/
  #index.profile #proflink {
    z-index: 102; }

  #index.profile #proflink > li.view {
    opacity: 0;
    transition-duration: 300ms;
    transform: scale(0.75); }

  #index.profile #proflink > li.view.on {
    opacity: 1;
    animation-name: anime01;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-timing-function: ease-out; }

  /* グーグルマップ */
  #index.profile #mapArea {
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1; }

  #index.profile #mapArea iframe {
    margin-top: -54px;
    height: calc(300px + 54px); } }