@charset "UTF-8";
/*===============================================
common
===============================================*/
/*---- root ----------------------------*/
:root {
  --transition:0.25s ease;

  --text-color:#222222;
  --text-dark:#707070;
  --text-light:#CDCFD1;
  --content-width:1200px;
  --content-pd:var(--size-40);
  --lh-xl:2;
  --lh-l:1.875;
  --lh-m:1.5;
  --lh-s:1.4;
  --lh-xs:1.3;

  }
/* common */
html {
  font-family:"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size:62.5%;
  width:100%;
  color:var(--text-color);
  scroll-behavior:smooth;
  }
body {
  font-size:var(--text-18);
  font-weight:normal;
  line-height:1.5;
  position:relative;
  letter-spacing:0.04em;
  color:var(--text-color);
  background:#FFF;
  }
a {
  text-decoration:none;
  }
p {
  margin-bottom:var(--size-10);
  }
/*===============================================
style
===============================================*/
/*---- body ----------------------------*/
.el_content-wrap {
  max-width:var(--content-width);
  margin-inline:auto;
  }
.el_content-inner {
  padding-inline:var(--content-pd);
  }
section {
  margin:var(--size-130) 0;
  }
h1 {margin-bottom:var(--size-20);}
h2 {margin-bottom:var(--size-20);}
p.end_txt {color:#e80404; font-size:27px;font-weight: bold;text-align:center;}
/*---- btn ----------------------------*/
.btn {
  font-family:"游明朝";
  font-size:var(--text-28);
  font-weight:bold;
  line-height:var(--lh-s);
  display:block;
  width:-webkit-fit-content;
  width:   -moz-fit-content;
  width:        fit-content;
  max-width:400px;
  height:auto;
  margin:var(--size-50) 0 var(--size-30);
  padding:20px;
  cursor:pointer;
  transition:var(--transition);
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  letter-spacing:0;
  color:#fff;
  border:1px solid #e88482;
  border-radius:5px;
  background:linear-gradient(to bottom, #ea908d 1%, #df4c4c 100%);
  box-shadow:0 4px 4px 0 #fcb7b2;
  }

/*---- btn（取り下げ） ----------------------------*/
.end_btn {
  font-family: "游明朝";
  font-size: var(--text-28);
  font-weight: bold;
  line-height: var(--lh-s);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 400px;
  height: auto;
  margin: var(--size-50) 0 var(--size-30);
  padding: 20px;
  cursor: none;
  transition: var(--transition);
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border: 1px solid #cfcccc;
  border-radius: 5px;
  background: linear-gradient(to bottom, #e5e2e2 1%, #b7b6b6 100%);
  /* box-shadow: 0 4px 4px 0 #fcb7b2; */
  opacity: 0.3;
}

@media print, screen and (min-width: 768px) {
  .btn,.end_btn {
    min-width:500px;
    }
  .btn:hover,
  a:hover .btn {
    -webkit-transform:translateY(4px);
            transform:translateY(4px);
    opacity:0.8;
    box-shadow:none;
    }
  }
@media only screen and (max-width: 767px) {
  .btn,.end_btn {
    width:100%;
    }
   p.end_txt { font-size:22.5px;}

  }
/*---- ul ----------------------------*/
ul {
  margin:var(--size-10) 0;
  list-style:disc;
  list-style-position:inside;
  }
ul>li {
  margin-left:1.4em;
  text-indent:-1.4em;
  }