@charset "utf-8";
/* Respond css */

@media screen and (min-width: 1200px) {
    .banner .pc-banner {
        display: block;
    }

    .banner .mb-banner {
        display: none;
    }

    /* .index-2{padding:80px 0 280px 0;} */
    /* .index-2 .con-box{width:100%;} */
    .index-2 .con-box .left {
        padding: 100px 0;
    }

    .index-2 .con-box .right .title p:nth-child(1) {
        font-size: 50px;
        line-height: 50px;
    }

    .index-2 .con-box .right .title p:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
    }

    .index-2 .con-box .card {
        bottom: -180px;
        left: 30%;
        width: 40%;
        height: 180px;
    }

    /* .index-4{padding:100px 0 50px 0;} */
    .index-4 .con-box {
        padding: 90px 0 50px 0;
    }

    .index-4 .con-box>h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .index-4 .con-box>p {
        font-size: 14px;
        line-height: 14px;
    }

    /* .index-4 .card{position:absolute;bottom:0;left:8%;width:350px;padding-top:50px;}
    .index-4 .card h1{font-size:26px;line-height:36px;}
    .index-4 .card p{font-size:14px;line-height:14px;}
    .index-4 .card a{margin:30% auto 0 auto;width:130px;height:50px;line-height:50px;} */
    .index-5 {
        padding: 100px 0;
    }

    .index-5 .box {
        width: 80%;
        margin: auto;
    }

    .index-5 h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .index-5 p {
        font-size: 16px;
        line-height: 16px;
    }

    .index-5 .list {
        padding-top: 30px;
    }

    .index-5 .list .item {
        width: 20%;
    }

    /* .index-6{padding:0 20px 50px 20px;} */
    .index-6 .box {
        padding: 90px 0 50px 0;
    }

    .index-6 .box>h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .index-6 .box>p {
        font-size: 14px;
        line-height: 14px;
    }

    .index-6 .list {
        padding-top: 50px;
    }

    .index-6 .list .item {
        width: 25%;
        padding: 20px;
    }

    .index-6 .list .item .img {
        height: 160px;
    }

    .min-banner {
        height: 400px;
    }

    .product-view {
        max-width: 900px;
    }

    .product-list {
        padding: 50px 10%;
    }

    .product-list .item {
        width: 25%;
        padding: 10px;
    }

    /* .view-page{padding:50px 25%;} */
    .article-list {
        padding: 50px 10%;
    }

    .article-list .item {
        width: 25%;
        padding: 10px;
        min-height: 250px;
    }

    .article-view {
        max-width: 900px;
    }

    .article-view h1 {
        padding: 50px 0 20px 0;
        font-size: 30px;
    }

    .article-view .info span:nth-child(2) {
        margin-left: 20px;
    }

    .article-view .content {
        padding-top: 50px;
    }

    .store-list {
        padding: 50px 10%;
    }

    .store-list .item {
        width: 48%;
        margin: 1%;
    }

    .page-show {
        max-width: 900px;
    }

    .page-show h1 {
        font-size: 30px;
        line-height: 40px;
        padding: 50px 0 0 0;
    }

    .page-show .ex-title {
        font-size: 20px;
    }

    .page-show .page-content {
        padding-top: 50px;
        display: none;
    }

    .album-history {
        padding-top: 80px;
    }

    .album-history .history-list {
        padding: 80px 0 80px 0;
    }

    .album-history .history-list li {
        width: 33.33%;
        margin-bottom: 10px;
    }

    .album-history .history-list .img {
        height: 300px;
    }

    .album-history .history-list .content-box {
        height: 300px;
        padding: 50px;
    }

    .album-history .content-box h1 {
        font-size: 26px;
    }

    .album-history .content {
        padding-top: 10px;
        font-size: 12px;
    }

    .album-story {
        padding: 80px 0 80px 0;
    }

    .album-story h1 {
        font-size: 30px;
    }

    .album-story ul {
        padding-top: 80px;
    }

    .album-story ul li {
        height: 300px;
    }

    .album-story ul .content-box {
        width: 40%;
    }

    .album-story ul .img {
        width: 60%;
    }

    .album-story .odd .content {
        padding-right: 5%;
    }

    .album-story .even .content-box {
        padding-left: 5%;
    }

    .index-5 .pc {
        display: block;
    }

    .index-5 .mb {
        display: none;
    }

    .page-contact h1 {
        font-size: 26px;
    }

    .page-contact p {
        font-size: 14px;
    }

    .page-contact .form .input-1 {
        display: flex;
    }

    .page-contact .form .input-1>div {
        flex: 1;
    }

    .page-show h1 {
        display: none;
    }

    .page-show .ex-title {
        display: none;
    }

    .album-story-mb {
        display: none;
    }

    .article-case-list {
        padding: 50px 10%;
    }

    .article-case-list .item {
        width: 33.33%;
        padding: 20px;
    }
}

@media screen and (min-width:700px) and (max-width: 1200px) {
    .banner .pc-banner {
        display: block;
    }

    .banner .mb-banner {
        display: none;
    }

    /* .index-2{padding:50px 0 200px 0;} */
    /* .index-2 .con-box{width:100%;} */
    .index-2 .con-box .left {
        padding: 100px 0;
    }

    .index-2 .con-box .right .title p:nth-child(1) {
        font-size: 50px;
        line-height: 50px;
    }

    .index-2 .con-box .right .title p:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
    }

    .index-2 .con-box .card {
        bottom: -150px;
        left: 20%;
        width: 50%;
        height: 150px;
    }

    /* .index-4{padding:100px 0 50px 0;} */
    .index-4 .con-box {
        padding: 90px 0 50px 0;
    }

    .index-4 .con-box>h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .index-4 .con-box>p {
        font-size: 14px;
        line-height: 14px;
    }

    /* .index-4 .card{position:absolute;bottom:0;left:8%;width:250px;padding-top:10px;}
    .index-4 .card h1{font-size:40px;line-height:40px;}
    .index-4 .card p{font-size:18px;line-height:20px;}
    .index-4 .card a{margin:30% auto 0 auto;width:130px;height:50px;line-height:50px;} */
    .index-5 {
        padding: 100px 0;
    }

    .index-5 .box {
        width: 80%;
        margin: auto;
    }

    .index-5 h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .index-5 p {
        font-size: 16px;
        line-height: 16px;
    }

    .index-5 .list {
        padding-top: 30px;
    }

    .index-5 .list .item {
        width: 20%;
    }

    /* .index-6{padding:0 20px 50px 20px;} */
    .index-6 .box {
        padding: 90px 0 50px 0;
    }

    .index-6 .box>h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .index-6 .box>p {
        font-size: 14px;
        line-height: 14px;
    }

    .index-6 .list {
        padding-top: 50px;
    }

    .index-6 .list .item {
        width: 25%;
        padding: 20px;
    }

    .index-6 .list .item .img {
        height: 160px;
    }

    .product-list {
        padding: 50px 10%;
    }

    .product-list .item {
        width: 33.33%;
        padding: 10px;
    }

    .product-view {
        padding-top: 100px;
    }

    .product-view h1 {
        width: 60%;
        margin: auto;
    }

    .product-view h2 {
        width: 60%;
        margin: 15px auto 0 auto;
    }

    .product-view .content {
        width: 60%;
        margin: auto;
    }

    .product-view .img {
        width: 60%;
    }

    .view-page {
        padding: 50px 20%;
    }

    .article-list {
        padding: 50px 10%;
    }

    .article-list .item {
        width: 33.33%;
        padding: 10px;
        min-height: 200px;
    }

    .article-view {
        padding: 0 40px;
    }

    .article-view h1 {
        padding: 50px 0 20px 0;
        font-size: 30px;
    }

    .article-view .info span:nth-child(2) {
        margin-left: 20px;
    }

    .article-view .content {
        padding-top: 50px;
    }

    .store-list {
        padding: 50px 10%;
    }

    .store-list .item {
        width: 48%;
        margin: 1%;
    }

    .page-show {
        padding: 0 60px
    }

    .page-show h1 {
        font-size: 30px;
        line-height: 40px;
        padding: 50px 0 0 0;
    }

    .page-show .ex-title {
        font-size: 20px;
    }

    .page-show .page-content {
        padding-top: 50px;
        display: none;
    }

    .album-history {
        padding: 80px 40px 0 40px;
    }

    .album-history .history-list {
        padding: 80px 0 80px 0;
    }

    .album-history .history-list li {
        width: 50%;
        margin-bottom: 10px;
    }

    .album-history .history-list .img {
        height: 250px;
    }

    .album-history .history-list .content-box {
        height: 250px;
        padding: 20px;
    }

    .album-history .content-box h1 {
        font-size: 20px;
    }

    .album-history .content {
        padding-top: 10px;
        font-size: 12px;
    }

    .album-story {
        padding: 80px 0 80px 0;
    }

    .album-story h1 {
        font-size: 26px;
    }

    .album-story {
        padding: 80px 40px 80px 40px;
    }

    .album-story h1 {
        font-size: 30px;
    }

    .album-story ul {
        padding-top: 80px;
    }

    .album-story ul li {
        height: 300px;
    }

    .album-story ul .content-box {
        width: 40%;
    }

    .album-story ul .img {
        width: 60%;
    }

    .album-story .odd .content {
        padding-right: 5%;
    }

    .album-story .even .content-box {
        padding-left: 5%;
    }

    .index-5 .pc {
        display: block;
    }

    .index-5 .mb {
        display: none;
    }

    .page-contact {
        padding: 0 40px;
    }

    .page-contact h1 {
        font-size: 24px;
    }

    .page-contact p {
        font-size: 14px;
    }

    .page-contact .form .input-1 {
        display: flex;
    }

    .page-contact .form .input-1>div {
        flex: 1;
    }

    .page-show h1 {
        display: none;
    }

    .page-show .ex-title {
        display: none;
    }

    .album-story-mb {
        display: none;
    }

    .article-case-list {
        padding: 50px 10%;
    }

    .article-case-list .item {
        width: 50%;
        padding: 20px;
    }

}

/* @media screen and (min-width:700px) and (max-width: 1080px){

} */

@media screen and (min-width:700px) and (max-width: 900px) {
    .store-div_exhi1 {
        padding: 0 20px;
    }

    .store-div_exhi1 .lf .store-title {
        font-size: 18px !important;
        text-align: center;
    }

    .store-div_exhi1 .lf .store-title::after {
        width: 50px !important;
        height: 2px !important;
        left: 0;
        right: 0;
        bottom: -10px !important;
        margin: auto;
    }
}

@media screen and (max-width: 700px) {
    .banner .pc-banner {
        display: none;
    }

    .banner .mb-banner {
        display: block;
    }

    /* .index-2{padding:50px 0 200px 0;}
    .index-2 .con-box{width:90%;margin:auto;} */
    .index-2 .con-box {
        padding: 0 10px 50px 10px;
    }

    .index-2 .con-box .left {
        padding: 50px 0;
    }

    .index-2 .con-box .left {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .index-2 .con-box .left img {
        width: 100%;
    }

    .index-2 .con-box .right {
        width: 100%;
        padding: 0 5% 0 5%;
    }

    .index-2 .con-box .right .title p:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
    }

    .index-2 .con-box .right .title p:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
    }

    .index-2 .con-box .card {
        bottom: -155px;
        width: 100%;
        height: 150px;
    }

    .index-3 .title {
        height: 50px;
        font-size: 30px;
        line-height: 50px;
    }

    /* .index-4{padding:50px 0 50px 0%;} */
    .index-4 .con-box {
        width: 100%;
        padding: 50px 0 50px 0;
    }

    .index-4 .con-box>h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .index-4 .con-box>p {
        font-size: 14px;
        line-height: 14px;
    }

    /* .index-4 .card{width:100%;padding-top:20px;}
    .index-4 .card h1{font-size:28px;line-height:28px;}
    .index-4 .card p{font-size:14px;line-height:14px;}
    .index-4 .card a{margin:10px auto 0 auto;width:130px;height:40px;line-height:40px;} */
    .index-5 {
        padding: 50px 0;
    }

    .index-5 .box {
        width: 80%;
        margin: auto;
    }

    .index-5 h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .index-5 p {
        font-size: 16px;
        line-height: 16px;
    }

    .index-5 .list {
        padding-top: 30px;
    }

    .index-5 .list .item {
        width: 50%;
    }

    /* .index-6{padding:0 10px 50px 10px;} */
    .index-6 .box {
        padding: 36px 10px 50px 10px;
    }

    .index-6 .box>h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .index-6 .box>p {
        font-size: 14px;
        line-height: 14px;
    }

    .index-6 .list {
        padding-top: 50px;
    }

    .index-6 .list .item {
        width: 100%;
        padding: 10px;
    }

    .index-6 .list .item .img {
        height: 160px;
    }

    .product-list {
        padding: 50px 10%;
    }

    .product-list .item {
        width: 100%;
        padding: 10px;
    }

    .product-view {
        width: 80%;
        padding-top: 80px;
    }

    .product-view h1 {
        padding: 15px 0 10px 0;
    }

    .product-view .img {
        width: 100%;
    }

    .product-view .content a {
        text-decoration: underline;
    }

    .view-page {
        padding: 50px 0;
    }

    .view-page a {
        margin-top: 10px;
    }

    .article-list {
        padding: 50px 10%;
    }

    .article-list .item {
        width: 100%;
        padding: 10px;
    }

    .article-view {
        padding: 0 40px;
    }

    .article-view h1 {
        padding: 50px 0 20px 0;
        font-size: 20px;
    }

    .article-view .info {
        text-align: left;
    }

    .article-view .info span:nth-child(2) {
        display: block;
    }

    .article-view .content {
        padding-top: 10px;
    }

    .store-list {
        padding: 50px 10%;
    }

    .store-list .item {
        width: 100%;
        margin: 0 0 10% 0;
    }

    .page-show {
        padding: 0 40px
    }

    .page-show h1 {
        font-size: 20px;
        line-height: 40px;
        padding: 50px 0 0 0;
    }

    .page-show .ex-title {
        font-size: 20px;
    }

    .page-show .page-content {
        padding-top: 30px;
        text-align: justify;
    }

    .page-show .page-content-pc {
        display: none;
    }

    .album-history {
        padding: 30px 40px 0 40px;
    }

    .album-history .top .title {
        width: 100%;
    }

    .album-history .top .title h1 {
        font-size: 20px;
    }

    .album-history .top .summary {
        width: 100%;
    }

    .album-history .top .summary h2 {
        font-size: 16px;
    }

    .album-history .top .summary p {
        font-size: 14px;
        padding-top: 20px;
    }

    .album-history .history-list {
        padding: 40px 0 80px 0;
    }

    .album-history .history-list li {
        width: 100%;
        margin-bottom: 10px;
    }

    .album-history .history-list .img {
        height: 200px;
    }

    .album-history .history-list .content-box {
        height: 200px;
        padding: 20px;
    }

    .album-history .content-box h1 {
        font-size: 20px;
    }

    .album-history .content {
        padding-top: 10px;
        font-size: 12px;
    }

    .album-story {
        padding: 50px 40px 50px 40px;
    }

    .album-story h1 {
        font-size: 30px;
    }

    .album-story ul {}

    .album-story ul li {
        padding-top: 30px;
        margin-bottom: 0;
    }

    .album-story ul .content-box {
        width: 100%;
    }

    .album-story ul .content {
        padding: 10px 0 20px 0 !important;
    }

    .album-story ul .img {
        width: 100%;
    }

    .album-story ul li:nth-child(1)::before {
        top: 40px;
    }

    .album-story ul li:nth-child(2)::before {
        top: 50px;
        right: -100px;
        font-size: 80px;
    }

    .index-5 .pc {
        display: none;
    }

    .index-5 .mb {
        display: block;
    }

    .page-contact {
        padding: 0 40px 50px 40px;
    }

    .page-contact h1 {
        font-size: 24px;
        margin-top: 50px;
    }

    .page-contact p {
        font-size: 14px;
    }

    .page-contact .text-1 a {
        display: block;
        margin: 0;
    }

    .page-contact .form .input-1>div {
        padding: 0;
    }

    .album-story-pc {
        display: none;
    }

    .article-case-list {
        padding: 50px 40px;
    }

    .article-case-list .item {
        width: 100%;
        padding: 10px;
    }

    .article-case-list .item h1 {
        font-size: 14px;
    }

    .store-div_exhi1 {
        padding: 0 20px;
    }

    .store-div_exhi1 .lf .store-title {
        font-size: 18px !important;
        text-align: center;
    }

    .store-div_exhi1 .lf .store-title::after {
        width: 50px !important;
        height: 2px !important;
        left: 0;
        right: 0;
        bottom: -10px !important;
        margin: auto;
    }
}