:root {
    --color-purple0: #861d7b;
    --color-mediumvioketred: #c71585;
    --color-deeppink: #e605aa;
    --color-deeppink2: #ff1493;
    --color-deeppink3: rgb(251, 54, 208);
    --color-pink:#fadadf;
    --color-bg-pink:#fdd;

    --color-orange:#ff6600;

    --main-color:rgb(230, 13, 175);
    --mein-back-colbe:#be2130;
    --main-back-image: url('../img/haikei_oran.GIF');
  
  
  
    /* --color-nord0: #2e3440; */
    --color-nord0: #0d0f13;
    --color-nord1: #3b4252;
    --color-nord2: #434c5e;
    --color-nord3: #4c566a;
    --color-nord4: #d8dee9;
    --color-nord5: #e5e9f0;
    --color-nord6: #eceff4;
}

/* common */
body {
  margin: 0;
  max-width: 1280px;
  font-family: "Noto Sans JP", sans-serif;
  background-image: var(--main-back-image);
  padding-bottom: 130px;
}

.container{
  max-width: 1280px;
  margin: 0 auto;
}

img {
  vertical-align: bottom;
}
figure{
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  /* margin: 0; */
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
  margin: 0;
  cursor: pointer;
}
p {
  margin: 0;
}

h1,h2 ,h3 ,h4 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

i{
  color: rgb(47, 14, 231);
  margin-right: 4px;
}


/*　wide-bar */
.wide-bar {
  margin: 16px 0;
}

.wide-bar .box {
  background: var(--color-deeppink3);
  color: white;
  width: 180px;
  border: 1px solid pink;
  margin: 12px auto;
  padding: 10px;
  border-radius: 4px;  
  text-align: center;
}


.line  h3{
  width: 80%;
  margin: 0 auto;
  color: var(--color-purple0);
  padding: 0 50px;
  line-height: 1.8;
  border-bottom: 1px solid  var(--color-deeppink2);
  border-top: 1px solid var(--color-deeppink2);
}

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

}