@charset "UTF-8";

/* CSS Document */
/*---------------------------------

  mainContainer（共通スタイル）

---------------------------------*/
section .wrapper {
 margin: 50px auto;
 max-width: 1024px;
 width: 90%;
}

.cpEnd {
 border: 6px double #C1272D;
 color: #C1272D;
 font-size: 27px;
 margin: 2em 0;
 text-align: center;
 padding: 20px;
}

@media screen and (min-width: 581px) {
 .pc_none {
  display: none;
 }
}

@media screen and (max-width: 580px) {
 .sp_none {
  display: none;
 }

 section .wrapper {
  margin: 30px auto 50px;
 }
}

/*  
  common
---------------------------------*/
section .txt {
 text-align: left;
 line-height: 1.4;
 font-weight: 300;
 margin: auto;
 max-width: 780px;
}

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

  リード文

---------------------------------*/
section.cp-block {
 padding: 0 0 70px;
}

section.cp-block h1 {
 line-height: 1.7;
 letter-spacing: 3px;
 font-size: 32px;
 font-weight: 400;
 text-align: center;
 margin: 40px 0 10px;
}

section.cp-block h1 + p {
 line-height: 2;
 text-align: center;
}

section.cp-block .visual {
 margin: 40px 0;
 text-align: center;
}

section.cp-block .attention p {
 font-size: 90%;
 font-weight: 400;
 position: relative;
 margin-bottom: .5em;
}

@media screen and (max-width: 580px) {
 section.cp-block {
  padding: 0 0 30px;
 }

 section.cp-block h1 {
  letter-spacing: 2px;
  font-size: 23px;
  margin-top: 20px;
 }

 section.cp-block .visual img {
  width: 100%;
 }
}