@charset "utf-8";
        html,
        body {
            font-family: 游明朝体;
            font-weight: lighter;
            font-style: normal;
            color: #000000;
        }
        
        body {
            min-width: 1200px;
        }
        
        li {
            list-style: none;
        }
        
        a {
            text-decoration: none;
            cursor: pointer;
            color: inherit;
        }
        
        a:hover {
            opacity: 0.7;
        }
        /* ヘッダー */
        
        #mainvisual {
            width: 100%;
            height: calc( 100vh - 10vh - 70px);
            z-index: 10;
            background: #000;
        }
        
        .site-title {
            opacity: 0.3;
            object-fit: cover;
            object-position: center;
            width: 536px;
            height: 232px;
            position: fixed;
            z-index: 40;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }
        
        .site-title img {
            width: 100%;
        }
        
        header {
            font-family: "游ゴシック体", YuGothic;
        }
        
        .shop-header1 {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            width: 100%;
            margin: 0 auto;
        }
        
        #mainvisual2 {
            background: #000;
            height: 90px;
        }
        
        /* index.html のサイトタイトル */
        .site-title-fixed1 {
            background: url(../img/logo-yoko2.png);
            width: 33%;
            margin: 0 auto;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            opacity: 0.3;
            background-size: 100%;
            padding-top: 8%;
            display: none;
        }
        .site-title-fixed {
            background: url(../img/logo-yoko2.png);
            width: 33%;
            margin: 0 auto;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            opacity: 0.3;
            background-size: 100%;
            padding-top: 8%;
        }

       
        

        
        .menu-list {
            width: 100%;
            height: 10vh;
            padding: 0 15%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            text-align: center;
            background: #000;
            position: relative;
        }
        
        .menu-list li {
            padding: 1%;
            display: block;
            cursor: pointer;
        }
        
        .menu-list li a {
            cursor: pointer;
            font-size: 14px;
            color: #fff;
            line-height: 10vh;
        }
        
        .menu {
            display: none;
        }
        /* ドロップダウンメニュー */
        
        .dropdown-menu {
            background: #76637A;
            display: none;
            width: 100%;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .dropdown-menu ul {
            display: flex;
            flex-wrap: wrap;
            padding: 0 20%;
        }
        
        .dropdown-menu ul li {
            width: calc(100%/3);
            text-align: center;
        }
        
        .dropdown-menu ul li a {
            color: #fff;
        }
        
        .dropdown-menu.SlideOut {
            animation: SlideOut 1s forwards;
        }
        
        @keyframes SlideOut {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(-200px);
            }
        }
        
        .dropdown-menu.SlideIN {
            animation: SlideIN 1s forwards;
        }
        
        @keyframes SlideIN {
            from {
                transform: translateX(-200px);
            }
            to {
                transform: translateX(0);
            }
        }
        /*========= 上部固定させるためのCSS ===============*/
        /* 下線 */
        
        .hover {
            position: relative;
            display: inline-block;
            transition: .3s;
        }
        
        .hover::after {
            position: absolute;
            bottom: 30%;
            left: 50%;
            content: '';
            width: 0;
            height: 2px;
            background-color: #fff;
            transition: .3s;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        
        .hover:hover::after {
            width: 100%;
        }
        /* ハンバーガーメニューの非表示 */
        
        #g-nav {
            display: none;
        }
        /* トップ フレックス */
        
        .top-img-list {
            display: flex;
        }
        
        .top-img-list li {
            width: calc( 100% / 3);
        }
        
        .top-img-list li img {
            width: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .top-img2 {
            display: none;
        }
        /* トップニュース */
        
        .news-inner {
            width: 89%;
            margin: 6% auto;
            display: flex;
        }
        
        .news-title {
            width: 11%;
        }
        
        .news-article {
            width: 80%;
            text-align: left;
            font-size: 16px;
            line-height: 2;
            overflow-y: scroll;
            height: 100px;
        }
        
        .news-article .time:not(:first-child) {
            font-family: 游明朝体;
            font-weight: lighter;
            margin-top: 5%;
        }
        /* プロジェクトについて */
        
        #about {
            background: url(../img/bg.png);
            background-position: center;
            background-size: cover;
            padding-bottom: 6%;
        }
        
        .about-inner {
            width: 67%;
            margin: 0 auto;
            text-align: center;
        }
        
        .about-title {
            padding: 6% 0 1% 5%;
        }
        
        .about-content {
            font-family: 游ゴシック体;
            font-weight: bold;
            margin-top: 4%;
        }
        
        .project-title1 {
            font-size: 29px;
            line-height: 1.4;
            margin-bottom: 4%;
        }
        
        .project-title1 br {
            display: none;
        }
        
        .about-sub-title {
            width: 95%;
            font-family: 游ゴシック体;
            font-size: 18px;
            display: inline;
            background: linear-gradient(transparent 30%, #D5BC6B4D 30%);
        }
        
        .can-txt {
            font-size: 19px;
            line-height: 2.5;
            margin-top: 7%;
            font-family: 游明朝体;
            font-weight: lighter;
        }
        
        .about-inner p {
            font-size: 15px;
            letter-spacing: 0;
            line-height: 2;
            text-align: left;
            padding-top: 1%;
        }
        
        .gpr {
            font-family: garamond-premier-pro, serif;
            font-weight: 500;
            font-style: normal;
        }
        
        .gpr h2 {
            font-size: 34px;
            letter-spacing: 1.2px;
            line-height: 1.3;
        }
        
        .gpr h3 {
            font-size: 20px;
            letter-spacing: -0.6px;
            line-height: 0.7;
            padding-top: 15px;
        }
        /* 産地について */
        
        #origin {
            background: #000;
            color: #fff;
        }
        
        .origin-top-flex {
            padding-bottom: 2%;
        }
        
        .origin-top-list {
            display: flex;
        }
        
        .origin-top-list li {
            width: calc( 100% / 3);
            height: 100%;
            object-fit: contain;
            object-position: center;
        }
        
        .origin-top-list li img {
            width: 100%;
        }
        
        .origin-content {
            padding: 5% 5%;
        }
        
        .origin-block {
            display: block;
            margin-top: 5%;
        }
        
        .origin-block-list {
            display: flex;
            width: 100%;
        }
        
        .origin-block-list li {
            width: calc( 100% / 3);
        }
        
        .textile-title {
            font-family: 游明朝体;
            font-weight: lighter;
            font-style: normal;
            font-size: 20px;
            padding-top: 6%;
        }
        
        .textile-title span {
            font-family: garamond-premier-pro;
            font-size: 20px;
        }
        
        .textile-txt {
            font-size: 15px;
            padding-top: 2%;
            height: 450px;
            width: 92%;
            margin: 0 auto;
            line-height: 2;
        }
        
        .textile-txt br {
            font-size: 16px;
            padding-bottom: 2%;
        }
        
        .textile-img {
            width: 100%;
            object-fit: cover;
            object-position: center;
            padding: 2% 0;
        }
        
        .textile-img img {
            width: 100%;
            height: 223px;
        }
        
        .place {
            width: 100%;
            object-fit: cover;
            object-position: center;
            padding: 6% 0;
        }
        
        .place img {
            width: 100%;
        }
        /* クレジット */
        
        #credit {
            background: url(../img/bg.png);
            background-position: center;
            background-size: cover;
            padding-bottom: 4%;
        }
        
        .credit-inner {
            width: 89%;
            margin: 0 auto;
            display: flex;
            padding-top: 9%;
        }
        
        .credit-title {
            width: 23%;
        }
        
        .credit-content {
            width: 77%;
            font-family: 游ゴシック体;
            font-size: 14px;
            line-height: calc( 24 / 14);
        }
        
        .credit-content p {
            margin-bottom: 2%;
        }
        
        .credit-block {
            width: 45%;
        }
        
        .credit-block dl {
            padding-bottom: 5%;
        }
        /* フッター */
        
        .footer-inner {
            display: flex;
            justify-content: space-between;
            width: 89%;
            margin: 4% auto;
        }
        
        .footer-logo {
            width: 50%;
            height: 50%;
        }
        
        .footer-logo img {
            width: 100%;
        }
        
        .footer-right-up ul {
            display: flex;
            justify-content: flex-end;
            font-family: 游ゴシック体;
            font-weight: bold;
            margin-bottom: 8%;
            font-size: 11px;
            gap: 8%;
        }
        
        .contact-link {
            display: block;
        }
        
        .privacy {
            display: block;
        }
        
        .footer-right-down {
            display: flex;
            justify-content: flex-end;
        }
        
        .footer-right-down p {
            font-family: 游ゴシック体;
            font-weight: lighter;
            font-size: 12px;
        }
        
        .copy-right {
            font-size: 14px;
            font-family: Nimbus Sans;
            color: #7C7C7C;
        }
        /* ============= お問い合わせ ============== */
        /* カタログについて */
        
        #contact-catalog {
            background: url(../img/bg.png);
            background-position: center;
            background-size: cover;
        }
        
        .contact-catalog-inner {
            padding: 7%;
            padding-bottom: 1%;
        }
        
        .contact-title {
            font-family: 游明朝体;
            font-size: 33px;
            font-weight: lighter;
            font-style: normal;
        }
        
        .contact-catalog-flex {
            margin-top: 5%;
            display: flex;
        }
        
        .contact-catalog-left {
            width: 30%;
            text-align: justify;
        }
        
        .contact-catalog-left p {
            font-size: 16px;
            line-height: 1.6;
        }
        
        .contact-catalog-left p span {
            font-family: 游ゴシック体;
            font-weight: bold;
            font-size: 16px;
            padding-top: 9%;
            display: block;
        }
        
        .contact-catalog-right {
            width: 62%;
            margin-left: 5%;
        }
        
        .contact-catalog-right dl {
            display: block;
            width: 100%;
            font-family: 游ゴシック体;
            font-style: normal;
            font-weight: lighter;
            font-size: 14px;
        }
        
        .contact-catalog-right dd {
            padding-bottom: 2%;
        }
        /* お問い合わせ */
        
        #contact {
            background: url(../img/bg.png);
            background-position: center;
            background-size: cover;
            margin-bottom: 10%;
            padding-top: 3%;
            padding-bottom: 5%;
        }
        
        .contact-inner {
            padding: 0 7%;
        }
        
        .contact-block {
            display: block;
            width: 100%;
            background: #fff;
            padding: 11% 6% 5% 6%;
        }
        
        .contact-block dl {
            display: flex;
            width: 70%;
            margin: 0 auto;
            margin-bottom: 4%;
        }
        
        .contact-block dl dt {
            width: 23%;
            margin-right: 3%;
        }
        
        .contact-block dl dd {
            width: 75%;
        }
        
        textarea {
            width: 100%;
            border: 1px solid #3B4043;
        }
        
        input {
            width: 100%;
            height: 40px;
            border: 1px solid #3B4043;
        }
        
        label {
            font-size: 16px;
            font-family: DNP 秀英角ゴシック銀 Std;
            font-weight: bold;
        }
        
        .privacypolicy {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 0 auto;
            position: relative;
            padding-left: 10%;
        }
        
        #privacy {
            width: 30%;
            margin-top: 3%;
        }
        
        .privacy-txt {
            margin-left: 1%;
            display: flex;
        }
        
        .privacy-txt a {
            text-decoration: underline;
            font-family: DNP 秀英角ゴシック銀 Std;
            font-weight: bold;
        }
        
        .privacypolicy input[type="checkbox"] {
            display: none;
        }
        
        .privacypolicy input[type="checkbox"]+label::before {
            content: "";
            position: absolute;
            display: block;
            box-sizing: border-box;
            width: 30px;
            height: 30px;
            margin-top: -10px;
            left: 0;
            top: 50%;
            border: 1px solid;
            border-color: #585753;
            /* 枠の色変更 お好きな色を */
            background-color: #FFF;
            /* 背景の色変更 お好きな色を */
        }
        /* チェックが入った時のレ点 */
        
        .privacypolicy input[type="checkbox"]:checked+label::after {
            content: "";
            position: absolute;
            display: block;
            box-sizing: border-box;
            width: 18px;
            height: 9px;
            margin-top: -9px;
            top: 75%;
            left: 7px;
            transform: rotate(-45deg);
            border-bottom: 3px solid;
            border-left: 3px solid;
            border-color: #585753;
            /* チェックの色変更 お好きな色を */
        }
        
        .contact-btn {
            width: 90%;
            height: 40px;
            line-height: 40px;
            display: block;
            border: 1px solid #B1B1B1;
            border-radius: 4px;
            margin-top: 4%;
            position: relative;
            color: #000;
            
        }
        
        .contact-btn a{
            
            font-family: 源ノ角ゴシック JP;
            
        }
        .contact-btn:hover{
            background:#000;
            color: #fff;
        }

        .contact-btn::after {
            position: absolute;
            content: "";
            background-image: url(../img/icon-next-black.png);
            top: 32%;
            right: 0%;
            width: 8%;
            height: 100%;
            background-repeat: no-repeat;
        }
        .contact-btn:hover:after {
            position: absolute;
            content: "";
            background-image: url(../img/icon-next.png);
            top: 32%;
            right: 0%;
            width: 8%;
            height: 100%;
            background-repeat: no-repeat;
        }
     
        
        .contact-adress {
            width: 100%;
        }
        
        .contact-adress input:nth-child(1) {
            width: 48%;
            margin-right: 1%;
        }
        
        .contact-adress input:nth-child(2) {
            width: 48%;
            margin-left: 1%;
        }
        
        .contact-tel input {
            width: 31%;
        }
        
        .contact-tel input:nth-child(1) {
            margin-right: 1%;
        }
        
        .contact-tel input:nth-child(3) {
            margin-left: 1%;
        }
        
        .contact-tel input:nth-child(2) {
            margin: 0 1%;
        }
        /* =============　安田織物　============== */
        
        #yasuda,
        #itoko,
        #miyashin,
        #mori,
        #shinbori,
        #tanryo,
        #tomiya,
        #watabun,
        #yoshikawa {
            background: url(../img/bg.png);
            background-position: center;
            padding-bottom: 7%;
        }
        
        .section-inner {
            padding: 4% 6%;
        }
        
        .title-box {
            width: 100%;
            border-top: 1px solid #707070;
            border-bottom: 1px solid #707070;
            padding: 1% 0;
            display: flex;
            align-items: flex-end;
        }
        
        .title-box-left {
            display: block;
            padding-right: 5%;
        }
        
        .category {
            font-family: 游ゴシック体;
            font-weight: bold;
            font-size: 20px;
            line-height: calc( 26 / 20);
        }
        
        .title-box-right {
            height: 100%;
        }
        
        .name {
            font-family: 游明朝体;
            font-weight: lighter;
            font-size: 38px;
            line-height: calc( 26 / 20);
        }
        
        .eg-name {
            font-family: garamond-premier-pro, serif;
            font-weight: 500;
            font-style: normal;
            font-size: 32px;
            color: #7C7C7C;
            letter-spacing: 1.08px;
            line-height: calc( 48 / 36);
            margin-top: auto;
        }
        /* リンク一覧 */
        
        .section-link {
            width: 100%;
            margin: 0 auto;
        }
        
        .section-link-list {
            display: flex;
            justify-content: space-between;
        }
        
        .section-link-item {
            padding: 1% 2%;
            margin-top: 3%;
            display: block;
            background: #fff;
            color: #000;
        }
        
        .section-link-item a {
            font-family: 游ゴシック体;
            font-weight: bold;
            font-size: 13px;
            text-align: center;
        }
        .section-link-item:hover{
            background: #000;
            color: #fff;
            opacity: 1;
        }
        

        
        .section-content {
            width: 100%;
            margin: 6% auto;
        }
        
        .main-block-title {
            text-align: left;
            font-size: 33px;
            font-family: 游明朝体;
            font-weight: 600;
            line-height: calc( 50 / 36);
        }
        
        .main-block-items {
            display: flex;
            justify-content: space-between;
            margin-top: 3%;
        }
        
        .main-block-items-left {
            width: 49%;
        }
        
        .main-block-items-right .main-block-item:last-child {
            margin-top: 4%;
        }
        
        .main-title {
            display: block;
            width: 100%;
            border-bottom: 5px solid #D5BC6B4D;
            font-size: 18px;
            line-height: calc( 28 / 20);
            margin-bottom: 5%;
        }
        
        .main-txt {
            font-size: 15px;
            line-height: 2;
        }
        
        .main-item-img {
            margin-top: 4%;
        }
        
        .main-item-img-list4 {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            gap: 1%;
        }
        
        .main-item-img-list3 {
            display: block;
            width: 100%;
            gap: 1%;
        }
        
        .main-item-left3 {
            width: 100%;
        }
        
        .main-item-left3 img {
            width: 100%;
            height: 600px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-item-list3 {
            display: flex;
            justify-content: space-between;
            gap: 1% 0;
        }
        
        .summer {
            width: calc( 100% / 3);
        }
        
        .summer img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }
        
        .summer-txt {
            font-family: 游ゴシック体;
            font-size: 12px;
            padding: 1% 0 2% 0;
        }
        
        .only {
            width: calc( 100% / 3);
        }
        
        .only img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }
        
        .only-txt {
            font-family: 游ゴシック体;
            font-size: 12px;
            font-style: normal;
        }
        /* たくみの技 */
        
        #craftmanship {
            margin-top: 11%;
        }
        
        .gold-title {
            display: block;
            border-left: 5px solid #D5BC6B;
            padding-left: 3%;
            font-size: 26px;
            font-family: garamond-premier-pro, serif;
            font-weight: 500;
            font-style: normal;
            line-height: calc( 34 / 26);
            letter-spacing: 1.02px;
            margin-bottom: 5%;
        }
        
        .gold-title span {
            font-family: 游明朝体;
            font-size: 18px;
            line-height: calc( 26 / 20);
            letter-spacing: -0.6px;
        }
        
        .craftmanship-lists-yasuda {
            display: flex;
            gap: 1%;

        }
        
        .craftmanship-list-yasuda {
            width: calc( 100% / 4);
        }
        
        .craftmanship-list-yasuda img {
            width: 100%;
            height: 270px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-block2-flex {
            display: flex;
            margin-top: 5%;
        }
        
        .craftmanship-block2-title {
            width: 38%;
            font-size: 26px;
            line-height: calc( 40 / 28);
        }
        
        .craftmanship-block2-txt {
            width: 62%;
            font-size: 16px;
            line-height: 1.8;
        }
        
        .block2-img-lists {
            display: flex;
            margin-top: 3%;
            gap: 1%;
        }
        
        .block2-list {
            width: calc( 100% / 4);
        }
        
        .block2-list img {
            width: 100%;
            height: 279px;
            object-fit: cover;
            object-position: center;
        }
        
        .block2-list p {
            font-size: 14px;
        }
        
        .block2-txt {
            font-family: 'Noto Sans Japanese', sans-serif;
            font-size: 14px;
            font-style: normal;
        }
        /* 黒背景内容 */
        
        #mori-black {
            background: #000;
            color: #fff;
        }
        
        .section-black-inner {
            padding: 7% 16%;
            background: #000;
            color: #fff;
        }
        
        .black-title {
            font-size: 19px;
            line-height: calc( 28 / 20);
            position: relative;
            margin-left: 6%;
            margin-bottom: 3%;
        }
        
        .pixel-title::before {
            position: absolute;
            content: "";
            background: url(../img/icon1.png);
            left: -47px;
            top: 30%;
            transform: translateY(-30%);
            width: 10%;
            height: 100%;
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        .pixel-txt {
            font-size: 14px;
        }
        
        .pixel-sub-txt {
            font-family: 游ゴシック体;
            font-size: 16px;
            margin-bottom: 6%;
        }
        
        .iframe-frame {
            height: 900px;
            width: 100%;
            margin-top: 1%;
        }
        
        iframe {
            width: 100%;
            height: 100%;
            background: #333;
        }
        
        .pixel-txt {
            margin-top: 3%;
            font-size: 15px;
            line-height: calc( 28 / 16);
        }
        
        .pixel-detail-txt {
            font-size: 13px;
            line-height: calc(26 / 14);
        }
        
        .pixel-link {
            margin-top: 9%;
            text-align: center;
        }
        
        .pixel-link a {
            display: inline-block;
            border: 2px solid #fff;
            font-size: 15px;
            padding: 1% 6%;
            position: relative;
            border-radius: 2px;
        }
        
        .pixel-link a::before {
            position: absolute;
            content: "";
            background: url(../img/icon-small1.png);
            top: 23%;
            left: 4%;
            width: 7%;
            height: 100%;
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        .pixel-link a::after {
            position: absolute;
            content: "";
            background: url(../img/icon-next.png);
            top: 32%;
            right: 2%;
            width: 10%;
            height: 100%;
            background-repeat: no-repeat;
        }
        /* バーチャルツアー */
        
        .tour-title {
            font-size: 19px;
            line-height: calc( 28 / 20);
            position: relative;
            margin-left: 9%;
            margin-bottom: 3%;
            margin-top: 12%;
        }
        
        .tour-title::before {
            position: absolute;
            content: "";
            background: url(../img/icon-3d.png);
            left: -78px;
            top: 18%;
            transform: translateY(-50%);
            width: 10%;
            height: 160%;
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        .tour-txt {
            font-size: 13px;
        }
        
        .tour-block {
            margin-top: 7%;
            width: 100%;
        }
        
        .iframe-frame-tour {
            height: 484px;
            width: 100%;
        }
        
        .iframe-frame-tour iframe {
            background: url(../img/tour.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
        }
        /* 白背景　内容 */
        
        .yasuda-white-inner {
            padding: 8% 16%;
        }
        
        #deliver {
            margin-bottom: 5%;
        }
        
        .deliver-title {
            font-family: 游ゴシック体;
            font-size: 20px;
            font-style: normal;
            font-weight: bold;
        }
        
        .deliver-lists {
            width: 100%;
            display: flex;
            justify-content: left;
        }
        
        .deliver-list {
            width: calc( 100% / 5);
            display: block;
            align-items: end;
            margin-top: 2%;
        }
        
        .deliver-list-img {
            width: 100%;
            background-size: cover;
            background-position: center;
        }
        
        .deliver-list-img img {
            width: 100%;
        }
        
        .deliver-txt {
            width: 80%;
            margin: 0 auto;
            font-family: 游ゴシック体;
            font-size: 14px;
        }
        
        .deliver-txt span {
            font-size: 10px;
            letter-spacing: -0.5px;
        }
        
        .deliver-detail {
            margin-top: 4%;
        }
        
        .deliver-text {
            font-size: 12px;
            font-family: 游ゴシック体;
            line-height: calc( 20 /14);
        }
        /* 使用実績 */
        
        #example {
            margin-top: 8%;
        }
        
        .example-title {
            font-family: 游ゴシック体;
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 2%;
            margin-top: 8%;
        }
        
        .example-list {
            display: flex;
            gap: 2px;
        }
        
        .example-item {
            width: calc( 100% / 3);
        }
        
        .example-img {
            width: 100%;
            height: 466px;
            object-fit: cover;
            object-position: center;
        }
        
        .example-txt {
            font-family: 游ゴシック体;
            font-size: 14px;
            margin-top: 5%;
        }
        /* 事業者一覧 */
        
        .company {
            background: url(../img/bg.png);
            background-position: center;
            background-size: cover;
        }
        
        .company-inner {
            padding: 7% 17%;
        }
        
        .person-name {
            text-align: right;
            font-size: 15px;
            font-family: 游ゴシック体;
            font-weight: bold;
            margin-bottom: 2%;
            margin-top: 3%;
        }
        
        .company-title {
            font-family: 游ゴシック体;
            font-size: 19px;
            line-height: calc( 28 / 20);
            position: relative;
            margin-left: 6%;
            margin-bottom: 4%;
        }
        
        .company-title::before {
            position: absolute;
            content: "";
            background: url(../img/move-icon.png);
            left: -5%;
            top: 2%;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
        }
        
        .lead-txt {
            text-align: center;
            font-family: 游ゴシック体;
            font-size: 16px;
        }
        
        .company-iframe {
            height: 480px;
            width: 100%;
            margin-top: 1%;
        }
        
        .company-iframe iframe {
            object-position: center;
            object-fit: cover;
            width: 100%;
        }
        
        .company-block {
            margin-top: 8%;
            display: block;
            width: 100%;
            border-top: 1px solid #707070;
            border-bottom: 1px solid #707070;
        }
        
        .company-flex {
            display: flex;
            padding: 2% 0;
        }
        
        .company-name {
            font-family: 游ゴシック体;
            font-style: normal;
            font-size: 26px;
            margin-right: 4%;
        }
        
        .company-address {
            display: block;
        }
        
        .address {
            font-family: 游ゴシック体;
            font-style: normal;
            font-size: 16px;
            line-height: calc( 26 / 16);
        }
        
        .site-link {
            font-family: Nimbus Sans;
            font-weight: 400;
            font-style: normal;
            font-size: 18px;
            padding-top: 2%;
        }
        /* =========== cobo ============*/
        
        .cobo-inner {
            padding: 4% 6% 2% 6%;
        }
        
        #yasuda-cobo,
        #yoshikawa-cobo,
        #watabun-cobo,
        #tanryo-cobo,
        #shibori-cobo,
        #mori-cobo,
        #miyashin-cobo,
        #itoko-cobo {
            background: url(../img/bg.png);
            background-position: center;
            background-size: contain;
        }
        
        .catalog-flex {
            display: flex;
            justify-content: space-around;
            font-family: 游明朝体;
            margin-top: 6%;
        }
        
        .left-position {
            display: block;
            width: 70%;
        }
        
        .left-position h2 {
            font-weight: lighter;
            font-size: 36px;
            margin-bottom: 3%;
        }
        
        .left-position p {
            font-weight: lighter;
            font-size: 15px;
            margin-bottom: 5%;
        }
        
        .right-position {
            width: 30%;
            text-align: right;
        }
        
        .project {
            width: 100%;
            display: inline-block;
            margin-top: 6%;
        }
        
        .project a {
            background: #000;
            color: #fff;
            font-family: 游ゴシック体;
            font-size: 14px;
            font-weight: bold;
            padding: 4% 25% 4% 2%;
            border-radius: 4px;
            position: relative;
        }
        
        .project a::after {
            position: absolute;
            content: "";
            background: url(../img/exmaple.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 24%;
            height: 73%;
            top: 13%;
            right: 0;
        }
        
        .catalog-iframe {
            width: 100%;
            height: 1200px;
        }
        
        .catalog-iframe-yoshikawa {
            width: 100%;
            height: 600px;
        }
        
        .catalog-iframe-watabun {
            width: 100%;
            height: 950px;
        }
        
        .catalog-iframe-tanryo {
            width: 100%;
            height: 1000px;
        }
        
        .catalog-iframe-shibori {
            width: 100%;
            height: 1300px;
        }
        
        .catalog-iframe-mori {
            width: 100%;
            height: 900px;
        }
        
        .catalog-iframe-miyashin {
            width: 100%;
            height: 950px;
        }
        /* 糸と幸 */
        
        .catalog-iframe-itoko {
            width: 100%;
            height: 1300px;
        }
        
        .example-itoko-top,
        .example-itoko-under {
            display: flex;
            width: 100%;
            margin-top: 3%;
        }
        
        .itoko-ex-left {
            width: 70%;
        }
        
        .itoko-ex-right {
            width: 30%;
        }
        
        .itoko-ex-left img {
            width: 100%;
            height: 150px;
            background-position: center;
            background-size: cover;
        }
        
        .itoko-ex-right img {
            width: 100%;
            height: 240px;
            background-position: center;
            background-size: cover;
        }
        /* レイアウト適応 */
        
        
        .main-item-list2 {
            width: 100%;
            display: flex;
            gap: 1%;
        }
        .main-item-list2 li {
            width: 50%;
        }
        
        .main-item-list2 li img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-item-img-list3 {
            display: block;
            width: 100%;
            gap: 1%;
        }
        .main-item-list-under3wide {
            width: 100%;
        }
        .main-item-list-under3wide img {
            width: 98%;
            height: 300px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-item-left3 {
            width: 100%;
        }
        
        .main-item-left3 img {
            width: 100%;
            height: 600px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-item-list-right3 {
            display: flex;
            gap: 1%;
        }
        
        .right3-item {
            width: 49%;
        }
        
        .right3-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: center;
        }
        
        .textile {
            width: 49%;
        }
        
        .img-sub-txt {
            font-family: 游ゴシック体;
            font-size: 12px;
            padding: 1% 0 2% 0;
        }
        
        .img-sub-txt2 {
            font-family: 游ゴシック体;
            font-size: 10px;
            padding: 1% 0 2% 0;
        }
        
        .textile img {
            width: 100%;
            height: 233px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-block-items-right {
            width: 49%;
        }
        
        .main-item-list4 {
            display: flex;
            flex-wrap: wrap;
            gap: 1%;
        }
        
        .choco {
            width: 49%;
            gap: 1%;
        }
        
        .choco img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            object-position: center;
        }
        
        .interia {
            width: 49%;
            gap: 1%;
            display: flex;
        }
        
        .interia img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-list3 {
            width: calc( 100% / 3);
        }
        
        .craftmanship-list3 img {
            width: 100%;
            height: 270px;
            object-fit: cover;
            object-position: center;
        }

    
        .example-list2 {
            display: flex;
            gap: 1%;
        }
        
        .example-item2 {
            width: 49%;
        }
        
        .example-item2 img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            object-position: center;
        }
        
        .example-item2 ul {
            display: block;
        }
        
        .example-item2 ul li {
            width: 100%;
        }
        
        .example-item2 ul li img {
            width: 100%;
            height: 230px;
            object-fit: cover;
            object-position: center;
        }
        
        .block2-list5 {
            width: 19%;
        }
        
        .block2-list5 img {
            width: 100%;
            height: 270px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-lists2 {
            width: 100%;
            display: flex;
        }
        /* 森さん */
        
        .utility {
            display: flex;
            width: 100%;
            gap: 1%;
        }
        
        .utility1 {
            width: 50%;
        }
        
        .utility1 img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            object-position: center;
        }
        
        .utility2 img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            object-position: center;
        }
        
        .utility2 {
            width: 50%;
        }
        
        .utility-top img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: center;
        }
        
        .utility-under img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            object-position: center;
        }
        
        .short-span {
            display: flex;
            width: 100%;
        }
        
        .short-span li {
            width: 50%;
        }
        
        .short-span li img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            object-position: center;
        }
        
        
        .craftmanship-mori-top,
        .craftmanship-mori-under {
            width: 100%;
            display: flex;
            gap: 1%;
        }
        
        .craftmanship-mori-top:nth-child(1) {
            width: 70%;
        }
        
        .craftmanship-mori-top :nth-child(2) {
            width: 30%;
        }
        
        .craftmanship-mori-top img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-mori-under img {
            width: 50%;
            height: 250px;
            object-fit: cover;
            object-position: center;
        }
        
        .example-list-mori {
            display: flex;
            gap: 1%;
            width: 100%;
        }
        
        .mori-ex-left {
            width: 50%;
        }
        
        .mori-ex-left img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            object-position: center;
        }
        
        .mori-ex-right {
            width: 50%;
        }
        
        .mori-ex-right img {
            width: 100%;
            height: 247px;
            object-fit: cover;
            object-position: center;
        }
        
        .example-list4 {
            display: flex;
            flex-wrap: wrap;
            gap: 2px;
        }
        
        .example-item4 {
            width: 49%;
        }
        
        .example-item4 img {
            width: 100%;
            height: 243px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-item-img-list3 {
            display: block;
            width: 100%;
        }
        

        
        .main-item-top3wide {
            width: 100%;
            display: flex;
        }
        
        .main-item-top3wide img {
            width: 49%;
            height: 200px;
            object-fit: cover;
            object-position: center;
        }
        
        .under3-item {
            width: 100%;
        }
        
        .under3-item img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-item-list3-1 {
            display: flex;
            gap: 1%;
        }
        
        .list3-1-left {
            width: 69%;
        }
        
        .main-item-right {
            display: block;
            width: 31%;
        }
        
        .sdgs1 img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }
        
        .sdgs2 img {
            width: 100%;
            height: 120px;
            object-fit: cover;
            object-position: center;
        }
        
        .example-list6 {
            display: flex;
            gap: 1%;
            width: 100%;
        }
        
        .ex-list-6-left {
            width: 35%;
            height: 500px;
        }
        
        .example-item6 {
            width: 100%;
        }
        
        .example-item6 img {
            width: 100%;
            height: 245px;
            object-fit: cover;
            object-position: center;
        }
        
        .ex-list-6-right {
            width: 64%;
            height: 480px;
        }
        
        .ex-list-6-right-top {
            display: flex;
            gap: 1%;
            width: 100%;
        }
        
        .right-top-item6 {
            width: 33%;
        }
        
        .right-top-item6 img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: center;
        }
        
        .ex-list-6-right-under {
            width: 100%;
        }
        
        .right-under-item6 img {
            width: 100%;
            height: 268px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-item-rich-list {
            display: flex;
            gap: 1%;
        }
        
        .rich-left {
            width: 49%;
        }
        
        .rich1 img {
            width: 100%;
            height: 218px;
            object-fit: cover;
            object-position: center;
        }
        
        .rich-right {
            width: 49%;
        }
        
        .rich2 img {
            width: 100%;
            height: 470px;
            object-fit: cover;
            object-position: center;
        }
        
        .example-list-shinbori {
            width: 100%;
            display: flex;
            gap: 1%;
        }
        
        .shinbori-ex1 {
            width: 45%;
        }
        
        .shinbori-ex1 img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            object-position: center;
        }
        
        .shinbori-ex2 {
            width: 55%;
        }
        
        .shinbori-ex2 img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            object-position: center;
        }
        
        .main-item-list2 {
            width: 100%;
        }
        
        .short {
            width: 49%;
        }
        
        .short img {
            width: 100%;
            height: 480px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-lists2 {
            width: 100%;
            display: flex;
            gap: 1px;
        }
        
        .craftmanship-list-mori1 {
            width: 55%;
            height: 480px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-list-mori2 {
            width: 45%;
            height: 480px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-list-mori3 {
            width: 50%;
            height: 480px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-list-mori4 {
            width: 50%;
            height: 480px;
            object-fit: cover;
            object-position: center;
        }
        
        .example-list-mori {
            display: flex;
            gap: 1px;
        }
        
        .mori-ex-left {
            width: 49%;
        }
        
        .mori-ex-item1 img {
            width: 100%;
            height: 480px;
            object-fit: cover;
            object-position: center;
        }
        
        .mori-ex-right {
            width: 49%;
        }
        
        .mori-ex-item2 img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }
        /* 宮眞 */
        
        .main-item-miyashin {
            display: flex;
            gap: 1px;
        }
        
        .new-left {
            width: 50%;
        }
        
        .new-left img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            object-position: center;
        }
        
        .new-right {
            width: 50%;
        }
        
        .new-right img {
            width: 100%;
            height: 506px;
            object-fit: cover;
            object-position: center;
        }
        
        .many {
            width: 100%;
            display: flex;
            gap: 1%;
        }
        
        .many li {
            width: calc(100% / 3);
        }
        
        .many li img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: center;
        }
        
        .tirimen {
            display: flex;
            gap: 1%;
        }
        
        .tirimen li {
            width: 50%;
        }
        
        .tirimen li img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            object-position: center;
        }
        
        .craftmanship-miyashin {
            width: 100%;
            display: flex;
            margin-top: 2%;
        }
        
        .craftmanship-miyashin li {
            width: calc(100% /4);
            gap: 1%;
        }
        
        .craftmanship-miyashin li img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            object-position: center;
        }
        
        .miyashin-ex-top {
            width: 100%;
            display: flex;
            gap: 1%;
        }
        
        .miyashin-ex-item1 {
            width: 60%;
        }
        
        .miyashin-ex-item1 img {
            width: 100%;
            height: 249px;
            object-fit: cover;
            object-position: center;
        }
        
        .miyashin-ex-under {
            width: 100%;
            display: flex;
            gap: 1%;
        }
        
        .miyashin-ex-item2 {
            width: 40%;
        }
        
        .miyashin-ex-item2 img {
            width: 100%;
            height: 249px;
            object-fit: cover;
            object-position: center;
        }
        /* 糸と幸 */
        
        .main-item-itoko {
            width: 100%;
            display: flex;
            gap: 1%;
        }
        
        .white-left {
            width: 55%;
        }
        
        .white-left li img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            object-position: center;
        }
        
        .white-right {
            width: 45%;
        }
        
        .white-right li img {
            width: 100%;
            height: 235px;
            object-fit: cover;
            object-position: center;
        }
        
        .omotenashi {
            display: flex;
            width: 100%;
            gap: 1%;
        }
        
        .omotenashi-flex {
            width: calc(100% / 3);
        }
        
        .omotenashi-flex img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: center left;
        }
        
        .future {
            display: flex;
            gap: 1%;
        }
        
        .future-flex1 {
            width: 40%;
        }
        
        .future-flex2 {
            width: 30%;
            display: block;
        }
        
        .future-flex2 img {
            height: 100px;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .future-flex3 {
            width: 30%;
        }
        
        .future-flex1 img,
        .future-flex3 img {
            width: 100%;
            height: 205px;
            object-fit: cover;
            object-position: center;
        }
        
        .example-list-itoko {
            width: 100%;
        }
        
        .example-itoko-top {
            display: flex;
            gap: 1%;
        }
        
        .example-itoko-under {
            display: flex;
            gap: 1%;
        }
        
        .itoko-ex-left {
            width: 60%;
        }
        
        .itoko-ex-left img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }
        
        .itoko-ex-right {
            width: 40%;
        }
        
        .itoko-ex-left img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }
        
        .itoko-item-list3 {
            width: 100%;
            height: 200px;
        }
        
        .itoko-item-list3 li {
            width: calc( 100% / 3);
            height: 200px;
        }
        
        .itoko-main3-block {
            width: 100%;
            height: 100px;
        }
        
        .craftmanship-itoko-top,
        .craftmanship-itoko-under {
            display: flex;
            width: 100%;
            gap: 1%;
        }
        
        .world-top1 {
            width: 35%;
        }
        
        .world-top1 img,
        .world-top2 img {
            height: 400px;
            width: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .world-top2 {
            width: 40%;
        }
        
        .world-top3 {
            width: 25%;
        }
        
        .world-top3 img {
            width: 100%;
            height: 183px;
        }
        
        .forever1 {
            width: 15%;
        }
        
        .forever1 img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            object-position: center;
        }
        
        .forever2 {
            width: calc(( 100% - 15%) / 3)
        }
        
        .forever2 img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            object-position: center;
        }


        /* 丹綾 */

        .craftmanship-tanryo {
            display: flex;
            gap: 1%;
            width: 100%;
        }
        .craftmanship-tanryo li{
            width: calc(100%/4);
        }
        .craftmanship-tanryo li img{
            width: 100%;
            height: 300px;
            object-fit: cover;
            object-position: center;
        }


        /* トミヤ */
        .main-item-img-tomiya {
            display: block;
            width: 100%;
        }
        .world-top {
           display: flex;
           gap: 1%;
           width: 100%;
        }
        .world-top-left {
            width: 60%;
        }
        .world-top-left img{
            width: 100%;
            height: 250px;
            object-position: center;
            object-fit: cover;
        }
        .world-top-right {
            width: 40%;
        }
        .world-top-right img{
            width: 100%;
            height: 250px;
            object-position: center;
            object-fit: cover;
        }
        .world-under {
            width: 100%;
        }
        .world-under img{
            width: 100%;
            height: 250px;
            object-position: center;
            object-fit: cover;
        }
        .development {
            display: flex;
            gap: 1%;
        }
        .gevelopment-flex {
            width: calc(100% / 3);
        }
        .gevelopment-flex img{
            width: 100%;
            height: 300px;
            object-position: center;
            object-fit: cover;
        }
        .nees {
            display: flex;
            gap: 1%;
        }
        .nees-flex1 {
            width: 40%;
        }
        .nees-flex1 img{
            width: 100%;
            height: 250px;
            object-position: center;
            object-fit: cover
            
        }
        .nees-flex2 {
            width: 60%;
        }
        .nees-flex2 img {
            width: 100%;
            height: 250px;
            object-position: center;
            object-fit: cover;
            
        }
        .creftmanship-lists {
           display: flex;
           gap: 1%;
           width: 100%;
        }
        .creftmanship-tomiya1 {
            width: 25%;

        }
        .creftmanship-tomiya1 img{
            width: 100%;
            height: 300px;
            object-position: center;
            object-fit: cover;
            

        }
        .creftmanship-tomiya2 {
            width: 50%;

        }
        .creftmanship-tomiya2 img{
            width: 100%;
            height: 300px;
            object-position: center;
            object-fit: cover
            
        }
        .example-list3{
            display: flex;
            gap: 1%;
            width: 100%;
        }
        .example-tomiya1 {
            width: 45%;
        }
        .example-tomiya-left img{
            width: 100%;
            height: 230px;
            object-position: center;
            object-fit: cover;
        }
        .example-tomiya2 {
            width: 55%;
        }
    
        .example-tomiya2 img{
            width: 100%;
            height: 490px;
            object-position: center;
            object-fit: cover;
        }

        /* わたぶん */
    .main-item-list2 {
        display: flex;
        gap: 1%;
    }
    .summer {
       width: 50%;
    }
    .summer img{
        width: 100%;
        height: 280px;
        object-position: center;
        object-fit: cover;
     }
     .main-item-list2 {
        display: flex;
        gap: 1%;
     }
     .only{
        width: 50%;
     }
     .only img{
         width: 100%;
         height: 280px;
         object-position: center;
         object-fit: cover;
      }

      .creftmanship-watabun-top {
          display: flex;
          width: 100%;
      }
      .creftmanship-watabun-top li {
        width: calc(100% / 4);
    }
    .creftmanship-watabun-top li img {
        width: 100%;
        height: 350px;
        object-position: center;
        object-fit: cover;
     }
     .creftmanship-watabun-under {
        display: flex;
        width: 100%;
    }
    .creftmanship-watabun-under li {
        width: calc(100% / 5);
    }
    .creftmanship-watabun-under li img {
        width: 100%;
        height: 300px;
        object-position: center;
        object-fit: cover;
     }

     /* 吉川 */
    .craftmanship-lists {
        display:flex;
    }
      
        /* メディアクエリ */
        
        @media (max-width:1024px) {
            body {
                min-width: 0px
                /* overflow: hidden; */
            }
            .gpr h2 {
                font-size: 30px;
            }
            .gpr h3 {
                font-size: 16px;
                padding-top: 10px;
            }
            .menu-list {
                display: none;
            }
            #mainvisual {
                background: #000;
                width: 100%;
                height: 100vh;
            }
            .menu-list {
                display: none;
            }
            .site-title {
                width: 50%;
                object-fit: cover;
                object-position: center;
                top: 44%;
                left: 50%;
                margin-top: 10%;
                transform: translateY(-56%) translateX(-50%);
            }
            .site-title img {
                width: 100%;
            }
            /* ハンバーガー */
            #g-nav {
                display: block;
                position: fixed;
                z-index: 999;
                top: 0;
                right: -120%;
                width: 100%;
                height: 100vh;
                background: #000;
                transition: all 0.6s;
            }
            #g-nav.panelactive {
                right: 0;
            }
            #g-nav ul {
                position: absolute;
                z-index: 999;
                padding-bottom: 10%;
            }
            #g-nav li {
                width: 700%;
                list-style: none;
                text-align: left;
            }
            #g-nav-list {
                margin-top: 10%;
                position: fixed;
                z-index: 999;
                width: 100%;
                height: 100vh;
                /*表示する高さ*/
                overflow: auto;
                -webkit-overflow-scrolling: touch;
            }
            #g-nav li a {
                font-size: 18px;
                color: #fff;
                padding: 1% 0;
                display: block;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                font-weight: bold;
                padding-left: 10%;
            }
            .parple {
                font-size: 16px;
                background: #76637A;
            }
            .small {
                font-size: 12px;
            }
            /*========= ボタンのためのCSS ===============*/
            .openbtn1 {
                position: fixed;
                z-index: 9999;
                top: 0;
                right: 30px;
                cursor: pointer;
                width: 50px;
                height: 50px;
            }
            .openbtn1 span {
                display: inline-block;
                transition: all .3s;
                position: absolute;
                left: 14px;
                height: 2px;
                border-radius: 2px;
                background-color: #fff;
                width: 60%;
            }
            .openbtn1 span:nth-of-type(1) {
                top: 33px;
            }
            .openbtn1 span:nth-of-type(2) {
                top: 45px;
            }
            .openbtn1.active span:nth-of-type(1) {
                top: 33px;
                left: 18px;
                transform: translateY(6px) rotate(-30deg);
                width: 60%;
            }
            .openbtn1.active span:nth-of-type(2) {
                top: 45px;
                left: 18px;
                transform: translateY(-6px) rotate(30deg);
                width: 60%;
            }
            /* トップ フレックス */
            .top-img {
                display: none;
            }
            .top-img2 {
                display: block;
            }
            .top-img-list2 li {
                width: 100%;
                height: 80%;
                object-fit: cover;
                object-position: center center;
            }
            .top-img-list2 li img {
                width: 100%;
            }
            /* トップニュース */
            .news-inner {
                width: 80%;
                margin: 5% auto;
                display: block;
                text-align: left;
            }
            .news-title {
                width: 100%;
                margin-bottom: 3%;
            }
            .news-article {
                width: 100%;
                text-align: left;
                font-size: 20px;
                line-height: 2;
            }
            .news-article p br {
                display: none;
                font-size: 10px;
            }
            /* プロジェクトについて */
            #about {
                width: 100%;
                margin: 0 auto;
                text-align: left;
            }
            .about-inner {
                width: 80%;
                display: block;
                margin: 0 auto;
            }
            .about-title {
                width: 80%;
                margin: 0 auto 3% auto;
                padding: 6% 0 1% 0;
            }
            .hang {
                width: 38px;
                height: 38px;
            }
            .about-sub-title {
                display: block;
                width: 90%;
                margin: 0 auto;
                font-size: 16px;
            }
            .can-txt {
                font-size: 20px;
                margin-top: 3%;
                margin-bottom: 2%;
            }
            .about-inner p {
                font-size: 13px;
                padding-top: 3%;
            }
            /* 産地について */
            .origin-title {
                padding: 5%;
            }
            .origin-content {
                padding: 0;
            }
            .origin-block {
                display: block;
                margin-top: 0;
            }
            .origin-block-list {
                display: block;
                width: 100%;
            }
            .origin-block-list li {
                width: 100%;
            }
            .textile-title {
                padding: 0 5%;
                font-size: 25px;
                padding-top: 2%;
            }
            .textile-title span {
                font-size: 25px;
            }
            .textile-txt {
                font-size: 20px;
                padding-top: 1%;
                height: 100%;
                width: 92%;
                margin: 0 auto;
                line-height: 2;
            }
            .textile-txt br {
                font-size: 16px;
                padding-bottom: 2%;
            }
            .textile-img {
                padding: 1% 0;
            }
            .textile-img img {
                height: 430px;
            }
            .place {
                width: 90%;
                margin: 0 auto;
                object-fit: cover;
                object-position: center;
                padding: 3% 0 10% 0;
            }
            .place img {
                width: 100%;
            }
            /* クレジット */
            .credit-inner {
                width: 80%;
                margin: 0 auto;
                display: block;
                padding-top: 5%;
            }
            .credit-title {
                width: 23%;
                margin-bottom: 3%;
            }
            .credit-content {
                width: 100%;
                margin: 0 auto;
            }
            .credit-content p {
                margin-bottom: 2%;
            }
            .credit-block {
                width: 100%;
            }
            .credit-block dl dd br {
                display: none;
            }
            /* フッター */
            .footer-inner {
                display: block;
                width: 80%;
            }
            .footer-logo {
                width: 25%;
                height: 25%;
                margin: 0 auto;
            }
            .footer-logo img {
                width: 100%;
            }
            .footer-right {
                display: block;
            }
            .footer-right-up ul {
                display: flex;
                justify-content: center;
                margin-bottom: 3%;
                font-size: 12px;
                margin-top: 5%;
            }
            .contact-link {
                margin-right: 0;
                margin-bottom: 2%;
            }
            .contact-link a {
                display: block;
            }
            .privacy a {
                display: block;
            }
            .footer-right-down {
                display: block;
                text-align: center;
            }
            .footer-right-down p {
                font-family: 游ゴシック体;
                font-weight: lighter;
                font-size: 10px;
            }
            .copy-right {
                font-size: 4px;
                font-family: Nimbus Sans;
                color: #7C7C7C;
            }
            /* =============　安田織物　============== */
            .section-inner {
                padding: 4% 6%;
            }
            .title-box {
                display: block;
                padding: 2% 0;
            }
            .category {
                font-size: 16px;
                line-height: calc( 16 / 20);
            }
            .name {
                font-size: 34px;
                letter-spacing: -1.14px;
                line-height: calc( 34 / 26);
            }
            .title-box-right {
                display: block;
                padding-top: 1%;
            }
            .eg-name {
                font-size: 28px;
            }
            /* リンク一覧 */
            .section-link {
                width: 100%;
                margin: 0 auto;
            }
            .section-link-list {
                width: 90%;
                margin: 0 auto;
                flex-wrap: wrap;
                justify-content: space-around;
            }
            .section-link-item:first-child{
                width: 100%;
                text-align: center;
                /* padding: 1% 1%;
                margin-top: 3%;
                display: block;
                background: #fff; */
            }
            .section-link-item{
                width: 49%;
                text-align: center;
                /* padding: 1% 1%;
                margin-top: 3%;
                display: block;
                background: #fff; */
            }
            .section-link-item a {
                font-size: 14px;
                text-align: center;
            }
            .section-content {
                width: 100%;
                margin: 7% auto;
            }
            .main-block-title {
                width: 100%;
                margin: 0 auto;
                text-align: left;
            }
            .main-block-items {
                display: block;
                justify-content: space-between;
                margin-top: 3%;
            }
            .main-block-items-left {
                width: 100%;
                margin: 0 auto;
            }
            .main-title {
                font-size: 20px;
                margin-bottom: 3%;
            }
            .main-txt {
                font-size: 17px;
            }
            .main-block-items-right {
                width: 100%;
                margin: 5% auto;
            }
            .only-txt {
                font-size: 12px;
            }
            .main-item-list3 {
                display: block;
                width: 100%;
            }
            .only {
                width: 100%;
            }
            /* たくみの技 */
            .craftmanship {
                width: 100%;
                margin: 10% auto 0 auto;
            }
            .craftmanship-lists {
                flex-wrap: wrap;
                margin-top: 7%;
            }
            .craftmanship-list {
                width: 48%;
            }
            .craftmanship-block2-flex {
                display: block;
            }
            .craftmanship-block2-title {
                width: 100%;
                font-size: 26px;
                margin-bottom: 2%;
            }
            .craftmanship-block2-txt {
                width: 100%;
                font-size: 16px;
            }
            .craftmanship-lists-yasuda {
                display: block;
            }
            .craftmanship-list-yasuda {
                width: 100%;
            }
            .block2-img-lists {
                display: block;
                margin-top: 3%;
            }
            .block2-list {
                width: 100%;
            }
            .block2-list p {
                font-size: 12px;
            }
            .block2-txt {
                font-size: 12px;
            }
            /* 黒背景内容 */
            .section-black-inner {
                padding: 7% 18%;
            }
            .black-title {
                margin-bottom: 5%;
            }
            .pixel-title::before {
                width: 7%;
                height: 140%;
            }
            .pixel-txt {
                font-size: 14px;
            }
            .pixel-sub-txt {
                font-size: 10px;
                padding-bottom: 5%;
            }
            .iframe-frame {
                height: 800px;
                width: 100%;
                margin-top: 1%;
            }
            iframe {
                width: 100%;
                height: 100%;
                background: #333;
            }
            .pixel-txt {
                margin-top: 3%;
                font-size: 15px;
                line-height: calc( 28 / 16);
            }
            .pixel-detail-txt {
                font-size: 10px;
                line-height: calc(26 / 14);
            }
            .pixel-link {
                margin-top: 5%;
                text-align: center;
            }
            .pixel-link a {
                display: inline-block;
                border: 2px solid #fff;
                font-size: 13px;
                padding: 1% 6%;
                position: relative;
            }
            .pixel-link a::before {
                top: 23%;
                left: 5%;
                width: 8%;
            }
            .pixel-link a::after {
                top: 29%;
            }
            /* バーチャルツアー */
            .tour-title::before {
                width: 12%;
                height: 160%;
            }
            .tour-txt {
                font-size: 13px;
            }
            .tour-block {
                margin-top: 7%;
                width: 100%;
            }
            .iframe-frame-tour {
                height: 484px;
                width: 100%;
            }
            .iframe-frame-tour iframe {
                background: url(../img/tour.png);
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                width: 100%;
            }
            /* 白背景　内容 */
            .yasuda-white-inner {
                padding: 8% 18%;
            }
            .deliver {
                margin-bottom: 5%;
            }
            .deliver-title {
                font-size: 18px;
            }
            .deliver-lists {
                width: 100%;
                flex-wrap: wrap;
            }
            .deliver-list {
                width: 33%;
                display: block;
                margin-bottom: 5%;
            }
            .deliver-list-img {
                width: 80%;
            }
            .deliver-list-img {
                width: 100%;

                object-fit: contain;
            }
            .deliver-txt {
                padding-top: 1%;
                font-size: 14px;
            }
            .deliver-detail {
                margin-top: 1%;
            }
            .deliver-text {
                font-size: 12px;
            }
            /* 使用実績 */
            .example-list {
                display: block;
            }
            .example-item {
                width: 100%;
                height: 700px;
                margin: 0 auto;
            }
            .example-img {
                object-fit: cover;
                height: 630px;
                object-position: center;
                width: 100%;
            }
            .example-img img {
                width: 100%;
            }
            .example-txt {
                padding: 1% 0;
                font-size: 12px;
            }
            /* 事業者一覧 */
            .company-inner {
                padding: 7% 18%;
            }
            .person-name {
                font-size: 13px;
            }
            .company-iframe {
                height: 300px;
            }
            .company-block {
                margin-top: 8%;
                display: block;
                width: 100%;
                border-top: 1px solid #707070;
                border-bottom: 1px solid #707070;
            }
            .company-flex {
                display: block;
                padding: 2% 0;
            }
            .company-name {
                font-size: 16px;
                margin-right: 4%;
            }
            .company-address {
                display: block;
                margin-top: 2%;
            }
            .address {
                font-size: 10px;
            }
            .site-link {
                font-size: 12px;
            }
            /* ===== cobo ===== */
            .catalog-flex {
                display: block;
                margin-top: 6%;
            }
            .left-position {
                width: 100%;
            }
            .left-position h2 {
                margin-bottom: 2%;
            }
            .left-position p {
                font-size: 13px;
                margin-bottom: 3%;
            }
            .right-position {
                width: 30%;
                text-align: left;
                margin-bottom: 5%;
            }
            /* ============= お問い合わせ ============== */
            .contact-catalog-inner {
                padding: 7%;
                padding-bottom: 1%;
            }
            .contact-catalog-flex {
                margin-top: 5%;
                display: block;
            }
            .contact-catalog-left {
                width: 90%;
                margin-left: 5%;
            }
            .contact-catalog-left p {
                line-height: 2;
            }
            .contact-catalog-left p strong {
                padding-top: 4%;
            }
            .contact-catalog-right {
                width: 90%;
                margin-left: 5%;
                margin-top: 8%;
            }
            .contact-catalog-right dd {
                padding-bottom: 3%;
            }
            /* お問い合わせ */
            .contact-inner {
                padding: 0 7%;
            }
            .contact-block {
                padding: 5% 2% 5% 2%;
                margin-top: 3%;
            }
            .contact-block dl {
                display: block;
                width: 80%;
                margin: 0 auto;
                margin-bottom: 4%;
            }
            .contact-block dl dt {
                width: 23%;
                margin-right: 3%;
            }
            .contact-block dl dd {
                width: 90%;
                margin: 0 auto;
            }
            textarea {
                width: 100%;
                border: 1px solid #3B4043;
            }
            input {
                width: 100%;
                height: 40px;
                border: 1px solid #3B4043;
            }


            /* 糸と幸 */
            .main-item-itoko {
                width: 100%;
                display: block;
            }
            .white-left {
                width: 100%;
            }
            .white-left li img {
                height: 400px;
                object-fit: cover;
                object-position: center;
            }
            .white-right {
                width: 100%;
                display: flex;
                gap: 1%;
            }
            .white-right li img {
                width: 100%;
                height: 235px;
                object-fit: cover;
                object-position: center;
            }
            .omotenashi {
                display: block;
                width: 100%;
                gap: 1%;
            }
            .omotenashi-flex {
                width: 100%
            }
            .omotenashi-flex img {
                height: 200px;
            }
            .future {
                display: block;
            }
            .future-flex1 {
                width: 100%;
            }
            .future-flex2 {
                width: 100%;
                display: flex;
                gap: 1%;
            }
            .future-flex3 {
                width: 100%;
                margin-top: 1%;
            }
            .future-flex1 img,
            .future-flex3 img {
                height: 200px;
            }
            .example-itoko-top {
                display: block;
                gap: 1%;
            }
            .example-itoko-under {
                display: block;
                gap: 1%;
            }
            .itoko-ex-left {
                width: 100%;
            }
            .itoko-ex-left img {
                width: 100%;
                height: 240px;
            }
            .itoko-ex-right {
                width: 100%;
            }
            .itoko-ex-left img {
                width: 100%;
                height: 250px;
            }
            .itoko-item-list3 {
                width: 100%;
                height: 200px;
            }
            .itoko-item-list3 li {
                width: calc( 100% / 3);
                height: 200px;
            }
            .itoko-main3-block {
                width: 100%;
                height: 100px;
            }
            .craftmanship-itoko-top,
            .craftmanship-itoko-under {
                display: block;
                width: 100%;
                gap: 1%;
            }
            .world-top1 {
                width: 100%;
            }
            .world-top1 img,
            .world-top2 img {
                height: 300px;
                width: 100%;
                object-fit: cover;
                object-position: center;
            }
            .world-top2 {
                width: 100%;
            }
            .world-top3 {
                width: 100%;
                display: block;
                gap: 1%;
            }
            .world-top3 img {
                width: 100%;
                height: 183px;
            }
            .forever1 {
                width: 100%;
            }
            .forever1 img {
                width: 100%;
                height: 100px;
            }
            .forever2 {
                width: 100%;
            }
            .forever2 img {
                width: 100%;
                height: 280px;
                object-fit: cover;
                object-position: center;
            }
            .site-title-fixed {
                width: 50%;
            }
            /* 宮眞 */
            .main-item-miyashin {
                display: block;
                gap: 1px;
            }
            .new-left {
                display: flex;
                width: 100%;
                gap: 1%;
            }
            .new-left img {
                width: 49.5%;
                height: 200px;
            }
            .new-right {
                width: 100%;
                margin-top: 1%;
            }
            .new-right img {
                width: 100%;
                height: 400px;
            }
            .many {
                width: 100%;
                display: block;
                gap: 1%;
            }
            .many li {
                width: 100%;
            }
            .many li img {
                width: 100%;
                height: 300px;
                object-fit: cover;
                object-position: center;
            }
            .tirimen {
                display: block;
                gap: 1%;
            }
            .tirimen li {
                width: 100%;
            }
            .tirimen li img {
                width: 100%;
                height: 300px;
                object-fit: cover;
                object-position: center;
            }
            .craftmanship-miyashin {
                width: 100%;
                display: block;
                margin-top: 2%;
            }
            .craftmanship-miyashin li {
                width: 100%;
                gap: 1%;
            }
            .craftmanship-miyashin li img {
                width: 100%;
                height: 300px;
                object-position: center top;
            }
            .miyashin-ex-top {
                width: 100%;
                display: block;
                gap: 1%;
            }
            .miyashin-ex-item1 {
                width: 100%;
            }
            .miyashin-ex-item1 img {
                height: 300px;
                object-position: center;
            }
            .miyashin-ex-under {
                width: 100%;
                display: block;
                gap: 1%;
            }
            .miyashin-ex-item2 {
                width: 100%;
            }
            .miyashin-ex-item2 img {
                height: 250px;
                object-position: center;
            }
            /* 森さん */
            .craftmanship-mori-top,
            .craftmanship-mori-under {
                width: 100%;
                display: block;
                gap: 1%;
            }
            .craftmanship-mori-top:nth-child(1) {
                width: 100%;
            }
            .craftmanship-mori-top :nth-child(2) {
                width: 100%;
            }
            .craftmanship-mori-top img {
                width: 100%;
                height: 300px;
                object-position: center top;
            }
            .craftmanship-mori-under img {
                width: 100%;
                height: 300px;
            }
            .example-list-mori {
                display: block;
                gap: 1%;
                width: 100%;
            }
            .mori-ex-left {
                width: 100%;
            }
            .mori-ex-left img {
                width: 100%;
                height: 400px;
                object-fit: cover;
                object-position: center;
            }
            .mori-ex-right {
                width: 100%;
                display: flex;
                gap: 1%;
            }
            .mori-ex-right img {
                width: 50%;
                height: 247px;
            }
            .utility {
                display: block;
            }
            .utility1 {
                width: 100%;
            }
            .utility1 img {
                width: 100%;
                height: 400px;
            }
            .utility-top img {
                height: 300px;
            }
            .utility-under img {
                height: 300px;
            }
            .utility2 {
                width: 100%;
                display: flex;
                gap: 1%;
            }
            .short-span {
                display: block;
                width: 100%;
            }
            .short-span li {
                width: 100%;
            }
            .short-span li img {
                width: 100%;
                height: 300px;
                object-fit: cover;
                object-position: center;
            }

            /* 丹夌 */
            .main-item-img-list3 {
                display: block;
                width: 100%;
                gap: 1%;
            }
            
            .main-item-left3 {
                width: 100%;
            }
            
            .main-item-left3 img {
                width: 100%;
                height: 600px;
                object-fit: cover;
                object-position: center;
            }
            .main-item-top3wide {
                display: flex;
                width: 100%;
                gap: 1px;
            }

            .main-item-top3wide {
                width: 100%;
                display: flex;
            }
            
            .main-item-top3wide img {
                width: 49%;
                height: 200px;
                object-fit: cover;
                object-position: center;
            }
            .main-item-list2 li{
                width: 100%;
                display: block;
                gap: 1%;
            }
            
            .main-item-list2 li img {
                width: 100%;
                height: 400px;
                object-fit: cover;
                object-position: center;
            }

        .main-item-list3-1 {
            display: block;
            gap: 1%;
        }
        
        .list3-1-left {
            width: 100%;
        }
        
        .main-item-right {
            display: flex;
            gap: 1%;
            width: 100%;
        }
        .sdgs2 {
            width: 50%;
        } 
        
        .sdgs2 img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            object-position: center;
        }
        .craftmanship-tanryo {
            display: block;
        }
        .craftmanship-tanryo li {
           
            width: 100%;
        }

        .example-list6 {
            display: block;
            gap: 1%;
            width: 100%;
        }
        
        .ex-list-6-left {
            display: flex;
            gap: 1%;
            width: 100%;
            height: 252px;
        }
        .example-item6 img {
            width: 100%;
            height: 250px;
        }
        
        .ex-list-6-right {
            width: 100%;
            height: 480px;
        }
        
        .ex-list-6-right-top {
            display: flex;
            gap: 1%;
            width: 100%;
        }
        
        .right-top-item6 {
            width: 33%;
        }
        
        .right-top-item6 img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            object-position: center;
        }
        
        .ex-list-6-right-under {
            width: 100%;
        }
        
        .right-under-item6 img {
            width: 100%;
            height: 268px;
            object-fit: cover;
            object-position: center;
        }

        /* トミヤ */
    
        .world-top {
           display: flex;
           gap: 1%;
           width: 100%;
        }
        .world-top-left {
            width: 100%;
        }
        .world-top-left img{
            height: 200px;
        }
        .world-top-right {
            width: 100%;
        }
        .world-top-right img{
            width: 100%;
            height: 200px;
        }

        .world-under img{
            height: 300px;
        }
        .development {
            display: block;
            gap: 1%;
        }
        .gevelopment-flex {
            width: 100%;
        }
        .gevelopment-flex img{
            width: 100%;
            height: 600px;
            object-position: center center;
            object-fit: cover;
        }
        .nees {
            display: block;
            gap: 1%;
        }
        .nees-flex1 {
            width: 100%;
        }
        .nees-flex1 img{
            width: 100%;
            height: 300px;
            
        }
        .nees-flex2 {
            width: 100%;
        }
        .nees-flex2 img {
            width: 100%;
            height: 300px;
            
        }
        .creftmanship-lists {
           display: block;
           gap: 1%;
           width: 100%;
        }
        .creftmanship-tomiya1 {
            width: 100%;

        }
        .creftmanship-tomiya1 img{
            width: 100%;
            height: 400px;
            

        }
        .creftmanship-tomiya2 {
            width: 100%;

        }
        .creftmanship-tomiya2 img{
            width: 100%;
            height: 300px;
            object-position: center;
            object-fit: cover
            
        }
        .example-list3{
            display: block;
            gap: 1%;
            width: 100%;
        }
        .example-tomiya1 {
            width: 100%;
            display:flex;
            gap: 1%;
        }
        .example-tomiya-left {
           width: 50%;
        }
        .example-tomiya-left img{
            width: 100%;
            height: 230px;
            object-position: center;
            object-fit: cover;
        }
        .example-tomiya2 {
            width: 100%;
        }
    
        .example-tomiya2 img{
            width: 100%;
            height: 490px;
            object-position: center;
            object-fit: cover
        }

    /* わたぶん */
    .main-item-list2 {
        display: block;
        gap: 1%;
    }
    .summer {
       width: 100%;
    }
    .summer img{
        width: 100%;
        height: 280px;
        object-position: center;
        object-fit: cover;
     }
     .main-item-list2 {
        display: flex;
        gap: 1%;
     }
     .only img{
         width: 100%;
         height: 280px;
      }

    .example-list-shinbori {
        display: block;
    }
    .shinbori-ex1,.shinbori-ex2 {
       width: 100%;
    }

      .creftmanship-watabun-top {
          display: block;
          width: 100%;
      }
      .creftmanship-watabun-top li {
        width: 100% ;
    }
    .creftmanship-watabun-top li img {
        width: 100%;
        height: 350px;
     }
     .creftmanship-watabun-under {
        display: block;
        width: 100%;
    }
    .creftmanship-watabun-under li  {
        width: 100%;
     }
     .main-item-img-list4 {
         display: block;
     }
     .textile {
         width: 100%;
     }
     .main-item-list2{
         display: block;
     }
     .main-item-list2{
        width: 100%;
    }

    .example-list4 {
        display: block;
    }
    .example-item4 {
       width: 100%;
    }

    /* 吉川 */
    .main-item-list4 {
        display:block;
    }
    .choco {
       width:100%;
    }
    .interia {
        width: 100%;
    }
    .craftmanship-lists {
        display: block;
       
    }
    .craftmanship-list3 {
        width: 100%;
    }
    .example-list2 {
        display: block;
    }
    .example-item2 {
        width: 100%;
    }
}
        
        @media (max-width:640px) {
            body {
                overflow: hidden;
            }
            /* ハンバーガーメニュー */
            #g-nav-list {
                margin-top: 5%;
            }
            #g-nav li a {
                font-size: 16px;
                color: #fff;
                padding: 1% 0;
                display: block;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                font-weight: bold;
                padding-left: 5%;
            }
            .parple {
                font-size: 14px;
            }
            .small {
                font-size: 12px;
            }
            .gpr h2 {
                font-size: 26px;
            }
            .gpr h3 {
                font-size: 13px;
                padding-top: 8px;
            }
            .site-title {
                margin-top: 12%;
            }
            .site-title img {
                width: 100%;
            }
            /* トップニュース */
            .news-inner {
                margin: 10% auto;
            }
            .news-article {
                width: 100%;
                text-align: left;
                font-size: 16px;
                line-height: 2;
            }
            /* プロジェクトについて */
            .about-title {
                padding-top: 10%;
            }
            .project-title1 {
                font-size: 20px;
            }
            .project-title1 br {
                display: block;
            }
            .about-sub-title {
                width: 100%;
                font-size: 13px;
            }
            .can-txt {
                font-size: 15px;
                line-height: 1;
                margin-top: 5%;
            }
            .about-inner p {
                font-size: 10px;
            }
            /* 産地について */
            .origin-top-list {
                display: block;
            }
            .origin-top-list li {
                width: 100%;
                height: 100%;
            }
            .origin-content {
                padding: 0;
            }
            .origin-block {
                display: block;
                margin-top: 5%;
            }
            .origin-block-list {
                display: block;
            }
            .origin-block-list li {
                width: 100%;
            }
            .textile-title {
                font-size: 20px;
                padding-top: 3%;
            }
            .textile-txt {
                font-size: 16px;
                padding-top: 2%;
                height: 100%;
                width: 90%;
            }
            .textile-img img {
                width: 100%;
                height: 300px;
            }
            .place {
                width: 90%;
                margin: 0 auto;
            }
            .place:nth(:first-child) {
                padding-top: 15%;
            }
            .place img {
                width: 100%;
            }
            /* クレジット */
            .credit-inner {
                padding-top: 10%;
                width: 75%;
            }
            .credit-title {
                margin-bottom: 4%;
            }
            .credit-content {
                width: 100%;
            }
            .credit-content p {
                margin-bottom: 2%;
            }
            .credit-block dl dd br {
                display: none;
            }
            .credit-block dl dd {
                font-size: 12px;
            }
            /* フッター */
            .footer-inner {
                width: 80%;
                text-align: center;
            }
            .footer-logo {
                margin: 0 auto;
            }
            .footer-right-up ul {
                margin-bottom: 4%;
                font-size: 10px;
                margin-top: 5%;
            }
            .contact-link {
                margin-bottom: 1%;
            }
            footer {
                margin: 10% 0;
            }
            .footer-right-down p {
                font-size: 7px;
            }
            .copy-right {
                font-size: 10px;
            }
            /* =============　安田織物　============== */
            .section-inner {
                padding: 10% 5%;
            }
            .title-box {
                display: block;
                padding: 2%;
            }
            .title-box-left {
                display: block;
                width: 100%;
            }
            .name {
                font-size: 31px;
            }
            .title-box-right {
                width: 100%;
            }
            .eg-name {
                font-size: 25px;
                padding-top: 0;
            }
            /* リンク一覧 */
            .section-link {
                width: 100%;
                margin: 0 auto;
            }
            .section-link-item {
                padding: 1% 1%;
            }
            .section-link-item a {
                font-size: 10px;
            }
            .section-content {
                width: 100%;
                margin: 6% auto;
            }
            .section-inner {
                padding: 4% 8%;
            }
            .main-block-title {
                width: 100%;
                margin: 0;
                text-align: left;
                font-size: 23px;
                margin-bottom: 5%;
            }
            .main-block-items {
                display: block;
                justify-content: space-between;
                margin-top: 3%;
            }
            .main-block-items-right .main-block-item:last-child {
                margin-top: 4%;
            }
            .main-title {
                font-size: 18px;
                margin-bottom: 5%;
            }
            .main-txt {
                font-size: 13px;
                line-height: 2;
            }
            .main-item-img {
                margin-top: 4%;
            }
            .main-block-items-right {
                width: 100%;
                padding-top: 4%;
            }
            .main-item-list3 {
                display: flex;
                justify-content: space-between;
                gap: 1%;
            }
            .main-item-list-under3wide {
                width: 100%;
            }
            .main-item-list-under3wide {
                height: 300px;
                object-fit: cover;
                object-position: center;
            }
            .only-txt {
                font-size: 12px;
            }
            /* たくみの技 */
            #craftmanship {
                margin-top: 15%;
                width: 100%;
            }
            .gold-title {
                font-size: 24px;
            }
            .gold-title span {
                font-size: 16px;
            }
            .craftmanship-lists {
                display: flex;
                flex-wrap: wrap;
                gap: 1%;
                margin-top: 5%;
            }
            .craftmanship-list {
                width: 48%;
            }
            .craftmanship-list img {
                height: 230px;
            }
            .craftmanship-block2-flex {
                display: block;
                margin-top: 5%;
            }
            .craftmanship-block2-title {
                width: 100%;
            }
            .craftmanship-block2-txt {
                width: 100%;
            }
            .block2-img-lists {
                display: block;
                margin-top: 3%;
            }
            .block2-list {
                width: 100%;
            }
            .block2-list img {
                width: 100%;
                height: 230px;
                object-fit: cover;
                object-position: center;
            }
            .block2-list p {
                font-size: 12px;
                padding: 1% 0;
            }
            .block2-txt {
                font-size: 12px;
            }
            /* 黒背景内容 */
            #yasuda-black,
            #mori-black {
                background: #000;
                color: #fff;
            }
            .section-black-inner {
                padding: 7% 7%;
            }
            .pixel-title {
                margin-bottom: 6%;
            }
            .pixel-title::before {
                background-size: contain;
                left: -27px;
                top: 76%;
            }
            .pixel-txt {
                font-size: 12px;
            }
            .iframe-frame {
                height: 700px;
            }
            .pixel-txt {
                font-size: 13px;
            }
            .pixel-detail-txt {
                font-size: 10px;
            }
            .pixel-link a {
                display: inline-block;
                border: 2px solid #fff;
                font-size: 13px;
                padding: 2% 8%;
                position: relative;
            }
            .pixel-link a::before {
                background-size: 100%;
                top: 30%;
                left: 5%;
                width: 6%;
            }
            .pixel-link a::after {
                background-size: contain;
                top: 32%;
                right: 4%;
                width: 6%;
            }
            /* バーチャルツアー */
            .tour {
                margin-top: 17%;
            }
            .tour-title {
                font-size: 19px;
                line-height: calc( 28 / 20);
                position: relative;
                margin-left: 9%;
                margin-bottom: 6%;
            }
            .tour-title::before {
                width: 9%;
                background-size: 100%;
                left: -50px;
                top: 80%;
                background-repeat: no-repeat;
            }
            .tour-txt {
                font-size: 13px;
            }
            .tour-block {
                margin-top: 7%;
                width: 100%;
            }
            .iframe-frame-tour {
                height: 300px;
                width: 100%;
            }
            /* 白背景　内容 */
            .yasuda-white-inner {
                padding: 8% 7%;
            }
            .deliver-title {
            
                font-size: 16px;
            }
            .deliver-list {
                width: 48%;
                display: block;
                margin-top: 0;
                margin: 0 auto;
            }
            .deliver-list-img {
                width: 70%;
                margin: 0 auto;
            }
            .deliver-list-img img {
                width: 100%;
            }
            .deliver-txt {
                margin: 10%;
                width: 100%;
                font-family: 游ゴシック体;
                font-size: 14px;
            }
            .deliver-txt span {
                font-size: 3px;
                letter-spacing: -0.5px;
            }
            .deliver-detail {
                margin-top: 1%;
            }
            .deliver-text {
                font-size: 14px;
                font-family: 游ゴシック体;
                line-height: calc( 20 /14);
                padding-top: 1.5%;
            }
            /* 使用実績 */
            .example-list {
                display: block;
            }
            .example-item {
                width: 80%;
                height: 600px;
                margin: 0 auto;
                margin-top: 5%;
            }
            .example-img {
                object-fit: cover;
                height: 100%;
                object-position: center;
                width: 100%;
                padding-bottom: 2%;
                padding-top: 2%;
            }
            .example-img img {
                width: 100%;
            }
            .example-txt {
                padding: 0 0;
                font-size: 12px;
                margin-top: 0;
            }
            /* 事業者一覧 */
            #company {
                margin-top: 3%;
            }
            .company-inner {
                padding: 7% 10%;
            }
            .person-name {
                text-align: left;
                font-size: 13px;
                margin-top: 0;
            }
            .company-iframe {
                height: 320px;
                width: 100%;
                margin-top: 1%;
            }
            .company-flex {
                display: flex;
                padding: 1% 0;
            }
            .address {
                font-family: 游ゴシック体;
                font-style: normal;
                font-size: 10px;
                line-height: calc( 26 / 16);
            }
            .site-link {
                font-size: 10px;
                padding-top: 0;
            }
            .person-name {
                text-align: right;
            }
            /* ============= お問い合わせ ============== */
            .contact-title {
                margin-left: 2%;
                font-size: 35px;
            }
            .contact-catalog-flex {
                margin-top: 5%;
                display: block;
            }
            .contact-catalog-left {
                width: 100%;
                margin-left: 0;
            }
            .contact-catalog-left p {
                font-size: 16px;
                line-height: 2;
            }
            .contact-catalog-left p strong {
                padding-top: 5%;
            }
            .contact-catalog-right {
                width: 100%;
                margin-left: 0;
                margin-top: 10%;
            }
            .contact-catalog-right dl {
                font-size: 16px;
            }
            .contact-catalog-right dd {
                padding-bottom: 2%;
            }
            /* お問い合わせ */
            .contact-inner {
                padding: 0 3%;
            }
            .contact-block {
                display: block;
                width: 100%;
                background: #fff;
                padding: 7% 0% 5% 0%;
            }
            .contact-block dl {
                display: inline-block;
                width: 100%;
                margin: 0 auto;
                margin-bottom: 4%;
            }
            .contact-block dl dt {
                width: 100%;
                margin: 0 auto;
                margin-left: 3%;
            }
            .contact-block dl dd {
                width: 90%;
                margin: 0 auto;
            }
            input {
                width: 100%;
            }
            .privacy {
                display: flex;
                align-items: center;
                width: 100%;
                margin: 0 auto;
                position: relative;
                padding-left: 10%;
            }
            #privacy {
                width: 30%;
                margin-top: 3%;
            }
            .privacy-txt {
                margin-left: 1%;
                display: flex;
                font-size: 14px;
            }
            .privacy input[type="checkbox"] {
                display: none;
            }
            .privacy input[type="checkbox"]+label::before {
                content: "";
                position: absolute;
                display: block;
                box-sizing: border-box;
                width: 20px;
                height: 20px;
                margin-top: -10px;
                left: 0;
                top: 50%;
                border: 1px solid;
                border-color: #585753;
                /* 枠の色変更 お好きな色を */
                background-color: #FFF;
                /* 背景の色変更 お好きな色を */
            }
            /* チェックが入った時のレ点 */
            .privacy input[type="checkbox"]:checked+label::after {
                content: "";
                position: absolute;
                display: block;
                box-sizing: border-box;
                width: 18px;
                height: 9px;
                margin-top: -9px;
                top: 50%;
                left: 3px;
                transform: rotate(-45deg);
                border-bottom: 3px solid;
                border-left: 3px solid;
                border-color: #585753;
                /* チェックの色変更 お好きな色を */
            }
            .contact-btn {
                width: 90%;
                height: 40px;
                line-height: 40px;
                display: block;
                background: #000;
                border-radius: 4px;
                margin-top: 4%;
                position: relative;
            }
            .contact-btn a {
                color: #fff;
            }
            .contact-btn a::after {
                position: absolute;
                content: "";
                background: url(../img/icon-next.png);
                top: 32%;
                right: 0%;
                width: 8%;
                height: 100%;
                background-repeat: no-repeat;
            }
            .right-position {
                width: 100%;
            }
            /* cobo */
            .project {
                width: 100%;
                display: inline-block;
                margin-top: 6%;
            }
            .project a {
                background: #000;
                color: #fff;
                font-family: 游ゴシック体;
                font-size: 10px;
                font-weight: bold;
                padding: 3% 15% 3% 2%;
                border-radius: 4px;
                position: relative;
            }
            .project a::after {
                position: absolute;
                content: "";
                background: url(../img/exmaple.png);
                background-repeat: no-repeat;
                background-size: contain;
                width: 15%;
                height: 60%;
                top: 20%;
                right: 6%;
            }
        }