@charset  "utf-8";



/* cyrillic-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/fhNmDCnjccoUYyU4ZASaLVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/BJVWev7_auVaQ__OU8Qih1KPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/oysROHFTu1eTZ74Hcf8V-VKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/CWlc_g68BGYDSGdpJvpktgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* - general
 ------------------------------------------------------------ */
.yuko-report {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    background-color: #fff;
    margin: 0;
    z-index: 1;
}
.yuko-report .wrapping {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.yuko-report [class*=grid-].wrapping {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.yuko-report [class*=grid-][class*=-noGutter].wrapping {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.yuko-report[class*=grid] {
    margin: 45px 0 0 0;
}
header, section, .inner, .intro {
    width: 100%;
}
.yuko-report em {
    font-style: normal;
}
a:hover {
    opacity: 0.8;
}
.x-pc .inner {display: none;}

/* - header
 ------------------------------------------------------------ */
.yuko-report header [class*=col-]:nth-of-type(2) {
    background-image: url(../images/bg-v.jpg);
    position: relative;
}
.yuko-report header [class*=col-]:nth-of-type(3) {
    background-color: #a78f9d;
    background-image: url(../images/farfalle-y.png);
    background-repeat: repeat-y;
    background-position: top right -21px;
}
.yuko-report header [class*=col-]:nth-of-type(3) img {
    position: relative;
    top: 11px;
    left: 1em;
}
.yuko-report header {
    position: relative;
    background: -webkit-linear-gradient(90deg, rgb(106, 139, 144), rgb(167, 143, 157));
    background: linear-gradient(90deg, #6a8b90 0%, #a78f9d 100%);
    background: linear-gradient(to right, #6a8b90, #a78f9d);
}
.yuko-report header .h1 img {
}
.yuko-report header p {
    margin: 1em;
    color: #fff;
    font-size: 1.2em;
}

/* - .intro
 ------------------------------------------------------------ */
.yuko-report .intro {
}
.yuko-report .intro [class*=col-]:nth-of-type(1) {
    order: 2;
}
.yuko-report .intro [class*=col-]:nth-of-type(2) {
    order: 1;
}
.yuko-report .intro [class*=col-]:nth-of-type(2) .inner {
    padding: 1.5em;
}
.yuko-report .intro p{
    margin: .7em 0;
}

/* - .video-container
 ------------------------------------------------------------ */
.yuko-report .video {
    margin: 0 auto 2em;
    padding: 3em 2em;
    width: 100%;
    background-color: #fbf9f3;
    border-top: 2px solid #fff;
}
.yuko-report .video-container {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
}

.yuko-report .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* - .feedback
 ------------------------------------------------------------ */
.yuko-report .feedback {
    padding: 1em;
}
.yuko-report .feedback h3 {
    text-align: center;
    margin: 0 0 1em;
    font-weight: normal;

}
.yuko-report .feedback p {
    margin: .5em 0;
}
.yuko-report .feedback p img {
    width: 89px;
    border-radius: 50% 80%;
    background-color: #e6e2d5;
    display: block;
    margin: 0 auto;
    padding: 2px;
    border: 3px solid #fff;
    position: relative;
    top: -2em;
}
.yuko-report .feedback [class*=col-] {
    position: relative;
    z-index: 1;
    margin: 1em 0;
}
.yuko-report .feedback [class*=col-] .inner {
    background-color: #fff;
    padding: 0 2em 2em;
    border: 1px solid #ededed;
}
.yuko-report .feedback [class*=col-]::before {
    position: absolute;
    bottom: 34px;
    left: 0;
    z-index: -1;
    content: '';
    width: 50%;
    height: 20%;
    box-shadow: 0 16px 7px #e6e2d5;
}
.yuko-report .feedback [class*=col-]::after {
    position: absolute;
    bottom: 34px;
    right: 0;
    z-index: -1;
    content: '';
    width: 50%;
    height: 20%;
    box-shadow: 0 16px 7px #e6e2d5;
}
.yuko-report .feedback [class*=col-]::before {
    left: 10px;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.yuko-report .feedback [class*=col-]::after {
    right: 10px;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}

/* - .socialIcon
------------------------------------------------------------ */
.yuko-report .socialIcon {
    width: 100%;
    padding: 0 4em;
    z-index: 5;
}
.yuko-report .socialIcon .flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    margin: 20px auto;
    border-top: 1px dotted #ccc;
    padding: 14px 0 10px;
    border-bottom: 1px dotted #ccc;
    max-width: 500px;
}
.yuko-report .socialIcon .flex-container .social {
    -webkit-justify-content: center;
    justify-content: center;
    align-content: space-between;
    width: 80px;
}
.yuko-report .fb-like {
    top: -1px;
}

/* - page scroll
------------------------------------------------------------ */
#page-top {
    position: fixed;
    bottom: 150px;
    right: 20px;
    z-index: 10;
}
#page-top a {
    font-size: 12px;
    padding: 30px 0;
    background: #8E7B87;
    text-decoration: none;
    color: #fff !important;
    width: 100px;
    height: 77px;
    text-align: center;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #C0BBAC;
}

/* - ## x >= 540px
------------------------------------------------------------ */
@media screen and (min-width:540px) {
    .yuko-report[class*=grid] {
        margin: 118px 0 0 0;
        position: relative;
        top: -1px;
    }
}

/* - ## x >= 569px
------------------------------------------------------------ */
@media screen and (min-width:569px) {
    .yuko-report .intro [class*=col-]:nth-of-type(1) {
        order: 1;
    }
    .yuko-report .intro [class*=col-]:nth-of-type(2) {
        order: 2;
    }
}

/* - ## x >= 769px
------------------------------------------------------------ */
@media screen and (min-width:769px) {
    .x-pc .inner {display: block;}
    .x-mobile .inner {display: none;}
    .yuko-report header .h1 {padding: 1em .5em .5em;margin: 0 0 1.2em;position: relative;}
    .yuko-report header .h1::after {
        content: '';
        width: 15%;
        height: 7px;
        background-color: #ffd081;
        position: absolute;
        top: 4.5em;
        left: .5em;
    }
    .yuko-report header [class*=grid-]::after {
        content: url('../images/farfalle-lg.png');
        position: absolute;
        bottom: -123px;
        left: -169px;
    }
    .yuko-report .video {
        padding: 3em 2em;
    }
    .yuko-report .feedback {
        padding: 2em;
    }
}

/* - ## x >= 800px
------------------------------------------------------------ */
@media screen and (min-width:800px) {
    .yuko-report[class*=grid] {
        margin: 58px 0 0 0;
    }
}

/* - ## x >= 1025px
------------------------------------------------------------ */
@media screen and (min-width:1025px) {
    .yuko-report {
        font-size: 16px;
    }
    .yuko-report header [class*=grid-]::after {
        content: url('../images/farfalle-lg.png');
        background-size: 100%;
        position: absolute;
        bottom: -158px;
        left: -27px;
    }
    .yuko-report header .h1 {
        padding: 1.5em .5em .5em;
        margin: 0 0 1.2em auto;
        position: relative;
        width: 582px;
    }
    .yuko-report header .h1::after {
        width: 30%;
        top: 5em;
    }
    .yuko-report header p {
        margin: 1em 1em 1em auto;
        color: #fff;
        font-size: 1.2em;
        width: 539px;
    }
    .yuko-report {
        background-image: url(../images/farfalle-lg.png);
        background-position: bottom -1em right 4em;
        background-repeat: no-repeat;
    }
}

/* - ## x >= 1281px
------------------------------------------------------------ */
@media screen and (min-width:1281px) {
}

/* - ## x >= 540 - 940
------------------------------------------------------------ */
@media screen and (min-width:540px) and (max-width:940px) {
    .nav-list .nav-item:last-child,
    .nav-list .nav-item:first-child,
    .nav-list .nav-item:nth-of-type(4) {
        display: none;
    }
}

[class*=grid-1]>.col,[class*=grid-1]>[class*=col-]{width:100%}[class*=grid-2]>.col,[class*=grid-2]>[class*=col-]{width:50%}[class*=grid-3]>.col,[class*=grid-3]>[class*=col-]{width:33.33333333%}[class*=grid-4]>.col,[class*=grid-4]>[class*=col-]{width:25%}[class*=grid-5]>.col,[class*=grid-5]>[class*=col-]{width:20%}[class*=grid-6]>.col,[class*=grid-6]>[class*=col-]{width:16.66666667%}[class*=grid-7]>.col,[class*=grid-7]>[class*=col-]{width:14.28571429%}[class*=grid-8]>.col,[class*=grid-8]>[class*=col-]{width:12.5%}[class*=grid-9]>.col,[class*=grid-9]>[class*=col-]{width:11.11111111%}[class*=grid-10]>.col,[class*=grid-10]>[class*=col-]{width:10%}[class*=grid-10]>[class*=col-],[class*=grid-11]>.col{width:9.09090909%}[class*=grid-11]>[class*=col-],[class*=grid-12]>.col{width:8.33333333%}@media screen and (max-width:80em){[class*=_lg-1]>.col,[class*=_lg-1]>[class*=col-]{width:100%}[class*=_lg-2]>.col,[class*=_lg-2]>[class*=col-]{width:50%}[class*=_lg-3]>.col,[class*=_lg-3]>[class*=col-]{width:33.33333333%}[class*=_lg-4]>.col,[class*=_lg-4]>[class*=col-]{width:25%}[class*=_lg-5]>.col,[class*=_lg-5]>[class*=col-]{width:20%}[class*=_lg-6]>.col,[class*=_lg-6]>[class*=col-]{width:16.66666667%}[class*=_lg-7]>.col,[class*=_lg-7]>[class*=col-]{width:14.28571429%}[class*=_lg-8]>.col,[class*=_lg-8]>[class*=col-]{width:12.5%}[class*=_lg-9]>.col,[class*=_lg-9]>[class*=col-]{width:11.11111111%}[class*=_lg-10]>.col,[class*=_lg-10]>[class*=col-]{width:10%}[class*=_lg-10]>[class*=col-],[class*=_lg-11]>.col{width:9.09090909%}[class*=_lg-11]>[class*=col-],[class*=_lg-12]>.col{width:8.33333333%}}@media screen and (max-width:64em){[class*=_md-1]>.col,[class*=_md-1]>[class*=col-]{width:100%}[class*=_md-2]>.col,[class*=_md-2]>[class*=col-]{width:50%}[class*=_md-3]>.col,[class*=_md-3]>[class*=col-]{width:33.33333333%}[class*=_md-4]>.col,[class*=_md-4]>[class*=col-]{width:25%}[class*=_md-5]>.col,[class*=_md-5]>[class*=col-]{width:20%}[class*=_md-6]>.col,[class*=_md-6]>[class*=col-]{width:16.66666667%}[class*=_md-7]>.col,[class*=_md-7]>[class*=col-]{width:14.28571429%}[class*=_md-8]>.col,[class*=_md-8]>[class*=col-]{width:12.5%}[class*=_md-9]>.col,[class*=_md-9]>[class*=col-]{width:11.11111111%}[class*=_md-10]>.col,[class*=_md-10]>[class*=col-]{width:10%}[class*=_md-10]>[class*=col-],[class*=_md-11]>.col{width:9.09090909%}[class*=_md-11]>[class*=col-],[class*=_md-12]>.col{width:8.33333333%}}@media screen and (max-width:48em){[class*=_sm-1]>.col,[class*=_sm-1]>[class*=col-]{width:100%}[class*=_sm-2]>.col,[class*=_sm-2]>[class*=col-]{width:50%}[class*=_sm-3]>.col,[class*=_sm-3]>[class*=col-]{width:33.33333333%}[class*=_sm-4]>.col,[class*=_sm-4]>[class*=col-]{width:25%}[class*=_sm-5]>.col,[class*=_sm-5]>[class*=col-]{width:20%}[class*=_sm-6]>.col,[class*=_sm-6]>[class*=col-]{width:16.66666667%}[class*=_sm-7]>.col,[class*=_sm-7]>[class*=col-]{width:14.28571429%}[class*=_sm-8]>.col,[class*=_sm-8]>[class*=col-]{width:12.5%}[class*=_sm-9]>.col,[class*=_sm-9]>[class*=col-]{width:11.11111111%}[class*=_sm-10]>.col,[class*=_sm-10]>[class*=col-]{width:10%}[class*=_sm-10]>[class*=col-],[class*=_sm-11]>.col{width:9.09090909%}[class*=_sm-11]>[class*=col-],[class*=_sm-12]>.col{width:8.33333333%}}@media screen and (max-width:35.5em){[class*=_xs-1]>.col,[class*=_xs-1]>[class*=col-]{width:100%}[class*=_xs-2]>.col,[class*=_xs-2]>[class*=col-]{width:50%}[class*=_xs-3]>.col,[class*=_xs-3]>[class*=col-]{width:33.33333333%}[class*=_xs-4]>.col,[class*=_xs-4]>[class*=col-]{width:25%}[class*=_xs-5]>.col,[class*=_xs-5]>[class*=col-]{width:20%}[class*=_xs-6]>.col,[class*=_xs-6]>[class*=col-]{width:16.66666667%}[class*=_xs-7]>.col,[class*=_xs-7]>[class*=col-]{width:14.28571429%}[class*=_xs-8]>.col,[class*=_xs-8]>[class*=col-]{width:12.5%}[class*=_xs-9]>.col,[class*=_xs-9]>[class*=col-]{width:11.11111111%}[class*=_xs-10]>.col,[class*=_xs-10]>[class*=col-]{width:10%}[class*=_xs-10]>[class*=col-],[class*=_xs-11]>.col{width:9.09090909%}[class*=_xs-11]>[class*=col-],[class*=_xs-12]>.col{width:8.33333333%}}[class*=grid]>[class*=col-1]{width:8.33333333%}[class*=grid]>[class*=col-2]{width:16.66666667%}[class*=grid]>[class*=col-3]{width:25%}[class*=grid]>[class*=col-4]{width:33.33333333%}[class*=grid]>[class*=col-5]{width:41.66666667%}[class*=grid]>[class*=col-6]{width:50%}[class*=grid]>[class*=col-7]{width:58.33333333%}[class*=grid]>[class*=col-8]{width:66.66666667%}[class*=grid]>[class*=col-9]{width:75%}[class*=grid]>[class*=col-10]{width:83.33333333%}[class*=grid]>[class*=col-11]{width:91.66666667%}[class*=grid]>[class*=col-12]{width:100%}@media screen and (max-width:80em){[class*=grid]>[class*=_lg-1]{width:8.33333333%}[class*=grid]>[class*=_lg-2]{width:16.66666667%}[class*=grid]>[class*=_lg-3]{width:25%}[class*=grid]>[class*=_lg-4]{width:33.33333333%}[class*=grid]>[class*=_lg-5]{width:41.66666667%}[class*=grid]>[class*=_lg-6]{width:50%}[class*=grid]>[class*=_lg-7]{width:58.33333333%}[class*=grid]>[class*=_lg-8]{width:66.66666667%}[class*=grid]>[class*=_lg-9]{width:75%}[class*=grid]>[class*=_lg-10]{width:83.33333333%}[class*=grid]>[class*=_lg-11]{width:91.66666667%}[class*=grid]>[class*=_lg-12]{width:100%}}@media screen and (max-width:64em){[class*=grid]>[class*=_md-1]{width:8.33333333%}[class*=grid]>[class*=_md-2]{width:16.66666667%}[class*=grid]>[class*=_md-3]{width:25%}[class*=grid]>[class*=_md-4]{width:33.33333333%}[class*=grid]>[class*=_md-5]{width:41.66666667%}[class*=grid]>[class*=_md-6]{width:50%}[class*=grid]>[class*=_md-7]{width:58.33333333%}[class*=grid]>[class*=_md-8]{width:66.66666667%}[class*=grid]>[class*=_md-9]{width:75%}[class*=grid]>[class*=_md-10]{width:83.33333333%}[class*=grid]>[class*=_md-11]{width:91.66666667%}[class*=grid]>[class*=_md-12]{width:100%}}@media screen and (max-width:48em){[class*=grid]>[class*=_sm-1]{width:8.33333333%}[class*=grid]>[class*=_sm-2]{width:16.66666667%}[class*=grid]>[class*=_sm-3]{width:25%}[class*=grid]>[class*=_sm-4]{width:33.33333333%}[class*=grid]>[class*=_sm-5]{width:41.66666667%}[class*=grid]>[class*=_sm-6]{width:50%}[class*=grid]>[class*=_sm-7]{width:58.33333333%}[class*=grid]>[class*=_sm-8]{width:66.66666667%}[class*=grid]>[class*=_sm-9]{width:75%}[class*=grid]>[class*=_sm-10]{width:83.33333333%}[class*=grid]>[class*=_sm-11]{width:91.66666667%}[class*=grid]>[class*=_sm-12]{width:100%}}@media screen and (max-width:35.5em){[class*=grid]>[class*=_xs-1]{width:8.33333333%}[class*=grid]>[class*=_xs-2]{width:16.66666667%}[class*=grid]>[class*=_xs-3]{width:25%}[class*=grid]>[class*=_xs-4]{width:33.33333333%}[class*=grid]>[class*=_xs-5]{width:41.66666667%}[class*=grid]>[class*=_xs-6]{width:50%}[class*=grid]>[class*=_xs-7]{width:58.33333333%}[class*=grid]>[class*=_xs-8]{width:66.66666667%}[class*=grid]>[class*=_xs-9]{width:75%}[class*=grid]>[class*=_xs-10]{width:83.33333333%}[class*=grid]>[class*=_xs-11]{width:91.66666667%}[class*=grid]>[class*=_xs-12]{width:100%}}