.open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#pop-up {
  display: none; /* label でコントロールするので input は非表示に */
}
#pop-up2 {
  display: none; /* label でコントロールするので input は非表示に */
}
#pop-up3 {
  display: none; /* label でコントロールするので input は非表示に */
}
.gyo {
  text-align: center;
  padding: 100px 0px;
}
#pop-up4 {
  display: none; /* label でコントロールするので input は非表示に */
}
section.fadeswrap {
  background-color: #fffcea;
  padding: 100px 0px 10px;
}
table.tbl {
  width: 95%;
  max-width: 880px;
  text-align: center;
  margin: 0 auto;
}

/* slick要素 */
.slider {
  max-width: 980px;
  width: 95%;
  margin: 0 auto;
}

/*------ スライダー画像 ------*/
.slider img {
  width: 95%;
  height: auto;
}

/*-------- 高さ調整 ----------*/
.slider .slick-slide {
  height: auto !important;
}

/*---------- 矢印 ----------*/
.slider .slick-next {
  right: 0 !important;
}
.slider .slick-prev {
  left: 0 !important;
}
.slider .slick-arrow {
  width: initial !important;
  height: initial !important;
  z-index: 2 !important;
}
.slider .slick-arrow:before {
  font-size: 30px !important;
}
/* slick要素 */

table.p_table {
  width: 95%;
  max-width: 980px;
  margin: 0 auto;
}
td.kind {
  background-color: #ffea5e !important;
}
td.txtcenter {
  text-align: left;
}
td.vertical {
  background-color: #ff7d7d !important;
  color: #fff;
}
table.p_table td {
  padding: 24px;
  background-color: #fff;
  vertical-align: middle;
  border: 2px solid #fffcea;
}
/* スライドする要素 */
.content {
  width: 300px;
  height: 300px;
}
.content:nth-child(1) {
}
.content:nth-child(2) {
}
.content:nth-child(3) {
}
.content:nth-child(4) {
}
/* スライドレールの枠 */
.wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 340px;
  margin-bottom: 20px;
}
/* content4つをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 20s infinite linear 1s both;
  animation: loop-slide 20s infinite linear 1s both;
}
@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

section.tblearea {
  background-color: #fffcea;
  padding: 70px 0px;
  text-align: center;
}
.tbleareax {
  background-color: #fffcea;
  padding: 70px 0px;
  text-align: center;
}
.overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}
td.yu {
  border: 1px solid #fff;
  background-color: #ffea5e;
}
.cardwrapx .cardx {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 23px -5px #d9d9d9;
  border-radius: 15px;
  width: 29%;
  margin-bottom: 31px;
  margin: 11px;
}
.cardback img {
  padding: 20px;
}
.cardwrapx {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-content: flex-start;
  margin-bottom: 70px;
}
.fades {
  width: 95%;
  max-width: 950px;
  margin: 0 auto;
}
#pop-up:checked + .overlay {
  display: block;
  z-index: 9999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

.logo {
  max-width: 965px;
  width: 95%;
  margin: 0 auto;
  padding-top: 30px;
}
#pop-up2:checked + .overlay {
  display: block;
  z-index: 9999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
#pop-up3:checked + .overlay {
  display: block;
  z-index: 9999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
#pop-up4:checked + .overlay {
  display: block;
  z-index: 9999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.btn img {
  width: 40% !important;
  position: absolute;
  top: 65%;
  left: 4%;
}
.sec01blockx {
  text-align: center;
  padding: 100px 0px;
  /* background-color: #ffea5e; */
}
.kv {
  text-align: center;
  padding: 50px 0px 80px;
  max-width: 1000px;
  width: 95%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.br {
  display: none;
}
p.cloudbnr_txt {
  line-height: 1.8em;
  font-size: 1.4em;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 40px;
}
.medal {
  margin-bottom: 30px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 30px;
}
p.notice {
  line-height: 1.8em;
  font-size: 0.7em;
  width: 90%;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 80px;
}
.tbl td {
  width: 200px;
  border: 1px soli #fff;
  line-height: 2em;

  padding: 20px;
  text-align: center;
  vertical-align: middle;
  /* background-color: #ffea5e; */
}
td.wt {
  background-color: #fff;
}
.cloudbnr_img {
  width: 50%;
  margin: 0 auto;
  padding: 50px 0px;
  padding: 0px 0px 50px;
}
.cloudbnr_h2 {
  margin: 60px 0px;
  width: 70%;
  margin: 0 auto;
  padding: 60px 0px 30px;
}
.cloudbnr_block {
  width: 89.8%;
  border: 1px solid #0a70bb;
  margin: 0 auto;
}
.cloudbnr_h {
  font-size: 2em;
  background-color: #0a70bb;
  padding: 30px 0px;
  line-height: 1.4em;
  color: #eee;
  margin-bottom: 50px;
  width: 90%;
  margin: 0 auto;
  /* margin-bottom: 50px; */
}

.window {
  width: 90vw;
  max-width: 380px;
  height: 240px;
  background-color: #ffffff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.text {
  font-size: 18px;
  margin: 0;
}
.close {
  cursor: pointer;
  position: absolute;
  top: -60%;
  right: -95%;
  font-size: 2em;
}

.kvwrap {
  height: auto;
  background-image: url(../images/backkv.png);
  background-size: cover;
  background-position: center;
}

.kv {
  text-align: center;
  padding: 50px 0px 80px;
}

.kv img {
  max-width: 1000px;
  width: 95%;
  height: auto;
}

.intro img {
  width: 95%;
  height: auto;
  max-width: 900px;
}

.intro {
  text-align: center;
  margin: 50px 0px;
}

.sec01block {
  text-align: center;
  padding: 100px 0px;

  background-color: #ffea5e;
}
.sec01img {
  float: left;
  margin-right: 50px;
}
.arrow {
  margin-bottom: 50px;
}
.sec01right {
}
.cardimg {
  margin-bottom: 30px;
}
p.cardp {
  line-height: 1.6em;
  text-align: left;
}

.fadescard {
  margin-bottom: 70px;
  overflow: hidden;
}
.fadeh {
  font-size: 1.6em;
  line-height: 1.6em;
  margin-bottom: 30px;
  color: #ce0e0e;
}
p.fadep {
  line-height: 2em;
}
.fadel img {
  float: left;
  height: auto;
  width: 44%;
  margin-right: 55px;
}
.hyouimgsp {
  display: none;
}
.down {
  text-align: center;
  margin-bottom: 100px;
}
span.red {
  color: #ce0e0e;
}
section.fades {
  width: 95%;
  max-width: 980px;
  margin: 0 auto;
}
p.noticep {
  line-height: 2em;
  font-size: 1.3em;
}
.notice {
  font-size: 1.8em;
  line-height: 1.6em;
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 50px;
  background-color: #fff;
  padding: 40px;
  border-radius: 20px;
  border: 7px solid #ce0e0e;
}
p.cardpx {
  line-height: 1.6em;
  text-align: center;
  padding: 25px;
  background-color: #fff;
  border-radius: 0px 0px 20px 20px;
}
.card {
  padding: 35px;
  /* border: 1px solid; */
  border-radius: 20px;
  box-shadow: 0px 0px 23px -5px #d9d9d9;
  border-radius: 15px;
  width: 24%;
}
ul.cul {
  width: 80%;
  max-width: 670px;
  font-size: 1.4em;
  line-height: 2em;
  margin: 0 auto;
  padding: 40px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 23px -5px #d9d9d9;
  border-radius: 15px;
  /* width: 31%; */
  margin-bottom: 70px;
}
.sec01blockx {
  text-align: center;
  padding: 100px 0px;
  /* background-color: #ffea5e; */
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.cardimgx img {
  width: 100%;
  height: 100%;
}
.cardimgx {
  margin-bottom: 20px;
}
.gyo {
  text-align: center;
  margin: 100px 0px;
}
.gyo img {
  width: 95%;
  height: auto;
  max-width: 800px;
  /* text-align: center; */
}
.fader {
  float: right;
  width: 50%;
}
.hcenter {
  text-align: center;
}
.cardmer {
  /* border: 1px solid; */
  border-radius: 20px;
  box-shadow: 0px 0px 23px -5px #d9d9d9;
  border-radius: 15px;
  width: 20%;
  padding: 26px;
}
.sec01blockxmer {
  text-align: center;
  padding: 100px 0px;
  /* background-color: #ffea5e; */
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.cardwrapmer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-content: flex-start;
}

.hyouimg img {
  width: 95%;
  height: auto;
  max-width: 900px;
}
section.exampleys {
  text-align: center;
  padding: 100px 0px;
  background-color: #fffcea;
}
.if {
  line-height: 1.6em;
  font-size: 1.8em;
  margin-bottom: 50px;
  color: #ce0e0e;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 50px;
  text-decoration-line: underline;
  /* padding-bottom: 10px; */
}
section.sec01xx2 {
  background-image: url("../images/back03.png");
  background-position: center;
  background-size: cover;
}

ul.cul li {
  background-image: url(../images/check.png);
  background-repeat: no-repeat;
  background-size: 4%;
  background-position-y: 45%;
  padding-left: 43px;
}

p.check {
  text-align: center;
  font-size: 1.6em;
  margin-bottom: 70px;
  line-height: 2em;
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}
.cardback img {
  padding: 20px;
  width: 65%;
  height: auto;
}
.cardh {
  font-size: 1.4em;
  margin-bottom: 30px;
  line-height: 1.4em;
  color: #ce0e0e;
}
.cardwrap {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.cardwrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-content: flex-start;
}
h2 {
  display: inline-block;
  font-size: 2em;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 60px;
  padding-bottom: 10px;
  /* color: #ce0e0e; */
  border-bottom: 4px solid #ce0e0e;
  /* text-align: center; */
}
p.sec01p {
  line-height: 2em;
  text-align: center;
}

.sec02block {
  width: 1000px;
  margin: 0 auto;
  padding: 100px 0px 100px;
}
p.cardpx2 {
  line-height: 2em;
  padding: 30px;
  border: 6px solid #ffea5e;
}
.wrap_cc {
  width: 95%;
  margin: 0 auto;
  max-width: 900px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
p.ceop {
  width: 95%;
  line-height: 1.8em;
}
.ceol {
  width: 95%;
  /* margin: 0 auto; */
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
span.nameceo {
  display: block;
  font-size: 2em;
  padding: 14px 0px;
}
.ceomi {
  margin-bottom: 20px;
}
.ceolwrap {
  /* font-size: 2em; */
  line-height: 1.4em;
  width: 70%;
}
p.cardpx3 {
  line-height: 2em;
  padding: 30px;
  border: 6px solid #000;
}
section.ceoarea {
  padding: 100px 0px;
  background-color: #eee;
}
.cardhx2 {
  font-size: 1.4em;
  padding: 30px;
  text-align: center;
  background-color: #ffea5e;
}
.cardhx3 {
  font-size: 1.4em;
  padding: 30px;
  text-align: center;
  background-color: #000;
  color: #fff;
}
section.rl {
  padding: 100px 0px;
}
.card01 {
  width: 48%;
}
.midashi {
  background-color: #ce0e0e;
  padding: 30px;
  text-align: center;
  color: #fff;
  font-size: 1.8em;
  margin-bottom: 30px;
  width: 400px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 100px;
}
p.txt02 {
  text-align: left;
  line-height: 2em;
  margin-bottom: 50px;
  max-width: 900px;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 50px;
}
.graph {
  margin-bottom: 50px;
}
p.txt {
  text-align: center;
  line-height: 2em;
  margin-bottom: 50px;
}
.convbtn {
  text-align: center;
}

.sec02img img {
  width: 95%;
  max-width: 900px;
  height: auto;
  text-align: center;
}
.sec02img {
  text-align: center;
  margin-bottom: 10px;
}

span.under {
  width: 74px;
  display: block;
  height: 3px;
  margin-bottom: 50px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
  background-color: #ce0e0e;
}

section.sec02 {
  background-image: url("../images/back02.png");
  background-position: top;
  background-repeat: no-repeat;
}

ul.funkul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* align-content: stretch; */
  flex-wrap: wrap;
  width: 910px;
  margin: 0 auto;
  /* align-items: baseline; */
}

ul.funkul li {
  width: 46%;
}

h3 {
  background-color: #ce0e0e;
  padding: 20px;
  width: 30%;
  text-align: center;
  border-radius: 100px;
  margin: 0 auto;
  margin-bottom: 20px;
  color: #fff;
}

ul.funkul li {
  width: 46%;
  margin-bottom: 50px;
}

p.funktxt {
  line-height: 2em;
  text-align: center;
}

.graph {
  text-align: center;
}
.graph img {
  text-align: center;
  width: 85%;
  height: auto;
}
.sec_block03 {
  text-align: center;
}
p.secp {
  line-height: 2em;
  text-align: center;
  margin-bottom: 50px;
}
section.example {
  text-align: center;
  padding: 50px 0px;
}
.infg img {
  max-width: 800px;
  width: 95%;
  height: auto;
  padding: 50px 0px 0px;
}
.cloudbnr {
  text-align: center;
}
.cardback {
  background-color: #f9fafc;
  border-radius: 20px 20px 0px 0px;
}
.cardx {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 23px -5px #d9d9d9;
  border-radius: 15px;
  width: 31%;
  margin-bottom: 31px;
}
.cloudbnr img {
  max-width: 700px;
  width: 90%;
  height: auto;
}

section.sec03 {
  padding: 100px 0px;
  background-color: #fffcea;
}
span.txt_bold {
  font-weight: bold;
  color: #ce0e0e;
  font-size: 1.4em;
}
.sec_block04 {
  width: 980px;
  margin: 0 auto;
}

.useh {
  text-align: center;
  padding: 25px 0px;
  background-color: #ce0e0e;
  color: #fff;
  font-size: 1.4em;
  margin-bottom: 30px;
}
.fbtnblock {
  max-width: 1043px;
  width: 95%;
  margin: 0 auto;
}
.usebox {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}

.usebox01 {
  width: 40%;
}
.useimg {
  text-align: center;
  margin-bottom: 30px;
}

p.usetxt {
  line-height: 1.8em;
}

.useboxh {
  text-align: center;
  margin-bottom: 30px;
  font-size: 1.4em;
  color: #ce0e0e;
}
.usebox01 {
  width: 40%;
  height: auto;
  box-shadow: 0px 0px 27px -9px #b0b0b0;
  border-radius: 33px;
  padding: 30px;
  background-color: #fff;
}

.usewrap {
  background-color: #eee;
  padding-bottom: 30px;
  /* width: 900px; */
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.pc {
  text-align: center;
  margin-bottom: 100px;
}

.pc img {
  width: 500px;
  height: auto;
  max-width: 95%;
}

footer.footerwrap {
  height: auto;
  padding: 100px 0px;
  background-image: url("../images/foot.png");
  background-position: center;
  background-size: cover;
}

.fh {
  text-align: center;
  margin-bottom: 50px;
}

.fbtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.kvsp {
  display: none;
}
main.wrapper {
  overflow-x: hidden;
}

@media screen and (max-width: 1024px) {
  .btn1 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .kv {
    display: none;
  }
  p.notice {
    line-height: 2em;
    font-size: 0.5em;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 30px;
  }
  .cloudbnr_h {
    font-size: 1.4em;
    line-height: 1.6em;
    background-color: #0a70bb;
    padding: 20px 0px;
    color: #eee;
    margin-bottom: 50px;
    width: 100%;
    margin: 0 auto;
    /* margin-bottom: 50px; */
  }
  .cloudbnr_h2 {
    margin: 60px 0px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0px 30px;
  }
  .cloudbnr_img {
    width: 60%;
    margin: 0 auto;
    padding: 50px 0px;
    padding: 0px 0px 30px;
  }
  .cloudbnr_block {
    width: 100%;
    border: 1px solid #0a70bb;
    margin: 0 auto;
  }
  p.cloudbnr_txt {
    line-height: 1.8em;
    font-size: 1em;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .kvsp {
    display: block;
    position: relative;
  }
  .cloudbnr img {
    max-width: 700px;
    width: 90%;
    height: auto;
  }
  .medal {
    margin-bottom: 30px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .kvsp img {
    width: 100%;
    height: auto;
  }
  .sec01img {
    float: unset;
    margin-right: 0px;
    text-align: center;
  }
  .sec01right {
    float: unset;
    width: 100%;
    margin-top: 0px;
  }
  .intro {
    text-align: center;
    margin: 50px 0px 0px;
  }

  .sec02block {
    width: 95%;
    margin: 0 auto;
    padding: 50px 0px 50px;
  }
  .sec02img {
    text-align: center;
    margin-bottom: 0px;
  }

  ul.funkul {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto;
    align-content: stretch;
  }
  p.txt {
    text-align: center;
    line-height: 2em;
    margin-bottom: 20px;
    font-size: 0.8em;
  }
  ul.funkul li {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }
  .br {
    display: block;
  }
  .sec_block03 {
    padding: 30px 20px;
    /* box-shadow: 0px 0px 27px -9px #b0b0b0; */
    /* border-radius: 33px; */
    max-width: unset;
    margin: 0 auto;
    /* width: 100%; */
    /* background-color: #fff; */
  }
  section.sec03 {
    padding: 10px 0px;
    background-color: #fffcea;
  }
  .logo {
    max-width: 965px;
    width: 95%;
    margin: 0 auto;
    padding-top: 30px;
    display: none;
  }
  .sec_block04 {
    width: 95%;
    margin: 0 auto;
  }
  .graph img {
    text-align: center;
    width: 100%;
    height: auto;
  }
  p.usetxt {
    line-height: 1.6em;
  }
  p.funktxt {
    line-height: 1.6em;
    text-align: center;
  }
  .useboxh {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.2em;
    color: #ce0e0e;
  }
  .txt {
    text-align: center;
    line-height: 1.6em;
    margin-bottom: 50px;
  }
  p.secp {
    line-height: 1.6em;
    text-align: center;
    margin-bottom: 50px;
  }
  .usebox {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-content: space-between;
  }
  .usebox01 {
    width: 80%;
    height: auto;
    box-shadow: 0px 0px 27px -9px #b0b0b0;
    border-radius: 33px;
    padding: 30px;
    background-color: #fff;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .close {
    cursor: pointer;
    position: absolute;
    top: 10%;
    right: 4%;
    font-size: 2em;
  }
  .pc img {
    width: 80%;
    height: auto;
    max-width: 95%;
  }

  .fh img {
    width: 90%;
    height: auto;
  }
  .cardx {
    /* padding: 35px; */
    /* border: 1px solid; */
    border-radius: 20px;
    box-shadow: 0px 0px 23px -5px #d9d9d9;
    border-radius: 15px;
    width: 100%;
    margin-bottom: 15px;
  }

  .fbtn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    flex-direction: column;
    align-content: space-between;
  }

  .fbtnblock {
    width: 90%;
    margin: 0 auto;
  }

  .btn1 {
    margin-bottom: 40px;
    text-align: center;
  }

  .btn1 img {
    width: 90%;
    height: auto;
  }

  .btn2 {
    margin-bottom: 40px;
    text-align: center;
  }

  .btn2 img {
    width: 90%;
    height: auto;
  }
  .sec01img img {
    width: 60%;
    height: auto;
  }
  p.cardpx3 {
    line-height: 2em;
    padding: 10px;
    border: 6px solid #000;
  }
  .ceor {
    text-align: center;
  }
  section.ceoarea {
    padding: 40px 0px;
    background-color: #eee;
  }
  p.ceop {
    width: 100%;
    line-height: 1.8em;
    font-size: 0.9em;
  }
  .ceor img {
    width: 70%;
    height: auto;
    margin-bottom: 30px;
    /* text-align: center; */
  }
  .ceolwrap {
    /* font-size: 2em; */
    line-height: 1.4em;
    width: 100%;
  }
  .wrap_cc {
    width: 95%;
    margin: 0 auto;
    max-width: 900px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 0.9em;
  }
  .ceol {
    width: 95%;
    /* margin: 0 auto; */
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .card01 {
    width: 100%;
    margin-bottom: 20px;
  }
  section.rl {
    padding: 30px 0px;
  }
  .wrap_cc {
    width: 95%;
    margin: 0 auto;
    max-width: 900px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  h2 {
    font-size: 1.4em;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 30px;
    color: #ce0e0e;
  }
  .tbleareax {
    background-color: #fffcea;
    padding: 30px 0px;
    text-align: center;
  }
  .midashi {
    background-color: #ce0e0e;
    padding: 30px;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
    margin-bottom: 30px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 100px;
  }
  .spbtn {
    position: absolute;
    top: 84%;
    width: 74%;
    left: 15%;
  }
  .sec01blockx {
    text-align: center;
    padding: 50px 0px;
    /* background-color: #ffea5e; */
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
  }
  .convbtn img {
    width: 100%;
    height: auto;
  }
  .arrow {
    margin-bottom: 20px;
  }
  ul.funkul li img {
    width: 100%;
    height: auto;
  }
  .sec01block {
    text-align: center;
    padding: 50px 0px;
    background-color: #ffea5e;
  }
  section.example {
    text-align: center;
    padding: 50px 0px;
    padding: 50px 0px 0px;
  }
  .cardback img {
    width: 35%;
    height: auto;
  }
  .wrap {
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0px;
  }
  .arrow img {
    width: 80%;
    height: auto;
  }
  .cardimgx img {
    width: 60%;
    height: auto;
  }
  section.fadeswrap {
    background-color: #fffcea;
    padding: 50px 0px 0px;
  }
  table.tbl {
    width: 95%;
    max-width: 880px;
    text-align: center;
    margin: 0 auto;
    font-size: 0.8em;
  }
  li.content img {
    width: 50%;
    height: auto;
  }
  .content {
    width: 200px;
    height: 130px;
  }
  section.exampleys {
    text-align: center;
    padding: 50px 0px;
    background-color: #fffcea;
  }
  .sec01blockxmer {
    text-align: center;
    padding: 50px 0px;
    /* background-color: #ffea5e; */
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .tbl td {
    width: 200px;
    border: 1px soli #fff;
    line-height: 1.4em;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
    /* background-color: #ffea5e; */
  }
  .gyo {
    text-align: center;
    padding: 30px 0px;
  }
  p.cardp {
    line-height: 1.6em;
    text-align: left;
    font-size: 0.8em;
  }
  .cardmer {
    /* border: 1px solid; */
    border-radius: 20px;
    box-shadow: 0px 0px 23px -5px #d9d9d9;
    border-radius: 15px;
    width: 100%;
    padding: 26px;
    margin-bottom: 20px;
  }
  .notice {
    font-size: 1.1em;
    line-height: 1.6em;
    width: 90%;
    max-width: unset;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 10px;
    border-radius: 20px;
    border: 3px solid #ce0e0e;
  }
  .cardwrapx {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    margin-bottom: 20px;
  }
  .cardwrapx .cardx {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 23px -5px #d9d9d9;
    border-radius: 15px;
    width: 100%;
    margin-bottom: 31px;
    margin: 11px;
  }
  .fadescard {
    margin-bottom: 40px;
    overflow: hidden;
  }
  .if {
    line-height: 1.6em;
    font-size: 1.2em;
    margin-bottom: 50px;
    color: #ce0e0e;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 20px;
    text-decoration-line: underline;
    /* padding-bottom: 10px; */
  }
  ul.cul li {
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 4%;
    background-position-y: 45%;
    padding-left: 30px;
  }
  ul.cul {
    width: 85%;
    max-width: unset;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 23px -5px #d9d9d9;
    border-radius: 15px;
    /* width: 31%; */
    margin-bottom: 30px;
  }

  .hyouimgsp {
    display: block;
  }
  table.p_table td {
    padding: 6px;
    background-color: #fff;
    vertical-align: middle;
    border: 2px solid #fffcea;
  }
  table.p_table {
    width: 95%;
    max-width: 980px;
    margin: 0 auto;
    font-size: 0.8em;
    line-height: 1.3em;
  }
  p.cardpx2 {
    line-height: 2em;
    padding: 10px;
    border: 6px solid #ffea5e;
  }
  .hyouimgsp img {
    width: 95%;
    height: auto;
  }
  p.check {
    text-align: center;
    font-size: 0.8em;
    margin-bottom: 20px;
    line-height: 2em;
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: rgba(255, 228, 0, 0.4);
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
  }
  p.fadep {
    line-height: 1.8em;
    font-size: 0.9em;
  }
  p.noticep {
    line-height: 2em;
    font-size: 0.9em;
    width: 95%;
    /* text-align: center; */
    margin: 0 auto;
  }
  .fadeh {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 10px;
    color: #ce0e0e;
  }
  .fader {
    float: unset;
    width: 100%;
  }
  .down img {
    width: 46%;
    height: auto;
  }
  .fadel {
    text-align: center;
    margin-bottom: 20px;
  }
  .down {
    text-align: center;
    margin-bottom: 50px;
    width: 90;
  }
  .cardh {
    font-size: 1.2em;
    margin-bottom: 10px;
    line-height: 1.4em;
    color: #ce0e0e;
  }
  .cardimg img {
    width: 35%;
    height: auto;
  }
  .fadel img {
    float: unset;
    height: auto;
    width: 57%;
    margin-right: unset;
  }
  .card {
    padding: 25px;
    /* border: 1px solid; */
    border-radius: 20px;
    box-shadow: 0px 0px 23px -5px #d9d9d9;
    border-radius: 15px;
    width: 100%;
    margin-bottom: 20px;
  }
}