@charset "UTF-8";
/*CSS Reset*/
* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background-repeat: no-repeat;
  box-sizing: border-box; }

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0; }

html {
  font-size: 62.5%;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%; }

body {
  font-size: 2rem;
  line-height: 1.4; }

a,
a:visited {
  text-decoration: none; }

*:before,
*:after {
  text-decoration: inherit;
  vertical-align: inherit;
  background-repeat: no-repeat;
  box-sizing: inherit; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ol,
ul {
  list-style: none; }

img,
video {
  max-width: 100%; }

img {
  border-style: none; }

blockquote,
q {
  quotes: none; }

[hidden] {
  display: none; }

[disabled] {
  cursor: not-allowed; }

a:active,
a:hover {
  outline-width: 0;
  opacity: 0.6; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

small {
  font-size: 1.2; }

input {
  border-radius: 0; }

button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer; }

button,
input,
optgroup,
select,
textarea {
  font: inherit; }

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

/*CSS Reset-end*/

html, body {
  height: 100%;
  font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
  }

.container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch; }

body {
  width: 100%;
  background-color: #FEFEFE;
  color: #222; }

li {
  list-style: none; }

.btn {
  display: inline-block;
  padding: 1rem 5rem;
  text-decoration: none;
  color: #FEFEFE;
  border: solid 2px #F58618;
  border-radius: 1rem;
  margin: 2rem auto;
  background: #F58618;
  font-size: 2rem;
  transition: .4s; }

.btn:hover {
  background: #FEFEFE;
  color: #F58618; }

header {
  position: relative;
  width: 100vw;
  height: 75px;
  background:#646464;
  z-index: 100;}
header a{
  color: #fff;}
header h1 {
  text-align: left; }
.inner {
  height: 100%;
  margin: 0px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;}

nav ul.menu{
  list-style: none;
  display: flex;
}
nav ul li.menu-list{
  margin: 0 20px;
  font-size: 2rem;
}

@media (max-width: 760px){
  header {
    top: 0;}
  .inner {
    margin: 0 15px;}
  .inner h1 img{
    width: 70%;}
  nav {
    position: fixed;
    top: 7vh;
    bottom: 0;
    right: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    background-color: #646464;}
  ul.menu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    flex-direction: column;
    align-items: flex-start;}
  nav ul li.menu-list {
    margin: 7vw 10vw;
    font-size: 2rem;}
}

.btn-trigger {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 34px;
  height: 28px;
  transform: translateY(-50%);
  cursor: pointer;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #383838;
  border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 12px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}
#btn.active span:nth-of-type(1) {
  transform: translateY(12px) rotate(-45deg);
}
#btn.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  animation: active-btn-bar02 .8s forwards;
}
@keyframes active-btn-bar02 {
  100% {
      height: 0;
  }
}
#btn.active span:nth-of-type(3) {
  transform: translateY(-12px) rotate(45deg);
}

@media (min-width: 761px){
  .btn-trigger {
    display: none!important;
  }
}

#contents {
  margin: auto; }
  #contents .UnderlayerTitle {
    text-align: center;
    position: relative; }
    #contents .UnderlayerTitle img {
      width: 100vw;
      height: 300px;
      object-position: 0px -12vw;
      object-fit: cover; }
    #contents .UnderlayerTitle h3 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 5rem;
      color: #FEFEFE; }
      @media only screen and (max-width: 768px) {
        #contents .UnderlayerTitle h3 {
          font-size: 2rem;
          color: #FEFEFE; }
        #contents .UnderlayerTitle img {
          height: 25vw;
        }
      }

#MVarea {
  width: 100%;
  text-align: center;
  position: relative; }
  #MVarea .MV {
    width: 100%; }
    #MVarea .MV img {
      width: 100%; }
  #MVarea .MVtext {
    position: absolute;
    left: 5%;
    top: 15%;
    color: #FEFEFE;
    text-align: left; }
    #MVarea .MVtext .sp {
      display: none;}
    #MVarea .MVtext h2 {
      font-size: 6rem; }
    #MVarea .MVtext .subtitle {
      font-size: 2rem; }
  #MVarea .MV .sp{
    display: none;}
  #MVarea .MV .pc{
    display: block;}

#introduction {
  width: 100%;
  position: relative;
  top: -5px; }

.introduction-area {
  width: 100%;}
  .introduction-area h3 {
    font-size: 5rem;
    color: #F58618;
    text-align: center;
    margin: 2em;}

#service {
  width: 100%;}
  #service .pc{
    display: block;}
  #service .sp{
    display: none;}
  .service-contents-inner01{
    display: flex;
    position: relative;
    width: 50%;
    bottom: 20vw;
    left:10%}
  .service-contents-inner01 img{
    width: 15%;
    margin-right: 1.5em;}
  .service-contents02{
    margin-top: -139px;
    background-color: rgba(100,100,100,0.7);}
  .service-contents-inner02{
    display: flex;
    position: relative;
    width: 50%;
    bottom: 20vw;
    left:50%}
  .service-contents-inner02 img{
    width: 15%;
    margin-right: 1.5em;}
#service h4 {
  font-size: 4rem;
  color: #FFF;
  }

#service p {
  font-size: 2rem;
  color: #FFF;
  }

#product{
  background-color: rgba(100,100,100,0.7);}
#product h3{
  text-align: center;
  padding: 3em;}
#product h3 img{
  width: 20vw;}
.product_inner{
  display: flex;
  justify-content: center;}
.product_inner img{
  width: 20%;
  margin: 1%;}

.btn_area{
  text-align: center;}

#facility {
  background: url(https://edel-i.co.jp/wp-content/themes/edel-i/images/ttlback.png) no-repeat center center;
  background-size:100% auto;
  height: 51.5vw;
  position: relative;}

.facility_inner{
  width: 70%;
  text-align: center;
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);}
.facility_inner_con{
  display: flex;}
.facility_inner_item{
  width: 40%;
  margin: 2%;}
.facility_inner_item h4{
  font-size: 2rem;}
.facility_inner_item p{
  font-size: 1.4rem;
  margin: 1em 0;}

footer {
  width: 100vw;
  margin: auto;
  padding: 1vw;
  color: #FEFEFE;
  text-align: center;
  background: #4B4949; }
  footer img {
    width: 15vw; }
  footer .sns-area {
    display: flex;
    justify-content: center; }
    footer .sns-area .sns-inner {
      margin: 1em;}
      footer .sns-area .sns-inner a{
        color: #fff;}
  footer .copyright {
    line-height: 1rem;
    text-align: right; }
    @media screen and (max-width: 767px) {
      footer .copyright {
        font-size: 1.2rem;}
    }

@media screen and (max-width: 767px) {
  #MVarea .MV .pc{
    display: none;}
  #MVarea .MV .sp{
    display: block;
    width: 100%;}
  #MVarea .MVtext {
    position: static;
    color: #FEFEFE;
    text-align: center;
    background-color: #646464;
    padding: 10vw;}
    #MVarea .MVtext .sp {
      display: inline-block;
      width: 20vw;
      margin-top: 10vw;}
  #MVarea .MVtext h2 {
    font-size: 3rem;}
  #MVarea .MVtext .subtitle {
    font-size: 1.6rem;}
#introduction {
    width: 100%;
    position: relative;
    top: 12vw;
    height: 50vw;}
  .introduction-area {
    width: 85vw;
    position: static;
    margin: 3rem auto;
    text-align: center; }
    .introduction-area h3 {
      font-size: 2rem;
      margin: auto;}
    #service .service-contents {
      width: 100%; }
    #service .other-service {
      display: block;
      margin: auto; }
      #service .other-service .other-service-inner {
        width: 70vw;
        margin: 1rem auto 2.5em; }
        #service .other-service .other-service-inner img {
          height: 35vw; }
    #service .pc{
    display: none;}
    #service .sp{
    display: block;
    width: 100%;}
    .service-contents-inner01 {
      display: inline-block;
      position: static;
      width: 100%;
      text-align: center;
      background-color: rgba(100,100,100,0.7);}
    .service-contents-inner01 img {
      width: 35%;
      margin-right: 0;}
    .service-contents-inner-text01{
      margin: 10vw;}
    #service h4 {
    font-size: 2rem;
    color: #FFF;}
    #service p {
      font-size: 1.6rem;
      color: #FFF;}
    .service-contents02 {
    margin-top: 0px;
    background-color: #FFB45F;}
    .service-contents-inner02 {
      display: inline-block;
      position: static;
      text-align: center;
      width: 100%;}
    .service-contents-inner02 img {
      width: 35%;
      margin-right: 0;}
    .service-contents-inner-text02{
      margin: 10vw;}
    #product h3 img {
      width: 70vw;}
    .product_inner {
      display: block;
      text-align: center;}
    .product_inner img {
      width: 80%;
      margin: 3vw auto;}

#facility {
    background: url(https://edel-i.co.jp/wp-content/themes/edel-i/images/ttlback_SP.png) no-repeat center center;
    background-size: 100% auto;
    height: 340.5vw;
    position: relative;}
.facility_inner {
    top: 50%;}
.facility_inner_con {
  display: inline-block;}
.facility_inner_item {
  width: 100%;
  margin: 10vw 0vw;}
.facility_inner_item h4 {
    font-size: 1.8rem;}
.facility_inner_item p {
    font-size: 1.4rem;
    margin: 1em 0;}
footer {
    padding: 2vw;}
  footer img {
    width: 20vw; }
  footer .sns-area {
    margin: 2vw;}
  footer .sns-area .sns-inner {
    width: 22vw;
    margin: 0%;}
  footer .sns-area .sns-inner a {
    color: #fff;
    font-size: 1.2rem;}
}



/*Company*/
.comwrap{
  width: 80vw;
  margin: 5vw auto;
  text-align: center;
}

.comwrap img {
  width: 70%;
}

.companyinformation {
  width: 60vw;
  margin: auto; }
  .companyinformation th, .companyinformation td {
    border: 1px solid #ccc;
    padding: 20px; }
  .companyinformation th {
    font-weight: bold;
    background-color: #FEFEFE; }

@media screen and (max-width: 767px) {
  .companyinformation {
    display: block; }
    .companyinformation tr, .companyinformation th, .companyinformation td {
      display: block; }
    .companyinformation th {
      width: auto; } }
/*Company*/
/*product*/
.product {
  width: 80%;
  margin: 5vw auto; }
  .productinner{
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
  }
  .product h3 {
    margin: 2vw auto;
    font-size: 3rem;
    }
  .product img {
    width: 50%;
    max-width: 600px;
    margin-right: 5rem;
  }
  .product p {
    margin: 0 auto 10vw;
    font-size: 2rem;}
@media screen and (max-width: 767px) {
  .productinner{
    display: block;
    margin-bottom: 0;
  }
  .product img {
    width: 100%;
  }
  .product h3 {
    font-size: 2rem;}
  .product p {
    font-size: 1.6rem;}
}

/*product*/
/*facility*/
.facility_page {
  width: 100%; }
  .facility_page h3 {
    margin: 1rem auto;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); }
.facility_page_inner{
  width: 80%;
  display: flex;
  margin: 5vw auto;
  justify-content: center;}
.facility_page_inner img {
    width: 40%;
    border: #333 solid 1px;}
.facility_page_inner_con{
  margin-left: 1.5rem;}
.facility_page_inner_con h4{
  font-size: 4rem;}
.facility_page_inner_con p{
  font-size: 2rem;}

@media screen and (max-width: 767px) {
  .facility_page {
    text-align: center; }
  .facility_page_inner{
    width: 70%;
    display: inline-block;
    text-align: center;}
  .facility_page_inner img {
    width: 60vw;
    height: 30vw;}
  .facility_page_inner_con{
    margin: 2vw;}
  .facility_page_inner_con h4{
    font-size: 1.8rem;}
  .facility_page_inner_con p{
    font-size: 1.4rem;}
}

/*facility*/
/*404*/
.notfound {
  padding: 1.5rem;
  text-align: center; }
  .notfound p span {
    font-size: 1.6rem; }
  .notfound a {
    display: inline-block;
    margin-top: 1.5rem; }

/*404end*/
ul li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0; }

/*お問い合わせ*/
  /* template01 */
  .form__wrap {
    width: 80%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15vw;
  }
  .wpcf7 .template01 {
    color: #333;
    font-size: 2rem;
  }
  .wpcf7 .template01 a {
    margin: 0;
    padding: 0;
    text-decoration: underline;
    color: inherit;
    transition: opacity .25s;
  }
  .wpcf7 .template01 a:hover {
    opacity: .5;
    transition: opacity .25s;
  }
  .wpcf7 .template01 div.form__row {
    margin: 0;
    padding: 0;
    margin-top: 2em;
  }
  .wpcf7 .template01 div.form__row.row-privacy {
    margin-top: 3.5em;
    text-align: center;
  }
  .wpcf7 .template01 div.form__row.row-submit {
    margin-top: 3em;
    text-align: center;
  }
  .wpcf7 .template01 p.form__label,
  .wpcf7 .template01 p.form__body {
    margin: 0;
    margin-bottom: .5em;
    padding: 0;
    box-sizing: border-box;
  }
  .wpcf7 .template01 p.form__label label {
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .wpcf7 .template01 p.form__label.is-required label {
    padding-right: 40px; 
  }
  .wpcf7 .template01 p.form__label.is-required label::after {
    content: "必須";
    display: block;
    position: absolute;
    top: -4px;
    right: -15px;
    padding: 0 5px;
    background-color: #F58618;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    box-sizing: border-box;
  }
  /* テキストフィールド */
  .wpcf7 .template01 input[type=text],
  .wpcf7 .template01 input[type=tel],
  .wpcf7 .template01 input[type=email],
  .wpcf7 .template01 input[type=url],
  .wpcf7 .template01 input[type=date],
  .wpcf7 .template01 input[type=number],
  .wpcf7 .template01 textarea {
    width: 100%;
    margin: 0;
    padding: .5em 1em;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    background-color: #fff;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  /* テキストフィールド placeholder */
  .wpcf7 .template01 input[type=text]::placeholder,
  .wpcf7 .template01 input[type=tel]::placeholder,
  .wpcf7 .template01 input[type=email]::placeholder,
  .wpcf7 .template01 input[type=url]::placeholder,
  .wpcf7 .template01 input[type=date]::placeholder,
  .wpcf7 .template01 input[type=number]::placeholder,
  .wpcf7 .template01 textarea::placeholder {
    color: #ccc;
  }
  .wpcf7 .template01 input[type=text]:-ms-input-placeholder,
  .wpcf7 .template01 input[type=tel]:-ms-input-placeholder,
  .wpcf7 .template01 input[type=email]:-ms-input-placeholder,
  .wpcf7 .template01 input[type=url]:-ms-input-placeholder,
  .wpcf7 .template01 input[type=date]:-ms-input-placeholder,
  .wpcf7 .template01 input[type=number]:-ms-input-placeholder,
  .wpcf7 .template01 textarea:-ms-input-placeholder {
    color: #ccc;
  }
  .wpcf7 .template01 input[type=text]::-ms-input-placeholder,
  .wpcf7 .template01 input[type=tel]::-ms-input-placeholder,
  .wpcf7 .template01 input[type=email]::-ms-input-placeholder,
  .wpcf7 .template01 input[type=url]::-ms-input-placeholder,
  .wpcf7 .template01 input[type=date]::-ms-input-placeholder,
  .wpcf7 .template01 input[type=number]::-ms-input-placeholder,
  .wpcf7 .template01 textarea::-ms-input-placeholder {
    color: #ccc;
  }
  /* テキストフィールド フォーカス時 */
  .wpcf7 .template01 input[type=text]:focus,
  .wpcf7 .template01 input[type=tel]:focus,
  .wpcf7 .template01 input[type=email]:focus,
  .wpcf7 .template01 input[type=url]:focus,
  .wpcf7 .template01 input[type=date]:focus,
  .wpcf7 .template01 input[type=number]:focus,
  .wpcf7 .template01 textarea:focus {
    outline: 0;
    border: 1px #080808 solid;
  }
  /* チェックボックス */
  .wpcf7 .template01 input[type=checkbox] {
    display: none;
  }
  .wpcf7 .template01 input[type=checkbox] + span {
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0 1em 0 1.8em;
    font-size: inherit;
    box-sizing: border-box;
    transition: opacity .25s ease;
  }
  .wpcf7 .template01 input[type=checkbox] + span::before {
    content: "";
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.24em;
    height: 1.24em;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    box-sizing: border-box;
    transition: opacity .25s ease;
    z-index: 1;
  }
  .wpcf7 .template01 input[type=checkbox] + span::after {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 0.15em;
    left: 0.44em;
    width: 0.4em;
    height: .8em;
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    box-sizing: border-box;
    transform: rotate(40deg);
    transition: opacity .25s ease;
    z-index: 10;
  }
  .wpcf7 .template01 input[type=checkbox]:checked + span {
    color: #306ad4;
    transition: all .25s ease;
  }
  .wpcf7 .template01 input[type=checkbox]:checked + span::before {
    opacity: 1;
    transition: opacity .25s ease;
  }
  .wpcf7 .template01 input[type=checkbox]:checked + span::after {
    opacity: 1;
    border-bottom: 2px solid #306ad4;
    border-right: 2px solid #306ad4;
    transition: opacity .25s ease;
  }
  /* ラジオボタン */
  .wpcf7 .template01 input[type=radio] {
    display: none;
  }
  .wpcf7 .template01 input[type=radio] + span {
    cursor: pointer;
    position: relative;
    margin: 0; 
    padding: 0 1em 0 1.8em;
    font-size: inherit;
    transition: opacity .25s ease;
  }
  .wpcf7 .template01 input[type=radio] + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    transition: opacity .25s ease;
  }
  .wpcf7 .template01 input[type=radio] + span::after {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    box-sizing: border-box;
    transition: opacity .25s ease;
  }
  .wpcf7 .template01 input[type=radio]:checked + span {
    color: #306ad4;
    transition: opacity .25s ease;
  }
  .wpcf7 .template01 input[type=radio]:checked + span::after {
    opacity: 1;
    top: .2em;
    left: .2em;
    width: .6em;
    height: .6em;
    background-color: #306ad4;
    border-radius: 50%;
    box-sizing: border-box;
    transition: opacity .25s ease;
  }
  /* セレクト */
  .wpcf7 .template01 span.select-wrap {
    position: relative;
    width: 250px;
    margin: 0;
    padding: 0;
  }
  .wpcf7 .template01 select {
    cursor: pointer;
    width: 250px;
    max-width: 100%;
    margin: 0;
    padding: .5em 2.5em .5em 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    background-color: #fff;
    color: inherit;
    font-size: inherit;
    line-height: 1;
    box-sizing: border-box;
    transition: border-color 0.2s ease, outline 0.2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .wpcf7 .template01 select::-ms-expand {
    display: none;
  }
  .wpcf7 .template01 span.select-wrap::after {
    content: "";
    pointer-events: none;
    position: absolute;
    display: block;
    width: .6em;
    height: .6em;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: 50% 0;
    box-sizing: border-box;
  }
  .wpcf7 .template01 select:focus {
    outline: 0;
    border: 1px #080808 solid;
  }
  .wpcf7 .template01 span.select-wrap:focus-within::after {
    border-bottom: 1px solid #080808;
    border-right: 1px solid #080808;
  }
  /* 送信ボタン */
  .wpcf7 .template01 .submit-btn {
    position: relative;
    width: 320px;
    height: 65px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .wpcf7 .template01 input[type="submit"] {
    cursor: pointer;
    width: 320px;
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    box-sizing: border-box;
    transition: opacity .25s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 1rem 5rem;
    text-decoration: none;
    color: #FEFEFE;
    border: solid 2px #F58618;
    border-radius: 1rem;
    margin: 2rem auto;
    background: #F58618;
    font-size: 2rem;
    transition: .4s;
    
  }
  .wpcf7 .template01 input[type="submit"]:disabled {
    cursor: not-allowed;
    box-shadow: none!important;
    border: 1px solid #f8f8f8!important;
    background-color: #f8f8f8!important;
    color: #999!important;
  }
  .wpcf7 .template01 input[type="submit"]:hover {
    background: #FEFEFE;
    color: #F58618;
    transition: opacity .25s, background-color .25s;
  }
  .wpcf7 .template01 input[type="submit"]:focus {
    outline: 1px #eee solid;
    border: 1px #080808 solid;
  }
  .wpcf7 .template01  span.wpcf7-list-item {
    margin: 0 1em .2em 0;
  }
  .wpcf7 .template01 .ajax-loader {
    display: block;
  }
  @media only screen and (max-width: 768px) {
    .wpcf7 .template01 span.wpcf7-list-item {
      display: block;
    }
  }