.hdr__menu-btn {
    display: none;
}

.tbl-info-sp__contact, .tbl-info-sp__time .tbl-info-sp {
	display: none;
}

.pc-only {
	display: block;
}

.sp-only {
	display: none;
}

.title-fur {
    object-fit: contain;
    width: 100%;
}

@media screen and (min-width: 768px){

	/*====== FUR REMAKE =======*/
	.main-content-outer {
	    background: #f4ede7;
	    height: 100%;
	    margin: 0;
	    padding: 0;
	}

	.main-content {    
	    padding: 40px 0; 
	    margin: 0 auto;
	    display: block;
	    height: 100%;
	/*    max-width: 800px;*/
	}

	.main-title {
	    text-align: center;
	    font-size: 36px;
	}

	#remake-intro {
	    padding: 0 30px;
	    max-width: 800px;
	    margin: 0 auto;
	    color: #373634;
	}

	.remake-intro {
	    margin-top: 60px;
	    text-align: left;
	}

	#remake-sample {
	    background: #f4ede7;   
	}

	.sample-title {
	    text-align: center;
	    font-size: 28px;
	    margin-top: 60px;
	    color: #7a726f;
	}

	.flex-wrap {
	    display: flex;
	    width: 100%;
	    flex-wrap: wrap;   
	    padding-top: 10px;  
	/*    max-width: 800px;*/
	/*    max-width: 670px;*/
	    max-width: 750px;
	    margin: 0 auto;
	    padding-top: 40px;
	}

	.flex-before {
	    flex: 100%;
	    max-width: calc(40% - 30px);
	    margin: 0 30px 30px 0; 
	}

	.flex-after {
	    flex: 100%;
	    max-width: 60%;
	    margin: 0 0 30px 0; 
	}

	.txt-before {
	    font-size: 22px;
	    border: 2px solid #aba6a2;
	    padding: 8px 40px;
	    width: fit-content;
	    display: block;
	    margin: 0 18px;    
	}

	.txt-after {
	    font-size: 20px;
	    border: 2px solid #aba6a2;
	    padding: 8px 60px;
	    width: fit-content;
	    display: block;
	    margin: 0 auto;    
	}

	.remake-sample {
	    position: relative;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.remake-desc {
	    margin-top: 20px;
	    text-align: center;
	    font-size: 1.4em;
	    color: #7a726f; 
	    line-height: 1.4em;
	}

	.remake-desc p {
	    display: inline-block;
	    text-align: left;
	    color: #7a726f;
	    font-size: 20px;
	}

	#remake-process {
	    background: #f4ede7;
	    padding-top: 60px;
	}

	.remake-process-title {
	    text-align: center;
	    font-size: 28px;
	    color: #4a4e51;
	}

	.process-flex {
	    display: flex;
	    width: 100%;
	    flex-wrap: wrap;
	/*    margin-top: 60px;*/
	    justify-content: center;
	    max-width: 550px;
	    margin: 60px auto 0;
	}

	.process-item {
	    flex: 100%;
	/*    max-width: calc(100% / 12 - 40px);*/
	    max-width: calc(95px - 40px);
	    margin: 0 40px 30px 0;    
	/*    writing-mode: vertical-lr;*/
	    font-size: 20px;
	    border: 1px solid #000;    
	    padding: 25px 0 40px;
	    position: relative;
	    background: #fff;
	    border-radius: 15px;
	    color: #4a4e51;
	}

	.process-item::after {
	    position: absolute;
	    content: "▶";
	    font-size: 40px;
	    color: #4d4d4b;
	/*    right: -60%;*/
	    left: 124%;
	    top: 50%;
	    transform: translateY(-50%);    
	}

	.process-item:last-child {
	    margin-right: 0;
	}

	.process-item:last-child::after {
	    display: none;
	}

	.process-item-inner {
	    position: relative;
	/*    left: 50%;*/
	    left: 75%;
	    transform: translateX(-50%);
	}

	.process-item-wrap {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	}

	.process-num {
	    margin-bottom: 20px;
	}

	.process-num,
	.process-txt {
	    writing-mode: vertical-lr; /* Set writing mode to horizontal */
	}

	.process-desc {
	    max-width: 820px;
	    font-size: 18px;
	    margin: 20px auto 0;
	    display: block;
	/*    color: #383330;*/
	    color: #7a726f;
	}

	.process-desc p {
	    line-height: 1.8em;
	}

	.mgt-20 {
	    margin-top: 20px;
	}

	#contact {
	    background: #f4ede7;
	    padding-top: 60px;
	}

	.contact-title {
	    text-align: center;
	    font-size: 28px;
	}

	.contact-note {
	    font-size: 16px;    
	    text-align: left;
	    max-width: 820px;
	    margin: 40px auto 0;
	    display: block;
	    line-height: 1.8em;
	/*    color: #383330;*/
	    color: #7a726f;
	}

	.footer {
	    background: #f4ede7;
	    padding-top: 40px;    
	    padding-bottom: 60px;
	}

	.footer-title {
	    padding-top: 40px;
	    font-size: 24px;
	/*    color: #4a4e51;*/
	    color: #7a726f;
	}

	table.tbl-info {
	    width: 100%;
	    border-collapse: collapse;
	/*    max-width: 550px;*/
	    max-width: 600px;
	    color: #4a4e51;
	    margin: 30px auto 10px;
	    border-bottom: 1.5px solid #4a4e51;
	}

	table.tbl-info tr td {
	    padding-bottom: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	}

	table.tbl-info tr td a {
	    color: #4a4e51;
	}

	table.tbl-info tr td a:hover {
	    text-decoration: none;
	}

	table.tbl-info tr td:first-child {
	    width: 8%;
	    font-size: 20px;
	    vertical-align: bottom;
	}

	table.tbl-info tr td:nth-child(2) {
	    font-size: 40px;
	    font-weight: 700;
	    vertical-align: bottom;
	}

	table.tbl-info tr td:last-child {
	    vertical-align: bottom;
	    text-align: left;
	    padding-bottom: 5px;
	}

	table.tbl-info2 {
	    width: 100%;
	    border-collapse: collapse;
	/*    max-width: 430px;*/
	    max-width: 550px;
	    color: #4a4e51;
	    margin: 0 auto;
	    font-size: 24px;   
	}

	table.tbl-info2 tr td a {
	    color: #4a4e51;
	}

	table.tbl-info2 tr td a:hover {
	    text-decoration: none;
	}
}

@media screen and (min-width: 1440px) and (max-width: 1981px) {
    .process-item::after {
        position: absolute;
        content: "▶";
        font-size: 30px;
        color: #4d4d4b;        
        left: 118%;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1090px) {
 .hdr__menu-btn {
    	position: absolute;
    	top: calc(90px / 2);
    	right: 15px;
    	border: 2px solid #888;
    	background: transparent;
    	width: 50px;
    	height: 50px;
    	transform: translateY(-50%);
    	display:block;
    }
    
    .hdr__menu-btn-icon {
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%, -50%);
    }
    
    .hdr__menu-btn-icon::before,
    .hdr__menu-btn-icon::after,
    .hdr__menu-btn-icon>span {
    	content: "";
    	width: 30px;
    	height: 2px;
    	background: #888;
    	display: block;
    	margin: 8px 0;
    	transition: 0.5s ease;
    	opacity: 1;
    }

	.hdr__navi {
		width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease;
	}
    
    .hdr__ftr {
    	display: none;
    }
    
    header.hdr__menu--show {
    	height: 100vh;
    	overflow: auto;
    }
    
    #sideNavi {
        width: 100%;
        float: unset;
        min-height: unset;
        display: flex !important;
        flex-wrap: wrap;
        z-index: 1;
    }
    
    #sideNavi #grayBorder {
        display: none;
    }
    
    #sideNavi .index_h1 {
        margin: 10px;
    }
    
    #sideNavi > ul {
        overflow: hidden;
        max-height: 0;
    }

    #sideNavi > object {
        width: 0;
        height: 0;
        overflow: hidden;
    }

	#sideNavi .hdr__navi ul li a {
	    margin: 0;
	    padding: 15px 0;
	    border: solid #CCC;
	    border-width: 1px 0 0;
		font-size: 16px;
	}
	
	#sideNavi .hdr__navi ul li:last-child a {
		border-width: 1px 0;
	}

    .hdr__menu--show .hdr__menu-btn-icon>span {
		opacity: 0;
	}

	.hdr__menu--show .hdr__menu-btn-icon::before {
		transform: translateY(10px) rotate(225deg);
	}

	.hdr__menu--show .hdr__menu-btn-icon::after {
		transform: translateY(-10px) rotate(-225deg);
	}

	.hdr__menu--show .hdr__navi {
		max-height: 1000px;
	}
}

@media screen and (max-width: 767px) {
   /* .hdr__menu-btn {
    	position: absolute;
    	top: calc(90px / 2);
    	right: 15px;
    	border: 2px solid #888;
    	background: transparent;
    	width: 50px;
    	height: 50px;
    	transform: translateY(-50%);
    	display:block;
    }
    
    .hdr__menu-btn-icon {
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%, -50%);
    }
    
    .hdr__menu-btn-icon::before,
    .hdr__menu-btn-icon::after,
    .hdr__menu-btn-icon>span {
    	content: "";
    	width: 30px;
    	height: 2px;
    	background: #888;
    	display: block;
    	margin: 8px 0;
    	transition: 0.5s ease;
    	opacity: 1;
    }

	.hdr__navi {
		width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease;
	}
    
    .hdr__ftr {
    	display: none;
    }
    
    header.hdr__menu--show {
    	height: 100vh;
    	overflow: auto;
    }
    
    #sideNavi {
        width: 100%;
        float: unset;
        min-height: unset;
        display: flex !important;
        flex-wrap: wrap;
        z-index: 1;
    }
    
    #sideNavi #grayBorder {
        display: none;
    }
    
    #sideNavi .index_h1 {
        margin: 10px;
    }
    
    #sideNavi > ul {
        overflow: hidden;
        max-height: 0;
    }

    #sideNavi > object {
        width: 0;
        height: 0;
        overflow: hidden;
    }

	#sideNavi .hdr__navi ul li a {
	    margin: 0;
	    padding: 15px 0;
	    border: solid #CCC;
	    border-width: 1px 0 0;
		font-size: 16px;
	}
	
	#sideNavi .hdr__navi ul li:last-child a {
		border-width: 1px 0;
	}

    .hdr__menu--show .hdr__menu-btn-icon>span {
		opacity: 0;
	}

	.hdr__menu--show .hdr__menu-btn-icon::before {
		transform: translateY(10px) rotate(225deg);
	}

	.hdr__menu--show .hdr__menu-btn-icon::after {
		transform: translateY(-10px) rotate(-225deg);
	}

	.hdr__menu--show .hdr__navi {
		max-height: 1000px;
	}
*/
	#remake-intro .main-title {
	    padding: 140px 0 0;
	    font-size: 30px;
	    line-height: 1.8;
	}

	.remake-intro {
	    font-size: 16px;
	    line-height: 20px;
	    text-align: left;
	    margin: 10px 10px 40px;
	}

	.sample-title {
	    font-size: 20px;
	}

	.txt-before {
	    font-size: 18px;
	    margin: 30px auto;
	    border: 1px solid #ccc;
	    width: 100px;
	    padding: 10px 15px;
	}

	.main-content {
	    background-color: #f4ede7;
	    font-size: 16px;
	}

	.txt-after {
	    font-size: 18px;
	    margin: 30px auto;
	    border: 1px solid #ccc;
	    width: 100px;
	    padding: 10px 15px;
	}

	.remake-desc {
	    font-size: 16px;
	    line-height: 23px;
	    margin: 30px 10px;
	}

	.remake-process-title {
	    font-size: 30px;
	    line-height: 1.8;
	}

	#remake-intro .main-title {
	    padding: 140px 0 0;
	    font-size: 30px;
	    line-height: 1.8;
	}

	#remake-intro .main-title {
	    padding: 140px 0 0;
	    font-size: 30px;
	    line-height: 1.8;
	}

	.process-flex {
	    margin: 30px 0;
	}

	.process-item-wrap {
	    border: 1px solid;
	    margin: 10px 30px;
	    background-color: #fff;
	    border-radius: 5px;
	    padding: 5px 15px;
	    text-align: left;
	}

	.process-num {
	    margin: 0 20px 0 0;
	}

	.process-desc {
	    margin: 0 10px;
	}

	.process-details {
	    margin: 0 0 20px;
	}

	.contact-title {
	    font-size: 30px;
	    margin: 40px 0 10px;
	}

	.contact-note {
	    text-align: left;
	    margin: 0 10px;
	}

	.footer-title {
	    font-size: 20px;
	    margin: 30px 0;
	}

	.tbl-info-sp__contact, .tbl-info-sp__time, .tbl-info-sp {
		display: block;
	}

	.tbl-info tr td {
	    display: block;
	    width: 100%;
	}

	.tbl-info-sp span a {
	    font-size: 32px;
	    color: #333;
	}

	.tbl-info-sp {
	    border-bottom: 1px solid #333;
	    width: fit-content;
	    margin: 0 auto;
	    font-size: 18px;
	}

	.tbl-info-sp span {
	    margin: 0 0 0 30px;
	}

	.tbl-info {
	    display: none;
	}

	.tbl-info-sp__time {
	    margin: 10px 0;
	}

	.tbl-info2 {
	    display: none;
	}

	.tbl-info2 a {
	    color: #000;
	    text-decoration: underline;
	}

	.tbl-info-sp__contact a {
	    color: #000;
	    font-size: 16px;
	    text-decoration: underline;
	}

	.tbl-info-sp__contact {
	    margin: 10px 0 30px 0;
	}

	.footer-copyright {
	    padding: 0 0 10px;
	}

	.tbl-info-sp span {
	    font-weight: 700;
	}

	.process-item:after {
	    content: "▼";
	    font-size: 30px;
	    padding: 0;
	}

	.process-item:last-child:after {
	    content: "";
	}

	#sideNavi .hdr__navi ul li {
	    float: unset !important;
	    padding: unset !important;
	}

	.pc-only {
		display: none;
	}

	.sp-only {
		display: block;
	}

	.remake-sample .sp-only {
	    margin: 0 auto;
	}

}