@charset "utf-8";

/* -------------------------------------------------- */
/* #block-intro */
/* -------------------------------------------------- */
#block-intro{text-align:center;font-size:2rem;color:#786f6b;letter-spacing:0.15em;line-height:2.4;text-shadow:0 0 10px #fff,0 0 10px #fff;}
#block-intro .container2{position:relative;z-index:3;background:url(/img/family/back01.png) no-repeat center center;}
#block-intro .container2::after{content:"";display:block;width:240px;height:220px;background:url(/img/family/back02.png) no-repeat center bottom;background-size:100% auto;position:absolute;right:140px;top:50%;transform:translateY(-50%);z-index:2;max-width:18%;}
#block-intro .container2 p{position:relative;z-index:4;padding:30px 0;}

/* -------------------------------------------------- */
/* #block-check */
/* -------------------------------------------------- */
#block-check .list-check{padding-top:10px;}
#block-check .list-check > li{display:flex;}
#block-check .list-check > li .inner{flex:1;align-self:center;display:flex;align-items:center;}
#block-check .list-check > li .inner .txt{flex:1;font-size:1.8rem;letter-spacing:0.06em;}
#block-check .list-check > li .inner .num{margin-right:30px;padding-left:12px;font-size:3.6rem;color:#fff;width:116px;height:116px;display:flex;align-items:center;justify-content:center;background:url(/img/family/back03.png) no-repeat center center;background-size:100% auto;letter-spacing:0.04em;}
#block-check .list-check > li .img{margin-left:5.3%;}
#block-check .list-check > li + li{position:relative;padding-top:160px;}
#block-check .list-check > li + li::before{content:"";display:block;width:1px;height:80px;background:#baada2;position:absolute;left:50%;top:40px;}
#block-check .list-check > li:nth-child(even){flex-direction:row-reverse;}
#block-check .list-check > li:nth-child(even) .img{margin-left:0;margin-right:5.3%;}

/* -------------------------------------------------- */
/* #block-summary */
/* -------------------------------------------------- */
#block-summary::before{content:"";display:block;width:100%;height:0;padding-bottom:33.33%;background:url(/img/family/back04.jpg) no-repeat center center;background-size:cover;}
#block-summary .box{background:url(/img/family/back05.jpg) no-repeat center center #f9f1ef;background-size:cover;padding:40px;position:relative;z-index:1;margin:-8vw auto 0;}
#block-summary .box .ttl{font-size:2.8rem;color:#786f6b;letter-spacing:0.05em;text-align:center;margin:15px auto 30px;position:relative;line-height:1.5;padding:0 30px;}
#block-summary .box .ttl > span{position:relative;display:inline-block;}
#block-summary .box .ttl > span::before{content:"";display:block;width:2px;height:35px;background:#707070;position:absolute;bottom:0;right:calc(100% + 30px);transform:rotate(-30deg);}
#block-summary .box .ttl > span::after{content:"";display:block;width:2px;height:35px;background:#707070;position:absolute;bottom:0;left:calc(100% + 20px);transform:rotate(30deg);}
#block-summary .box .inner{background:#fff;padding:30px 40px;text-align:center;}
#block-summary .box .inner .txt{background:url(/img/family/back06.png) left top repeat;line-height:49px;color:#786f6b;font-size:2rem;letter-spacing:0.1em;position:relative;}
#block-summary .box .inner .txt::after{content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;left:0;bottom:0;}
#block-summary .box .inner .txt p + p{margin-top:49px;}
#block-summary .box .common-link01{margin:50px auto 10px;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1399px){
  /* -------------------------------------------------- */
  /* #block-intro */
  /* -------------------------------------------------- */
  #block-intro .container2::after{right:5%;}
}
@media screen and (min-width:1px) and (max-width:999px){
  /* -------------------------------------------------- */
  /* #block-intro */
  /* -------------------------------------------------- */
  #block-intro .container2 p{padding:0;}
  #block-intro .container2::after{transform:none;bottom:10%;top:auto;}

  /* -------------------------------------------------- */
  /* #block-check */
  /* -------------------------------------------------- */
  #block-check .list-check > li{display:block;}
  #block-check .list-check > li .img{text-align:center;max-width:85%;margin:10px auto 0;}
  #block-check .list-check > li:nth-child(even) .img{margin-left:auto;margin-right:auto;}

  /* -------------------------------------------------- */
  /* #block-summary */
  /* -------------------------------------------------- */
  #block-summary .container{padding-left:40px;padding-right:40px;}
  #block-summary .box .inner .txt{text-align:left;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:599px){
  /* -------------------------------------------------- */
  /* #block-intro */
  /* -------------------------------------------------- */
  #block-intro{font-size:1.8rem;text-align:left;}
  #block-intro .container2{background-size:60% auto;max-width:400px;padding-top:50px;}
  #block-intro .container2::after{max-width:38%;}

  /* -------------------------------------------------- */
  /* #block-check */
  /* -------------------------------------------------- */
  #block-check .list-check > li .inner{display:block;}
  #block-check .list-check > li .inner .num{margin:0 auto 10px;width:80px;height:80px;font-size:3rem;}
  #block-check .list-check > li + li{padding-top:80px;}
  #block-check .list-check > li + li::before{height:40px;top:20px;}

  /* -------------------------------------------------- */
  /* #block-summary */
  /* -------------------------------------------------- */
  #block-summary .container{padding-left:0;padding-right:0;}
  #block-summary .box{margin-top:-5vw;padding:25px 15px 20px;}
  #block-summary .box .inner{padding:20px 25px;}
  #block-summary .box .ttl{font-size:2.6rem;margin:5px auto 20px;}
  #block-summary .box .inner .txt{line-height:35px;font-size:1.8rem;background-image:url(/img/family/back06_sp.png);}
  #block-summary .box .inner .txt p + p{margin-top:35px;}
  #block-summary .box .common-link01{margin-top:30px;}

}