@charset "UTF-8";

#fixCta2 {
  width: 350px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  -webkit-animation: fuwafuwa 2s infinite linear alternate;
  animation: fuwafuwa 2s infinite linear alternate;
  z-index: 998; }
  @media screen and (max-width: 575px) {
    #fixCta2 {
      width: 100%;
      bottom: 5px;
      right: 0;
      padding: 0 5px;
      animation: none; } }

@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@keyframes fuwafuwa {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }

/* -------------------------------------------

header

------------------------------------------- */
header {
    background: #7e5430;
    display: flex;
    align-items: center;
    height: 3.2rem;
    padding-left: 5rem;
    max-width: 1200px;
    margin: 0 auto;
}
header a {
    color: #fff;
    font-weight: normal;
    font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
    header {
        justify-content: center;
        padding-left: 0;
    }
}



/* -------------------------------------------

layout

------------------------------------------- */
article {
    max-width: 1200px;
    margin: 0 auto;
}
.base-width {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .base-width {
        width: 90%;
    }
}



/* -------------------------------------------

kv

------------------------------------------- */
.kv {
    max-width: 1200px;
    margin: 0 auto 5rem auto;
}
.kv > div {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
@media screen and (max-width: 768px) {
    .kv > div {
        font-size: 1.3rem;
        margin-top: 0;
    }
}



/* -------------------------------------------

TVで話題の貯蔵鉄を手軽に補給！

------------------------------------------- */
.sec1 {
    position: relative;
    z-index: 10;
}
@media screen and (max-width: 768px) {
	
}



/* -------------------------------------------

30万袋突破

------------------------------------------- */
.sec2 {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/texture.jpg) center top;
    background-size: 100% auto;
    margin-top: -8rem;
    padding-bottom: 8rem;
}
.sec2 .note {
    margin-top: -4rem;
    margin-bottom: 6rem;
}
.sec2 .voice-list li:nth-child(1) {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/sec2-bg-1.jpg) no-repeat center right;
    background-size: auto 100%;
    background-color: #fff;
}
.sec2 .voice-list li:nth-child(2) {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/sec2-bg-2.jpg) no-repeat center left;
    background-size: auto 100%;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .sec2 {
        padding-bottom: 6rem;
    }
	.sec2 .note {
        margin-top: 0;
        margin-bottom: 5rem;
        font-size: 1.2rem;
    }
    .sec2 .voice-list li:nth-child(1) {
        background: #fff;
    }
    .sec2 .voice-list li:nth-child(2) {
        background: #fff;
    }
}



/* -------------------------------------------

1日4粒で手軽に補給！

------------------------------------------- */
.sec3 {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/sec3-bg-1.jpg) no-repeat center / cover;
    padding: 2rem 0 6rem 0;
}
.sec3 .wrap {
    background: rgba(255,255,255,0.9);
    border-radius: 1rem;
    padding: 4rem;
    box-shadow: 0px 0px 40px 0px rgba(179, 163, 158, 0.57);
    margin-top: -2rem;
}
.sec3 .wrap > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.sec3 .wrap > div > figure {
    width: 35%;
}  
.sec3 .wrap > div > div {
    width: 62%;
}  
.sec3 h3 {
    font-weight: 500;
    font-size: 3.6rem;
}
.sec3 .wrap > div > div dt {
    margin: 1.5rem 0 0.5rem 0;
}
.sec3 .wrap > div > div dd {
    font-family: var(--font-serif);
    font-size: 3.6rem;
}
.sec3 .wrap p {
    font-size: 2rem;
}
@media screen and (max-width: 768px) {
    .sec3 h2 {
        width: 100%;
        margin-bottom: 3rem;
    }
    .sec3 .wrap {
        padding: 2.5rem;
        margin-top: -3rem;
    }    
    .sec3 .wrap > div > figure {
        width: 35%;
    }  
    .sec3 .wrap > div > div {
        width: 60%;
    }  
    .sec3 h3 {
        font-size: 2.2rem;
        text-align: center;
        margin-bottom: 1.5rem;
    }
    .sec3 .wrap > div > div dt {
        margin: 0 0 0.5rem 0;
    }
    .sec3 .wrap > div > div dd {
        font-size: 2.8rem;
    }
}



/* -------------------------------------------

あなたの10年後の理想の姿は？

------------------------------------------- */
.sec4 {

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



/* -------------------------------------------

活力や意欲の素になるのが貯蔵鉄です

------------------------------------------- */
.sec5 {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/texture.jpg) center top;
    background-size: 100% auto;
    position: relative;
    z-index: 10;
}
.sec5 > * {
    position: relative;
    z-index: 10;
}
.sec5::before {
    content: "";
    width: 100%;
    height: 40rem;
    background: linear-gradient(to top, #fff, transparent);
    position: absolute;
    left: 0;
    bottom: -0.1rem;
}
.sec5 .voice-list {
    margin-top: 4rem;
}
.sec5 .voice-list li:nth-child(1) {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/sec5-bg-1.jpg) no-repeat center right -7rem;
    background-size: auto 100%;
    background-color: #fff;
}
.sec5 .voice-list li:nth-child(2) {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/sec5-bg-2.jpg) no-repeat center left;
    background-size: auto 100%;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
	.sec5 .voice-list {
        margin-top: 4rem;
    }
    .sec5 .voice-list li:nth-child(1) {
        background: #fff;
    }
    .sec5 .voice-list li:nth-child(2) {
        background: #fff;
    }
}



/* -------------------------------------------

まめ鉄が支持される理由は

------------------------------------------- */
.sec6 {
    position: relative;
}
.sec6 .deco {
    position: absolute;
    right: 0;
    bottom: -16rem;
    width: 14rem;
    z-index: 10;
}
@media screen and (max-width: 768px) {
	.sec6 .deco {
        bottom: -5rem;
        width: 6rem;
    }
}



/* -------------------------------------------

TVやメディアでも特集

------------------------------------------- */
.sec7 {
    padding: 4rem 0 6rem 0;
}
.sec7 p {
    text-align: center;
    margin: -6rem 0 4rem 0;
    font-size: 1.8rem;
}
.sec7 p i {
    color: #f68e84;
}
.sec7 p strong {
    background: #e83027;
    color: #fff;
}
@media screen and (max-width: 768px) {
	.sec7 p {
        text-align: center;
        margin: 0 0 4rem 0;
        font-size: 2rem;
    }
}



/* -------------------------------------------

貯蔵鉄がそのまま取れる

------------------------------------------- */
.sec8 {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/sec8-bg-1.jpg) no-repeat center / cover;
    padding: 8rem 0 20rem 0;
    position: relative;
}
.sec8 > p {
    text-align: center;
    margin: -3rem 0 2rem 0;
    font-size: 2.2rem; 
}
@media screen and (max-width: 768px) {
    .sec8 > p {
        text-align: center;
        margin: 0.5rem 0 2rem 0;
    }
}
.sec8 > ul  {
    width: 75%;
    margin: 0 auto 4rem auto;
    display: flex;
    justify-content: space-between;
}
.sec8 > ul li {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .sec8 > ul {
        padding-right: 2rem;
        width: 100%;
        margin: 0 auto 4rem auto;
        display: block;
    }
    .sec8 > ul li {
        width: 100%;
    }
}
.sec8 .wrap {
    background: rgba(255,255,255,0.9);
    border-radius: 1rem;
    box-shadow: 0px 0px 40px 0px rgba(179, 163, 158, 0.57);
    padding: 2.5rem;
    display: flex;
    justify-content: space-between; 
}
.sec8 .wrap figure {
    width: 28%;
}
.sec8 .wrap > div {
    width: 68%;
    padding-top: 3rem;
}
.sec8 h3 {
    font-weight: 500;
    font-size: 3.6rem;
    line-height: 1.4;
    margin-bottom: 2rem;
}
.sec8 dl dt {
    margin-bottom: 1rem;
}
.sec8 dl dt span {
    font-size: 1.6rem;
    display: block;
    margin-bottom: 1rem;
}
.sec8 dl dt i {
    font-family: var(--font-serif);
    font-size: 4rem;
}
.sec8 dl dd {
    font-size: 2rem;
}
.sec8 ul {
    margin-top: 2rem;
}
@media screen and (max-width: 768px) {
	.sec8 .wrap {
        box-shadow: 0px 0px 10px 0px rgba(179, 163, 158, 0.4);
        padding: 1.5rem;
        display: block;
        justify-content: space-between; 
    }
    .sec8 .wrap figure {
        width: 100%;
        padding-right: 1rem;
    }
    .sec8 .wrap > div {
        width: 100%;
        padding-top: 1rem;
    }
    .sec8 h3 {
        font-size: 2.4rem;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    .sec8 dl dt {
        margin-bottom: 1rem;
    }
    .sec8 dl dt span {
        font-size: 1.6rem;
        display: block;
        margin-bottom: 0.5rem;
    }
    .sec8 dl dt i {
        font-size: 2.6rem;
        text-align: center;
    }
    .sec8 ul {
        font-size: 1.2rem;
    }
    .sec8 dl dd {
        font-size: 1.8rem;
    }
}



/* -------------------------------------------

貯蔵鉄の3つの効果

------------------------------------------- */
.sec9 {
    margin-top: -16rem;
    position: relative;
    z-index: 10;
}


/* -------------------------------------------

鉄分としても優秀なフェリチン鉄

------------------------------------------- */
.sec10 {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/texture.jpg) center top;
    background-size: 100% auto;
    padding: 8rem 0 12rem 0;
}
.sec10 .wrap {
    background: #fff;
    border-radius: 1rem;
}
.sec10 h2 {
    font-weight: normal;
    background: #9d8369;
    border-radius: 1rem 1rem 0 0;
    font-family: var(--font-serif);
    font-size: 4rem;
    line-height: 1;
    padding: 3rem 0; 
    color: #fff;
    text-align: center;
}
.sec10 .wrap > div {
    padding: 3rem;
    display: flex;
}
.sec10 .wrap > div p {
    padding: 4rem 2rem 0 0;
    font-size: 2rem;
}
@media screen and (max-width: 768px) {
	.sec10 {
        padding: 4rem 0;
    }
    .sec10 h2 {
        font-size: 3.2rem;
        line-height: 1.3;
        padding: 2rem 0; 
    }
    .sec10 .wrap > div {
        padding: 2rem;
        display: block;
    }
    .sec10 .wrap > div p {
        padding: 0 2rem 0 0;
        margin-bottom: 2rem;
        font-size: 1.9rem;
    }
}



/* -------------------------------------------

フェリチン鉄は食事からはとれません

------------------------------------------- */
.sec11 {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/texture.jpg) center top;
    background-size: 100% auto;
    padding-bottom: 6rem;
}
.sec11 .wrap {
    background: #484848;
    color: #fff;
    position: relative;
    padding: 2rem 0 6rem 0;
}
.sec11 .wrap::before {
    content: "";
    width: 20rem;
    height: 20rem;
    background: #484848;
    position: absolute;
    left: calc(50% - 10rem);
    top: -5rem;
    border-radius: 50%;
}
.sec11 .wrap p {
	position: relative;
    text-align: center;
    font-size: 2rem;
	z-index: 2;
}
.sec11 h2 {
    font-family: var(--font-serif);
    font-weight: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 4.2rem;
    position: relative;
    z-index: 99;
    top: -4rem;
    border-bottom: solid 1px #fff;
    padding-bottom: 2rem;
    margin-bottom: -2rem;
}
.sec11 h2 > span:nth-child(1) {
    margin-bottom: 1rem;
}
.sec11 .deco-1,
.sec11 .deco-2 {
    position: absolute;
    display: block;
    width: 20rem;
    z-index: 100;
}
.sec11 .deco-1 {
    right: 8rem;
    top: -17rem;
}
.sec11 .deco-2 {
    left: 8rem;
    bottom: -5rem;
}
@media screen and (max-width: 768px) {
    .sec11 {
        padding-bottom: 4rem;
    }
    .sec11 .wrap {
        padding-bottom: 3rem;
    }
    .sec11 .wrap::before {
        width: 16rem;
        height: 16rem;
        left: calc(50% - 8rem);
    }
    .sec11 .wrap p {
        text-align: center;
        font-size: 2rem;
    }
    .sec11 h2 {
        font-size: 3.5rem;
        text-align: center;
        line-height: 1.3;
    }
    .sec11 h2 > span:nth-child(1) {
        margin-bottom: 1rem;
    }
    .sec11 .deco-1,
    .sec11 .deco-2 {
        width: 14rem;
        overflow: hidden;
    }
    .sec11 .deco-1 {
        right: 0;
        top: -12rem;
    }
    .sec11 .deco-1 img {
        position: relative;
        right: -3rem;
    }
    .sec11 .deco-2 {
        left: 0;
        bottom: -10rem;
    }
    .sec11 .deco-2 img {
        position: relative;
        left: -5.5rem;
    }
}
.sec11 .voice-list {
    margin-top: 4rem;
}
.sec11 .voice-list li:nth-child(1) {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/sec11-bg-2.jpg) no-repeat center right;
    background-size: auto 100%;
    background-color: #fff;
}
.sec11 .voice-list li:nth-child(2) {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/sec11-bg-1.jpg) no-repeat center left;
    background-size: auto 100%;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
	.sec11 .voice-list li:nth-child(1) {
        background: #fff;
    }
    .sec11 .voice-list li:nth-child(2) {
        background: #fff;
    }
}



/* -------------------------------------------

安心へのお約束

------------------------------------------- */
.sec12 {
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/texture.jpg) center top;
    background-size: 100% auto;
    padding-bottom: 15rem;
}
.sec12 h3 {
    margin: 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: normal;
    font-family: var(--font-serif);
    font-size: 4rem;
}
.sec12 h3 > span:nth-child(1) {
    padding: 0 1rem;
}
.sec12 h3 > span:nth-child(2) i {
    font-size: 6.4rem;
    font-style: italic;
    margin-right: 0.4rem;
}
@media screen and (max-width: 768px) {
    .sec12 h3 {
        text-align: center;
        margin: 2rem 0;
        font-size: 3.2rem;
    }
    .sec12 h3 > span:nth-child(1) {
        margin-bottom: 2rem;
    }
    .sec12 h3 > span:nth-child(2) {
        line-height: 0.6;
    }
}
.sec12 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec12 ul li {
    width: 50%;
}
.sec12 p {
    text-align: center;
    margin-top: 3rem;
    font-size: 2.2rem;
}
.sec12 p span {
    display: block;
    margin-top: 2rem;
    font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.sec12 ul {
        display: block;
    }
    .sec12 ul li {
        width: 100%;
    }
    .sec12 p {
        text-align: left;
        margin-top: 1.5rem;
        font-size: 2rem;
        padding: 0 2rem;
    }
    .sec12 p span {
        font-size: 1.2rem;
    }
}



/* -------------------------------------------

徹底した品質管理

------------------------------------------- */
.sec13 {
    position: relative;
    z-index: 10;
    margin-top: -10rem;
}
@media screen and (max-width: 768px) {
	
}



/* -------------------------------------------

開発エピソード

------------------------------------------- */
.sec14 {
    padding-bottom: 8rem;
    position: relative;
}
.sec14 .deco-1,
.sec14 .deco-2 {
    position: absolute;
    display: block;
}
.sec14 .deco-1 {
    width: 20rem;
    right: 0;
    top: 40rem;
}
.sec14 .deco-2 {
    width: 12rem;
    left: 0;
    bottom: -16rem;
}
.sec14 p {
    width: 70%;
    margin: 0 auto;
    font-size: 2.2rem;
}
.sec14 p span {
    display: block;
    font-size: 1.4rem;
    margin-top: 3rem;
}
@media screen and (max-width: 768px) {
	.sec14 p {
        width: 90%;
        margin-top: 1rem;
        font-size: 1.8rem;
    }
    .sec14 .deco-2 {
        width: 6rem;
        left: 0;
        bottom: -11rem;
    }
}



/* -------------------------------------------

よくあるご質問

------------------------------------------- */
.faq {
    padding: 8rem 0 8rem 0;
    background: url(https://d2w53g1q050m78.cloudfront.net/lepeelorganicsjp/uploads/images/senior/texture.jpg) center top;
    background-size: 100% auto;
}
.faq h2 {
    font-weight: normal;
    font-family: var(--font-serif);
    font-size: 4rem;
    text-align: center;
    margin-bottom: 4rem;
}
.faq h3 {
    font-weight: normal;
    font-family: var(--font-serif);
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 2.5rem;
}
.faq section {
    border-radius: 0.7rem;
    padding: 5rem 4rem;
    box-shadow: 0 0 0.6rem rgba(0,0,0,0.07);
    background: #fff;
}
.faq section:not(:last-of-type) {
    margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
    .faq h3 {
        font-size: 2.4rem;
    }
    .faq section {
        padding: 3rem 1.5rem;
    }
    .faq section:not(:last-of-type) {
        margin-bottom: 4rem;
    }
}
.faq > section > dl > dt {
    display: flex;
    align-items: center;
    background: #f5f2ec;
    border-radius: 0.5rem;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
    font-family: var(--font-serif);
    font-size: 2rem;
}
.faq > section > dl > dd:not(:last-of-type) {
    margin-bottom: 4rem;
}
.faq > section > dl > dt > span:nth-child(1) {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    font-size: 2.8rem;
}
.faq > section > dl > dt > span:nth-child(2) {
    width: calc(100% - 5rem);
}
.faq > section > dl > dd {
    padding: 0 2rem;
    display: flex; 
    align-items: flex-start;
}
.faq > section > dl > dd > span:nth-child(1) {
    width: 5rem;
    height: 5rem;
    display: flex;
    font-size: 2.8rem;
    color: #b8a782;
    font-family: var(--font-serif);
    line-height: 1;
}
.faq > section > dl > dd > span:nth-child(2) {
    width: calc(100% - 5rem);
}
@media screen and (max-width: 768px) {
    .faq > section > dl > dt {
        margin-bottom: 1.5rem;
        font-size: 1.7rem;
        align-items: flex-start;
    }
    .faq > section > dl > dd:not(:last-of-type) {
        margin-bottom: 2rem;
    }
    .faq > section > dl > dt > span:nth-child(1) {
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: flex-start;
        font-size: 2.2rem;
    }
    .faq > section > dl > dt > span:nth-child(2) {
        width: calc(100% - 4rem);
        padding-top: 0.6rem;
    }
    .faq > section > dl > dd {
        padding: 0 2rem;
        display: flex; 
        align-items: flex-start;
    }
    .faq > section > dl > dd > span:nth-child(1) {
        width: 4rem;
        height: 4rem;
        font-size: 2.2rem;
    }
    .faq > section > dl > dd > span:nth-child(2) {
        width: calc(100% - 4rem);
    }
}
.faq table {
    width: 100%;
    border: solid 0.12rem #b8a782;
    margin: 1.5rem 0;
}
.faq table caption {
    caption-side: top;
    text-align: left;
    margin-bottom: 0.5rem;
}
.faq table th {
    background-color: #eee8dd;
    font-weight: normal;
}
.faq table td {
    text-align: center;
}
.faq table th,
.faq table td {
    padding: 1rem;
    border: solid 0.12rem #b8a782;
}
.faq ul {
    margin-top: 1rem;
    font-size: 1.4rem;
}
.faq dl dl dt {
    color: #f68e84;
}
@media screen and (max-width: 768px) {
    .faq table th,
    .faq table td {
        padding: 1rem 0.5rem;
        font-size: 1.2rem;
        vertical-align: middle;
    }	
}



/* -------------------------------------------

cv

------------------------------------------- */
.cv {
    padding-bottom: 6rem;
    overflow: hidden;
}
.cv.adjust-1 .wrap {
    margin-top: -30rem;
}
.cv .wrap {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0px 0px 40px 0px rgba(160, 146, 141, 0.29); 
    padding-bottom: 5rem;
    margin-top: -40rem;
    position: relative;
    z-index: 10;
}
.cv .wrap > p {
    background: #f67a74;
    color: #fff;
    border-radius: 1rem 1rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 1rem 0 0.6rem 0;
}
.cv .wrap > p > span:nth-child(1) {
    border: solid 1px #fff;
    font-size: 4rem;
    padding: 0.8rem 1.5rem;
}
.cv .wrap > p > span:nth-child(2) {
    font-weight: 500;
    font-size: 4.4rem;
    margin-left: 1rem;
    margin-bottom: 1.2rem;
}
.cv .wrap > p > span:nth-child(2) strong {
    font-size: 8rem;
}
.cv .wrap > p + div {
    padding: 2rem 2rem 0 0;
}
.cv .wrap > p + div + div {
    padding: 0 3rem;
}
.cv .wrap > p + div + div > div {
    border: solid 1px #f67a74;
    color: #f67a74;
    font-weight: bold;
    font-size: 3.6rem;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 600;
}
.cv a {
    display: block;
    margin-top: 2rem;
    padding: 0 2rem;
}
@media screen and (max-width: 768px) {
	.cv {
        padding-bottom: 4rem;
    }
    .cv > img {
        width: 120%;
        margin-left: -10%;
    }
    .cv.adjust-1 .wrap {
        margin-top: -10rem;
    }
    .cv .wrap {
        padding-bottom: 3rem;
        margin-top: -16rem;
    }
    .cv .wrap > p {
        flex-direction: column;
        padding: 1.5rem 0 0.6rem 0;
    }
    .cv .wrap > p > span:nth-child(1) {
        font-size: 2.8rem;
    }
    .cv .wrap > p > span:nth-child(2) {
        font-size: 2.8rem;
        margin-left: 0;
        margin-top: -2rem;
        margin-bottom: 0.8rem;
    }
    .cv .wrap > p > span:nth-child(2) strong {
        font-size: 6.4rem;
    }
    .cv .wrap > p + div {
        padding: 0;
    }
    .cv .wrap > p + div + div {
        padding: 0 3rem;
    }
    .cv .wrap > p + div + div > div {
        font-size: 2.4rem;
        line-height: 1.3;
        padding: 0.7rem 0;
    }
    .cv a {
        padding: 0;
    }
}



/* -------------------------------------------

footer

------------------------------------------- */
footer {
    padding: 1rem;
    font-size: 1.4rem;
    text-align: center;
}
@media screen and (max-width: 768px) {
    footer {
        font-size: 1.2rem;
    }
}