@charset "UTF-8";

.breadcrumb{
    max-width: 1200px;
    margin: 0 auto 2.4%;
    padding: 3.2% 0 0;
    color: #8E8E8E;
}
.breadcrumb a{color: #8E8E8E;}

main#news{
    background: url(../img/contents_bg.png)repeat-y center;
}

main#news .news__wrap {
    padding-bottom: 10.5%;
    display: flex;
    justify-content: center;
    column-gap: 91px;
}
main#news .news__contents_block{
    width: 100%;
    max-width: 860px;
}

main#news .news__contents_block .ttl_block {
    margin-bottom: 5.7%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
main#news .ttl_block .ttl_erea{
    width: 80%;
    padding: 0 0 0 11px;
}
main#news .ttl_erea time{
    margin-bottom: 8px;
    display: flex;
    font-family: "rokkitt", serif;
    color: #FD81C0;
    font-size: 20px;
    line-height: 1.2;
}
main#news .ttl_erea time:before{
    content: '';
    width: 19px;
    height: 20px;
    background: url(../img/icon-calender.png);
    display: block;
    margin-right: 14px;
}

main#news .ttl_erea h1{
    font-size: 26px;
}

main#news .ttl_block .sns__container{
    width: 18%;
}

main#news .ttl_block .sns__container ul {
    margin-right: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 0 25px;
}

main#news .contents .img_block{
    margin-bottom: 6.2%;
}
main#news .contents .img_block img{
    width: 100%;
    margin: 0 auto;
}

main#news .contents .main_txt{
    padding-left: 46px;
    padding-right: 30px;
}
main#news .main_txt p{
    margin-bottom: 20px;
}

main#news .main_txt h2,
main#news .main_txt h3,
main#news .main_txt h4,
main#news .related__block > h2{
    font-size: 26px;
    border-bottom: 2px solid #333;
}

main#news .main_txt h2{
    margin: 5.8% 0px 2.5%;
    padding: 0 0 3.4%;
    position: relative;
}
main#news .main_txt h2:before{
    content: '';
    background: url(../img/icon-ttl.png)no-repeat;
    width: 34px;
    height: 38px;
    display: block;
    position: absolute;
    left: -43px;
    top: -2px;
}

main#news .main_txt h3{
    margin: 10.4% 0 2.2%;;
    padding: 0 0 3.4%;
    color: #FD81C0;
}
main#news .main_txt h4{
    margin: 6% 0 3.4%;
    padding: 0 0 3.4%;
}

main#news .main_txt img{
    border-radius: 25px;
}

main#news .contents .main_txt iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

main#news .contents ul.tag__list {
    width: 100%;
    margin: 18% 0 8.7%;
    padding: 0 4.3%;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 9px;
}
main#news .contents ul.tag__list li{
    width: 26.6%;
}
main#news .contents ul.tag__list li a{
    width: 100%;
    display: block;
    padding: 8px 0 9px;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333;
    border-radius: 50px;
    transition: .4s ease-in-out;
    letter-spacing: 1px;
}
main#news .contents ul.tag__list li a:hover {
    background: #333;
    color: #fff;
}

main#news .contents .back_btn {
    width: 280px;
    margin: 0 auto;
    text-align: center;
}
main#news .contents .back_btn a{
    width: 100%;
    padding: 4px 0 5px;
    display: block;
    background: #FD81C0;
    color: #fff;
    font-size: 26px;
    border-radius: 50px;
    border: 1px solid #333;
}

main#news .related__block{
    margin: 9.5% 0px 7.5%;
    padding-left: 46px;
    padding-right: 30px;
}

main#news .related__block > h2{
    margin: 0 0 5%;
    padding: 0 0 3.4%;
}

main#news .related__list,
main#news .archive__list {
    display: flex;
    column-gap: 22px;
    flex-wrap: wrap;
}
main#news .related__list .post__block,
main#news .archive__list .post__block{
    width: 30%;
}
main#news .related__list .post__block .img_block,
main#news .archive__list .post__block .img_block{
    width: 239px;
    height: 238px;
    padding: 15px;
    border-radius: 20px;
    box-shadow: inset 0 0 10px #c3c4c7;
    border-radius: 30px;
}
main#news .related__list .post__block .img_block img,
main#news .archive__list .post__block .img_block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    background: #fff;
}
main#news .related__list .post__block .text_wrap,
main#news .archive__list .post__block .text_wrap{
    padding: 12px 10px 0 22px;
}

main#news .related__list .post__block .text_wrap h2,
main#news .archive__list .post__block .text_wrap h2{
    font-size: 14px;
    inline-size: 225px;
}

main#news .related__list .post__block .tag,
main#news .archive__list .post__block .tag{   
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}
main#news .related__list .post__block .tag li,
main#news .archive__list .post__block .tag li{
    margin-right: 5px;
}

main#news .related__list .post__block .tag li:nth-child(n+2),
main#news .archive__list .post__block .tag li:nth-child(n+2){
    display: none;
}

main#news .related__list .post__block .tag a,
main#news .archive__list .post__block .tag a{
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    color: #FD81C0;
}

main#news .related__list .post__block:nth-child(3n-1) .tag a,
main#news .archive__list .post__block:nth-child(3n-1) .tag a{
    color: #25C9FE;
}
main#news .related__list .post__block:nth-child(3n) .tag a,
main#news .archive__list .post__block:nth-child(3n) .tag a{
    color: #FD9673;
}

main#news .related__list .post__block .tag a:before,
main#news .archive__list .post__block .tag a:before{
    content: "#";
    display: inline-block;
}
main#news .related__list .post__block time.date,
main#news .archive__list .post__block time.date{
    font-family: "rokkitt", serif;
    color: #FD81C0;
    font-size: 18px;
}


main#news .archive__list{
    gap: 39px 33px;
}
main#news .archive__list .post__block .img_block{
    width: 267px;
    height: 265px;
}
main#news .archive__list .post__block .text_wrap{
    padding: 16px 10px 0 25px;
}
main#news .archive__list .post__block .tag{
    margin-bottom: 6px;
}
main#news .archive__list .post__block .tag a{
    font-size: 14px;
}
main#news .archive__list .post__block .text_wrap h2{
    font-size: 16px;
}

body.archive main#news,
body.search main#news,
main#n404{
    padding-top: 3.5%;
}

body.archive main#news h1.ttl,
main#content h1.ttl,
main#n404 h1.ttl,
body.search main#news h1.ttl{
    margin: 0 auto 1.6%;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

body.archive p.ttl_sub,
main#content p.ttl_sub,
main#n404 p.ttl_sub,
body.search main#news p.ttl_sub{
    margin-bottom: 3.2%;
    text-align: center;
    font-size: 18px;
}

.pagenation {
    margin: 13.4% 0 0;
}

.nav-links ul.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 21px;
}
.nav-links ul.page-numbers li{
    font-size: 28px;
    font-weight: 600;
}
a.next.page-numbers,
a.prev.page-numbers {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #eff0e0;
    line-height: 1;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 1px #333;
}

a.next.page-numbers{
    transform: rotate(90deg);
}
a.prev.page-numbers{
    transform: rotate(270deg);

}
@media screen and (max-width:768px) {
    main#news{
        background: url(../img/contents_bg.png) repeat-y center;
        background-size: contain;
    }

    main#news .news__wrap{
        display: block;
    }

    main#news .news__contents_block{
        width: 98%;
        margin: 0 auto;
    }

    main#news .news__contents_block .ttl_block{
        display: block;
    }

    main#news .ttl_block .ttl_erea{
        width: 100%;
    }
    main#news .ttl_erea time{
        font-size: 120%;
    }
    main#news .ttl_block{
        position: relative;
    }
    main#news .ttl_block .sns__container ul{
        position: absolute;
        right: 0;
        top: 0;
        gap: 0 15px;
    }
    main#news .ttl_block .sns__container ul li.nav_sns{
        width: 21px;
    }

    main#news .ttl_erea h1{
        font-size: 145%;
    }
    

    main#news .contents .main_txt{
        padding-left: 1%;
        padding-right: 1%;  
    }

    main#news .main_txt h2, main#news .main_txt h3, main#news .main_txt h4, main#news .related__block > h2{
        font-size: 140%;
}
    main#news .main_txt h2{
        display: flex;
    }
    main#news .main_txt h2:before{
        background-size: 100%;
        width: 20px;
        height: 22px;
        left: 0;
        top: 7px;
        margin-right: 7px;
        position: relative;
    }
    

    main#news .contents ul.tag__list li{
        width: auto;
    }
    main#news .contents ul.tag__list li a{
        padding: 8px 10px 9px;
    }

    main#news .contents .back_btn a{
        font-size: 110%;
    }

    main#news .related__list{
        display: block;
    }
    main#news .related__list .post__block{
        width: 100%;
        display: flex;
        margin-bottom: 3%;
    }

    main#news .related__list .post__block .img_block{
        width: 239px;
        height: 17vh;
        padding: 10px;
        box-shadow: inset 0 0 5px #c3c4c7;
    }

    main#news .related__block{
       padding-left: 16px;
        padding-right: 10px;
    }

    main#news .related__list .post__block .tag a{
        font-size: 70%;
    }
    main#news .related__list .post__block .text_wrap h2{
        font-size: 100%;
    }
    main#news .related__list .post__block time.date{
        font-size: 70%;
    }

    main#news .archive__list{
        gap: 19px 2%;
    }

     main#news .archive__list .post__block{
        width: 48%;
    }
    main#news .archive__list .post__block .img_block{
        width: 100%;
        max-width: 267px;
        padding: 10px;
        height: 25vh;
        box-shadow: inset 0 0 5px #c3c4c7;
    }

    main#news .related__list .post__block .text_wrap h2, main#news .archive__list .post__block .text_wrap h2{
        inline-size: 43vw;
    }

    main#news .archive__list .post__block .text_wrap{
        padding: 8px 5px 0 10px;
    }
}

/* sidebar */
section#sidebar {
    width: 230px;
    margin-top: 5px;
}

section#sidebar h2 {
    font-size: 31px;
    margin-bottom: 23px;
    line-height: 1.1;
}
section#sidebar h2 span {
    width: 100%;
    padding: 21px 0 8px;
    font-size: 20px;
    display: inline-block;
    border-bottom: 1px solid #333;
}

section#sidebar ul.menu li {
    margin-bottom: 16px;
    font-size: 18px;
    display: flex;
    align-items: center;
}
section#sidebar ul.menu li:before{
    content: '';
    width: 10px;
    height: 3px;
    margin-right: 10px;
    background: #333;
}

section#sidebar .keyword ul.tag__list{
    margin: 10px auto;
    max-width: 530px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px 2px;
}
section#sidebar .keyword ul.tag__list li{
    width: auto;
    margin-bottom: 5px;
    font-size: 14px;
}
section#sidebar .keyword ul.tag__list li a {
    width: 100%;
    display: block;
    padding: 0px 15px 3px;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333;
    border-radius: 50px;
    transition: .4s ease-in-out;
    letter-spacing: 1px;
}

section#sidebar .category{
    margin-bottom: 40px;
    padding: 0 14px 0 7px;
}
section#sidebar .travel {
    margin-bottom: 38px;
    padding: 0 14px 0 7px;
}

section#sidebar .keyword{
    margin-bottom: 26px;
    padding: 0 6px 0 6px;
}

section#sidebar aside.site_bnr__block{
    margin: 0 0 9.8%;
    display: block;
}
section#sidebar aside.site_bnr__block > div{
    width: 100%;
    margin-top: 29px;
}

section#sidebar .news{
    padding: 0 14px 0 9px;
}
section#sidebar .news h2{
    margin-bottom: 17px;
}
section#sidebar .news h3 {
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    font-size: 20px;
}

section#sidebar .news li{
    padding: 10px 4px 14px;
    border-bottom: 1px solid #333;
}
section#sidebar .news li time.date {
    display: block;
    margin-top: 13px;
    color: #919191;
    font-family: "rokkitt", serif;
    font-size: 18px;
    line-height: 1;
}

section#sidebar p.more_btn {
    margin-top: 15px;
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}
section#sidebar p.more_btn:after{
    content: '';
    display: inline-block;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    width: 10px;
    height: 14px;
    background: #333;
    margin-left: 5px;
}
@media screen and (max-width:768px) {
    section#sidebar{
        width: 96%;
        margin: 20% auto 0;
    }
    section#sidebar h2{
        font-size: 110%;
    }
    section#sidebar h2 span{
        padding: 11px 0 8px;
        font-size: 80%;
    }

    section#sidebar ul.menu li{
        margin-bottom: 15px;
        font-size: 110%;
    }

    section#sidebar .keyword ul.tag__list li{
        font-size: 100%
    }

    section#sidebar .news h3{
        font-size: 90%;
    }
}




#policy-block .box-wrap{
    background: #fff;
    border: 1px solid #191f86;
}

#policy-block{
    max-width: 756px;
    margin: 35px auto;
}
#policy-block .box-wrap h1{
    padding: 13px 20px 0px;
    font-size: 20px;
    margin-bottom: 0;
}
#policy-block h1:after,
#policy-block h1:before{display: none;}

.policy-block-inner {
    height: 150px;    
    overflow: auto;
    padding: 10px 20px;
    color: #333;
    font-size: 14px;
}
#policy-block h2{
    margin: 10px 0;
    padding: 6px 0 5px;
    font-size: 18px;
    font-weight: 500;
}
#policy-block p{
    margin-bottom: 5px;
}

#policy-block ul {
    margin-top: 10px;
    margin-left: 10px;
}
#policy-block ul li{
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-start;
}
#policy-block ul li::before{
    content: '・';
    display: block;
}

@media screen and (max-width:768px) {
    #policy-block{
        width: 90%;
        margin: 15px auto;
    }

    #policy-block .box-wrap h1{
        padding: 13px 10px 0px;
        font-size: 16px;
    }

    #policy-block h2{
        font-size: 14px;
    }

    .policy-block-inner{
        padding: 10px 10px;
    }
}

.wq-Form .wq-Attributes{
    width: 90%;
    margin: 30px auto 0;
}

.wq-Form .wq-Button.wq-type-primary{
    width: 407px;
    margin: 0 auto 20px;
    padding: 27px 0 25px;
    border-radius: 50px;
    overflow: hidden;
    font-size: 23px;
    font-weight: 100;
}
.wq-Dialog .wq-Button.wq-type-primary:not(:hover):not(:active),
.wq-Form .wq-Button.wq-type-primary:not(:hover):not(:active){
    border: none;
    background: #191f86!important;
}

.wq-Dialog .wq-Button.wq-type-primary:hover, .wq-Form .wq-Button.wq-type-primary:hover{
    border: none!important;
}

.wq-Form .wq-Control{
    display: block!important;
    color: #191f86!important;
}

.wq-Form .wq-Control>.wq--header{
    width: 100% !important;
    align-items: center !important;
}
.wq-Form .wq-Control>.wq--header>.wq--label{
    font-size: 24px!important;
}

input#wq-text-email-4,
input#wq-text-name-1,
input#wq-text-name-2,
input#wq-text-tel-3,
select#wq-select-dropdown-6 {
    width: 100% ;
    padding: 13px 16px 13px;
    background: #ffffff;
    border: 1px solid #191f86;
    font-size: 20px;
}

input#wq-text-address-5-0,
input#wq-text-address-5-1,
input#wq-text-address-5-2,
input#wq-text-address-5-3,
input#wq-text-address-5-4{
    padding: 13px 16px 13px;
    background: #ffffff;
    border: 1px solid #191f86;
    font-size: 20px;
}

div#wq-select-dropdown-6-wrapper{
    width: 100%;
}

.wq-Form .wq-Control>.wq--header>.wq--required{
    width: 59px;
    margin-left: 10px;
    padding: 6px 0px 5px;
    display: inline-block;
    font-size: 16px !important;
    text-align: center;
    line-height: 1 !important;
    color: #fff !important;
    background: #191f86;
}

.wq-Form .wq-Echo{
    font-size: 20px;
}

@media screen and (max-width:768px) {
    .wq-Form .wq-Attributes {
        width: 100%;
        margin: 10px auto 0;
    }

    .wq-Form .wq-Control>.wq--header>.wq--label{
        font-size: 16px!important;
    }
    .wq-Form .wq-Control>.wq--header>.wq--required{
    width: 20%;
    max-width: 40px;
    font-size: 14px!important;
    }

    input#wq-text-email-4,
    input#wq-text-name-1,
    input#wq-text-name-2,
    input#wq-text-tel-3,
    select#wq-select-dropdown-6,
    input#wq-text-address-5-0,
input#wq-text-address-5-1,
input#wq-text-address-5-2,
input#wq-text-address-5-3,
input#wq-text-address-5-4 {
        padding: 10px 10px 12px;
        font-size: 14px;
    }
    .wq-Form .wq-Button.wq-type-primary{
        max-width: 260px;
        padding: 12px 0 13px;
        font-size: 14px;
    }

    .wq-Form .wq-Echo{
        font-size: 14px;
    }
}

body#thanks p {
    margin-bottom: 30px;
}

/* privacy-policy */
#privacy-policy .contents__wrap {
    background: #F3F5F4;
}

#privacy-policy .contents__wrap .inner{
    max-width: 1100px;
    margin: 0 auto;
    padding: 3.2% 0;
}

#privacy-policy .contents__wrap .inner .header__txt{
    font-size: 18px;
    line-height: 1.8;
}
#privacy-policy .contents__wrap .inner h2{
    margin: 7.4% 0 1.3%;
    padding-bottom: 1.3%;
    font-size: 18px;
    border-bottom: 2px solid #333;
}
#privacy-policy .contents__wrap .inner p{
    margin-bottom: 1.6%;
    line-height: 1.8;
}

#privacy-policy .contents__wrap ol li,
#privacy-policy .contents__wrap ul li {
    margin-bottom: 0.4%;
    padding-left: 0.6em;
    text-indent: -0.6em;
}

#privacy-policy .contents__wrap ol li ol,
#privacy-policy .contents__wrap ol li ul {
    margin-top: 0.5%;
    margin-bottom: 0.4%;
}

#privacy-policy .contents__wrap a{
    color: #0135D7;
    border-bottom: 1px solid #0135D7;
}

#privacy-policy section#terms {
    padding-top: 4.6%;
}

#privacy-policy p.enactment {
    max-width: 1100px;
    margin: 0 auto;
    text-align-last: right;
    padding: 1.4% 0 4.2%;
}

@media screen and (max-width:768px) {
    #privacy-policy .contents__wrap .inner{
        width: 96%;
    }
    #privacy-policy .contents__wrap .inner .header__txt{
        font-size: 14px;
    }
}

.company__wrap{
    padding: 4.4% 0 2.9%;
    background: #E5F2FB;
}
.company__wrap dl {
    max-width: 960px;
    margin: 0 auto 1.7%;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
}

.company__wrap dl dt {
    width: 22%;
    text-align: center;
    padding: 25px 0 28px;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}

.company__wrap dl dt:after{
    content: '';
    width: 3px;
    height: 58.3%;
    background: #000;
    display: block;
    position: absolute;
    top: -50%;
    bottom: -50%;
    right: 0;
    margin: auto;
}

.company__wrap dl dd{
    width: 78%;
    padding: 0px 59px;
    font-size: 18px;
}
.company__wrap dl dd ul {
    display: flex;
    flex-wrap: wrap;
}
.company__wrap dl dd ul li{
    width: 50%;
}

@media screen and (max-width: 768px){
    .company__wrap dl{
        width: 96%;
    }
    .company__wrap dl dt{
        padding: 15px 0 17px;
        font-size: 16px;
    }
    .company__wrap dl dd{
        padding: 0px 20px;
        font-size: 16px;
    }
    .company__wrap dl dd ul{

    }
    .company__wrap dl dd ul li{
        width: 100%;
    }
    
}



section#legal{
    padding-top: 4.1%;
}
section#legal .ligal__wrap{
    padding: 3.7% 0 4.8%;
    background: #F3F5F4;
}

section#legal .ligal__wrap h2{
    text-align: center;
    margin-bottom: 2.5%;
}

section#legal .tac{
    text-align: center;
    font-size: 20px;
}

section#legal dl{
    max-width: 864px;
    margin: 4.6% auto 5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

section#legal dt {
    width: 28%;
    margin-bottom: 3px;
    padding: 25px 56px 28px;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    background: #F3F5F4;
}

section#legal dd{
    width: 72%;
    margin-bottom: 3px;
    padding: 24px 16px 27px 36px;
    border: 1px solid #D6D6D6;
    font-size: 18px;
}

section#legal .ligal__wrap2{
    padding: 3% 0 2%;
    background: #F3F5F4;
}

section#legal .ligal__wrap2 h2{
    text-align: center;
    margin-bottom: 2.5%;
}

section#legal .ligal__wrap2 ul {
    max-width: 1130px;
    margin: 0 auto;
}
section#legal .ligal__wrap2 ul li{
    font-size: 18px;
    margin-bottom: 3px;
    padding-left: 1em;
    text-indent: -1em;
}

@media screen and (max-width: 768px){
    section#legal .tac{
        width: 96%;
        font-size: 16px;
        margin: 0 auto;
    }
    section#legal dl{
        width: 96%;
        align-items: normal;
    }
    section#legal dt {
        width: 39%;
        margin-bottom: 3px;
        padding: 25px 5px 28px 12px;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        background: #F3F5F4;
        }
    section#legal dd{
        width: 61%;
        margin-bottom: 3px;
        padding: 0 10px 0 14px;
        font-size: 16px;
            display: flex;
        align-items: center;
            
    }
}

@media screen and (max-width: 768px){
    section#legal .ligal__wrap2 ul{
        width: 90%;
        margin: 0 auto 20px;
    }
    section#legal .ligal__wrap2 ul li {
    font-size: 16px;}
}

section#contact{
    padding-top: 6%;
}

section#contact .contact__wrap{
    padding: 3.8% 0 2.3%;
    background: url(../img/contact_bg.png)repeat-x top;
}

section#contact .contact__wrap h2 {
    margin-bottom: 2.8%;
    font-size: 23px;
    text-align: center;
}

section#contact .contact__wrap ul{
    max-width: 584px;
    margin: 0 auto;
}
section#contact .contact__wrap ul li{
    margin-bottom: 1.1%;
    font-size: 18px;
    text-indent: -1em;
    padding-left: 1em;
}



/*** お問い合わせ ***/
div.wpcf7{
    max-width: 860px;
    padding: 2.3% 9.4% 1%;
    margin: 3.8% auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
}
div.wpcf7 p {
    margin-bottom: 4.9%;
}
div.wpcf7 p label{
    width: 94%;
    margin: 18px 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    display: block;
}
div.wpcf7 p label span.any{
    color: #FD81C0;
    display: inline-block;
    margin-left: 3px;
}

div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"],
div.wpcf7 input[type="tel"],
div.wpcf7 textarea{
    width: 100%;
    margin: 23px 0 0;
    padding: 13px 16px 13px;
    background: #F4F9FD;
    border: 1px solid #D6D6D6;
    border-radius: 50px;
}

div.wpcf7 textarea {  
    height: 122px;
    border-radius: 10px;
}

div.wpcf7 .linkBtn{
    width: 280px;
    margin: 0 auto;  
}

div.wpcf7 input[type="submit"]{
    width: 100%;
    padding: 11px 0 11px;
    background: #FE80C0;
    font-size: 16px;
    /* font-weight: 700; */
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    border-radius: 50px;
    box-shadow: 0 5px #F4F9FD;
}

div.wpcf7 p{
    margin-bottom: 3%;
}

input[type="checkbox"]{
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
    margin-right: 4px;
}

span.wpcf7-list-item{
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}

placeholder::{color: #CCCCCC;}

.wpcf7 .wpcf7-submit:disabled{
    background: #d1d1d1;
}

span.wpcf7-form-control.wpcf7-acceptance label {
    margin-top: 5px;
    margin-bottom: 4.6%;
}


@media screen and (max-width: 768px){
    div.wpcf7{
        margin: 32px auto 20px;
        padding: 2.3% 3.4% 1%;
    }

   section#contact .contact__wrap h2{
        font-size: 18px;
   }
   section#contact .contact__wrap ul{
        width: 96%;
   }

   section#contact .contact__wrap ul li{
    font-size: 16px;
   }

   div.wpcf7 p label{
    width: 100%;
    font-size: 16px;
   }

   div.wpcf7 input[type="text"], div.wpcf7 input[type="email"], div.wpcf7 input[type="tel"], div.wpcf7 textarea{
        width: 100%;
        margin: 8px 0 0;
        padding: 8px 16px 8px;

   }
}