@media (min-width: 768px) {
    #mock_app .contents .contents__left {
        max-width: 100%;
    }

    .contents {
        max-width: 100%;
    }
}
	.fv_img_wrap {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        margin-bottom: 0;
    }

    .fv_img_wrap img {
        width: 100%;
    }

    .new_year_time_wreap {
        display: none;
    }

    .slide__wrap01 {
        display: none;
    }

    .fv_img_wrap {
        max-width: 100%;
    }

    .mv_img img {
        max-width: 100% !important;
    }

    .mv_img_top {
        width: 90%;
    }

    .under_mv {
        width: 100%;
        text-align: center;
    }

    @media (max-width: 767px) {
        .renew_2024_fv_202404 {
            position: relative;
            box-sizing: border-box;
            width: 100%;
            max-width: 640px;
            margin: 0px auto;
        }

        .renew_2024_fv_202404 a {
            display: inherit;
        }

        .renew_2024_fv_bar202404 {
            position: relative;
            display: block;
            width: 100%;
            max-width: 100%;
            margin: 10px auto 10px;
            z-index: 2;
        }
    }

    .notices {
        padding: 0 1rem 0 1rem;
    }

    .notices a {
        margin: auto;
        display: block;
        text-align: center;
        max-width: 500px;
        margin-top: 20px;
        color: #000;
        background-color: #f2f2f2;
        border: 2px solid #f2f2f2;
    }


    .notices>* {
        position: relative;
        display: block;
        padding: 0.75rem 40px 0.75rem 25px;
        overflow: hidden;
        font-size: 18px;
        cursor: pointer;
        border-radius: 24px;
    }

    .notices>*::after {
        position: absolute;
        top: 50%;
        right: 1rem;
        width: 1rem;
        height: 1rem;
        margin-top: -0.5rem;
        vertical-align: middle;
        content: "";
        background-repeat: no-repeat;
        background-image: url(../images/common/icon_arrow_red01.png);
        background-size: contain;
    }

    .notices a:hover {
        background-color: #f2f2f2;
        border: 2px solid #b31e00;

    }

    #mock_app section.column_section,
    #mock_app .reason_section {
        margin-top: 0;
    }

    #mock_app .titleMain--lead {
        margin-bottom: 2.2rem;
    }

    #mock_app section {
        margin-top: 5%;
    }

    @media (max-width: 767px) {
        #mock_app>main>article>section.handling-products {
            margin-top: 0;
        }
    }

    @media (min-width: 768px) {
        #mock_app .handling-brand .colBox>.col {
            width: 100%;
        }

        .colBox.sp__col02>.col {
            width: 47.4%;
        }

        #mock_app .newsList {
            max-width: 65%;
        }
    }

    /* PC版 */
    @media (min-width: 768px) {
        .cautionary_note {
            margin: 6px auto -2rem;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cautionary_note img {
            width: 80px;
        }
    }

    /* SP版 */
    @media (max-width: 767px) {
        .cautionary_note {
            margin: 20px auto -1rem;
            text-align: left;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 1rem;
            font-size: 12px;
        }

        .cautionary_note img {
            width: 48px;
        }

        #mock_app section {
            margin-top: 7%;
        }
    }

    /* TOP用セクションコンテンツ幅調整 */


		#mock_app section {
			max-width: 100%;
		}

		.handling_products_section,
		.handling_brand_section,
		.column_section {
			padding: 0 5% !important;
		}

		.cta_section {
			padding: 5% !important;
		}

		.reason_section {
			padding: 5% 5% 0 5% !important;
		}

		.btn__red>a {
			font-size: clamp(1em, 1vw, 3em);
			border-radius: 10em;
			text-align: center;
			margin: auto;
		}

		.columnbox .btn__wrap.btn__red,
		.columnbox+.btn__wrap.btn__red {
			margin-top: 1rem;
		}

		@media (min-width: 768px) {
			.titleMain--main {
				font-size: clamp(1em, 2.8vw, 3em);
			}
		}

		.titleMain--lead {
			font-size: clamp(0.8em, 1vw, 3em);
		}


		@media (min-width: 768px) {
			#mock_app section.search_section {
				margin-top: 2%;
			}

			.columnbox {
				margin: 2.2rem auto 0;
			}

			.contents {
				padding: 0;
			}

			.news_section {
				margin-bottom: 4.3%;
			}


		}

        #mock_app .cta_band_img_area+section {
			margin-top: 0 !important;
		}

		.cta_band_img_area {
			margin-top: 4rem;
		}


		.products_area a:hover img {
			transform: scale(1.15);
		}

		.cta_section {
			background-color: #eeeeee;
		}

		img.cta_section_content_area_svg {
			position: absolute;
			top: -3%;
			left: -3%;
			width: 12%;
		}

		.cta_section_content_text_area_wrap h4 {
			position: relative;
		}

		.cta_section_content_text_area_wrap h4::before,
		.cta_section_content_text_area_wrap h4::after {
			content: '';
			position: absolute;
			height: 100%;
			width: 2px;
			background-color: red;
			top: 50%;
			transform-origin: right center;
		}

		.cta_section_content_text_area_wrap h4::before {
			left: -1em;
			transform: translateY(-50%) rotate(-35deg);
		}

		.cta_section_content_text_area_wrap h4::after {
			right: -1em;
			transform: translateY(-50%) rotate(35deg);
		}

		.cta_section_content_wrap {
			display: flex;
			flex-wrap: wrap;
			gap: 4%;
		}

		.cta_section_content {
			width: 48%;
		}

		.cta_section_content_ttl span:nth-child(1) {
			font-family: "din-condensed", "DIN Condensed", "sans-serif";
			font-weight: 400;
			font-style: normal;
			line-height: 1;
			font-size: clamp(1em, 1.3em, 3em);
		}

		.cta_section_content_ttl {
			width: fit-content;
			margin: auto;
			font-size: clamp(1.5em, 2vw, 3em);
			margin-top: 5%;
			margin-bottom: 3%;
			font-weight: bold;
		}

		.cta_section_content_area {
			position: relative;
			display: flex;
			background-color: #ffffff;
			border-radius: 24px;
			flex-wrap: wrap;
		}


		.cta_section_content_text_area_wrap {
			padding: 5%;
			width: 50%;
			display: flex;
			flex-direction: column;
			justify-content: center;
            gap: 0.5vw;
		}

		.cta_section_content_area a {
			font-size: clamp(0.6em, 0.9vw, 3em);
			text-align: center;
			padding: 5% 0;
			border-radius: 5em;
		}

		.cta_section_content_area .btn__wrap>*::after {
			right: 0.5rem;
		}

		.cta_section_content_area_img {
			width: 50%;
			border-radius: 24px 0em 0em 24px;
			object-fit: cover;
			aspect-ratio: 4 / 3;
		}

		.cta_section_content_text_area_wrap p {
			font-size: clamp(0.3em, 0.8vw, 3em);
			position: relative;
		}

		.cta_section_content_text_area_wrap p::before {
			content: '';
			position: absolute;
			top: 0.5em;
			left: -3%;
			width: 0.5em;
			height: 0.5em;
			border-radius: 50%;
		}

		.cta_section_content_text_area_wrap h4 {
			font-size: clamp(0.5em, 1.2vw, 3em);
			width: fit-content;
			text-align: center;
			margin: 0 auto;
			font-weight: bold;
		}

		.cta_section_content_text_area_wrap .btn__wrap {
			margin: 0rem auto 0;
		}

		.cta_section_content_area_tel {
			width: 70%;
			margin: auto;
			display: block;
			margin-top: 5%;
		}

		.cta_section_content_area_tel img {
			width: 100%;
		}

		@media (max-width: 1024px) {
			.cta_section_content_text_area_wrap h4 {
				font-size: clamp(0.7em, 4vw, 3em);
			}

			.cta_section_content_area a {
				font-size: clamp(0.3em, 3vw, 3em);
			}

			.cta_section_content_area_img {
				border-radius: 24px 24px 0em 0em;
				aspect-ratio: 4 / 2.5;
				width: 100%;
			}

			.cta_section_content_text_area_wrap {
				padding: 5% 7%;
				width: 100%;
			}

			.cta_section_content_text_area_wrap p {
				font-size: clamp(0.7em, 3vw, 3em);
			}

			img.cta_section_content_area_svg {
				width: 25%;
			}


			.columnbox__wrap .col {
				margin: 0rem 0;
				width: 50vw;
				margin-right: 0.1%;
			}

			#mock_app .newsList {
				max-width: 88%;
			}

			.cta_section_content_area_tel {
				width: 100%;
			}

			#mock_app .newsList {
				max-width: 88%;
			}

			.cta_section_content_text_area_wrap h4 {
				font-size: clamp(0.7em, 2vw, 3em);
			}

			.cta_section_content_text_area_wrap p {
				font-size: clamp(0.7em, 2vw, 1.5em);
			}

			.cta_section .btn__red>a {
				width: 100%;
			}

			.cta_section_content_area a {
				font-size: 1em;
			}

			.cta_section_content_text_area_wrap p {
				font-size: clamp(0.7em, 1.6vw, 1em);
			}

			.cta_section_content {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}

			.cta_section_content_area {
				align-content: space-between;
				height: 100%;
			}

			.cta_section_content_text_area_wrap {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				padding: 10px 7% 20px 7%;
				width: 100%;
				height: 50%;
			}

			.cta_section_content_area_img {
				height: 50%;
			}

			#mock_app .column_section .flex--slide__pagenation .pagenation--arrows::before {
				position: absolute;
				top: 50%;
				left: 50%;
				display: block;
				width: calc(100% - 96px);
				height: 100%;
				content: "";
				background-color: #fff;
				background-image: url(../images/common/icon_slide_guide.svg);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: auto calc(100% - 8px);
				border-radius: 50vw;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}

			#mock_app .column_section .flex--slide__pagenation .pagenation--dots {
				display: flex;
				position: absolute;
				top: -100%;
				margin: auto;
				width: 100%;
			}

			#mock_app .column_section .columnbox__wrap+.flex--slide__pagenation {
				display: block;
				background-color: #e6001200;
			}

			.column_section .flex--slide__pagenation .pagenation--dots .slick-dots button {
				background: #000000;
			}
		}

		@media (max-width: 767px) {
			.cta_section_content_text_area_wrap h4 {
				font-size: clamp(0.7em, 4vw, 3em);
			}

			.cta_section_content_area a {
				font-size: clamp(0.3em, 3vw, 3em);
			}

			.cta_section_content {
				width: 100%;
			}


			.cta_section_content_text_area_wrap p {
				font-size: clamp(0.7em, 3vw, 3em);
			}

			.cta_section_content_area_tel {
				width: 100%;
			}

			.columnbox__wrap .col {
				width: 70vw;
				margin-right: 0%;
			}

			#mock_app .newsList {
				max-width: 100%;
			}

			.cta_section {
				padding: 7% 5% !important;
			}
		}

        .products_area a img {
            transition: transform 0.5s ease;
        }

        .products_area_top_content_img_wrap {
            overflow: hidden;
            border-radius: 24px;
        }

        .products_area img {
            width: 100%;
        }

        .products_area_content_wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 2%;
			justify-content: center;
        }

        .products_area a {
            /* width: 32%; */
			width: 23%;
            display: block;
            margin-bottom: 2%;
        }

        .products_area_text {
            position: relative;
            width: fit-content;
            margin: auto;
            margin-top: 2%;
            font-size: clamp(1em, 1vw, 3em);
            padding-right: 10%;
            font-weight: bold;
        }

        .products_area_bottom_content_wrap .products_area_text {
            font-size: clamp(0.7em, 1vw, 3em);
            word-break: auto-phrase;
            line-height: 1.3;
        }

        .products_area_text:after {
            position: absolute;
            display: block;
            /* content: ""; */
            right: 0;
            width: 1em;
            height: 1em;
            background: url(../images/common/icon_arrow_white02.png) no-repeat;
            background-size: 30%;
            transform: translateY(-50%);
            top: 50%;
            background-position: center;
            border-radius: 50%;
        }

        .accordion-toggle {
            position: relative;
            width: fit-content;
            margin: auto;
            margin-top: 2%;
            font-size: clamp(1em, 1vw, 3em);
            cursor: pointer;
            transition: background-color 0.3s;
            display: block;
            padding: 1% 5%;
            border-radius: 10vw;
        }

        .accordion-toggle:after {
            position: absolute;
            display: block;
            content: "";
            right: 1em;
            width: 1em;
            height: 1em;
            background: url(../images/common/icon_arrow_white01.png) no-repeat;
            background-size: 100%;
            top: 50%;
            background-position: center;
            border-radius: 50%;
            transform: translateY(-50%) rotate(90deg);
        }

        .products_area_img_wrap {
            background-color: #efefef;
            border-radius: 24px;
            overflow: hidden;
        }

        .products_area_bottom_content_wrap img {
            aspect-ratio: 2.8 / 2.5;
            object-fit: contain;
            padding: 5%;
        }

        .products_area_bottom_content_wrap a {
            width: 15%;
        }

        .accordion-content {
            display: none;
            /* 初期状態では非表示 */
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            max-height: 0;
        }

        .accordion-section.active .accordion-content {
            display: block;
            max-height: 100%;
        }


        .accordion-toggle.hide {
            display: none;
        }

        .handling_brand_section .products_area_bottom_content_wrap a {
            width: 18%;
			pointer-events: none
        }

        @media (max-width: 767px) {
            .products_area a {
                width: 100%;
            }

            .products_area_bottom_content_wrap a,
            .handling_brand_section .products_area_bottom_content_wrap a {
                width: 30%;
            }

            .products_area_top_content_wrap .products_area_text {
                margin-top: 2%;
                padding-right: 0%;
                text-align: center;
            }

            .products_area_text {
                width: auto;
                margin-bottom: 10%;
            }

            .accordion-toggle {
                width: 90%;
                padding: 5% 5%;
                text-align: center;
            }
        }

		.reason_section_content img {
			width: 100%;
			border-radius: 24px 24px 0em 0em;
		}

		.reason_section_content_wrap {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.reason_area_img_wrap {
			width: 32%;
			margin-bottom: 5%;
		}

		.reason_area_img_wrap {
			width: 32%;
			margin-bottom: 5%;
			background-color: #eeeeee;
			border-radius: 24px;
			text-align: center;
		}

		.reason_section_text_area {
			padding: 7% 0;
		}

		.reason_section_ttl {
			font-size: clamp(1em, 1.5vw, 3em);
			font-weight: bold;
		}

		.reason_section_text {
			font-size: clamp(0.6em, 0.9vw, 2em);
			margin-top: 2%;
		}

		.reason_numbering {
			font-family: "din-condensed", "DIN Condensed", "sans-serif";
			font-size: clamp(1.7em, 4vw, 5em);
		}

		.reason_numbering {
			top: -0.6em;
		}

		@media (max-width: 1024px) {
			.reason_area_img_wrap {
				width: 48%;
			}

			.reason_numbering {
				font-size: clamp(1.5em, 7vw, 5em);
			}
		}

		@media (max-width: 767px) {
			.reason_area_img_wrap {
				width: 100%;
				display: flex;
			}


			.reason_section_content img {
				width: 50%;
				border-radius: 24px 0em 0em 24px;
			}

			.reason_section_text_area {
				padding: 5% 5%;
				text-align: left;
			}
		}

		.column_section .columnbox__wrap .col--text .text--detail {
			font-size: clamp(0.7em, 1vw, 3em);
		  }
	  
	  
		  @media (min-width: 768px) {
	  
	  
			#mock_app .column .columnbox {
			  max-width: 100%;
			}
		  }
	  
		  #mock_app .column .columnbox__wrap .col {
			max-width: 100%;
		  }
	  
		  .btn__red_re a {
			width: 25em;
			text-align: center;
			font-size: clamp(0.6em, 0.8vw, 3em);
			margin: auto;
			border-radius: 5em;
		  }
	  
		  .column_section .columnbox__wrap .tag__list--item.tag1 span {
			background-color: #eeeeee !important;
			color: #000 !important;
		  }
	  
		  .column_section .columnbox__wrap .col>.img__link {
			overflow: visible;
			background-color: #ffffff;
			border-radius: 24px;
		  }
	  
		  .column_section .columnbox__wrap img {
			border-radius: 24px;
		  }
	  
		  .columnbox__wrap .col--text .tag__list--item a>span {
			font-size: clamp(0.8rem, 1vw, 3rem);
		  }
	  
		  .columnbox__wrap .col--text .text--title {
			font-size: clamp(1rem, 1.5vw, 3rem);
		  }
	  
		  .column_section .red_circle_arrow_link,
		  .columnbox__wrap .col--text .text--detail {
			font-size: clamp(0.8em, 1vw, 3em);
		  }
	  
		  .column_section .img__link:hover img {
			transform: scale(1.05);
		  }
	  
		  .column_section img {
			transition: transform 0.5s ease;
		  }
	  
		  .column_section .img__link p {
			border-radius: 24px;
	  
		  }
	  
		  @media (max-width: 767px) {
			.column_section .flex--slide__pagenation .pagenation--dots {
			  display: flex;
			  position: absolute;
			  top: -100%;
			  margin: auto;
			  width: 100%;
			}
	  
			.column_section .flex--slide__pagenation .pagenation--dots .slick-dots button {
			  background: #000000;
			}
	  
			.column_section .columnbox .btn__wrap.btn__red,
			.columnbox+.btn__wrap.btn__red {
			  margin-top: 2rem;
			}
	  
			#columnbox_slid .flex--slide__pagenation {
			  margin-top: 0rem;
			}
	  
		  }

		  #mock_app .csr_section .btn__wrap {
			max-width: 25%;
			text-align: center;
			min-width: 180px;
		}

		.csr_section_content .head_img {
			padding: 1%;
		}

		.csr_section_content img {
			width: 100%;
		}

		.csr_section_content {
			background-image: url(../images/index/top_page_link_menu_bg.webp);
			padding-bottom: 5%;
			border-radius: 1vw;
			overflow: hidden;
			margin-top: 2%;
		}

		.dining_room_area {
			background-color: #fbfaef;
			margin: 0 6%;
			padding: 5%;
			border-radius: 1vw;
		}

		.dining_room_img_area {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.dining_room_img_area_wrap {
			width: 48%;
			margin-bottom: 5%;
		}

		.dining_room_area_ttl {
			font-size: clamp(1.2em, 1.8vw, 3em);
			font-weight: 500;
			text-align: center;
		}

		.dining_room_area_ttl {
			margin-bottom: 1%;
		}

		.dining_room_area_read {
			text-align: center;
			margin-bottom: 5%;
		}

		.dining_room_area_read,
		.dining_room_img_area_text {
			font-size: clamp(0.7em, 1vw, 3em);
		}

		p.dining_room_img_area_ttl {
			font-size: clamp(1em, 1.4vw, 3em);
			font-weight: 500;
			margin: 2% 0;
		}

		.csr_section .colBox {
			justify-content: space-between;
		}

		.csr_section .col {
			width: 31%;
		}

		.csr_section_ttl {
			font-size: clamp(0.9em, 1vw, 3em);
			font-weight: 600;
			margin: 2% 0;
		}

		p.csr_section_text {
			font-size: clamp(0.7em, 1vw, 3em);
		}

		.csr_section .colBox img {
			width: 100%;
		}


		@media (max-width: 767px) {

			.dining_room_area_read,
			.dining_room_area_ttl {
				text-align: left;
			}

			.dining_room_img_area_wrap {
				width: 100%;
			}

			#mock_app .csr_section .btn__wrap {
				max-width: 90%;
			}

			.csr_section .col {
				width: 100%;
			}

			.csr_section .colBox {
				gap: 10.22vw 2.5vw;
			}

			.csr_section_content {
				margin-top: 10%;
			}

			.csr_section_content .head_img {
				padding: 3%;
			}

			.csr_section_content,
			.dining_room_area {
				border-radius: 3vw;
			}

			.dining_room_img_area_wrap1 {
				order: 1;
			}

			.dining_room_img_area_wrap2 {
				order: 3;
			}

			.dining_room_img_area_wrap3 {
				order: 2;
			}

			.dining_room_img_area_wrap4 {
				order: 4;
			}

			.csr_section .colBox>.col .img {
				max-height: fit-content;
			}
		}

		@media (min-width: 768px) {
			#mock_app section.csr_section {
				max-width: 85%;
			}

			#mock_app .csr_section .colBox {
				max-width: 100%;
			}

		}

		
		.news-item {
			background-color: #dedede00 !important;
		}

		.newsList__item {
			margin-top: 0 !important;
			padding: 1.5rem 1rem 1.5rem 0rem;
			border-bottom: 1px solid #b5b5b5;
			border-radius: 0;
		}

		.newsList .newsList__item:first-child {
			border-top: 1px solid #b5b5b5;
		}

		.multiple_link a {
			text-decoration: underline;
		}

		.multiple_link a:hover {
			opacity: 0.5;
		}

		.news_section .red_circle_arrow_link {
			width: 100%;
			display: flex;
			align-items: center;
		}

		.news_section .newsList__item p,
		.news_section .news-item__time {
			font-size: clamp(1em, 1vw, 3em);
		}

		.news_section .news-item__category {
			font-size: clamp(0.8em, 1vw, 3em);
		}

		.news-item__meta .news-item__category {
			width: 10em;
		}

		.news-item__meta {
			align-items: center;
		}

		.news-item__meta .news-item__time {
			width: 5em;
			margin-right: .75rem;
		}

		@media (max-width: 767px) {
			.news_section .red_circle_arrow_link {
				flex-direction: column;
				align-items: flex-start;
			}
		}

		.news_section .red_circle_arrow_link:after {
			right: 0;
			min-width: 15px;
			min-height: 15px;
		}

		.news-item__category--blue {
			background-color: #fff !important;
		}

		.multiple_link.red_circle_arrow_link:after {
			content: none;
		}