* {
    margin: 0;
    padding: 0;
}

main {
	overflow: hidden;
}

ul {
    list-style: none;
}

.bold {
    font-weight: 700;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.tablet {
    display: block;
}

@media only screen and (max-width: 1366px) {
    .tablet {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .pc {
        display: none;
    }
    
    .sp {
        display: block;
    }
}

/*==== mv ====*/
.sec01 {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
	margin-top: 100px;
}

.sec01 .mv img{
    display: block;
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
	padding-left: 10px;
}

.sec01 .content {
    font-size: 3vh;
    font-weight: 700;
    margin-top: 2vh;
}

.sec01 .content p:first-child {
    color: #FF3366;
}

.sec01 .content p:last-child {
    color: #6666CC;
    background: linear-gradient(90deg, #6666CC 0%,#FF3366 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sec01 .title {
    text-align: center;

}

.sec01 .title h1 {
    font-size: 24px;
    line-height: 35px;
	font-weight: 700;
	color: black;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.sec01 .title img {
	max-width: 97px;
	width: 100%;
	margin: 0 auto;
	margin-top: 10px
}

@media only screen and (max-width: 768px) {
    .sec01 .mv img {
        width: 90%;
		padding-left: 0.5vh;
    }
	
	.sec01 {
    margin-top: 5vh;
}
	
	.sec01 .title h1 {
    font-size: 1.3vh;
}
	
	.sec01 .title img {
    max-width: 70px;
		margin-top: 0px;
}
}

@media only screen and (max-width: 767px) {
	.sec01 {
    	margin-top: 3vh;
	}
	
    .sec01 .mv img{
        max-width: 767px;
		width: 100%;
		padding-left: 0.3vh;
    }

    .sec01 .mv {
        max-width: 767px;
        width: 90%;
        margin: 0 auto;
    }

    .sec01 .title h1 {
        margin-top: 1.4vh;
        font-size: 2vh;
    }
	
	.sec01 .title img {
	max-width: 80px;

}

}

@media only screen and (max-width: 375px) {
    .sec01 .mv img{
        max-width: 286px;
    }

    .sec01 .mv {
        max-width: 286px;
        width: 100%;
        margin: 0 auto;
    }
}

/*==== about ====*/
.sec02 {
    text-align: center;
    margin-top: 124px;
}

.sec02 h2 {
    color: #6666CC;
    background: linear-gradient(90deg, #6666CC 0%,#FF3366 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 864px;
    width: 100%;
    margin: 0 auto;
    font-size: 40px;
	font-weight: 700;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.sec02 p {
    font-weight: 700;
    font-size: 21px;
    line-height: 35px;
    max-width: 993px;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
	color: black;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.sec02 iframe {
    margin-top: 40px;
    max-width: 629px;
	width: 100%;
	max-height: 340px;
    height: 100%;
}

@media only screen and (max-width: 768px) {
    .sec02 h2 {
        font-size: 2vh;
    }

    .sec02 p {
        font-size: 1vh;
        line-height: 20px;
        width: 72%;
		margin-top: 2vh;
    }
	
	.sec02 {
    margin-top: 6vh;
}
	
	.sec02 iframe {
    margin-top: 2vh;
    max-width: 390px;
    max-height: 210px;
}
}

@media only screen and (max-width: 767px) {
    .sec02 {
        margin-top: 8vh;
    }

    .sec02 h2 {
        font-size: 3.5vh;
		line-height: 35px;
    }

    .sec02 p {
        font-size: 1.9vh;
        width: 90%;
        line-height: 25px;
    }

    .sec02 iframe {
        max-width: 340px;
    	max-height: 180px;
		margin-top: 5vh;
    }
}

@media only screen and (max-width: 280px) {
	.sec02 iframe {
    max-width: 260px;
    max-height: 140px;
}
	
	.sec02 p {
    font-size: 1.8vh;
}
	
	.sec03 .background {
    left: 0px;
}
}

/*==== news ====*/
.sec03 {
    margin-top: 119px;
    background: rgb(102,102,204);
    background: linear-gradient(90deg, rgba(102,102,204,1) 0%, rgba(255,51,102,1) 20%, rgba(255,51,102,1) 80%, rgba(102,102,204,1) 100%);
    overflow: hidden;
    z-index: -2;
}

.sec03 .background {
    background-color: #E8D9F0;
    max-width: 1300px;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    height: 2000px;
    transform: rotate(40deg);
    position: absolute;
    z-index: -1;
    top: -700px;
    left: 220px;
}

.sec03 .container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.sec03 .content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec03 h2 {
    color: #6666CC;
    background: linear-gradient(90deg, #6666CC 0%,#FF3366 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
/*     width: 140px; */
    margin: 0 auto;
    font-size: 40px;
	font-weight: 700;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.sec03 ul {
    width: 35%;
    margin: 0 auto;
    margin-top: 40px;
    list-style: none;
	color: black;
}

.sec03 ul li {
    font-weight: bold;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.sec03 a {
    color: black;
	text-decoration: underline;
}

.sec03 ul li:not(:first-child) {
    margin-top: 24px;
}

@media only screen and (min-width: 2304px) {
	.sec03 .background {
    max-width: 1300px;
    width: 100%;
    height: 2000px;
    transform: rotate(36deg);
    top: -600px;
       left: 320px;
}
	
	.sec03 ul {
    width: 368px;
}
}

@media only screen and (max-width: 1024px) {
	.sec03 ul {
    width: 35%;
}
	
    .sec03 .background {
    left: 14%;
}
	
	.sec03 h2 {
/*     width: 150px; */
}
}


@media only screen and (max-width: 768px) {
    .sec03 .background {
    width: 50%;
    transform: rotate(33deg);
    left: 10%;
}

    .sec03 h2 {
/*         width: 80px; */
        font-size: 2.2vh;
    }

    .sec03 ul {
        font-size: 1vh;
    }
	
	.sec03 ul {
    width: 40%;
		margin-top: 2vh;
}
	
	.sec03 {
    margin-top: 8vh;
}
	
	.sec03 .content {
    padding-top: 3vh;
    padding-bottom: 3vh;
}
	
	.sec03 ul li:not(:first-child) {
    margin-top: 1.5vh;
}
}

@media only screen and (max-width: 767px) {
    .sec03 .background {
    width: 65%;
    transform: rotate(16deg);
    left: 27px;
}

    .sec03 h2 {
/*     width: 25%; */
    font-size: 3.7vh;
}

    .sec03 .content {
    padding-top: 1vh;
    padding-bottom: 4vh;
}

    .sec03 ul {
    max-width: 767px;
    width: 90%;
}

    .sec03 {
        margin-top: 60px;
    }
	
	.sec03 ul li {
    font-size: 1.9vh;
}
	
	.sec03 ul li:not(:first-child) {
    margin-top: 2vh;
}
}

@media only screen and (max-width: 541px) {
	.sec03 .background {
    width: 65%;
    transform: rotate(28deg);
    left: -3.8vw;
}
}

@media only screen and (max-width: 416px) {
	.sec03 .background {
    left: -9vw;
}
}

@media only screen and (max-width: 413px) {
	.sec03 .background {
    left: -8.5vw;
}
}

@media only screen and (max-width: 376px) {
    .sec03 .background {
    left: -2.5vw;
    width: 55%;
}
	
	.sec03 h2 {
    font-size: 3vh;
}
}

@media only screen and (max-width: 361px) {
	.sec03 .background {
    width: 60%;
}
	
	.sec03 .background {
    left: -12vw;
}
}

@media only screen and (max-width: 354px) {
	.sec03 .background {
    left: -7vw;
}
	
	.sec03 .background {
    width: 58%;
}
}

@media only screen and (max-width: 321px) {
	.sec03 .background {
    left: -15.5vw;
}
}

@media only screen and (max-width: 281px) {	
	.sec03 .background {
    left: -16vw;
    width: 55%;
}
}

/*==== info ====*/
.sec04 {
    background: #F2F2F2;
    padding-top: 120px;
    padding-bottom: 120px;
}

.sec04 .container {
    max-width: 984px;
    width: 100%;
    margin: 0 auto;
    background: white;
    padding-bottom: 80px;
    border-radius: 30px;
}

.sec04 .title {
    text-align: center;
}

.sec04 .title img {
    width: 100%;
} 

.sec04 .container .item {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.sec04 .item h2 {
    color: #6666CC;
    background: linear-gradient(90deg, #6666CC 0%,#FF3366 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 270px;
    margin: 0 auto;
    font-size: 32px;
	font-weight: 700;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.sec04 .item:first-child h2 {
    padding-top: 80px;
}

.sec04 .item:not(:first-child) h2 {
    margin-top: 40px;
}

.sec04 .content {
    max-width: 449px;
    width: 100%;
    margin: 0 auto;
    font-size: 24px;
    margin-top: 40px;
    font-weight: 700;
	font-family: noto-sans-cjk-jp, sans-serif;
	color: black;
}

.sec04 .content li:not(:first-child) {
    margin-top: 24px;
}

.sec04 .content span {
    color: #FF3366;
}

.sec04 .item .main {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    margin-top: 40px;
}

.m-title {
    font-size: 20px;
    color: #FF3366;
    padding: 10px 24px;
    font-weight: 700;
    border-bottom: 1px solid #E0E0E0;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.m-content {
    padding: 24px;
    font-size: 16px;
	color: black;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.m-content a {
	text-decoration: underline;
}

.sec04 .item .sub p{
    font-family: noto-sans-cjk-jp, sans-serif;
	color: black;
}

.m-content img {
    margin-top: 10px;
}

.sec04 .item .sub {
    margin-top: 40px;
}

.m-content iframe {
    max-width: 500px;
    width: 100%;
    height: 300px;
}

@media only screen and (max-width: 768px) {
    .sec04 .container {
    width: 75%;
    padding-bottom: 5vh;
}

    .sec04 .title img {
    width: 100%;
}

    .sec04 .item h2 {
        font-size: 2.5vh;
    }

    .sec04 .content {
    font-size: 1.5vh;
    width: 55%;
}

    .sec04 .item .main {
    width: 80%;
		    margin-top: 2.5vh;
}

    .m-title {
        font-size: 1.2vh;
		padding: 0.4vh 1.5vh;
    }

    .m-content {
        font-size: 1vh;
		padding: 1.5vh;
    }

    .m-content img {
        width: 50%;
    }

    .sec04 .item .sub {
        width: 80%;
        margin: 0 auto;
        margin-top: 2vh;
        font-size: 1vh;
    }

    .m-content iframe {
        width: 90%;
        height: 170px;
    }
	
	.sec04 {
    padding-top: 7vh;
		padding-bottom: 7vh;
}
	
	.sec04 .item:first-child h2 {
    padding-top: 4vh;
}
	
	.sec04 .content {
    margin-top: 2.5vh;
}
	
	.sec04 .content li:not(:first-child) {
    margin-top: 1.3vh;
}
	
	.sec04 .item:not(:first-child) h2 {
    margin-top: 2vh;
}
}

@media only screen and (max-width: 767px) {
    .sec04 {
    padding-top: 6vh;
    padding-bottom: 6vh;
}
	
	.sec04 .item:first-child h2 {
    padding-top: 12vh;
    padding-bottom: 1vh;
}

    .sec04 .container {
        width: 90%;
		padding-left: 0;
    padding-right: 0;
    }

    .sec04 .item h2 {
    max-width: 300px;
    width: 100%;
    font-size: 3.5vh;
}

    .sec04 .title img {
        width: 100%;
    }

    .sec04 .content {
    max-width: 768px;
    width: 97%;
    font-size: 2.1vh;
		margin-top: 6vh;
}
	
	.sec04 .item:not(:first-child) h2 {
    margin-top: 7vh;
}
	
	.sec04 .item .main {
    margin-top: 5vh;
}

    .sec04 .content li:not(:first-child) {
        margin-top: 3vh;
    }

    .sec04 .item .main {
        width: 93%;
    }

    .m-title {
    font-size: 1.9vh;
		padding: 0.6vh 3vh;
}

    .sec04 .item .sub {
        margin: 0 auto;
        margin-top: 3vh;
        max-width: 720px;
        width: 93%;
        font-size: 1.8vh;
		line-height: 17px;
    }

    .m-content {
        padding: 3vh;
		font-size: 1.9vh;
    }

    .m-content img {
        max-width: 240px;
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }

    .m-content iframe {
        height: 100px;
    }

    .m-content iframe {
        height: 170px;
    }
	
	.sec04 .container {
    padding-bottom: 12vh;
}
}

@media only screen and (max-width: 375px) {
    .sec04 .content {
        width: 98%;
        max-width: 449px;
		font-size: 1.9vh;
    }

}



  /*==== people ====*/
  .sec05 {
    background: linear-gradient(90deg, #F4F6F8 13.31%, #E2DDFB 85.56%), #F4F6F8;
    padding-top: 80px;
    padding-bottom: 80px;
	  -webkit-appearance: none;
-webkit-text-size-adjust: 100%;
  }

  .sec05 .container h2 {
    color: #6666CC;
    background: linear-gradient(90deg, #6666CC 0%,#FF3366 80%), #6666CC;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 110px;
    margin: 0 auto;
    font-size: 32px;
	  font-weight: 700;
	  font-family: noto-sans-cjk-jp, sans-serif;
	  -webkit-appearance: none;
-webkit-text-size-adjust: 100%;
}

.sec05 .bg-g {
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(90deg, #6666CC 0%,#FF3366 80%), #6666CC;
    border-radius: 40px;
    padding: 2px;
    margin-top: 40px;
}

.sec05 .item {
    display: flex;
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    background-color: white;
    border-radius: 38px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.sec05 .item .icon {
    margin-left: 40px;
}

.sec05 .item .icon img {
	width: 120px;
}

.sec05 .item .content .logo {
	margin-bottom: 0px;
}

.sec05 .item .content {
    margin-left: 40px;
    margin-right: 40px;
	
}

.sec05 .content .title {
    margin-top: 16px;
    font-weight: 700;
	font-family: noto-sans-cjk-jp, sans-serif;
	color: black;
}

.sec05 .content .title p {
    font-size: 16px;
}

.sec05 .content .main {
    margin-top: 16px;
}

.sec05 .content .main p {
    font-size: 14px;
	font-family: noto-sans-cjk-jp, sans-serif;
	color: black;
}

.sec05 .content .sub {
    margin-top: 16px;
    background-color: #F2F2F2;
    border-radius: 16px;
    max-width: 530px;
    width: 100%;
    padding: 16px;
}

.sec05 .content .sub p {
    font-size: 14px;
	color: black;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.l-img {
	width: 70px;
}

@media only screen and (max-width: 768px) {
    .sec05 .bg-g {
        width: 80%;
		margin-top: 2vh;
    }
	
	.sec05 {
    padding-top: 5vh;
    padding-bottom: 5vh;
}
	
	.sec05 .item {
    padding-top: 2vh;
}
	
	.sec05 .item .icon img {
    width: 80px;
}
	
	.sec05 .content .title {
    margin-top: 0.5vh;
}
	
	.sec05 .content .main {
    margin-top: 0.5vh;
}

    .sec05 .container h2 {
        width: 70px;
        font-size: 2vh;
		-webkit-appearance: none;
-webkit-text-size-adjust: 100%;
    }

    .icon img {
        width: 80px;
    }

    .logo img {
        width: 150px;
    }

    .sec05 .item .icon {
        margin-left: 1.2vh;
    }

    .sec05 .item .content {
        margin-left: 1.2vh;
        margin-right: 1.2vh;
    }

    .sec05 .content .title p {
        font-size: 1vh;
    }

    .sec05 .content .main p {
        font-size: 1vh;
    }

    .sec05 .content .sub {
        width: 80%;
    }

    .sec05 .content .sub p {
        font-size: 1vh;
    }

    .l-img {
        width: 50px !important;
    }
}

@media only screen and (max-width: 767px) {
    .sec05 .item {
        display: block;
    }

    .sec05 .container h2 {
    max-width: 110px;
    width: 100%;
    font-size: 3vh;
}
	
	.sec05 {
    padding-top: 10vh;
    padding-bottom: 10vh;
}

    .sec05 .bg-g {
        width: 100%;
        padding: 3px;
		margin-top: 5vh;
    }
	
	.sec05 .item .icon img {
    width: 120px;
}
	
	.sec05 .bg-g {
    border-radius: 16px;
}

    .sec05 .item .icon {
        text-align: center;
        margin-left: 0px;
    }

    .sec05 .item .content {
    margin-left: 1vh;
    margin-right: 1vh;
}

    .sec05 .content .title p {
    font-size: 1.9vh;
}
	
	.sec05 .content .title p {
    font-size: 2vh;
}
	
	.sec05 .content .main p {
    font-size: 2vh;
}

    .sec05 .content .sub {
    width: 100%;
}

    .logo {
        margin-top: 4vh;
    }

    .sec05 .item {
        padding-top: 3vh;
        padding-bottom: 3vh;
		border-radius: 16px;
    }
	
	.logo img {
		max-width: 215px !important;
    width: 215px;
}
	
	.sec05 .content .sub p {
    font-size: 2vh;
}
	
	.sec05 .content .sub {
    padding: 2vh 2.4vh;
}
}
@media only screen and (max-width: 429px) {
	.sec05 .container h2 {
    max-width: 100px;
    width: 100%;
    font-size: 6vw;
}
}

@media only screen and (max-width: 376px) {
    .sec05 .container h2 {
    max-width: 110px;
    font-size: 4vh;
}

    .sec05 .item .content {
        margin-left: 10px;
        margin-right: 10px;
    }
	
	

}

@media only screen and (max-width: 354px) {
	.sec05 .container h2 {
    max-width: 110px;
    font-size: 4vh;
}
}

@media only screen and (max-width: 280px) {
	.sec05 .container h2 {
    max-width: 100px;
}
}

/*==== banner ====*/
.sec06 {
    width: 100%;
	text-align: center;
	padding-top: 55px;
    padding-bottom: 55px;
}

.pc-bg {
	background-image: url("https://info.spacely.co.jp/wp-content/uploads/2021/11/banner-1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.sp-bg {
	background-image: url("https://info.spacely.co.jp/wp-content/uploads/2021/11/baner-sp.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.sec06 h2 {
	font-size: 40px;
	font-weight: 700;
	color: white;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.sec06 .content {
	max-width: 920px;
    width: 100%;
    margin: 0 auto;
	background-color: white;
	border-radius: 8px;
	padding: 16px;
	display: flex;
    justify-content: space-between;
	margin-top: 40px;
}

.sec06 .img1 {
	max-width: 183px;
    width: 100%;
}

.sec06 .img2 {
	max-width: 247px;
    width: 100%;
}

.sec06 .img3 {
	max-width: 180px;
    width: 100%;
}

.sec06 .img4 {
	max-width: 125px;
    width: 100%;
}

@media only screen and (max-width: 768px) {
	.sec06 .img1 {
	max-width: 98px;
}

.sec06 .img2 {
	max-width: 132px;
}

.sec06 .img3 {
	max-width: 60px;
}

.sec06 .img4 {
	max-width: 67px;
}
	
	.sec06 .content {
	max-width: 400px;
}
}

@media only screen and (max-width: 767px) {
	.sec06 .content {
		width: 90%;
	display: block;
}
	
	.sec06 .img1 {
		max-width: 183px;
		margin: 0 auto;
	display: block;
}

.sec06 .img2 {
	max-width: 247px;
	margin: 0 auto;
	margin-top: 40px;
	display: block;
}

.sec06 .img3 {
	max-width: 200px;
	margin: 0 auto;
	margin-top: 40px;
	display: block;
}

.sec06 .img4 {
	max-width: 126px;
	margin: 0 auto;
	margin-top: 40px;
	display: block;
}
	
	.sec06 {
    padding-top: 4vh;
    padding-bottom: 4vh;
}
	
	
}



/*==== contact ====*/
.sec07 {
    width: 100%;
    padding: 111px 0;
    background: linear-gradient(90deg, #F4F6F8 0%,#E2DDFB 80%), #F4F6F8;
	bottom: 0px;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}

.sec07 .container {
	background-image: url("https://info.spacely.co.jp/wp-content/uploads/2021/11/cta.png");
    background-repeat: no-repeat;
    background-size: contain;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-top: 115px;
	padding-bottom: 116px;
	-webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}

.sec07 .content {
	max-width: 428px;
	width: 100%;
	margin: 0 auto;
	-webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}

.sec07 .content .box{
	background: linear-gradient(90deg, #6666CC 13.31%, #FF3366 85.56%), #FF3366;
	width: 100%;
	text-align: center;
	padding: 19px 0;
	border-radius: 8px;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 24px;
	-webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}

.sec07 .content .box a{
	font-size: 18px;
	font-weight: 700;
	font-family: roboto, sans-serif;
	color: white;
	-webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}

.sec07 .content h2 {
	font-size: 40px;
	font-weight: 700;
	color: white;
	text-align: center;
	font-family: noto-sans-cjk-jp, sans-serif;
	-webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}

.sec07p {
	font-size: 13px;
	font-weight: 500;
	color: white;
	font-family: noto-sans-cjk-jp, sans-serif;
	margin-top: 8px;
	text-align: center;
	-webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}


.sec07 img {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: block;
	-webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 1025px) {
	.sec07 .container {
    padding-top: 50px;
    max-width: 750px;
}
}

@media only screen and (max-width: 768px) {
    .sec07 img {
        width: 80%;
    }
	
    .sec07 .container {
    width: 75%;
    padding-top: 6vw;
    padding-bottom: 10vw;
}
	
	.sec07 .content h2 {
    font-size: 2.4vh;
}
	
	.sec07 .content {
    width: 48%;
}
	
	.sec07 .content .box a {
    font-size: 1vh;
}
	
	.sec07 .content .box {
    padding: 1.3vw 0;
    border-radius: 3px;
    margin-top: 3vw;
}
	
	.sec07p {
    font-size: 1vh;
		margin-top: 0.2vw;
}
	
	.sec07 {
    padding: 8vw 0;
}
	

}


@media only screen and (max-width: 767px) {
    .sec07 {
        padding: 12vh 0;
    }
    .sec07 img {
        width: 90%;
        padding: 0;
    }

    .sec07 p {
        width: 90%;
        margin: 0 auto;
        margin-top: 2vh;
        font-size: 2.6vh;
        font-weight: 700;
    }
	
	.sec07 .container {
    width: 70%;
}
}

@media only screen and (max-width: 540px) {
	.sec07 .container {
    width: 90%;
    padding-top: 4.5vh;
    padding-bottom: 7vw;
}
	
	.sec07 p {
   color: white;
    font-size: 3vw;
		margin-top: 0px;
}
	
	.sec07 .content {
    width: 80%;
}
	
	.sec07 .content h2 {
    font-size: 5.7vw;
}
	
	.sec07 .content .box {
    width: 82%;
}
	
	.sec07 .content .box a {
    font-size: 4.2vw;
}
	
	.sec07 .content .box {
    padding: 2vw 0;
		border-radius: 12px;
}
}

@media only screen and (max-width: 415px) {
	.sec07 .container {
    width: 90%;
}
	
	.sec07 .content {
    width: 80%;
}
	
	.sec07 .content h2 {
    font-size: 5.8vw;
}
	
	.sec07 .container {
    padding-top: 4vw;
    padding-bottom: 5vw;
}
	
	.sec07 .content .box {
    width: 83%;
}
	
	.sec07 .content .box a {
    font-size: 4.4vw;
}
	
	.sec07 .content .box {
    padding: 3vw 0;
    border-radius: 12px;
    margin-top: 2vh;
}
	
	.sec07 p {
    font-size: 3vw;
    color: white;
}
	
	.cta-font {
    font-size: 4.8vw !important;
}
}

@media only screen and (max-width: 412px) {	
	.sec07 .container {
    width: 90%;
    padding-top: 5vw;
    padding-bottom: 3.4vh;
}
	
	.sec07 .content h2 {
    font-size: 5.8vw;
}
	
	.sec07 .content {
    width: 100%;
}
	
	.sec07 .content .box {
    padding: 1vh 0;
    border-radius: 3px;
    margin-top: 3vw;
    width: 68%;
}
	
	.sec07 .content .box a {
    font-size: 4.6vw;
}
	
	.sec07 p {
    width: 90%;
    margin: 0 auto;
    font-size: 3vw;
    color: white;
}
	
}

@media only screen and (max-width: 376px) {
    .sec07 p {
        font-size: 2vh;
    }
	
	.sec07 .container {
    width: 90%;
    padding-top: 4vw;
    padding-bottom: 9vw;
}
	
	.sec07 .content {
    width: 77%;
}
	
	.sec07 .content h2 {
    font-size: 2.7vh;
}
	
	.sec07 .content .box {
    padding: 1.6vh 4.2vh;
    border-radius: 8px;
    margin-top: 1.4vh;
	width: 89%;
}
	
	.sec07 .content .box a {
    font-size: 4vw;
}
	
	.sec07 {
    padding: 8vh 0;
}
	
	.sec07 p {
    font-size: 1.4vh;
		margin-top: 0px;
		color: white;
		text-align: center;
		font-family: noto-sans-cjk-jp, sans-serif;
}
}

@media only screen and (max-width: 354px) {
	.sec07 .content .box {
    width: 90%;
}
	
	.sec07 .content h2 {
    font-size: 2.7vh;
}
}

@media only screen and (max-width: 321px) {
	.sec07 .container {
    padding-bottom: 4vh;
}
	
	.sec07 p {
    width: 95%;
}
	
	.sec07 .content h2 {
    font-size: 3.2vh;
}
	
	.sec07 .content .box a {
    font-size: 3vw;
}
	
	
	
	.sec07 .content .box {
    margin-top: 2.6vh;
}
}

@media only screen and (max-width: 280px) {
	.sec07 .content h2 {
    font-size: 2.4vh;
}
	
	.sec07 p {
    font-size: 1vh;
}
	
	.sec07 .content .box {
    padding: 1.3vh 4.2vh;
}
	
	.sec07 .content .box {
    margin-top: 1.5vh;
}
}

/*==== cta ====*/
.cta-bg {
	background-image: url("https://info.spacely.co.jp/wp-content/uploads/2021/11/cta.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.cta-title {
	font-size: 20px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 700;
	margin-top: 32px;
	text-align: center;
}

.cta-btn {
	background: linear-gradient(90deg, #6666CC 13.31%, #FF3366 85.56%), #FF3366;
	max-width: 192px;
	width: 100%;
	margin: 0 auto;
	margin-top: 11px;
    text-align: center;
	border-radius: 8px;
	padding: 12px 24px;
}

.cta-font {
	font-family: noto-sans-cjk-jp, sans-serif;
}

.cta-btn a {
	font-size: 16px;
	font-weight: 700;
	font-family: roboto, sans-serif;
}

.cta-padding {
	z-index: 1;
}

@media only screen and (max-width: 767px) {
	.cta-block {
		display: block !important;
	}
	
	.cta-font {
		font-size: 14px !important;
		font-weight: 700;
		text-align: center !important;
	}
	
	.cta-padding {
		    padding: 16px 30px 11px 30px !important;
		z-index: 1;
	}
	
	.cta-position {
		right: 30px !important;
		top: 8px !important;
	}
	
	.cta-position::before,
	.cta-position::after {
		background-color: white !important;
	}
}

@media only screen and (max-width: 415px) {
	.cta-font {
    font-size: 4.8vw !important;
}
}



@media only screen and (max-width: 412px) {
	.cta-font {
    font-size: 5vw !important;
}
}

@media only screen and (max-width: 376px) {
	.cta-padding {
		width: 300px !important;
	}
	
	.cta-font {
    font-size: 5.3vw !important;
}
	
	.cta-btn a {
    font-size: 4vw;
}
	
	.cta-btn {
    padding: 9px 20px;
}
	
	.cta-position {
    right: 15px !important;
    top: 8px !important;
}
}

@media only screen and (max-width: 354px) {
	.cta-font {
    font-size: 2.5vh !important;
}
	
	.cta-position {
    right: 12px !important;
}
	
	.cta-btn a {
    font-size: 2.2vh;
}
	
	.cta-btn {
    max-width: 230px;
    padding: 10px 0px;
}
}

@media only screen and (max-width: 321px) {
	.cta-padding {
		width: 290px !important;
	}
	
	.cta-padding {
    padding: 16px 30px 5vw 30px !important;
}
	
	.cta-font {
    font-size: 5.7vw !important;
}
	
	.cta-btn {
    max-width: 180px;
}
}

@media only screen and (max-width: 280px) {
	.cta-padding {
		width: 260px !important;
	}
	
	.cta-btn a {
    font-size: 1.7vh;
}
	
	.cta-position {
    right: 10px !important;
}
	
	.cta-button {
		font-size: 2.4vh;
		padding: 12px 36px;
	}
}