body {
  background-image: url(./image/bg.png);
  /* background-repeat: no-repeat; */
  background-size: 100%;
  font-family: dotgothic16, sans-serif;
  font-weight: 400;
  font-style: normal;

  margin: 0 auto;
}
.btn {
  font-size: 50px;
  padding: 25px 100px;
  position: absolute;
  right: 10%;
  top: 50%;
  background: rgba(255, 255, 255, 0.5);
  letter-spacing: 5px;
  border-radius: 70px;
  color: rgb(7, 102, 146);
  border: solid 3px rgb(7, 102, 146);
  text-decoration: none;
}

.btn:hover {
  transition: 0.3s;
  background-color: rgb(7, 102, 146);
  color: aliceblue;
}
.bg1 {
  background-image: url(./image/start_bg.png);
  margin: 0 auto;
  background-repeat: no-repeat;
}

.bg1 img {
  width: 20%;
  margin: 40px;
  margin-top: 18%;
}
.bg2 {
  /* background-image: url(./image/start_bg.png); */
  background-image: none;
  text-align: center;
  margin: 0 auto;
}
.bg2 img {
  width: 20%;
  margin: 40px;
  margin-top: 18%;
}
.bg3 {
  background-image: none;
  background-color: rgb(40, 57, 110);
  text-align: center;
  margin: 0 auto;
}

.bg_home {
  background-image: url(./image/home.png);
  background-repeat: no-repeat;
}
.second_pg img {
  position: absolute;
  left: 8%;
  top: 15%;
  max-width: 500px;
}
.second_pg img:hover {
  left: 10%;
  transition: 0.3s;
}
.s_text {
  position: absolute;
  left: 15%;
  bottom: 47%;
  font-size: 18px;
}
.i_text {
  font-size: 35px;
  position: absolute;
  bottom: 150px;
  left: 750px;
  background-color: aliceblue;
  padding: 30px 50px;
  border: solid 5px darkblue;
  color: darkblue;
  font-weight: 600;
  transition: 0.5s;
  margin-right: 100px;
}

.h_text {
  font-size: 35px;
  position: absolute;
  bottom: 5px;
  left: 650px;
  background-color: aliceblue;
  padding: 30px 50px;

  color: darkblue;
  font-weight: 600;
  transition: 0.5s;
  margin-right: 100px;
}

.text_btn {
  font-weight: bolder;
  font-size: 25px;
  border: none;
  position: absolute;
  bottom: 180px;
  left: 1175px;
  background-color: rgb(115, 137, 194);
  color: white;
  padding: 5px 10px;
}
.text_btn:hover {
  bottom: 170px;
  transition: 0.3s;
}

.text_btn2 {
  font-weight: bolder;
  font-size: 25px;
  border: none;
  position: absolute;
  bottom: 75px;
  left: 1275px;
  background-color: rgb(115, 137, 194);
  color: white;
  padding: 5px 10px;
}
.text_btn2:hover {
  left: 1290px;
  transition: 0.3s;
}

.next_pg {
  font-size: 80px;
  color: aliceblue;
  position: absolute;
  top: 40%;
  right: 3%;
  text-decoration: none;
}
.next_pg:hover {
  right: 2%;
  transition: 0.3s;
}
.src {
  /* padding: 50px 50px; */
  width: 200px;
  height: 200px;

  background-color: white;
  border-radius: 20px 50px;
}

.src2 {
  /* padding: 50px 50px; */
  width: 200px;
  height: 200px;

  background-color: rgb(138, 181, 219);
  border-radius: 20px 50px;
}
.src3 {
  /* padding: 50px 50px; */
  width: 200px;
  height: 200px;

  background-color: rgb(37, 38, 39);
  border-radius: 20px 50px;
}
.src4 {
  /* padding: 50px 50px; */
  width: 200px;
  height: 200px;

  background-color: rgb(212, 189, 198);
  border-radius: 20px 50px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}
.flex div {
  margin: 0 auto;
  margin-left: 25px;
  margin-top: 10px;
}
.flex input {
  margin-top: 25px;
  margin-bottom: 75px;
}
.secthion {
  margin-top: 100px;
}
.secthion_color {
  margin-top: 220px;
  margin-bottom: 10px;
}
.daimei {
  padding-top: 80px;
}

.back_btnB {
  background-color: rgba(210, 237, 248, 0.8);
  border: solid;
  color: rgb(40, 57, 110);
  font-size: 25px;
  padding: 25px 35px;
  border-radius: 15px 40px;
  text-decoration: none;
}
.back_btnB:hover {
  background-color: rgb(40, 57, 110);
  color: white;
  transition: 0.3s;
}

.back_btnG {
  background-color: rgba(210, 237, 248, 0.8);
  border: solid;
  color: rgb(40, 110, 92);
  font-size: 25px;
  padding: 25px 35px;
  border-radius: 15px 40px;
  text-decoration: none;
}
.back_btnG:hover {
  background-color: rgb(40, 110, 92);
  color: white;
  transition: 0.3s;
}

.back_btnY {
  background-color: rgba(210, 237, 248, 0.8);
  border: solid;
  color: rgb(95, 90, 45);
  font-size: 25px;
  padding: 25px 35px;
  border-radius: 15px 40px;
  text-decoration: none;
}
.back_btnY:hover {
  background-color: rgb(95, 90, 45);
  color: white;
  transition: 0.3s;
}

.secthion label {
  margin-left: 15px;
  margin-right: 15px;
}

select {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 20px;
  text-align: center;
}
label input {
  width: 20pt;
  height: 15pt;
  transition: 0.3s;
}
/* ラジオボタンの色変更、ネット参照 */
.accented {
  accent-color: deeppink;
}
.radiobutton {
  display: none;
}
.radiobox {
  margin-top: 60px;
  margin-bottom: 20px;
}
/* ここから */
.label_r {
  border: solid 2.5px rgb(40, 110, 69);
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.4);
}
.label_r:hover {
  background-color: rgba(255, 255, 255, 1);
}
.radiobutton:checked + label {
  background-color: rgb(40, 110, 69);
  color: white;
}
/* ここまでネット参照 */
h1 {
  background-color: white;
  width: 500px;
  height: 100px;
  margin: 0 auto;
  border: solid 4px;
  /* color: rgb(40, 57, 110); */
}
h2 {
  background-color: white;
  width: 500px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 auto;
  border: solid 4px;
  /* color: rgb(40, 57, 110); */
  margin-bottom: 50px;
  margin-top: -50px;
}
.apareru_bg {
  margin: 0 auto;
  margin-top: 305px;
  padding-bottom: 70px;
}

.bg_start {
  background-color: rgba(255, 255, 255, 0.8);
  max-width: 1250px;
  margin: 0 auto;
}

.apareru_bg img {
  width: 375px;
  margin-top: 40px;
}
img[alt='c_hair'] {
  max-width: 300px;
  max-height: 300px;
  margin: 0 auto;
  margin-bottom: 100px;
}
img[alt='hair'] {
  margin-bottom: 50px;
}
.btn_potition {
  position: relative;
  margin-top: -100px;
  right: -25%;
}
#apareru {
  margin-top: -150px;
}
.photo_sec {
  padding-top: 80px;
  margin-top: -250px;
  margin-bottom: -75px;
}
#kansei {
  margin-top: 400px;
  margin-left: 200px;
  width: 500px;
  border: solid 10px rgb(131, 90, 28);
  border-radius: 50px;
}
.kansei_link {
  color: blueviolet;
}
.kansei_link:hover {
  color: palevioletred;
}
.shopImg :hover {
  opacity: 0.8;
  transition: 0.3s;
}
.downStyle {
  border: solid 3px #205c84;
  color: #205c84;
  font-family: dotgothic16, sans-serif;
  font-weight: 500;
  font-style: normal;
}
img[alt='go'] {
  position: absolute;
  right: 5%;
  margin-top: 70px;
}
.homeImg:hover {
  opacity: 0.8;
  transition: 0.3s;
}