@charset "UTF-8";

/* contact */
#contact {
background:#fff;}
#contact p {
	line-height: 2;
	padding-bottom: 1.5em;
}
#contact p.ttl {
	margin-top: 30px;
	padding-bottom: 0;
}
#contact p.txt {
	font-size: 0.9375rem;	/* 15px */
	line-height: 2;
}

/* =Responsive
----------------------------------------------- */
/* Special breakpoint for Admin-bar */
@media screen and (min-width: 783px) {
}

/* Special breakpoint for Admin-bar */
@media screen and (max-width: 782px) {
}

/* General breakpoint for PC */
@media print, screen and (min-width: 768px) {
	/* contact */
	#contact {
		padding: 100px 0 67px;
	}

}

/* General breakpoint for Tablet */
@media screen and (max-width: 890px) and (min-width: 768px) {
	#wrapper {
		margin-top: 160px;
	}
	#mainvisual .mv_information {
		bottom: 10px;
	}
	#headmenu ul {
		gap: 0 30px;
	}
	#mainvisual .mv_information .text .title::after {
		margin-left: 10px;
	}

}





/* General breakpoint for SP */
@media screen and (max-width: 767px) {
	/* contact */



}






select,
input,
textarea {
    font-family: inherit;
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 1.0625rem;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-select {
  max-width: 100%;
  display: block;
  position: relative; }

.form-input {
  width: 100%;
  display: inline-block;
  position: relative; }

.half {
  width: 50%; }
  @media screen and (max-width: 960px) {
    .half {
      width: 100%; } }

.one-third {
  width: 30%; }
  @media screen and (max-width: 960px) {
    .one-third {
      width: 100%; } }

.minimal {
  width: 4em; }

.form-select::before,
.form-select::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 8px;
  border: 5px solid transparent; }

.form-select::before {
  border-top: 5px solid #999;
  bottom: 6px; }

.form-select::after {
  border-bottom: 5px solid #999;
  top: 6px; }

.form-wrap {
  padding: 2em;
  margin: 0; }
  .form-wrap .table {
    display: table;
    color: inherit;
    width: 100%;
    table-layout: auto;
    table-layout: fixed; }
    @media screen and (max-width: 960px) {
      .form-wrap .table {
        display: block; } }
    .form-wrap .table .form-group {
      display: table-row; }
      @media screen and (max-width: 960px) {
        .form-wrap .table .form-group {
          display: block; } }
      .form-wrap .table .form-group > div {
        display: table-cell;
        vertical-align: top;
        padding: 2em 1em 0.5em; }
        @media screen and (max-width: 960px) {
          .form-wrap .table .form-group > div {
            padding: 0 0 1em 0;
            display: block; } }
        .form-wrap .table .form-group > div:first-child {
          font-size: 1.1em;
          min-width: 20em;
          max-width: 25em;
          font-weight: 600; }
          .form-wrap .table .form-group > div:first-child p {
            font-weight: 300; }
          @media screen and (max-width: 960px) {
            .form-wrap .table .form-group > div:first-child {
              width: 100%;
              padding-bottom: 0.3em !important; } }
          .form-wrap .table .form-group > div:first-child label {
            display: inline-block;
            vertical-align: top; }
        .form-wrap .table .form-group > div.right {
          text-align: right; }
      .form-wrap .table .form-group span {
        vertical-align: top;
        display: inline-block;
        color: #FFF;
        font-size: 0.8em;
        padding: 0 0.5em;
        margin: 0.2em 0.5em 0.2em 0; }
        .form-wrap .table .form-group span.red {
          background-color: #E00000; }
        .form-wrap .table .form-group span.gray {
          background-color: #555555; }

.form-control {
  font-size: 1em;
  font-weight: 300; }

.form-control::placeholder {
  color: #BBB; }

.form-control {
  display: inline; }

.form-control.half {
  width: 50%; }
  @media screen and (max-width: 960px) {
    .form-control.half {
      width: 100%; } }

/* チェックボックス */
input[type=checkbox] {
  display: none; }

.checkbox {
  cursor: pointer;
  display: inline-block;
  padding: 0 20px 0 32px;
  margin: 5px 0;
  position: relative;
  line-height: 1.8; }

.checkbox::before {
  content: '';
  display: block;
  height: 25px;
  width: 25px;
  left: 0;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.checkbox::after {
  border-right: 3px solid #E60A17;
  border-bottom: 3px solid #E60A17;
  content: '';
  display: block;
  height: 14px;
  width: 8px;
  left: 9px;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: rotate(45deg); }

input[type=checkbox]:checked + .checkbox::after {
  opacity: 1; }

/* ラジオボタン */
input[type=radio] {
  display: none; }

.radio {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: 0 20px 0 30px;
  margin: 5px 0;
  position: relative;
  line-height: 1.8; }

.radio::before {
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 50%;
  content: '';
  display: block;
  height: 23px;
  width: 23px;
  position: absolute;
  left: 0; }

.radio::after {
  background: #E60A17;
  border-radius: 50%;
  content: '';
  display: block;
  height: 13px;
  width: 13px;
  position: absolute;
  left: 5px;
  top: 5px;
  opacity: 0; }

input[type=radio]:checked + .radio::after {
  opacity: 1; }

button.btn {
	display: block;
	text-decoration: none;
	color: white;

	width: 494px;
	font-size: 1.25rem;
	font-weight: 600;
	text-align: center;
	line-height: 56px;

	font-family: inherit;
	border: solid 1px var(--toyo-red);
	border-radius: 27px;
	background: var(--toyo-red);

	padding-bottom: 2px;
	margin: 0 auto;
	margin-top: 80px;

}
  button.btn:hover, button.btn:focus {
	background: white;
    color: var(--toyo-red); }

@media screen and (max-width: 767px) {
	button.btn {
		width: 290px;
		font-size: 1.25rem;
		line-height: 48px;
		margin-top: 50px;
	}
}


.form-wrap {
  margin: 0;
  font-size: 0.9rem;}
  .form-wrap .form-group > div:first-child {
    width: 14em; }
    @media screen and (max-width: 960px) {
      .form-wrap .form-group > div:first-child {
        width: 100%; } }