/*main
===================================*/
main#contents {
    margin-top: 195px;
}
body{
        width: 100vw;
}
.nav-box{
	background-color: #fff;
}
.pc-Element{
	display: block;
}
.sp-Element{
	display: none;
}
main{
	background: #f6ead9;
}
.main-bg{
	width: 90%;
	max-width: 1280px;
    margin-inline: auto;
    padding-top: 10px;
    padding-bottom: 80px;
}
.btn01{
	max-width: 444px;
	width: 35%;
	margin-inline: auto;
    margin-bottom: 30px;
}
.sec{
	margin-bottom: 18px;
}
.sec03{
	margin-bottom: 0;
}
.sec07{
	    margin-bottom: -185px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    max-width: 1440px;
    margin-inline: auto;
    position: relative;
    left: -60px;
    z-index: 0;
    margin-top: -10px;
}
.sec10{
	    width: 95vw;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    max-width: 1480px;
    margin-inline: auto;
    position: relative;
    left: -100px;
    z-index: 0;
    margin-bottom: -90px;
}
.sec08,.sec11{
	position: relative;
	z-index: 1;
}
@media all and (max-width: 1439px) {
	.sec07{
		    margin-bottom: -14%;
	}
	.sec10{
		    margin-bottom: -7%;
			left: -80px;
	}
}
@media all and (max-width: 1340px) {
	.sec10{
		left: -65px;
	}
}
@media (max-width: 1030px) {
    .sec10 {
        left: -45px;
    }
}
/*main SP
===================================*/
@media all and (max-width: 768px) {
	html{
    overflow-x: hidden;
}
	.sec {
    margin-bottom: 5px;
}
	    main#contents {
        margin-top: 61px;
    }
	body{
		padding: 0;
	}
.pc-Element{
	display: none;
}
.sp-Element{
	display: block;
}
.main-bg{
	max-width: 400px;
    padding-bottom: 30px;
    padding-top: 5px;
}
.main-img01{
	max-width: 442px;
    margin-inline: auto;
	width: 100%;
        /* width: 100vw; */
        /* padding-right: 40px; */
}
.btn01{
	    max-width: 393px;
    width: 100%;
    margin-top: -55px;
    margin-bottom: 20px;
}
.sec07 {
    max-width: 450px;
    margin-inline: auto;
    position: relative;
    left: -3px;
    z-index: 0;
    margin-top: -5px;
        margin-bottom: -14%;
}
.sec10{
    margin-top: 0;
    max-width: 460px;
        left: -30px;
        margin-bottom: -7%;
}
}
@media (max-width: 430px) {
.main-img01{
        width: 100vw;
        margin-left: calc(52% - 50vw);}}
@media all and (max-width: 425px) {
	.btn01{
		margin-top: -13%;
        margin-bottom: 8px;
	}
	.sec07{
		left: -15px;
	}
}
@media (max-width: 399px) {
    .sec10 {
        left: -20px;
    }
}