@charset "UTF-8";
/* CSS Document */
/*********************************************タブレット・スマホ設定****************************************************/
	
@media screen and (min-width:0px) and (max-width:960px) {
header #mv_sec h1 {
        position: absolute;
        font-size: 5.178571428571429vw;
        top: 31vw;
        left: 13.25vw;
        color: #736357;
        line-height: 8vw;
	    letter-spacing: 1vw;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
	
	#inu_neko_ne{
		width:43.229166666666667vw;
		height: 39.572916666666667vw;
		margin-top: 32.8125vw;
		margin-left: 39.895833333333333vw;
	}
	
	#mv_sec{
		height: 88vw;
	}
	/***************************::アコーディオンメニュー********************/
	#acc_flex{
	display: flex;
	flex-direction: column;
	margin-top: 14.666666666666667vw;
	/*margin-left: 20vw;*/
	text-align: center;
	margin-left: 13.5vw;
	}
	
	.accordion-008 {
	width: 74.302083333333333vw;
	height: 20.364583333333333vw;
    min-width: 300px;
	min-height: 66.5px;
    margin-bottom: 10vw;
    border-radius: 10vw;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #EE985E;
}

.accordion-008 summary {
   display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 6vw 2vw; 
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    font-size: clamp(16px, 1.041666666666667vw, 20px);
    min-height: 4em;
    /*margin-top: 5vw;*/
	}

.accordion-008 summary::-webkit-details-marker {
    display: none;
}

.accordion-008 summary::before {
    content: "Q"; 
    font-weight: bold;
	font-size: clamp(14px,5.041666666666667vw,20px);/*効かない*/
    color: #fff; 
    margin-right: 0em;
	padding-left: 4vw;
	}
	
.accordion-008 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 3vw;
    height: 3vw;
    margin-right: 4vw;    
	border-bottom: 6px solid #fff;
    border-right: 6px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-008[open] summary::after {
    transform: rotate(225deg);
}

.accordion-008 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1.3em 2em 1.5em;
    color: #8C6239;
    transition: transform .5s, opacity .5s;
	font-size: clamp(14px,1.041666666666667vw,20px);
	line-height: clamp(25px,2.083333333333333vw,10px);
}

.accordion-008[open] p {
    transform: none;
    opacity: 1;
}
	
.accordion-008[open] {
        margin-bottom: 30vw;
    }
	
	footer{
		margin-top: 10vw;
	}
}

@media screen and (min-width:550px) and (max-width:960px) {
.accordion-008 summary {
   display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 9vw 2vw; 
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    font-size: clamp(16px, 1.041666666666667vw, 20px);
    min-height: 4em;
    /*margin-top: 5vw;*/
	}
}
/*********************************************pc設定***************************************************/
@media screen and (min-width:961px) {
	#inu_neko_ne{
		margin-top: 18.072916666666667vw;
		margin-left: 18.020833333333333vw;
		width: 22.708333333333333vw;
		height: 20.78125vw;
	}
	
	header #mv_sec h1{
		left: 8.5vw;
	}
	/***************************::アコーディオンメニュー********************/
	#acc_flex{
	display: flex;
	flex-direction: column;
	margin-top: 14.666666666666667vw;
	margin-right: 7.96875vw;
	}
	
	.accordion-008 {
	width: 41.145833333333333vw;
	height: 5.052083333333333vw;
    min-width: 480px;
	min-height: 66.5px;
    margin-bottom: 2vw;
    border-radius: 10vw;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #EE985E;
}

.accordion-008 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1.8em 2em;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
	font-size: clamp(14px,1.041666666666667vw,20px);

}

.accordion-008 summary::-webkit-details-marker {
    display: none;
}

.accordion-008 summary::before {
    content: "Q"; 
    font-weight: bold;
	font-size: clamp(14px,1.041666666666667vw,20px);/*効かない*/
    color: #fff; 
    margin-right: 0.5em; 
	}
	
.accordion-008 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 1vw;
    height: 1vw;
    margin-left: 2vw;
    border-bottom: 6px solid #fff;
    border-right: 6px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-008[open] summary::after {
    transform: rotate(225deg);
}

.accordion-008 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1.3em 2em 1.5em;
    color: #8C6239;
    transition: transform .5s, opacity .5s;
	font-size: clamp(14px,1.041666666666667vw,20px);
	line-height: 2.083333333333333vw;
}

.accordion-008[open] p {
    transform: none;
    opacity: 1;
}
	
.accordion-008[open] {
        margin-bottom: 10vw;
    }
	
	/*********************************************footer**************************************/
	#footer_inuneko{
		width: 41.890625vw;
		height: 17.359375vw;
        margin-left: 25vw;
        top: auto; /* これで top を無効化 */}

}