@charset "UTF-8";
/* CSS Document */
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

address {
  font-style: normal;
}

.test {
  height: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 200px) and (max-width: 1920px) {
  .test {
    background-color: blue;
  }
}

/*文字編輯器*/
.textEditor {
  clear: both;
  font-size: 18px;
  color: #2f2f2f;
  line-height: 1.5;
  margin: initial;
}

.textEditor .myTitle {
  font-weight: 700;
  font-size: 20px;
  color: #51649A;
}
.textEditor .h2Title {
  font-size: 40px;
  line-height: 1.5;
  margin: initial;
  font-weight: bold;
}
.textEditor .h3Title {
  font-size: 26px;
  line-height: 1.5;
  margin: initial;
  font-weight: bold;
}
.textEditor .h4Title {
  font-size: 20px;
  line-height: 1.5;
  margin: initial;
  font-weight: bold;
}
.textEditor .h5Title {
  font-size: 18px;
  line-height: 1.5;
  margin: initial;
  font-weight: bold;
}

.textEditor p {
  font-size: 18px;
  line-height: 1.5;
  margin: initial;
}

.textEditor img {
  max-width: 100%;
}

.textEditor ol {
  list-style: decimal outside;
  padding-left: 30px;
}

.textEditor ul:not(.df){
  list-style: disc outside;
  padding-left: 30px;
}

.textEditor table {
  border-collapse: collapse;
}

.textEditor th {
  padding: 5px;
  border: 1px solid #e1e1e1;
  color: #fff;
  text-align: center;
  background-color: #51649A;
}

.textEditor td {
  padding: 5px;
  border: 1px solid #e1e1e1;
}

.textEditor hr {
  height: 1px;
  border: none;
  background: #e9e9e9;
}

.textEditor blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-width: 0;
  border-style: solid;
  border-color: #ccc;
}
.textEditor h2 {
	font-size: 40px;
	line-height: 1.5;
  margin: initial;
}

.textEditor h3 {
	font-size: 26px;
	line-height: 1.5;
  margin: initial;
}
.textEditor h4 {
	font-size: 20px;
	line-height: 1.5;
  margin: initial;
}
.textEditor h5 {
	font-size: 18px;
	line-height: 1.5;
  margin: initial;
}


@media (max-width: 1024px) {
  .textEditor {
    font-size: 16px;
  }
  .textEditor p {
    font-size: 16px;
  }  
  .textEditor h2 {
    font-size: 30px;
  }
  .textEditor h3 {
    font-size: 24px;
  }
  .textEditor h4 {
    font-size: 18px;
  }
  .textEditor h5 {
    font-size: 16px;
  }
  .textEditor .h2Title {
    font-size: 30px;
  }
  .textEditor .h3Title {
    font-size: 24px;
  }
  .textEditor .h4Title {
    font-size: 18px;
  }
  .textEditor .h5Title {
    font-size: 16px;
  }
}

@media (max-width: 960px) {
  .textEditor {
    font-size: 15px;
  }
  .textEditor p {
    font-size: 15px;
  }  
  .textEditor h2 {
    font-size: 26px;
  }
  .textEditor h3 {
    font-size: 20px;
  }
  .textEditor h4 {
    font-size: 18px;
  }
  .textEditor h5 {
    font-size: 16px;
  }
  .textEditor .h2Title {
    font-size: 26px;
  }
  .textEditor .h3Title {
    font-size: 20px;
  }
  .textEditor .h4Title {
    font-size: 18px;
  }
  .textEditor .h5Title {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .textEditor {
    font-size: 15px;
  }
  .textEditor p {
    font-size: 15px;
  }
  .textEditor h2 {
    font-size: 26px;
  }
  .textEditor h3 {
    font-size: 20px;
  }
  .textEditor h4 {
    font-size: 16px;
  }
  .textEditor h5 {
    font-size: 15px;
  } 
  .textEditor .h2Title {
    font-size: 26px;
  }
  .textEditor .h3Title {
    font-size: 20px;
  }
  .textEditor .h4Title {
    font-size: 16px;
  }
  .textEditor .h5Title {
    font-size: 15px;
  }
}