@charset "utf-8";
/* CSS Document */



@media screen and (min-width:768px), print{
/*----------------------------------------------------------------------
PC Style
----------------------------------------------------------------------*/

/**********************************************************/
/* メインビュー */
/**********************************************************/

.main_img {
  background: url( "../images/contact/main_img.jpg")no-repeat center / cover;
}

/**********************************************************/
/* メインエリア */
/**********************************************************/

.separator .box_right {
  background: var(--sky);
  z-index: 1;
}

.page_menu_inner {
  height: 300px;
  min-width: 1140px;
  padding: 50px 150px 0;
  background: var(--navy);
  color: #FFF;
}

.contact_menu.separator .box_left {
  background: var(--sky);
  left: 0;
  z-index: 1;
}

.contact .send_to {
  background: var(--vert);
  margin-left: auto;
  display: block;
  width: 300px;
  height: 50px;
  color: #FFF;
  line-height: 50px;
}
.contact .send_to input {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
  background: url("../images/arrow_right.svg") no-repeat right 20px center / 30px;
  text-align: left;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  color: #FFF;
  letter-spacing: 0.1em;
  cursor: pointer;
  padding-left: 20px;
}
.contact .send_to input:hover {
  background: url("../images/arrow_right.svg") no-repeat right 10px center / 30px;
  transition: 0.3s;
}



}


@media screen and (max-width:767px){
/*----------------------------------------------------------------------
SP Style
----------------------------------------------------------------------*/

/**********************************************************/
/* メインビュー */
/**********************************************************/

.main_img {
  background: url( "../images/contact/main_img.jpg")no-repeat center / cover;
}


/**********************************************************/
/* メインエリア */
/**********************************************************/

main {
}

.separator .box_right {
  background: var(--sky);
  z-index: 1;
}

.page_menu_inner {
  padding: 60px 0 60px;
  background: var(--navy);
  color: #FFF;
  margin-bottom: 60px;
}

.contact_menu.separator .box_left {
  background: var(--sky);
  z-index: 1;
}

.submit.send_to {
  width: fit-content;
  margin: 0 auto;
}
.submit.send_to input[type="submit"] {
  text-align: center;
  font-family: "Plus Jakarta Sans",'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  padding: 5px 20px;
}

}