ul.breadcrumb{
	width: 90vw;
}
body{
	width: 100vw;
	padding: 0;
}
a:hover{
	opacity: 0.7;
	transition: 0.2s ease-in-out;
}
.pc-Element{
	display: block;
}
.sp-Element{
	display: none;
}
main#contents{
	width: 100vw;
}
/* メインビジュアル */
.main-visual{
	background: url(./images/top-main-back.webp)no-repeat;
	background-size: cover;
}
.main-ttl{
	width: 85%;
	max-width: 941px;
	margin-inline: auto;
}
.main-date{
	width: 85%;
	max-width: 924px;
	margin: 10px auto 0;
}
.main-botton{
	width: 30%;
	max-width: 444px;
	margin: 15px auto 0;
}
/* セクション */
.sec-wrap{
	padding: 10px 0 120px;
	background-color: #fdfbf6;
}
.sec-box{
	margin-top: 5px;
}
.sec-img{
	width: 90%;
	max-width: 1285px;
	margin-inline: auto;
}
.sec01-img img{
	margin-left: -9px;
    width: 100.7%;
}
.sec02-img img{
	width: 100.3%;
}
.sec04-box,.sec07-box,.sec08-box,.sec09-box{
	margin-top: 0;
}
.sec04-ttl-img{
	width: 96%;
	max-width: 1430px;
    position: relative;
    z-index: 2;
	margin-inline: auto;
	margin-top: -4px;
}
.sec04-ttl-img img{
	margin-left: 20px;
}
.sec04-img{
	margin-top: -100px;
    position: relative;
    z-index: 1;
}
.sec06-img img{
	width: 102%;
}
.sec07-ttl-img{
	margin-inline: auto;
	max-width: 1480px;
}
.sec07-img{
	margin-top: -40px;
}
@media all and (min-width: 1281px) and (max-width: 1441px) {
.sec04-img {
    margin-top: -90px;
}}
@media all and (min-width: 769px) and (max-width: 1280px) {
	.sec07-img {
    margin-top: -30px;
}
.sec04-img {
    margin-top: -80px;
}}
@media all and (min-width: 769px) and (max-width: 1100px) {
	.sec04-ttl-img img {
    margin-left: 15px;
}
.sec04-img {
    margin-top: -70px;
}}
@media all and (min-width: 769px) and (max-width: 950px) {
.sec04-img {
    margin-top: -60px;
}}
@media all and (min-width: 769px) and (max-width: 850px) {
.sec07-img {
    margin-top: -25px;
}}
@media all and (max-width: 768px) {
	.pc-Element{
	display: none;
    }
    .sp-Element{
	    display: block;
    }
	.sec-img {
    width: 95%;
    max-width: 487px;
    }
	/* メインビジュアル */
	.main-visual{
	background: url(./images/sp-top-main-back.webp)no-repeat;
	background-size: cover;
    }
	.main-ttl {
    width: 98%;
    max-width: 529px;
    padding-top: 22px;
    }
	.main-date {
    width: 85%;
    max-width: 383px;
    margin: 0 auto;
    }
	.main-botton {
    width: 87%;
    margin: 15px auto 0;
    }
	/* セクション */
	.sec-wrap{
        padding-top: 15px;
		padding-bottom: 70px;
	}
	.sec01-img img{
        margin-left: -3px;
        width: 100.5%;
	}
	.sec04-ttl-img img{
		margin-left: 0;
	}
	.sec03-img img{
		width: 101.2%;
	}
	.sec04-ttl-img,.sec07-ttl-img {
    max-width: 532px;
    }
	.sec04-ttl-img{
		width: 100%;
	}
	.sec07-ttl-img{
		margin-bottom: -10px;
	}
	.sec04-img {
    margin-top: -36px;
	margin-top: 0;
    }
	.sec07-img {
    margin-top: -5px;
    }
	/* コンテンツ */
	.sp-sec-box{
		width: 95%;
        max-width: 487px;
		margin-inline: auto;
	}
	.sec08-box,.sec09-box{
		margin-top: 5px;
	}
	.sp-ttl-wrap{ 
        padding: 9px 0 5px;
        display: flex;
        justify-content: flex-start;
        align-items: end;
        padding-left: 13px;
        gap: 8px;
	}
	.sp-ttl-wrap-green{
		background-color: #62ab6b;
	}
	.sp-ttl-wrap-blue{
		background-color: #3F6EB2;
	}
	.sp-ttl-wrap-pink{
		background-color: #d06d8c;
	}
	.sp-ttl{
		font-size: 27px;
		font-weight: 500;
        color: #fff;
	}
	.sp-price{
		width: 152.5px;
	}
	.sp-price1{
		width: 126.6px;
		height: 32.39px;
		margin-bottom: 3px;
	}
	.sp-price2{
		width: 80px;
        height: 37.4px;
	}
	.sec-flex{
		display: flex;
		justify-content: space-between;
        width: 95%;
        max-width: 487px;
        margin-inline: auto;
        gap: 5px;
	}
	.sec04-sp-ttl{
		background-color: #DC950E;
		display: flex;
		justify-content: center;
        gap: 10px;
        align-items: flex-end;
        margin-top: -39px;
        width: 95%;
        max-width: 487px;
        margin-inline: auto;
        padding-left: 50px;
        padding-top: 4px;
	}
	.sec04-img-left{
    max-width: 26px;
	}
	.sec04-img-center{
	margin-bottom: 1px;
    max-width: 220px;
	}
	.sec04-right{
	    max-width: 100px;
    margin-bottom: 5px;
	}
	.sec05-sp-ttl{
    margin-top: 0;
    background-color: #5EA29B;
	}
	.sec05-sp-ttl .sec04-right{
	max-width: 75px;
    margin-bottom: 4px;
	}
	/* アコーディオン */
	.sp-sec-box .sp-ttl-wrap{
		position: relative;
        cursor: pointer;
	}
	.sp-sec-box .sp-ttl-wrap::after{
		content: "";
		background: url(./images/arrow-close.webp)no-repeat;
		background-size: contain;
		width: 19.5px;
		height: 11.5px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right:10px;
	}
	.sp-sec-box .sp-ttl-wrap.active::after {
        background: url("./images/arrow-open.webp") no-repeat;
        background-size: contain;
    }
}
@media all and (max-width: 499px) {
	.sp-ttl {
        font-size: 23px;
    }
	.sp-price {
        width: 132.5px;
    }
}
@media all and (max-width: 480px) {
	.sec04-img-left {
        max-width: 20px;
    }
	.sec04-img-center {
        margin-bottom: 0px;
        max-width: 200px;
    }
    .sec04-right {
        max-width: 85px;
        margin-bottom: 2px;
    }
	.sec04-sp-ttl{
		padding-left: 65px;
		gap: 3px;
		margin-top: -33px;
	}
	    .sec05-sp-ttl {
        padding-left: 50px;
        gap: 3px;
		margin-top: 0;
    }
	.sec04-ttl-img{
		width: 100%;
	}
	.sec05-sp-ttl .sec04-right{
	max-width: 65px;
    margin-bottom: 2px;
	}
}
@media all and (max-width: 440px) {
	.sp-ttl {
        font-size: 19px;
    }
	.sp-price {
        width: 105px;
    }
	.sp-price1 {
        width: 88.6px;
        height: 22.39px;
        margin-bottom: 1px;
    }
	.sp-price2 {
        width: 58px;
        height: 26.4px;
    }
}
@media all and (max-width: 399px) {
	    .sec04-sp-ttl {
        padding-left: 55px;
		margin-top: -27px;
    }    .sec05-sp-ttl {
        padding-left: 40px;
		margin-top: 0;
    }
    .sec04-img-left {
        max-width: 17px;
    }
	    .sec04-img-center {
        margin-bottom: -2px;
        max-width: 185px;
    }
	.sec04-right {
        max-width: 77px;
        margin-bottom: 0px;
    }
	.sec05-sp-ttl .sec04-right{
	max-width: 60px;
    margin-bottom: 0px;
	}
}
@media all and (max-width: 375px) {
	.sp-ttl {
        font-size: 16px;
    }
	.sp-price {
        width: 100.5px;
        height: 18.59px;
    }
	.sp-price1 {
        width: 88.6px;
        height: 22.39px;
    }
	.sp-price2 {
        width: 58px;
        height: 26.4px;
    }
}
@media all and (max-width: 369px) {
	    .sec04-sp-ttl {
        padding-left: 55px;
    }
	    .sec05-sp-ttl {
        padding-left: 35px;
    }
    .sec04-img-left {
        max-width: 17px;
    }
	    .sec04-img-center {
        margin-bottom: -2px;
        max-width: 170px;
    }
	.sec04-right {
        max-width: 60px;
        margin-bottom: 0px;
    }
}
@media all and (max-width: 335px) {
		    .sec04-img-center {
        max-width: 158px;
    }
}
@media all and (max-width: 330px) {
		.sp-ttl {
        font-size: 15px;
    }
}