@charset "utf-8";

:root {
  --font-color: #333333;
  --blue: #3B37FD;
  --back-blue: #F4F4FF;
  --yellow: #FFD667;
  --orange: #FF8000;
  --btn-color: linear-gradient(0deg, #ff8000 0%,  #ff8103 50%, #ffbb76 100%);
}




.robot {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: italic;
  font-variation-settings:"wdth" 100;
}



img {
  max-width: 100%;
  width: auto;
  height: auto;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
  border: none;
  border: 1px solid #9EA0A2;
  padding: 5px;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
}

.wrapper {
  max-width: 1200px;
  width: calc(100% - 80px);
}

.wrapper.narrow {
  max-width: 100rem;
}



.clearfix::after {
  content: "";
  display: block;
  clear: both;
}



a,button {
  cursor: pointer;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}

a {

  transition: all 0.2s ease;
}

section {
  position: relative;
}

strong {
  font-weight: bold;
}

@media screen and (min-width: 801px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  .pc {
    display: none !important;
  }

  


}

@media screen and (min-width: 501px) {
  .minsp {
    display: none;
  }

}


/**common***/
.back_blue {
 background-color: var(--back-blue);   
}
.blue {
  color: var(--blue);
}
.yellow_line {
  background: linear-gradient(180deg, transparent 50%, yellow 50%);
}