@charset "utf-8";


.page--card {
    padding: 200px 0 100px;
}
.page--card .txt--lead {
    margin: 0 0 60px;
}
.page--card .block--txt {
    margin-bottom: 100px;
}

.page--card .block--txt figure,
.page--card .block--point .list--point li figure{
  position: relative;
}
.page--card .block--txt figure::before,
.page--card .block--point .list--point li figure::before{
  position: absolute;
  top: 0;
  left: 0;
  content: url('../images/dummy.png');
  width: 100%;
  height: 100%;
}
.page--card .block--contact .txt--sub {
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-indent: -1em;
    padding: 0 0 0 1em;
}


.page--card .block--point .block-tit {
    margin-bottom: 35px;
    font-size: 36px;
}
.page--card .block--point .text {
    padding: 0 0 80px;
    text-align: center;
}
.page--card .block--point .text p {
    padding: 0 0 25px;
    font-size: 24px;
    line-height: 1.5;
}
.text .notice {
    display: inline-block;
    text-align: left;
}
.text .notice li{
    font-size: 12px;
    line-height: 1.3;
    text-indent: -1em;
    padding: 0 0 5px 1em;
}
.text .notice li:last-child{
    padding: 0 0 0 1em;
}

.page--card .block--point .list--point li {
    margin-bottom: 40px;
}

.page--card .block--point + .notice {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.5px;
    padding: 0 0 80px;
}
.page--card .block--point + .notice li{
    text-indent: -1em;
    padding: 0 0 5px 1em;
}
.page--card .block--point + .notice li:last-child{
    padding: 0 0 0 1em;
}

.page--card .txt--lead, .page--card .block--txt,
div.anim, .page--card .block--point .list--point li.anim,
.page--card .block--point + .notice{
    opacity: 0;
}
.loaded .page--card .txt--lead, .loaded .page--card .block--txt,
div.anim.on, .page--card .block--point .list--point li.anim.on,
.page--card .block--point + .notice.anim.on{
    -webkit-animation: upIn 0.5s ease 0.3s 1 forwards;
    animation: upIn 0.5s ease 0.3s 1 forwards;
}


@keyframes upIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 30px);
		transform: translate(0, 30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}
@keyframes dwnIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -30px);
		transform: translate(0, -30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@media screen and (max-width: 900px){
  .page--card {
    padding: 160px 0 80px;
    width: 90%;
    margin: 0 auto;
  }
  .page--card .txt--lead {
    font-size: 5vw;
    margin: 0 0 65px;
  }
  .page--card .block--txt figure {
    margin: 0 auto 20px;
  }
  .page--card .block--txt .txt--basic {
    margin-bottom: 0;
    font-size: 3.2vw;
    letter-spacing: 0.5px;
  }
  .page--card .block--txt .rule {
    font-size: 1em;
    padding: 5px 0 0;
  }
  .page--card .block--txt {
    margin-bottom: 70px;
  }
  .page--card .block--point .list--point {
    padding: 0;
  }
  .page--card .block--point .text p {
    padding: 0 0 15px;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .page--card .block--point .list--point li {
    margin-bottom: 90px;
  }

}

@media screen and (max-width: 700px){

  .page--card {
    padding: 110px 0 80px;
  }

  .page--card .block--txt {
    margin-bottom: 40px;
  }
  .page--card .block--txt .txt--basic {
    font-size: 4.5vw;
  }
  .page--card .block--point .list--point {
    padding: 0 0 20px;
  }
  .page--card .block--point .block-tit {
    margin-bottom: 20px;
    font-size: 5.5vw;
  }
  .page--card .block--point .text p {
    font-size: 4.5vw;
  }
  .page--card .block--point .text {
    padding: 0 0 70px;
  }
  .page--card .txt--lead {
    margin: 0 0 30px;
  }
  .page--card .block--txt figure {
    margin: 0 auto 12px;
    line-height: 0;
  }
  .page--card .block--txt .rule {
    font-size: 13px;
    padding: 8px 0 0 1em;
    letter-spacing: 0.5px;
    line-height: 1.3;
    text-indent: -1em;
  }
  .page--card .block--point .text {
    padding: 0 0 55px;
  }
  .page--card .block--point .text p {
    font-size: 3.6vw;
  }
  .page--card .block--point .list--point li {
    margin-bottom: 24%;
  }
  .page--card .block--point + .notice {
    margin: -8% 0 0;
    padding: 0 0 50px;
  }

}