@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:999px){

/*STYLE*/
.pc {
display:none;
}

.cts {
width:90%;
}

.titles {
padding-bottom:15px;
text-align:center;
}

.titles .diamond {
    width:12px;
    height:12px;
    background:#353c5d;
    transform:rotate(45deg);
    margin:0 auto 10px;
}

.titles .category {
    font-size:70%;
}

.titles .title {
    font-size:120%;
    letter-spacing:3px;
}

.titles h2 {
font-size:180%;
font-weight:bold;
line-height:135%;
}

.titles .line {
    width:30px;
    height:1px;
    background:#353c5d;
    margin:8px auto 0;
}

.titles .subtitle {
font-size:120%;
font-weight:bold;
}

.titles .kana {
font-size:100%;
}

.column {
    border:#353c5d 1px solid;
    position:relative;
    padding:30px 25px 20px;
}

.column .column_item {
    position:absolute;
    top:-15px;
    left:0;
    right:0;
    text-align:center;
}

.column .column_item .item {
    display:inline-block;
    background:#fff;
    padding:0 15px;
    font-size:110%;
    letter-spacing:2px;
}

.column .details {
}

.column .details .detail {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}



/*MV*/
#mv {
    width:100%;
    height:100vh;
    overflow:hidden;
}

#mv .obj {
    width:25%;
    height:100vh;
    position:relative;
}

#mv .main {
    width:100%;
    height:30vh;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

#mv .main h1 {
    width:200px;
    margin-bottom:15px;
}

#mv .main .copy {
    font-size:110%;
    letter-spacing:3px;
}

#mv .photos {
    width:100%;
    height:70vh;
    display:flex;
    justify-content:space-between;
    position:relative;
}

#mv .photos .photo {
    width:30%;
    height:85%;
    position:relative;
}

#mv .photos .photo:nth-child(2) {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

#mv .photos .photo .slider {
    width:100%;
    height:100%;
    margin:auto;
    overflow:hidden;
}

#mv .photos .photo:nth-chld(1) {
    top:0;
    left:0;
}

#mv .photos .photo:nth-chld(2) {
    bottom:0;
}

#mv .photos .photo:nth-chld(3) {
    top:0;
    right:0;
}

#mv .photos .photo .mv {
    width:100%;
    height:100%;
}

#mv .photos .photo .mv1a {
    background:url(../img/mv_1a.jpg) center;
    background-size:cover;
}

#mv .photos .photo .mv1b {
    background:url(../img/mv_1b.jpg) center;
    background-size:cover;
}

#mv .photos .photo .mv1c {
    background:url(../img/mv_1c.jpg) center;
    background-size:cover;
}

#mv .photos .photo .mv2a {
    background:url(../img/mv_2a.jpg) center;
    background-size:cover;
}

#mv .photos .photo .mv2b {
    background:url(../img/mv_2b.jpg) center;
    background-size:cover;
}

#mv .photos .photo .mv2c {
    background:url(../img/mv_2c.jpg) center;
    background-size:cover;
}

#mv .photos .photo .mv3a {
    background:url(../img/mv_3a.jpg) center;
    background-size:cover;
}

#mv .photos .photo .mv3b {
    background:url(../img/mv_3b.jpg) center;
    background-size:cover;
}

#mv .photos .photo .mv3c {
    background:url(../img/mv_3c.jpg) center;
    background-size:cover;
}

#mv .photos .photo .deco {
    width:30px;
    height:30px;
    background:#353c5d;
    position:absolute;
}

#mv .photos .photo .deco1 {
    bottom:-15px;
    right:-15px;
}

#mv .photos .photo .deco2 {
    top:-15px;
    left:-15px;
}

#mv .photos .photo .deco3 {
    bottom:-15px;
    left:-15px;
}




/*ABOUT*/
#about {
    padding:70px 0 30px;
    background:#f5f5f7;
}

#about .cts {
}

#about .detail {
    width:100%;
    margin-bottom:25px;
}

#about .detail .titles {
}

#about .detail .titles .brand {
    width:60%;
    margin:0 auto 15px;
}

#about .detail .titles .tx {
    font-size:150%;
    line-height:100%;
}

#about .detail .ex {
    line-height:180%;
    letter-spacing:3px;
}

#about .movie {
    width:100%;
}

#about .movie video {
    width:100%;
    height:auto;
}



/*TASTING*/
#tasting {
    padding:70px 0 30px;
}

#tasting .cts {
    position:relative;
}

#tasting .titles {
}

#tasting .titles .brand {
    width:60%;
    margin:0 auto 15px;
}

#tasting .titles .tx {
    font-size:150%;
    line-height:100%;
}

#tasting .steps {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    position:relative;
    margin-bottom:50px;
}

#tasting .steps .step {
    width:48%;
    margin-bottom:25px;
}

#tasting .steps .step:nth-child(n+5) {
    margin-bottom:0;
}

#tasting .steps .step .photo {
    margin-bottom:15px;
}

#tasting .steps .step .photo img {
    border-radius:100vw;
}

#tasting .steps .step .detail {
}

#tasting .steps .step .detail .number {
    font-size:200%;
    line-height:100%;
    padding-bottom:10px;
    text-align:center;
}

#tasting .steps .step .detail .ex {
    font-size:90%;
    letter-spacing:2px;
}

#tasting .steps .step .detail .attention {
    display:flex;
    padding-top:5px;
    font-size:50%;
    letter-spacing:2px;
}

#tasting .column {
    padding-top:50px;
}



/*INSTAGRAM*/
#instagram {
    background:#353c5d;
    padding:70px 0;
}

#instagram .titles {
    padding-bottom:40px;
}

#instagram .titles .brand {
    width:60%;
    margin:0 auto 20px;
}

#instagram .titles .tx {
    font-size:120%;
    line-height:100%;
    letter-spacing:3px;
    color:#fff;
}

#instagram .photos {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:30px;
}

#instagram .photos .photo {
    width:30%;
    position:relative;
    margin-bottom:20px;
}

#instagram .photos .photo:nth-child(9) {
    display:none;
}

#instagram .photos .photo:nth-child(n+7) {
    margin-bottom:0;
}

#instagram .photos .photo .icon {
    width:25px;
    position:absolute;
    top:10px;
    right:10px;
}

#instagram .more_btn {
    text-align:center;
}

#instagram .more_btn a {
    background:#fff;
    display:inline-block;
    padding:15px 30px;
}

#instagram .more_btn a p {
    color:#353c5d;
    letter-spacing:3px;
}



/*MERIT*/
#merit {
    padding:70px 0 35px;
}

#merit h2 {
    font-size:180%;
    line-height:150%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#merit .merits {
    margin:0 auto 35px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

#merit .merits .merit {
    width:40vw;
}

#merit .merits .merit:first-child {
    margin-right:15px;
}

#merit .merits .merit:last-child {
    margin-top:25px;
}

#merit .merits .merit .illust {
    width:40vw;
    height:40vw;
    margin:0 auto 15px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

#merit .merits .merit .illust .circle {
    width:40vw;
    height:40vw;
    border-radius:110px;
    background:#f5f5f7;
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
}

#merit .merits .merit .illust .image {
    position:relative;
    width:80px;
}

#merit .merits .merit .item {
    font-size:110%;
    text-align:center;
    padding-bottom:10px;
}

#merit .merits .merit .tx {
    font-size:90%;
    line-height:160%;
    letter-spacing:2px;
}

#merit .column {
    margin:auto;
}

#merit .column .customer_type {
}

#merit .column .customer_type .types {
    display:flex;
    justify-content:center;
    align-items:center;
    padding-bottom:15px;
}

#merit .column .customer_type .types .type {
    width:80px;
    height:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    border-radius:110px;
    background:#f5f5f7;
}

#merit .column .customer_type .types .plus {
    width:20px;
    margin:0 5px;
}

#merit .column .customer_type .types .type .avatar {
    width:30px;
    margin-bottom:10px;
}

#merit .column .customer_type .types .type .customer {
    font-size:50%;
    line-height:100%;
}

#merit .column .customer_type .tx {
    font-size:90%;
    letter-spacing:2px;
    line-height:160%;
}



/*LOCATION*/
#location {
    padding:70px 0 35px;
    background:#f5f5f7;
}

#location .titles {
    padding-bottom:10px;
}

#location h2 {
    font-size:135%;
    line-height:150%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#location .details {
    margin-bottom:30px;
}

#location .details .tx {
    line-height:180%;
    letter-spacing:2px;
}

#location .photos {
    display:flex;
    flex-wrap:wrap;
}

#location .photos .main {
    margin-bottom:10px;
}

#location .photos .sub {
    display:flex;
}

#location .photos .sub .photo {
    margin-right:10px;
}

#location .photos .sub .photo:last-child {
    margin-right:0;
}




/*SUPPORT*/
#support {
    padding:70px 0 35px;
}

#support .titles {
    padding-bottom:10px;
}

#support h2 {
    font-size:150%;
    line-height:150%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#support .details {
    margin-bottom:50px;
}

#support .details .photo {
    width:100%;
    margin-bottom:20px;
}

#support .details .detail {
    width:100%;
}

#support .details .detail p {
    line-height:180%;
    letter-spacing:2px;
}

#support .column {
}

#support .column .research {
}

#support .column .research .photo_area {
    width:100%;
}

#support .column .research .photo_area .photos {
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
}

#support .column .research .photo_area .photos .photo {
    width:48.5%;
}

#support .column .research .photo_area .caption {
    font-size:70%;
}

#support .column .research .tx {
    width:100%;
    font-size:90%;
    line-height:200%;
    letter-spacing:2px;
    margin-bottom:20px;
}



/*MEDIA*/
#media {
    padding:70px 0 35px;
    background:#f5f5f7;
}

#media h2 {
    font-size:200%;
    line-height:100%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#media .medias {
}

#media .medias .media {
    margin-bottom:50px;
}

#media .medias .media:last-child {
    margin-bottom:0;
}

#media .medias .media h3 {
    border-left:#353c5d 5px solid;
    padding:3px 0 3px 10px;
    margin-bottom:10px;
    letter-spacing:2px;
}

#media .medias .media h3 .fs {
    font-size:70%;
    margin-left:10px;
}

#media .medias .media .tvs {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:15px;
}

#media .medias .media .tvs .tv {
    width:48.5%;
    margin:0 3% 10px 0;
    background:#fff;
}

#media .medias .media .tvs .tv:nth-child(2n) {
    margin-right:0;
}

#media .medias .media .tvs .tv a {
    display:block;
}

#media .medias .media .tvs .tv .photo {
}

#media .medias .media .tvs .tv .detail {
    padding:15px 15px;
}

#media .medias .media .tvs .tv .detail .station {
    font-size:80%;
    letter-spacing:2px;
}

#media .medias .media .tvs .tv .detail .program {
    font-size:100%;
    letter-spacing:2px;
    padding-bottom:5px;
}

#media .medias .media .tvs .tv .detail .date {
    font-size:50%;
    letter-spacing:2px;
    color:#969696;
}

#media .medias .media .tieup {
    margin-bottom:25px;
}

#media .medias .media .tieup .info {
    margin-bottom:10px;
}

#media .medias .media .tieup .info a {
    background:#fff;
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 30px 15px 20px;
}

#media .medias .media .tieup .info .article {
}

#media .medias .media .tieup .info .article .publication {
    font-size:80%;
    letter-spacing:2px;
    padding-bottom:3px;
}

#media .medias .media .tieup .info .article .article_title {
    font-size:100%;
    line-height:150%;
    letter-spacing:2px;
}

#media .medias .media .tieup .info .arrow {
    width:10px;
    height:10px;
    border-top:#353c5d 1px solid;
    border-right:#353c5d 1px solid;
    transform:rotate(45deg);
    position:absolute;
    right:20px;
}

#media .medias .media .brands {
    display:flex;
    flex-wrap:wrap;
}

#media .medias .media .brands .brand {
    width:48.5%;
    margin:0 3% 3% 0;
}

#media .medias .media .brands .brand:nth-child(2n) {
    margin-right:0;
}



/*EXHIBITION*/
#exhibition {
    padding:70px 0 35px;
}

#exhibition .titles {
    padding-bottom:10px;
}

#exhibition h2 {
    font-size:180%;
    line-height:150%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#exhibition .exhibitions {
    margin-bottom:50px;
}

#exhibition .exhibitions .exhibition {
    margin-bottom:35px;
}

#exhibition .exhibitions .exhibition:last-child {
    margin-bottom:0;
}

#exhibition .exhibitions .exhibition h3 {
    border-left:#353c5d 5px solid;
    padding:3px 0 3px 10px;
    margin-bottom:10px;
    letter-spacing:2px;
}

#exhibition .exhibitions .exhibition .exhibition_cts {
    background:#f5f5f7;
    padding:20px 20px;
}

#exhibition .exhibitions .exhibition:nth-child(3) .exhibition_cts {
    padding:30px 20px 20px;
}

#exhibition .exhibitions .exhibition_half:nth-child(4) .exhibition:first-child .exhibition_cts {
    padding:30px 20px 20px;
}

#exhibition .exhibitions .exhibition_half:nth-child(4) .exhibition:last-child .exhibition_cts {
    display:flex;
    justify-content:center;
    align-items:center;
}

#exhibition .exhibitions .exhibition .column_half {
}

#exhibition .exhibitions .exhibition .column_half .exhibition_cts {
    width:100%;
}

#exhibition .exhibitions .exhibition .column_half .exhibition_cts:first-child {
    margin-bottom:15px;
}

#exhibition .exhibitions .exhibition_half {
}

#exhibition .exhibitions .exhibition_half .exhibition {
    width:100%;
}

#exhibition .exhibitions .exhibition_half .exhibition:first-child {
    margin-bottom:35px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .subtitle {
    font-size:120%;
    text-align:center;
    text-decoration:underline;
    padding-bottom:25px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

#exhibition .exhibitions .exhibition_half:nth-child(4) .exhibition:first-child .exhibition_cts .flows {
    align-items:flex-start;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .flow {
    width:80px;
}

#exhibition .exhibitions .exhibition:nth-child(3) .exhibition_cts .flows {
}

#exhibition .exhibitions .exhibition:nth-child(3) .exhibition_cts .flows .flow {
    margin-bottom:35px;
}

#exhibition .exhibitions .exhibition:nth-child(3) .exhibition_cts .flows .flow:nth-child(n+4) {
    margin-bottom:0;
}

#exhibition .exhibitions .exhibition:first-child .exhibition_cts .flows .flow:nth-child(2) {
    width:120px;
    padding-top:0px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .arrow {
    width:20px;
    padding-top:25px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .flow .icons {
    margin-bottom:10px;
    position:relative;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .flow .icons .icon {
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .flow .icons .item {
    position:absolute;
    top:-12px;
    left:0;
    right:0;
    text-align:center;
    margin:auto;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .flow .icons .item p {
    font-size:50%;
    line-height:100%;
    padding:5px 7px;
    background:#353c5d;
    color:#fff;
    display:inline-block;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .flow .tx {
    font-size:70%;
    text-align:center;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .detail {
    margin-left:15px;
    border-top:#353c5d 1px solid;
    border-bottom:#353c5d 1px solid;
    padding:10px 0;
    text-align:center;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .detail .tx1 {
    font-size:80%;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .detail .tx2 {
    font-size:100%;
    line-height:135%;
}

#exhibition .exhibitions .exhibition .exhibition_cts .flows .detail .tx3 {
    font-size:70%;
}

#exhibition .exhibitions .exhibition .exhibition_cts .copies {
    text-align:center;
}

#exhibition .exhibitions .exhibition .exhibition_cts .copies .item {
    letter-spacing:2px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .copies .price {
    font-size:150%;
    letter-spacing:3px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .copies .copy {
    font-size:90%;
    letter-spacing:2px;
    margin-bottom:10px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .copies .btn {
    text-align:center;
}

#exhibition .exhibitions .exhibition .exhibition_cts .copies .btn a {
    background:#353c5d;
    padding:12px 20px;
    display:inline-block;
}

#exhibition .exhibitions .exhibition .exhibition_cts .copies .btn a p {
    font-size:90%;
    line-height:100%;
    letter-spacing:2px;
    color:#fff;
}

#exhibition .exhibitions .exhibition .exhibition_cts .pr {
}

#exhibition .exhibitions .exhibition .exhibition_cts .pr .photo {
}

#exhibition .exhibitions .exhibition .exhibition_cts .exhibition_slider {
    width:100%;
    overflow:hidden;
    position:relative;
    margin-bottom:20px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .pr .steps {
    width:100%;
}

#exhibition .exhibitions .exhibition .exhibition_cts .pr .steps .step {
    display:flex;
    margin-bottom:9px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .pr .steps .step:last-child {
    margin-bottom:0;
}

#exhibition .exhibitions .exhibition .exhibition_cts .pr .steps .step .number {
    width:27px;
    height:27px;
    background:#353c5d;
    color:#fff;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:90%;
    margin-right:10px;
}

#exhibition .exhibitions .exhibition .exhibition_cts .pr .steps .step .tx {
    font-size:90%;
    letter-spacing:2px;
}

#exhibition .column {
    padding-top:55px;
}

#exhibition .column .introduction {
}

#exhibition .column .introduction .photo {
    width:100%;
    margin-bottom:20px;
}

#exhibition .column .introduction .tx {
    width:100%;
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}




/*COMPARISON*/
#comparison {
    padding:60px 0 60px;
    background:#353c5d;
}

#comparison .cts {
}

#comparison .titles .category {
    color:#fff;
}

#comparison .titles .line {
    background:#fff;
}

#comparison h2 {
    font-size:150%;
    line-height:100%;
    letter-spacing:3px;
    text-align:center;
    color:#fff;
    padding-bottom:30px;
}

#comparison table {
    width:100%;
    border-collapse:collapse;
    margin-bottom:30px;
}

#comparison table th {
    font-size:80%;
    border:#fff 1px solid;
    padding:10px;
    color:#fff;
    text-align:center;
    letter-spacing:1px;
}

#comparison table th:first-child {
    width:16%;
    border:none;
}

#comparison table th:nth-child(n+2) {
    width:28%;
}

#comparison table td {
    font-size:70%;
    border:#fff 1px solid;
    padding:10px;
    color:#fff;
    text-align:center;
    letter-spacing:1px;
}

#comparison table td .icon {
    width:35px;
    margin:0 auto 10px;
}

#comparison table td p {
    color:#fff;
    font-size:80%;
    letter-spacing:1px;
}

#comparison .summary {
    text-align:center;
    margin-bottom:30px;
}

#comparison .summary .copy {
    color:#fff;
    letter-spacing:2px;
    padding-bottom:40px;
}

#comparison .summary .case {
    width:100%;
    border:#fff 1px solid;
    position:relative;
    padding:30px 20px 20px;
    display:inline-block;
}

#comparison .summary .case .item {
    position:absolute;
    top:-20px;
    left:0;
    right:0;
}

#comparison .summary .case .item p {
    color:#fff;
    border:#fff 1px solid;
    background:#353c5d;
    display:inline-block;
    padding:10px 15px 10px 20px;
    font-size:90%;
    line-height:100%;
    letter-spacing:3px;
    
}

#comparison .summary .case .tx {
    font-size:125%;
    line-height:150%;
    letter-spacing:2px;
    color:#fff;
}

#comparison .comparison {
    display:none;
}

#comparison .comparison_btns {
    text-align:center;
}

#comparison .comparison_btns .comparison_btn {
    display:inline-block;
    cursor:pointer;
}

#comparison .comparison_btns .comparison_btn .btn_cts {
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    padding:10px 30px;
    border:#fff 1px solid;
}

#comparison .comparison_btns .comparison_btn .btn_cts .arrow {
    width:8px;
    height:8px;
    border-right:#fff 1px solid;
    border-bottom:#fff 1px solid;
    transform:rotate(45deg);
    position:absolute;
    margin-bottom:5px;
}

#comparison .comparison_btns .comparison_btn.open .btn_cts .arrow {
    transform:rotate(-135deg);
    margin:3px 0 0;
}

#comparison .comparison_btns .comparison_btn .btn_cts .arrow_left {
    left:15px;
}

#comparison .comparison_btns .comparison_btn .btn_cts .arrow_right {
    right:15px;
}

#comparison .comparison_btns .comparison_btn .btn_cts .btn_txt {
    font-size:80%;
    color:#fff;
    padding:0 15px;
    letter-spacing:2px;
}

#comparison .comparison_btns .comparison_btn .btn_cts .btn_txt:before {
    content:"他の方法との比較を見る";
}

#comparison .comparison_btns .comparison_btn.open .btn_cts .btn_txt:before {
    content:"閉じる";
}




/*PURCHASE*/
#purchase {
    padding:70px 0 35px;
}

#purchase .cts {
}

#purchase h2 {
    font-size:150%;
    line-height:100%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#purchase .copy {
    font-size:125%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#purchase .photos {
    margin:0 auto 30px;
}

#purchase .photos .swiper-wrapper {
    transition-timing-function:linear;
    margin-bottom:10px;
}

#purchase .photos .swiper-wrapper:last-child {
    margin-bottom:0;
}

#purchase .ex p {
    line-height:180%;
    letter-spacing:2px;
}





/*CUSTOMER*/
#customer {
    padding:70px 0 35px;
    background:#f5f5f7;
}

#customer .cts {
}

#customer h2 {
    font-size:200%;
    line-height:100%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#customer h3 {
    border-left:#353c5d 5px solid;
    padding:3px 0 3px 10px;
    margin-bottom:10px;
    letter-spacing:2px;
}

#customer #questionnaire {
    margin-bottom:50px;
}

#customer #questionnaire .questionnaires {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

#customer #questionnaire .questionnaires .questionnaire {
    width:31%;
    margin-bottom:15px;
}

#customer #questionnaire .questionnaires .questionnaire:nth-child(n+6) {
    margin-bottom:0;
}

#customer #questionnaire .questionnaires .questionnaire:nth-child(10) {
    display:none;
}

#customer #questionnaire .questionnaires .questionnaire img {
    border:#eee 1px solid;
}

#customer #interview {
}

#customer #interview .tabs {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:15px;
}

#customer #interview .tabs .tab {
    width:48.5%;
    padding:10px 15px;
    font-size:80%;
    letter-spacing:2px;
    cursor:pointer;
    margin-bottom:3%;
    background:#fff;
    color:#353c5d;
}

#customer #interview .tabs .tab .sama {
    font-size:80%;
}

#customer #interview .tabs .tab.on {
    background:#353c5d;
    color:#fff;
}

#customer #interview .interviews {
}

#customer #interview .interviews .interview {
    background:#fff;
    padding:25px;
}

#customer #interview .interviews .interview1 {

}

#customer #interview .interviews .interview2 {
    display:none;
}

#customer #interview .interviews .interview3 {
    display:none;
}

#customer #interview .interviews .interview4 {
    display:none;
}

#customer #interview .interviews .interview5 {
    display:none;
}

#customer #interview .interviews .interview6 {
    display:none;
}

#customer #interview .interviews .interview7 {
    display:none;
}

#customer #interview .interviews .interview8 {
    display:none;
}

#customer #interview .interviews .interview .name {
    font-size:120%;
    padding-bottom:15px;
}

#customer #interview .interviews .interview .name .sama {
    font-size:70%;
    padding-left:5px;
}

#customer #interview .interviews .interview .details {
}

#customer #interview .interviews .interview .details .photos {
    width:100%;
    margin-bottom:25px;
}

#customer #interview .interviews .interview .details .photos .photo {
    margin-bottom:10px;
}

#customer #interview .interviews .interview .details .detail {
    width:100%;
}

#customer #interview .interviews .interview .details .detail .messages {
}

#customer #interview .interviews .interview .details .detail .messages .message {
    margin-bottom:30px;
}

#customer #interview .interviews .interview .details .detail .messages .message:last-child {
    margin-bottom:0;
}

#customer #interview .interviews .interview .details .detail .messages .message h4 {
    font-size:90%;
    border-top:#353c5d 1px solid;
    border-bottom:#353c5d 1px solid;
    padding:7px 0;
    margin-bottom:10px;
    letter-spacing:2px;
}

#customer #interview .interviews .interview .details .detail .messages .message .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:2px;
}

#customer #interview .interviews .interview .official_btn {
    text-align:center;
    margin-top:30px;
}

#customer #interview .interviews .interview .official_btn a {
    display:inline-block;
    background:#353c5d;
    padding:15px 25px;
}

#customer #interview .interviews .interview .official_btn a p {
    font-size:90%;
    color:#fff;
    letter-spacing:3px;
}

#customer #interview .interviews .interview_kagoshima .details .photos .symbols {
    display:flex;
    justify-content:space-between;
}

#customer #interview .interviews .interview_kagoshima .details .photos .symbols .symbol {
    width:48.5%;
}

#customer #interview .interviews .interview_kagoshima .details .photos .symbols .marks {
    width:48.5%;
}

#customer #interview .interviews .interview_kagoshima .details .photos .symbols .marks .mark {
    margin-bottom:10px;
}

#customer #interview .interviews .interview_kagoshima .details .photos .symbols .marks .mark:last-child {
    margin-bottom:0;
}

#customer #interview .interviews .interview_kosolife .details .photos .products {
    display:flex;
    justify-content:space-between;
}

#customer #interview .interviews .interview_kosolife .details .photos .products .product {
    width:48.5%;
}

#customer #interview .interviews .interview_newnormalyard .details .photos .products {
    display:flex;
    justify-content:space-between;
}

#customer #interview .interviews .interview_newnormalyard .details .photos .products .product {
    width:48.5%;
}

#customer #interview .interviews .interview_mandi .details .photos .photo:last-child {
    width:70%;
    margin:auto;
}

#customer #interview .interviews .interview_tatuyoshi .details .photos .photo:last-child {
    width:70%;
    margin:auto;
}

#customer #interview .interviews .interview_tamaco-ya .details .photos .products {
    display:flex;
    justify-content:space-between;
}

#customer #interview .interviews .interview_tamaco-ya .details .photos .products .product {
    width:48.5%;
}

#customer #interview .interviews .interview_kikkoman .details .photos .products {
    display:flex;
    justify-content:space-between;
}

#customer #interview .interviews .interview_kikkoman .details .photos .products .product {
    width:48.5%;
}

#customer #interview .interviews .interview_umeko .details .photos .products {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

#customer #interview .interviews .interview_umeko .details .photos .products .product {
    width:48.5%;
    margin-bottom:3%;
}

#customer #interview .interviews .interview_umeko .details .photos .products .product:nth-child(n+5) {
    margin-bottom:0;
}




/*SHOP*/
#shop {
    padding:70px 0 35px;
    background:#353c5d;
}

#shop .titles .category {
    color:#fff;
}

#shop .titles .line {
    background:#fff;
}

#shop h2 {
    font-size:150%;
    line-height:100%;
    letter-spacing:3px;
    text-align:center;
    color:#fff;
    padding-bottom:35px;
}

#shop .details {
}

#shop .details .detail {
    width:100%;
}

#shop .details .detail .logo {
    width:70%;
    margin:0 auto 25px;
}

#shop .details .detail .address {
    color:#fff;
    letter-spacing:2px;
    padding-bottom:30px;
}

#shop .details .detail .access {
}

#shop .details .detail .access .en {
    font-size:70%;
    color:#fff;
}

#shop .details .detail .access ul {
margin-bottom:20px;
}

#shop .details .detail .access ul li {
    color:#fff;
    list-style:square inside;
    font-size:90%;
    letter-spacing:2px;
    line-height:180%;
}

#shop .details .map {
    width:100%;
    height:70vw;
}





/*FAQ*/
#faq {
    padding:70px 0 35px;
}

#faq .cts {
}

#faq h2 {
    font-size:150%;
    line-height:100%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#faq .faqs {
}

#faq .faqs .faq {
    margin-bottom:20px;
}

#faq .faqs .faq:last-child {
    margin-bottom:0;
}

#faq .faqs .faq .question {
    display:flex;
    align-items:center;
    cursor:pointer;
}

#faq .faqs .faq .question .item {
    width:35px;
    height:35px;
    border:#353c5d 1px solid;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    margin-right:15px;
}

#faq .faqs .faq .question .tx {
    width:calc(100% - 50px);
    font-size:100%;
    letter-spacing:1px;
}

#faq .faqs .faq .question .arrow {
    width:10px;
    height:10px;
    border-top:#353c5d 1px solid;
    border-right:#353c5d 1px solid;
    transform:rotate(45deg);
    margin-left:15px;
}

#faq .faqs .faq .question .arrow.open {
    transform:rotate(135deg);
    margin-bottom:7px;
}

#faq .faqs .faq .answer_cts {
    display:none;
    margin:12px 0 40px;
}

#faq .faqs .faq:last-child .answer_cts {
    margin-bottom:0;
}

#faq .faqs .faq .answer {
    display:flex;
    justify-content:space-between;
}

#faq .faqs .faq .answer .item {
    width:35px;
    height:35px;
    background:#f5f5f7;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}

#faq .faqs .faq .answer .tx {
    width:calc(100% - 50px);
    letter-spacing:1px;
}





/*CONTACT*/
#contact {
    padding:70px 0 35px;
    background:#f5f5f7;
}

#contact .cts {
}

#contact h2 {
    font-size:150%;
    line-height:100%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

#contact .base {
    background:#fff;
    padding:25px 25px;
}

#contact .base .intro {
}

#contact .base .intro h3 {
    font-size:135%;
    letter-spacing:2px;
    padding-bottom:5px;
    text-align:center;
}

#contact .base .intro .tx {
    letter-spacing:2px;
    padding-bottom:5px;
}

#contact .base .intro .attention {
    display:flex;
    font-size:70%;
    letter-spacing:2px;
}

#contact .forms {
    margin-top:20px;
    padding-top:15px;
    border-top:#eee 1px solid;
}

#contact .forms .form {
    border-bottom:#eee 1px solid;
    padding-bottom:15px;
    margin-bottom:15px;
}

#contact .forms .form:last-child {
    align-items:flex-start;
}

#contact .forms .form .items {
    width:100%;
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

#contact .forms .form .items .required {
    font-size:70%;
    line-height:100%;
    padding:4px 5px;
    background:#353c5d;
    color:#fff;
}

#contact .forms .form .items .any {
    font-size:70%;
    line-height:100%;
    padding:4px 5px;
    border:#353c5d 1px solid;
}

#contact .forms .form .items .item {
    margin-left:10px;
    letter-spacing:2px;
}

#contact .forms .form .detail {
    width:100%;
}

#contact .btns {
    display:flex;
    justify-content:center;
}

#contact .btns .btn {
    margin:0 5px;
}

#contact .style_category {
    width:100%;
}

#contact .style_name {
    width:100%;
}

#contact .style_kana {
    width:100%;
}

#contact .style_biz_name {
    width:100%;
}

#contact .style_url {
    width:100%;
}

#contact .style_mail {
    width:100%;
}

#contact .style_tel {
    width:100%;
}

#contact .style_detail {
    width:100%;
    height:300px;
}

#contact .style_fix {
    background:#aaa;
    color:#fff;
    border:none;
    padding:15px 30px;
    letter-spacing:2px;
    cursor:pointer;
}

#contact .style_submit {
    background:#353c5d;
    color:#fff;
    border:none;
    padding:15px 30px;
    letter-spacing:2px;
    cursor:pointer;
}

input,textarea,select {
    padding:12px 15px;
    letter-spacing:2px;
}

#contact .warning {
    font-size:80%;
    color:#f03264;
}

#contact .warning.block {
    display:block;
    margin-top:5px;
}


/*FINISH*/
#contact .finish .intro {
}

#contact .finish .intro .attention {
    justify-content:center;
}

#contact .finish .backbtn {
    text-align:center;
}

#contact .finish .backbtn a {
    margin-top:35px;
    display:inline-block;
    border:#353c5d 1px solid;
    padding:12px 15px;
}

#contact .finish .backbtn a p {
    font-size:80%;
    line-height:100%;
    letter-spacing:3px;
}




/*EXHIBITOR*/
#exhibitor {
    padding:50px 0;
    background:#f5f5f7;
}

#exhibitor .cts {
}

#exhibitor h2 {
    font-size:150%;
    line-height:100%;
    letter-spacing:3px;
    text-align:center;
    padding-bottom:30px;
}

.exhibitor_list {
}

.exhibitor_list .exhibitors {
    display:flex;
    flex-wrap:wrap;
    padding-bottom:10px;
}

.exhibitor_list .exhibitors .exhibitor {
    width:48%;
    margin:0 4% 4% 0;
}

.exhibitor_list .exhibitors .exhibitor:nth-child(2n) {
    margin-right:0;
}

.exhibitor_list .exhibitors .exhibitor a {
}

.exhibitor_list .exhibitors .exhibitor a .photo {
    height:30vw;
    overflow:hidden;
}

.exhibitor_list .exhibitors .exhibitor a .name {
    background:#fff;
    padding:0 15px;
    text-align:center;
    min-height:80px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.exhibitor_list .exhibitors .exhibitor a .name p {
    font-size:100%;
    line-height:135%;
}

.exhibitor_list .exhibitors .exhibitor a .name p .sama {
    font-size:80%;
    padding-left:10px;
}

.exhibitor_more {
    text-align:center;
}

.exhibitor_more a {
    background:#353c5d;
    padding:15px 25px;
    display:inline-block;
}

.exhibitor_more a p {
    font-size:90%;
    color:#fff;
}

#exhibitor .pagenation {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
}

#exhibitor .pagenation a {
    min-width:20px;
    border:#353c5d 1px solid;
    padding:7px 9px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 4px;
}

#exhibitor .pagenation a.none {
    border:#353c5d 1px dotted;
    pointer-events:none;
    opacity:0.5;
}

#exhibitor .pagenation a.now {
    background:#353c5d;
    border:#353c5d 1px solid;
    pointer-events:none;
}

#exhibitor .pagenation a p {
    font-size:70%;
    line-height:100%;
}

#exhibitor .pagenation a.now p {
    color:#fff;
}

#exhibitor .interview {
    background:#fff;
    padding:25px;
}

#exhibitor .interview .name {
    font-size:150%;
    letter-spacing:3px;
    padding-bottom:15px;
    text-align:center;
}

#exhibitor .interview .name .sama {
    font-size:70%;
    padding-left:10px;
}

#exhibitor .interview .details {
}

#exhibitor .interview .details .photos {
    width:100%;
    margin-bottom:30px;
}

#exhibitor .interview .details .photos .photo {
    margin-bottom:10px;
}

#exhibitor .interview .details .photos .photo:last-child {
    margin-bottom:0;
}

#exhibitor .interview .details .detail {
    width:100%;
}

#customer #interview .interviews .interview .details .detail .messages {
}

#exhibitor .interview .details .detail .messages .message {
    margin-bottom:35px;
}

#exhibitor .interview .details .detail .messages .message:last-child {
    margin-bottom:0;
}

#exhibitor .interview .details .detail .messages .message h4 {
    font-size:90%;
    border-top:#353c5d 1px solid;
    border-bottom:#353c5d 1px solid;
    padding:9px 0;
    margin-bottom:10px;
    letter-spacing:1px;
}

#exhibitor .interview .details .detail .messages .message .tx {
    font-size:90%;
    line-height:180%;
    letter-spacing:1px;
}

#exhibitor .interview .official_btn {
    text-align:center;
    margin-top:50px;
}

#exhibitor .interview .official_btn a {
    display:inline-block;
    background:#353c5d;
    padding:15px 25px;
}

#exhibitor .interview .official_btn a p {
    font-size:90%;
    color:#fff;
    letter-spacing:3px;
}

#customer #interview .interviews .interview_kikkoman .details .photos .products {
    display:flex;
    justify-content:space-between;
}

#customer #interview .interviews .interview_kikkoman .details .photos .products .product {
    width:145px;
}

.backbtn {
    text-align:center;
    padding-top:30px;
}

.backbtn a {
    display:inline-block;
    border:#353c5d 1px solid;
    padding:12px 25px;
}

.backbtn a p {
    font-size:90%;
    letter-spacing:3px;
    color:#353c5d;
}






/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:50px;
height:50px;
right:15px;
bottom:15px;
z-index:100;
display:none;
}



/*FOOTER*/
footer {
padding:0 0 25px;
background:#f5f5f7;
}

footer .copyright {
font-size:50%;
text-align:center;
}



/*SWIPER*/
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
z-index: 10;
cursor: pointer;
background-size: 30px 30px;
background-position: center;
background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url(../img/slide_prev.svg);
left: 0;
right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url(../img/slide_next.svg);
right: 0;
left: auto;
}




}