@charset "UTF-8";

*,
::after,
::before {
    box-sizing: border-box;
}
html {
	font-size: 62.5%;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    text-align: left;
    background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
    margin: 0;
    padding: 0;
    line-height: 1.8;
}
abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}
address {
    font-style: normal;
    line-height: inherit
}
dl,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
dd {
    margin-left: 0
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
a {
  /* color: #000000; */
  text-decoration: none;
  background-color: transparent;
}
a:hover {
    /* color: #000000; */
    text-decoration: underline;
}
a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
*:focus {
    outline: none;
}
code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}
pre {
    margin-top: 0;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}
figure {
    margin: 0 0 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}
th {
    text-align: inherit;
}
label {
    display: inline-block;
}
button {
    border-radius: 0;
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[role=button] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
summary {
    display: list-item;
    cursor: pointer;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
img,video {
    height: auto;
    width: 100%;
    max-width: 100%;
    line-height: 0;
}
input{
    -webkit-appearance: none;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}



@media screen and (min-width:900px){
a:hover{
  opacity: .5;
}
body{
  color: #000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
body{
  max-width: 900px;
  margin: auto;}
}
.sp{
  display: block;
}
@media screen and (min-width:900px){
  .sp{
    display: none;
  }
}
header > div{
  display: flex;
  justify-content: space-between;
  margin: 0 2vw 0 5vw;
  padding: 20px 0 20px;
  align-items: center;
}
@media screen and (min-width:900px){
  header > div{
    margin: 0 2%;
    padding: 18px 0 18px;
  }
}
header > div h1{
  width: 40vw;
  margin-top:0px;
}
@media screen and (min-width:900px){
  header > div h1{
    width: 16vw;
  }
}
header > div > a{
  width: 45vw;
}
@media screen and (min-width:900px){
  header > div > a{
    width: 18vw;
  }
}

.bottom_fixed{
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  margin: auto;
  padding-top: 12px;
}
@media screen and (min-width:900px){
  .bottom_fixed{
    /* max-width: 1200px; */
  }
}
.bottom_fixed img{
  width: 80vw;
}
@media screen and (min-width:900px){
  .bottom_fixed img{
    width: 480px;
  }
}

.fm-n{
  font-family: "Noto Serif JP", serif;
}
.gradation{
  display: inline-block;
  background: linear-gradient(90deg, #FF89AA 0%, #A6ADEC 50%, #3BBCF9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

main{
  margin: auto;
  text-align: center;
  padding-bottom: 30vw;
}
@media screen and (min-width:900px){
  main{
    padding-bottom: 120px;
  }
}

.btn_big{
  width: 85vw;
}
@media screen and (min-width:900px){
  .btn_big{
    width: 480px;
  }
}
.mv{
  position: relative;
}
.mgcommon{
    margin: 0 5vw;
}
@media screen and (min-width:900px){
  .mgcommon{
    margin: 0 5%;
  }
}
.mgminus{
  margin-top: -14vw;
}
@media screen and (min-width:900px){
  .mgminus{
    margin-top: -125px;
  }
}
/* .sp{
  display: block !important;
}
@media screen and (min-width:900px){
  .sp{
    display: none!important;
  }
} */
.common{
  position: relative;
}
.common a{
  position: absolute;
  bottom: 10vw;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (min-width:900px){
  .common a{
    position: absolute;
    bottom: 120px;
  }
}
.sec1{
  background: #fff;
  padding: 50px 0 50px 0;
}
.sec1 p{
  font-size: clamp(1rem, 0.448rem + 2.76vw, 2rem);
  text-align: left;
  margin-top: 15px;
}
.sec2{
  position: relative;
  margin-top: -13px;
}
@media screen and (min-width:900px){
  .sec2{
    margin-top: 0;
  }
}
.sec3,.sec5{
  margin-top: 5px;
}
.common.bg{
  background: rgba(88, 82, 161, .1);
}
.common.bg2{
  background: rgba(152, 152, 152, .1);
}

.sec7{
  padding: 60px 0 40px;
}
.sec7 .ttl{
  margin-bottom: 30px;
}
.sec7 div img{
  margin-bottom: 30px;
  width: 88vw;
}
@media screen and (min-width:900px){
  .sec7 div{
    display: flex;
    justify-content: space-between;
    margin: 0 2%;
  }
  .sec7 div img{
    width: 31%;
  }
}

.sec8{
  background-color: #fff;
  padding: 70px 0 0;
}
.sec8 > div {
  padding-bottom: 30px;
  margin: 0 5vw 30px;
  border-bottom: 1px solid rgba(92, 92,92, .3);
}
.sec8 > div:last-of-type{
  border-bottom:none;
  margin-bottom: 0;
}
.sec8 > div > div{
  /* display: flex;
  justify-content: flex-start;
  margin-bottom: 10px !important;
  align-items: center; */
  position: relative;
}
.sec8 p.step span{
  background: url("../img/sec8_step.png");
  background-size: 100% 100%;
  width: 20vw;
  color: #fff;
  padding: 5px 0 5px 10px;
  font-size: clamp(1rem, 0.254rem + 3.1vw, 2rem);
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}
@media screen and (min-width:900px){
  .sec8 p.step span{
    padding: 10px 30px 10px 10px;
    display: block;
    width: 110px;
  }
}
.sec8 p.step span:after{
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  height: 100%;
  border: none;
  border-right: .7em solid #fff;/*三角形を設定*/
  border-top: 2em solid transparent;
}
.sec8 p.ttl{
  font-size: clamp(1.125rem, 0.091rem + 5.17vw, 3rem);
  color: #5852A1;
  font-family: "Shippori Mincho", serif;
  width: auto;
  text-align: left;
  margin-left: 2vw;
  padding-left: 20vw;
}
@media screen and (min-width:900px){
  .sec8 p.ttl{
    margin-left: 20px;
    padding-left: 120px;
  }
}
.sec8 .text{
  font-family: "Shippori Mincho", serif;
  font-size: clamp(1.125rem, 0.807rem + 1.59vw, 2rem);
  text-align: left;
  margin-top: 10px;
}
.sec8 .image{
  width: 75vw;
  margin: 20px auto 10px;
}
@media screen and (min-width:900px){
  .sec8 .image{
    width: 90%;
  }
}


.sec9{
  padding: 0 0 60px;
  margin: auto;
  text-align: center;
}
.sec9 iframe{
  margin: 0 5vw 30px;
  width: 90vw;
  height: 50vw;
}
@media screen and (min-width:900px){
  .sec9 iframe{
    margin: 0 10% 30px;
    width: 80%;
    height: 400px;
  }
}
.sec9 .ttl{
  margin-bottom: 30px;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(3rem, 2.586rem + 2.07vw, 3.75rem);
}
.sec9 .box{
  display: flex;
  justify-content: flex-start;
  width: 90vw;
  padding: 25px 0 25px;
  border-bottom: 1px solid rgba(92, 92,92, .3);
  margin: auto;
}
@media screen and (min-width:900px){
  .sec9 .box{
    width: 80%;
  }
}
.sec9 .box:first-of-type{
  border-top: 1px solid rgba(92, 92,92, .3);
}
.sec9 .box p{
  font-size: clamp(0.75rem, -0.147rem + 4.48vw, 2.375rem);
  text-align: left;
  font-family: "Zen Old Mincho", serif;
}
.sec9 .box p:first-of-type{
  margin-right: 10px;
  width: auto;
  min-width: 3em;
}
.sec9 .box p span{
  font-size: clamp(0.688rem, 0.239rem + 2.24vw, 1.5rem);
  font-weight: 300;
  display: block;
  margin-top: 5px;
  font-family: "Zen Old Mincho", serif;
}







.sec10{
  padding: 20px 0;
  background: rgba(152, 152, 152, .1);
}
.sec10 .ttl{
  margin-bottom: 30px;
}
.sec10 dl{
  width: 100%;
  border-top: 1px solid #E3D4DF;
  text-align: left;
  padding: 30px 0;
}
@media screen and (min-width:900px){
  .sec10 dl{
    width: 100%;
  }
}
.sec10 dl:first-of-type{
  border-bottom: 1px solid rgba(92, 92,92, .3);
}
.sec10 dl dt,.sec10 dd{
  width: 90vw;
  margin: auto;
  position: relative;
}
@media screen and (min-width:900px){
  .sec10 dl dt,.sec10 dd{
    width: 80%;
  }
}
.sec10 dl dt{
  color:#5852A1;
  margin-bottom: 15px;
  font-size: clamp(1.5rem, 0.818rem + 2.91vw, 3rem);
  padding-left: 7.8vw;
  padding-right: 3vw;
  margin-bottom: 25px;
}
@media screen and (min-width:900px){
  .sec10 dl dt{
    padding-left: 5%;
    padding-right: 2%;
    margin-bottom: 30px;
  }
}
.sec10 dl dt:before{
  content: "Q.";
  font-family: "Zen Old Mincho", serif;
  color:#5852A1;
  font-size: clamp(1.75rem, 0.955rem + 3.39vw, 3.5rem);
  margin-right: 5px;
  position: absolute;
  top: -4px;
  left: 0;
  display: block;
}
@media screen and (min-width:900px){
  .sec10 dl dt:before{
    top: -2px;
    left: 2px;
  }
}
.sec10 dl dd{
  font-size: clamp(1.25rem, 0.795rem + 1.94vw, 2.25rem);
  color: #444444;
  line-height: 1.8;
  padding-left: 7.8vw;
  padding-right: 3vw;
}
@media screen and (min-width:900px){
  .sec10 dl dd{
    padding-left: 5%;
    padding-right: 2%;
  }
}
.sec10 dl dd:before{
  content: "A.";
  font-family: "Zen Old Mincho", serif;
  color:rgba(88,82,161,.5);
  font-size: clamp(1.75rem, 0.955rem + 3.39vw, 3.5rem);
  margin-right: 5px;
  position: absolute;
  top: -8px;
  left: 0;
  display: block;
}
@media screen and (min-width:900px){
  .sec10 dl dd:before{
    top: -12px;
    left: 2px;
  }
}

.sec11{
  padding: 70px 0 0;
  background: #fff;
}
.sec11 .ttl{
  color: #4C4C60;
  margin-bottom: 40px;
}
.sec11 .text{
  color: #4C4C60;
}
.sec11 > div{
  background: #F7F8FA;
  padding-bottom: 30px;
}
.sec11 .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 5vw;
}
@media screen and (min-width:900px){
  .sec11 .flex{
    padding-left: 10%;
  }
}
.sec11 .flex .name{
  font-size: clamp(0.875rem, 0.477rem + 1.7vw, 1.75rem);
  width: 40%;
  text-align: left;
}
.sec11 .flex .name span{
  font-size: clamp(2.25rem, 1.682rem + 2.42vw, 3.5rem);
  display: block;
}
.sec11 .flex img{
  width: 60%;
}

.sec11 .message{
  color: #43B7EE;
  font-size: clamp(2.25rem, 1.682rem + 2.42vw, 3.5rem);
  text-align: left;
  width: 90vw;
  margin: 25px auto 35px;
}
@media screen and (min-width:900px){
  .sec11 .message{
    width: 55%;
    margin: 30px auto 35px;
  }
}
.sec11 .message span{
  display: block;
  text-align: right;
}
.sec11 .text{
  color: #4C4C60;
  font-size: clamp(1.25rem, 0.795rem + 1.94vw, 2.25rem);
  text-align: left;
  width: 90vw;
  margin: 20px auto 35px;
}
@media screen and (min-width:900px){
  .sec11 .text{
    width: 80%;
  }
}
footer{
  padding: 30px 0 0px;
}
footer small{
  font-size: 1.2rem;
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
@-webkit-keyframes rubberBand {
  0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }

  30% {
      -webkit-transform: scale3d(1.06,.94,1);
      transform: scale3d(1.06,.94,1)
  }

  40% {
      -webkit-transform: scale3d(.94,1.06,1);
      transform: scale3d(.94,1.06,1)
  }

  50% {
      -webkit-transform: scale3d(1.04,.96,1);
      transform: scale3d(1.04,.96,1)
  }

  65% {
      -webkit-transform: scale3d(.96,1.04,1);
      transform: scale3d(.96,1.04,1)
  }

  75% {
      -webkit-transform: scale3d(1.02,.98,1);
      transform: scale3d(1.02,.98,1)
  }

  to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
}

.contact *{
  font-family: "Noto Serif JP", serif;
}
.contact h2{
  background: #5852A1;
  width: 100%;
  text-align: center;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-weight: 300;
  font-size: 2.6rem;
}
.contact > div{
  width: 90vw;
  margin: 20px auto;
  text-align: left;
}
@media screen and (min-width:900px){
  .contact > div{
    width: 90%;
  }
}
.contact > div h3{
  font-size: 2.2rem;
  padding-bottom: 5px 20px;
  border-bottom: 2px solid #231815;
  color: #231815;
}
.contact > div .step{
  background: #5852A1;
  padding: 5px;
  color: #fff;
  font-size: 1.6rem;
  display: inline-block;
  margin-top: 20px;
  width: 5em;
  text-align: center;
}
.contact > div .text{
  font-size: 1.6rem;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.contact > div .attention{
  font-size: 1.4rem;
}
.contact > div .arrow{
  width: 20%;
  margin: -1px auto 0;
  display: block;
}
.contact > div .comp{
  background: #5852A1;
  padding: 5px;
  color: #fff;
  font-size: 2rem;
  display: inline-block;
  margin: 10px auto;
  width: 100%;
  text-align: center;
}



.form_area{
	background: #fff;
}
.form_area > div{
	margin: auto;
	text-align: center;
	padding-bottom: 50px;
	margin: 0 auto;
}
@media screen and (min-width:900px){
  .form_area{
    width: 100%;
    margin: auto;
  }
  .form_area > div{
    width: 50%;
  }
}
.form_area h4{
	margin-bottom: 50px;
  font-size: clamp(2.2rem, .8rem + 3vw, 3rem);
  font-weight: 300;
}
.form_area dl{
	width: 90vw;
	margin: 0 auto 30px;
	text-align: left;
  font-size: 1.6rem;
}
@media screen and (min-width:900px){
	.form_area dl{
		width: 80%;

	}
}

.form_area dl label{
  width: 100%;
}
.form_area dt{
  font-family: "Noto Serif JP", serif;
	font-size: 1.8rem;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (min-width:900px){
	.form_area dt{
		
	}
}
.form_area dt span.required{
  font-family: "Noto Serif JP", serif;
  background: #F04444;
  color: #fff;
  margin-left: 10px;
  font-size: 1.1rem;
  padding: 3px 5px;
  display: inline-block;
  margin-top: 2px;
}
.form_area dt span.any{
  background: #444444;
  color: #fff;
  margin-left: 10px;
  font-size: 1.1rem;
  padding: 3px 5px;
  display: inline-block;
  margin-top: 2px;
}
.form_area dd{
  margin-top: -20px;
}
@media screen and (min-width:900px){
  .form_area dd{
    /* margin-top: 0; */
  }
}
.form_area dd input,.form_area select,.form_area textarea{
	width: 100%;
  border: 1px solid #ccc;
  padding: 10px 5px !important;
  height: 50px;
  border-radius: 5px;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", serif;
  background: #F0F0F0;
  display: block;
}
.form_area select{
  margin-top: 30px;
  /* width: 85%; */
  margin-right: 5px;
}
.form_area select{
  position: relative;
}
.form_area select:after{
  position: absolute;
  top: 0;
  right: -20px;
  content: "時";
  font-size: 1.6rem;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"]{
  appearance: none; /* ブラウザのデフォルトスタイルを無効化 */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  /* その他のスタイル指定 */
  padding: 10px 5px !important;
  height: 50px !important;
  display: block;
  color: #4C4C60;
}
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  /* display: inline; */
}
input[type=radio] {
  display: none !important;
}
input[type=radio]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.btn_radio {
margin-top:0 !important;
}
.btn_radio dd{
border:none !important;
font-size: 1.6rem;
margin-top: -20px;
}
.btn_radio .wpcf7-radio{
display:flex;
margin-top:20px;
}
.btn_radio span.wpcf7-list-item-label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: 100%;
}
.btn_radio span.wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #231815;
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 45%;
  width: 20px;
}
.btn_radio span.wpcf7-list-item-label::after {
  background: #333;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  left: 10px;
  margin-top: -3px;
  opacity: 0;
  position: absolute;
  top: 45%;
  width: 10px;
}

.form_area textarea{
  margin-top: 0;
  height: 100px !important;
}
.form_area .textarea dd{
	height: 200px;
}
.form_area dd textarea{
	height: 200px;
	display: block;
}
::placeholder {
	color: #4C4C60;
  font-family: "Noto Serif JP", serif;
}
.form_area button{
	background: #2C2C2C;
	border-radius: 32px;
	height: 60px;
	line-height: 55px;
	width: 80vw;
	color: #fff;
	font-size: 2rem;
	margin: 50px auto 0;
	border: none;
  background: linear-gradient(270deg, rgba(252,72,123,1) 0%, rgba(195,125,219,1) 45%, rgba(38,161,219,1) 100%);
}
@media screen and (min-width:900px){
	.form_area button{
		width: 22rem;
		margin: 30px auto 0;
	}
}
@media screen and (min-width:900px){
	button:hover{
		background: #EA5E8A;
	}
}
.form_area select{
  display: inline !important;
}
.select_area{
  /* margin-bottom: -30px; */
}
.select_area .wpcf7-form-control{
  width: 100% !important;
}
.select_area > span{
  display: inline-block;
  margin-right: 5px;
  margin-top: 10px;
  width: 85%;
}

.select_area span.text{
  width: auto;
  vertical-align: 0em;
  font-size: 1.6rem;
  margin-left: 3px;
}
.select_area span.text2{
  width: auto;
  font-size: 1.6rem;
  margin-left: 3px;
}
.select_area span select{
  padding: 15px 0 15px 1em;
  display: block;
  margin: 0;
  font-size: 1.6rem;
}
.select_area select,.select_area input{
  -webkit-appearance: none;
  appearance: none;
  color: #4C4C60 !important;
  background: #fff !important;
}

.select_area p span option{
  background: #fff;
}
.form_area .wpcf7-submit{
	width: 90vw;
	background: none;
	color: #fff;
  background: #5852A1;
  margin: 10px auto 30px;
  display: block;
  height: 50px;
  line-height: 50px;
}	
@media screen and (min-width:900px){
  .form_area .wpcf7-submit{
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
}
.screen-reader-response{
  color:#F04444; 
}
.screen-reader-response ul{
  display: none;
}

.wpcf7-response-output{
  display: none;
}
.wpcf7-not-valid-tip{
  color: #F04444;
  font-size: 1.4rem;
  display: block !important;
  margin-bottom: 20px;
  position: absolute;
}