@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap');

/*additional reset
---------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}




body.safari #content, body.safari #footer {/*サファリでリンク先から戻った時文字が拡大する対応*/
    -webkit-text-size-adjust: 100%;
}



body {
    
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
}

/** link **/
a:link {
    color: #005bac;
}

a:visited {
    color: #005bac;
}

a:hover,
a:active,
a:link {
	text-decoration: none;
}



/*初期設定
----------------------------------------------------*/
#wrapper{
    width: 100%;
}
.container ,.container2 {
    max-width: 950px;
    width: 100%;
    padding: 0 0 0 0;
    overflow: visible;
    margin: auto;
    position: relative;
    display: block;
}
.content{
    display: block;
    margin: 0 auto;
    width: 100%;
}
    .pc{
        display: block;
    }
    .sp{
        display: none;
    }

@media screen and (max-width: 1024px) {
.container, .container2 {
    width: 85%;
}
}

@media screen and (max-width:640px) {
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
.container {
    width: 90%;
    padding: 0 0 0 0;
}
.container2 {
    width: 100%;
    padding: 0 0 0 0;
}


}

@media screen and (min-width: 768px){
    .br-sp {display: none; }
    }


/*layout
----------------------------------------------------*/

img{
    width: 100%;
    padding: 0;
    vertical-align:top;
}
.taC {
    text-align: center;
}
.taR {
    text-align: right;
}
.mt0{
    margin-top: 0;
}
.mb0{
    margin-bottom: 0;
}
.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mt20{
    margin-top: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mt30{
    margin-top: 30px;
}
.mb40{
    margin-bottom: 40px;
}
.mt40{
    margin-top: 40px;
}
.red{
    color: #ec0121;
    font-weight:bold;
}
.blue{
    color: #005bac;
    font-weight:bold;
    font-size: min(2.5vw,46px);
}
.blue_s{
    color: #005bac;
    font-weight:bold;
    font-size: min(2.5vw,46px);
}
.l-blue {
    color:#1678e5;
    font-weight:bold;
}
.yellow {
    color: #ffff00;
    font-weight:bold;
}
.white {
    color: #fff;
    font-weight:bold;
}
.orange {
    color: #ff9200;
}
.gray{
    color: rgb(110, 110, 110);
}
.marker{
    background-color: #fff43d;
    padding: 2px 5px;
    margin: 0 5px;
}
.marker_black {
    color: #fff;
    background-color: black;
    padding: 2px 5px;
    margin: 0 5px;
}


.shadow_b {
filter: drop-shadow(3px 3px 15px rgba(160, 195, 234, 0.7));
}

.shadow_db {
    filter: drop-shadow(3px 3px 15px rgba(131, 181, 236, 1));
}

.shadow_g {
filter: drop-shadow(3px 3px 15px rgba(197, 203, 209, 0.5));
}

.note {
    font-size: 0.7rem!important;
    line-height: 1.3;
    margin: 10px 0 20px;
}
.rela {
    position: relative;
}

.pa {
    padding: 0 5%;
}
.fsSS {
    font-size: 40px;
}
.fsSM {
    font-size: clamp(16px, 2.3vw, 22px);
    letter-spacing: 1.5px;
    margin: 6% 0 5%;
    line-height: 1.8;
}

.fsM {
    font-size: min(2.3vw,23px);
    letter-spacing: 0.5px;
    margin: 5% 0 4%;
    line-height: 1.8;
}

.fsL {
    font-size: min(2.3vw,28px);
    letter-spacing: 1.5px;
    margin: 5% 0;
    line-height: 1.8;
}

.fwB {
    font-weight: bold;
}

p {
    margin-bottom: 0px;
}

.under {
    background: linear-gradient(transparent  70%, #fff43d 50%);
  }


@media screen and (max-width: 760px) {
.fsSS {
    font-size: 2rem;
}
.fsM {
    font-size: 1.05rem;
    margin: 8% 0;
    letter-spacing: 0;
}
.fsSM {
    font-size: 1rem;
    letter-spacing: 0;
    margin: 6% 0 5%;
    line-height: 1.7;
    margin-bottom: 40px;
}
.pa_sp {
    padding: 0 3%;
}
.note {
    font-size: 0.6rem!important;
}
.blue{
    font-size: 28px;
}

.blue_s{
    color: #005bac;
    font-weight:bold;
    font-size: 20px;
}
}


/*header*/
header {
    height: 80px;
    background-color: #fff;
    filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.15));
    z-index: 999;
    transition: all .5s;
    width: 100%;
/*    position: relative;*/
    position: fixed;
}

.h_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.h_btn {
    background: #fe9f1f;
    background: -webkit-linear-gradient(150deg,  #fe9f1f, #fc5604);
    background: linear-gradient(150deg,  #fe9f1f, #fc5604);
    border-radius: 5px;
}

.h_btn a {
    color: #fff;
    padding: 8px 40px;
    border-radius: 5px;
    display: block;
    text-decoration: none;
   
}

@media screen and (max-width: 1024px) {
.h_inner {
    width: 95%;
}
}

@media screen and (max-width: 760px) {
header {
    height: 55px;
    padding: 0 20px;
}
.h_inner {
    width: 95%;
}
h1 {
    width: 42%;
}
.h_btn {
    min-width: 180px;
}
.h_btn a {
    padding: 4px 10px;
    font-size: 0.9rem;
    text-align: center;
}
}



/*fv*/
.main {
   background-image: url(../img/mv_pc02.jpg);
   background-size:  cover;
   padding-top: 80px;
}
.mv_pc {
    max-width: 1125px;
    margin: auto;
    padding: 0 0 2%;
}

@media screen and (max-width: 1024px) {
.mv_pc {
    max-width: 85%;
}
}

/*ロゴ*/
.logo_slide_box {
    margin: 3.5% 0;
}

.inner {
    margin: 0 25px;
}

.slick-slide img {
    width: auto;
    height: 50px;
    object-fit: contain;
}


@media screen and (max-width: 760px) {
.logo_slide_box {
    margin: 7% 0;
}

.slick-slide img {
    height: 40px;
}
.inner {
    margin: 0 15px;
}
}

/*btn*/
.btn ,.btn2 {
    width: 580px;
    margin: 0 auto;
}
.btn a {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    margin: auto;
    padding: 2rem;
    font-weight: bold;
    background: -webkit-linear-gradient(150deg, #fe9f1f, #fc5604);
    background: linear-gradient(150deg, #fe9f1f, #fc5604);
    border-radius: 100vh;
    color: #fff;
    transition: 0.5s;
    font-size: min(2.3vw,22px);
}
.btn a:hover {
    color: #fff;
    background-image: linear-gradient(to left, #fc2004 0%, #fd750c 100%);
}


.btn2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  padding: 2rem;
  font-weight: bold;
  color: #fffefe;
  font-size: clamp(14px, 2.3vw, 28px);
  border-radius: 100vh;
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 0px 5px #126ce1;
  transition: 0.3s;
  background-image: linear-gradient(329deg, rgba(18, 108, 225, 1), rgba(0, 138, 255, 1));
}

.btn2 a:hover {
    color: #fff;
    background-image: linear-gradient(to left, #035ed5 0%, #0579db 100%);
}



.cta_bg {
    background-image: url(../img/cta_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 5%;
}

.cta_bg2 {
    background-image: url(../img/cta2_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 5%;
}

@media screen and (max-width: 760px) {
.btn ,.btn2 {
    width: 88%;
    margin: 10% auto;
}
.btn a {
    padding: 4%;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.5;
}
.btn2 a {
    padding: 6%;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.5;
    border: 1px solid #ffffff
}
.cta_bg {
    background-image: url(../img/cta_bg_sp.jpg);
    padding: 1px;
}
.cta_bg2 {
    background-image: url(../img/cta2_bg_sp.jpg);
    padding: 1px;
}
}

/*お悩み*/
.trouble_pc {
    background-image: url(../img/img01-1_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.trouble_pc_box {
    width: 740px;
    display: block;
    margin: 5% auto 0;
    padding: 7% 0;
    z-index: 2;
    position: relative;
}
.abs_troubule {
    position: absolute;
    width: 20%;
    top: 1%;
    z-index: 1;
    right: 10%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 1024px) {
.trouble_pc_box {
    width: 80%;
}
}
@media screen and (max-width: 760px) {
section.trouble {
    margin-top: 14%;
}
.abs_troubule {
    position: absolute;
    width: 82%;
    top: 0;
    left: 50%;
    right: 0;
    margin: auto;
}
}


/*そのお悩み一括で解決します！*/
section.resolution {
    background-image: url(../img/img03-2_pc.png);
    background-size: cover;
    background-position: bottom;
    position: relative;
    background-repeat: no-repeat;
    padding: 3% 0 11%;
    /* height: 1450px; */
}

.abs_resolution {
    position: absolute;
    width: 47%;
    top: 10px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.bg_g {
    background-color: #f5f6f6;
    padding: 2% 0 6%;
}

@media screen and (max-width: 760px) {
section.resolution {
    background-image: none;
    padding: 0;
    height: inherit;
}
.abs_resolution {
    position: absolute;
}
}

/*実績があります*/
section.results {
    background-color: #e4effa;
    padding: 8% 0 4%;
}
h2 {
    text-align: center;
    font-size: min(2.5vw,46px);
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.5;
}
.flex_results {
    display: flex;
    flex-direction: column;
    padding: 6% 0 0;
}
.result_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5%;
}
.result_box_t ,.result_box_p {
    width: 48%;
}
.result_box_t img {
    width: 21%;
}
.result_box_ttl {
    font-size: min(3vw,40px);
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.result_box_text {
    font-size: min(2.3vw,20px);
    line-height: 1.5;
    margin-bottom: 10px;
}
.number_big{
    font-size: 3.4rem
}
.marker_orange {
    color: #fff43d;
    background-color: #ff9200;
    padding: 0 5px;
    margin: 0 5px;
    font-size: 44px;
    font-weight: 500;
}
.flex_r {
flex-direction: row-reverse;
}
.va_s {
vertical-align: super;
font-size: 0.7rem;
}




@media screen and (max-width: 760px) {
section.results {
    background-color: #e4effa;
    padding: 15% 0 10%;
}
h2 {
    font-size: 1.45rem;
    margin-bottom: 3%;
    letter-spacing: 0;
}
.result_box {
    display: block;
    margin-bottom: 12%;
}
.result_box_t, .result_box_p {
    width: 100%;
}

.result_box_t img {
    width: 76px;
    margin-top: 6px;
}

.result_box_t_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.result_box_ttl {
    font-size: 1.2rem;
    letter-spacing: 0.4px;
    white-space: nowrap;
    margin-bottom: 0px;
}
.result_box_text {
    font-size: 1rem;
    line-height: 1.7;
}
.result_box_t_flex p:first-child {
    width: 18%;
}
.result_box_t_flex p:last-child {
    width: 78%;
}
.marker_orange {
    font-size: 2rem;
}
.number_big{
font-size: 34px;
}
.result_box_t_flex{
   margin-bottom: 16px;
   display: block;
}


}


/*割引特典*/
section.special {
    padding: 7% 0 5%;
    background-image: url(../img/special_bg.png);
    background-repeat: no-repeat;
    background-position: -27% -22%;
    background-color: #faf8e3;
}

.special_box{
    padding: 2% 0 4%;
}



/*スマホアプリ*/
section.app {
    padding: 4% 0 5%;
}
.flex_app {
    display: flex;
    justify-content: space-between;
}
.flex_app picture {
    width: calc(33.33% - 20px);
}
@media screen and (max-width: 760px) {
section.app {
    margin: 3% 0;
}
.flex_app {
    display: block;
}
.flex_app img {
    width: 75%;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}
}

/*選ばれる理由*/
section.reason {
    padding: 7% 0;
}

.reason_wrapper {
background: rgb(99,163,255);
background: linear-gradient(180deg, rgba(99,163,255,1) 0%, rgba(182,220,255,1) 50%, rgba(114,190,255,1) 100%);
    padding-top: 7%;
}

.reason_inner {
    padding: 1% 5% 3%;
}

.reason_box {
    background-color: #fff;
    border-radius: 10px;
    padding: 7% 8% 3%;
    position: relative;
    margin-bottom: 4%;
}

.reason_box:last-child {
        height: 620px;
}
.abs_reason_n {
    position: absolute;
    width: 10%;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}

h3 {
    color: #1678e5;
    text-align: center;
    font-weight: bold;
    font-size: min(2.3vw,29px);
    margin: 10px 0;
}

.area {
    position: absolute;
    bottom: 0;
    width: 57%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}


/*タブ切り替え*/
/*タブ切り替え全体のスタイル*/
.tabs {
    margin-top: 30px;
    background-color: #e4effa;
/*    margin: 0 auto;*/
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #1678e5;
  background-color: #b5b5b5;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  color: #fff;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 30px 30px 20px;
    clear: both;
    overflow: hidden;
    height: 350px;
    margin-bottom: 20px;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #1678e5;
  color: #fff;
}

h4 {
    color: #1678e5;
    text-align: center;
    font-weight: bold;
    font-size: min(2.3vw,22px);
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.flex_tab {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex_tab p {
    margin-bottom: 10px;
}

.tab_p {
    width: 45%;
}

.tab_t {
    width: 52%;
}

p.good {
    text-align: center;
    background-color: #ff9200;
    border-radius: 100vh;
    color: #fff;
    font-weight: bold;
}

p.bad {
    text-align: center;
    background-color: #b5b5b5;
    border-radius: 100vh;
    color: #fff;
    font-weight: bold;
}

.tab_text {
    background-color: #fffbc0;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
}

.tab_text span {
    background-color:#ff9200;
    color: #fff;
}

@media screen and (max-width: 760px) {
section.reason {
    padding: 0;
}
.abs_reason_n {
    width: 17%;
}
.reason_box {
    padding: 7% 6% 3%;
    margin-bottom: 7%;
}
.reason_wrapper {
    padding-top: 14%;
    padding-bottom: 6%;
}
h3 {
    font-size: 1.3rem;
    margin: 10% 0 5%;
}
.o_sc img {
    width: 420px;
}
.o_sc {
    overflow-x: scroll;
    white-space: nowrap;
}
.tab_item {
    height: 60px;
    font-size: .75rem;
    line-height: 1.4;
    display: grid;
    place-items: center;
}
h4 {
    font-size: 1.05rem;
    letter-spacing: 0.5px;
}
.flex_tab {
    flex-direction: column-reverse;
}
.tab_p {
    width: 93%;
    display: block;
    margin: auto;
}
.tab_t {
    width: 100%;
}
p.good, p.bad ,.flex_tab p{
font-size: 0.78rem;
}
.tab_content {
    padding: 10% 6% 8%;
    height: 130vw;
    margin-bottom: 20px;
}
.tab_text {
    font-size: 0.9rem;
    text-align: left;
    margin-top: 30px;
}
.area {
    width: 93%;
}
.reason_box:last-child {
    height: 600px;
}
}


/*導入企業の声*/
section.voice {
    background-color: #f5f6f6;
    padding: 7% 0 6%;
}

.voice_inner {
    background-color: #fff;
    padding: 6% 5% 1%;
}

.q_ttl {
    background: rgb(73,146,251);
    background: linear-gradient(61deg, rgba(73,146,251,1) 0%, rgba(114,190,255,1) 100%);
    padding: 15px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.q_ttl img {
    width: 65%;
}

h5 {
    color: #fff;
    font-size: min(2.3vw,22px);
    font-weight:bold;
    letter-spacing: 2px;
    line-height: 1.5;
}
.q_box {
    margin-bottom: 5%;
}
.flex_voice {
    display: flex;
    justify-content: space-between;
}
.voice_t {
    width: 70%;
}
.voice_p {
    width: 28%;
}


@media screen and (max-width: 760px) {
section.voice {
    padding: 14% 0 0;
}
.voice_inner {
    padding: 12% 5% 8%;
}
h5 {
    font-size: 1.1rem;
    letter-spacing: 1px;
    width: 80%;
}
.q_ttl {
    height: 70px;
    padding: 15px;
}
.q_n {
width: 20%;
}
.flex_voice {
    display: block;
    justify-content: space-between;
}
.voice_t {
    width: 100%;
}
.voice_p {
    width: 75%;
    display: block;
    margin: 0 auto 20px;
}
.q_box {
    margin-bottom: 15%;
}
}



/*メリット*/
section.merit {
    background-image: url(../img/img24_l.png),url(../img/img24_r.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top, right bottom;
    background-color:#e4effa;
    padding: 6% 0;
}
@media screen and (max-width: 760px) {
    section.merit {
        padding: 15% 0;
        background-position: left -9%, right bottom;
        background-size: 67%;
    }
}



/*料金について*/
section.price {
    padding: 5% 0 6%;
}
.note2 {
    color: #1678e5;
    text-align: center;
    background-color: #fffbc0;
    font-size:min(2.3vw,18px);
    padding: 1%;
    margin: 2% 0;
    line-height: 1.8;
}

@media screen and (max-width: 760px) {
section.price {
    padding: 15% 0;
}
.note2 {
    font-size: 0.9rem;
    line-height: 1.5;
}
}



/*導入までの流れ*/
section.step {
    background-color:#f5f6f6;
    padding: 5% 0;
}
@media screen and (max-width: 760px) {
section.step {
    padding: 15% 0;
}
}


/*お任せください！*/
section.omakase {
    padding: 5% 0;
    background-image: url(../img/img27_pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.flex_omakase {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex_omakase img {
    width: 95%;
    display: block;
    margin: auto;
}
.omakase_box {
    width: 48%;
    font-size: min(2.3vw,20px);
    font-weight:bold;
    background-color:#fffbc0;
    padding: 2% 4% 2%;
    border-radius: 10px;
}

@media screen and (max-width: 760px) {
section.omakase {
    padding: 15% 0;
    background-image: url(../img/img27_sp.jpg);
}
.flex_omakase {
    display: block;
}
.omakase_box {
    width: 100%;
    font-size: 0.95rem;
    padding: 6% 7% 6%;
    margin-bottom: 40px;
}
.flex_omakase img {
    width: 90%;
}
.palt {
    font-feature-settings: "palt";
}
}


/*フッター*/
footer {
    background-color: #fff;
    width: 100%;
}

.f_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 3% 10%;
    font-size: 13px;
}
.footer_l {
    width: 20%;
}

.footer_r {
    width: 40%;
}

.footer_r_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 760px) {
.f_inner {
    display: block;
    margin: 13% 6% 7%;
}
.footer_l {
    width: 65%;
    display: block;
    margin: 0 auto 50px;
    text-align: center;
}
.footer_r {
    width: 100%;
}
}


/*問い合わせ*/
.contact {
    background-color: #005bac;
}
.contact_wrapper {
    width: 900px;
    margin: 0 auto;
    padding: 8% 0;
}
p.contact_ttl {
    color: #fff;
    text-align: center;
    font-size: min(2.3vw,28px);
    margin-bottom: 5%;
    font-weight: bold;
}
#webform-content {
    padding: 5%;
    background-color: #fff;
}
.satori__custom_form_85c301a82abcd58a_css .satori__input_group input[type='text'], .satori__custom_form_85c301a82abcd58a_css .satori__input_group input[type='tel'], .satori__custom_form_85c301a82abcd58a_css .satori__input_group input[type='password'], .satori__custom_form_85c301a82abcd58a_css .satori__input_group input[type='email'], .satori__custom_form_85c301a82abcd58a_css .satori__input_group input[type='number'], .satori__custom_form_85c301a82abcd58a_css .satori__input_group input[type='url'], .satori__custom_form_85c301a82abcd58a_css .satori__input_group textarea {
    background-color: #fffde0!important;
    border-color: rgba(0,0,0,0.3);
    color: #333;
}
.satori__custom_form_85c301a82abcd58a_css .satori__require {
    background: #f2859d;
    color: #fff!important;
}
@media screen and (max-width: 1024px) {
.contact_wrapper {
    width: 90%;
}
}
@media screen and (max-width: 760px) {
.contact_wrapper {
    width: 93%;
    margin: 0 auto;
    padding: 11% 0 4%;
}
p.contact_ttl {
    font-size: 1.5rem;
    line-height: 1.5;
}
}


/* 230920 */
#senses-webform-wB8yPubnwqWD{
    padding: 35px 0;
}
#senses-webform-wB8yPubnwqWD>div{
    width: 80% !important;
    margin: 0 auto;
}
#senses-webform-wB8yPubnwqWD .textField,
#senses-webform-wB8yPubnwqWD .singleSelectionField,
#senses-webform-wB8yPubnwqWD .addressField,
#senses-webform-wB8yPubnwqWD .multilinableTextField{
    margin-bottom: 15px;
}
#senses-webform-wB8yPubnwqWD .textField label,
#senses-webform-wB8yPubnwqWD .textField input,
#senses-webform-wB8yPubnwqWD .singleSelectionField label,
#senses-webform-wB8yPubnwqWD .singleSelectionField input,
#senses-webform-wB8yPubnwqWD .addressField label,
#senses-webform-wB8yPubnwqWD .addressField input,
#senses-webform-wB8yPubnwqWD .multilinableTextField label,
#senses-webform-wB8yPubnwqWD .multilinableTextField textarea{
    display: block;
}
#senses-webform-wB8yPubnwqWD input,
#senses-webform-wB8yPubnwqWD select,
#senses-webform-wB8yPubnwqWD textarea{
    border: 1px solid #aaa;
    padding: 10px;
}
#senses-webform-wB8yPubnwqWD .textField label span,
#senses-webform-wB8yPubnwqWD .singleSelectionField label span,
#senses-webform-wB8yPubnwqWD .addressField label span{
    background-color: #c11515;
    color: #fff;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 0.9em;
    padding: 3px 8px;
}
#senses-webform-wB8yPubnwqWD .textField input,
#senses-webform-wB8yPubnwqWD .singleSelectionField select,
#senses-webform-wB8yPubnwqWD .addressField input,
#senses-webform-wB8yPubnwqWD .multilinableTextField textarea{
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2) inset;
}
#senses-webform-wB8yPubnwqWD small,
#senses-webform-wB8yPubnwqWD .cookiePolicyField{
    font-size: 0.8em;
}
#senses-webform-wB8yPubnwqWD .multilinableTextField textarea{
    resize: vertical;
    min-height: 100px;
}
#senses-webform-wB8yPubnwqWD .termsField,
#senses-webform-wB8yPubnwqWD .cookiePolicyField{
    text-align: center;
}
button.senses-webform{
    background: linear-gradient(150deg, #fe9f1f, #fc5604);
    color: #fff;
    border: none;
    display: block;
    border-radius: 5px;
    padding: 15px 0;
    width: 100%;
    font-size: 18px;
    margin: 20px auto;
}
@media screen and (max-width:640px){
    #senses-webform-wB8yPubnwqWD{
        padding: 20px 0;
    }
    #senses-webform-wB8yPubnwqWD>div{
        width: 90% !important;
    }
}