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

  共通設定

  目次
  0.リセットCSS

  1.共通
    1.1 基本設定
    1.2 追加設定
    1.2 Class基本設定
    1.3 ボタン基本設定

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


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

  リセットCSS

---------------------------------*/
*,*::before,*::after{
  box-sizing:border-box
}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{
    margin:0
}
ul[role="list"],ol[role="list"]{
    list-style:none
}
html:focus-within{
    scroll-behavior:smooth
}
body{
  min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5
}
a:not([class]){
  text-decoration-skip-ink:auto
}
img,picture{
  max-width:100%;display:block
}
input,button,textarea,select{
  font:inherit
}
address{
  font-style: normal;
}
@media(prefers-reduced-motion:reduce){
  html:focus-within{
    scroll-behavior:auto
}
*,*::before,*::after{
  animation-duration:.01ms !important;
  animation-iteration-count:1 !important;
  transition-duration:.01ms !important;
  scroll-behavior:auto !important
}
}

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

  共通：基本設定

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

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.625vw;
}
@media screen and (min-width: 1601px) {
  html {
  font-size: 62.5%;
}
}
@media screen and (max-width: 1000px) {
  html{
  font-size: 39.0625%;
}
}
@media screen and (max-width: 480px) {
  html{
  font-size: 62.5%;
}
}

body {
  font-size: 1.6rem;
  font-family: "Noto Sans CJK JP", sans-serif;
  background: white;
}

.serif {
  font-family: "Noto Sans CJK JP", sans-serif;
}
h1{
  font-weight: 500;
}
h2{
  font-weight: 500;
}
p {
  font-size: 1.6rem;
  letter-spacing: 0.2em;
}

strong {
  font-size: 1em;
}
a{
  text-decoration: none;
}
input[type="submit"]{
  cursor: pointer;
}
a:hover,input[type="submit"]:hover{
  opacity: .8;
  transition: .3;
}
.under-line{
  border-bottom: 3px solid #e50315;
}
/*

  共通：追加設定

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

html{
  font-family: 'Noto Sans JP', sans-serif;
}
strong{
  color:#e50315;
  background: linear-gradient(transparent 65%, #fff799 30%);
  background: -moz-linear-gradient(transparent 65%, #fff799 30%);
  background: -webkit-linear-gradient(transparent 65%, #fff799 30%);
  background: -webkit-linear-gradient(transparent 65%, #fff799 30%);
  font-weight: 500;
}
.sp-br{
  display: none;
}
th{
  font-weight: 400;
}
/*

  共通：Class基本設定

---------------------------------*/
.flex{
  display: flex;
}
.flex-reverse{
  flex-direction: row-reverse;
}
/*

  共通：ボタン基本設定

---------------------------------*/
.button,
a.button,
button.button {
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.06em;
  color:white;
  border-radius: 100px;
  width: 90%;
  max-width: 1000px;
  margin: 20px auto;
  text-align: center;
  padding: 30px;
  border: none;
  background: #70F570;
  background-image: linear-gradient( 180deg, #70F570 10%, #188e2b 100%);
  background-image: -webkit-linear-gradient( 270deg, #70F570 10%, #188e2b 100%);
  background-image: -moz-linear-gradient( 270deg, #70F570 10%, #188e2b 100%);
}
.button img {
    transition: all 0.2s ease-in-out;
}
.button::after,
a.button::after,
button.button::after {
  content:url(../img/seminar/button-arrow.png);
  display: inline-block;
  text-align: right;
  position: absolute;
  right:20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {

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

}
@media screen and (max-width: 480px) {
  .pc-br{
    display: none;
  }
  .sp-br{
    display: block;
  }
  .button,
  a.button,
  button.button {
    padding: 20px;
    font-size: 24px;
    /*text-align: left;*/
    line-height: 24px;
  }
  .button::after,
  a.button::after,
  button.button::after {
    content:url(../img/seminar/button-arrow-sp.png);
    display: inline-block;
    text-align: right;
    position: absolute;
    right:20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}