@media screen and (min-width: 751px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
    .sec03 .caption.top {
        margin-top: -7px;
    }
	.sec04-list.top .sec04-content .desc {
		margin-bottom: 35px;
	}
	.sec07-item.right {
		margin-top: 6px;
	}
	.sec10-content .desc.desc-fix01 {
		padding-bottom: 34px;
	}
	.sec10-content .desc.desc-fix02 {
		padding-bottom: 28px;
	}
	.sec10-content .desc.desc-fix03 {
		padding-bottom: 31px;
	}
	.sec10-content .desc.desc-fix04 {
		padding-bottom: 33px;
	}
	/*-- fixed banner --*/
	.fixed-banner {
		display: none;
	}
}
@media (min-width: 751px) and (max-width: 1023px) {
	 .l-header {
        background: #fff;
    }
    main {
        padding-top: 60px;
    }
}

@media (min-width: 751px) and (max-width: 959px) {
	.top-banner .btn-item {
		padding: 15px 15px 0 15px;
	}
	
    .section {
        padding: 80px 15px;
    }
	.section.sec12 {
		padding: 0 15px 80px;
	}
	
	/*-- SECTION 3 */
    .sec03-item {
        max-width: 360px;
    }
	/*-- SECTION 4 */
    .section.sec04 {
        padding-left: 0;
        padding-right: 0;
        min-height: 100%;
    }
    .sec04-list.top {
        padding: 40px 15px 16vw 145px;
    }
    .sec04 .img.people01 {
        position: absolute;
        top: -90px;
        left: -36%;
        width: 550px;
    }
    .sec04-bg-bot {
        margin-top: -200px;
        height: auto;
    }
    .sec04-bg-bot .sec04-wrapper .title-zone {
        padding-left: 15px;
    }
    .sec04-bg-bot .sec04-wrapper .title-zone img {
        margin-left: inherit;
    }
    .sec04 .img.people02 {
		width: 54.1333vw;
		top: auto;
		bottom: -1px;
		right: -24%;
    }
    .sec04-bg-bot .sec04-wrapper {
        padding-top: 280px;
    }
    .sec04-bg-top .inner, .sec04-bg-bot .inner {
        padding: 0 15px;
    }
    .sec04-bg-bot .sec04-content .desc:last-child {
        padding-bottom: 0;
    }
    .sec04-bg-bot .sec04-content {
        max-width: 470px;
    }
    .sec04-list.bot {
        padding: 30px 15px;
    }
	.sec04-content .desc {
		margin-bottom: 0;
	}
	.sec04-bg-bot {
		margin-top: -23.5334vw;
	}
	
	/*-- SECTION 5 */
    .sec05-list, .sec05-list.bot {
        padding: 20px 15px;
    }
	/*-- SECTION 7 */
    .sec07-item {
        max-width: 320px;
    }
	.sec08-caption {
		padding: 2.5vw 8vw;
	}
	.l-page-top {
		bottom: 14vw;
	}
}
@media (min-width: 751px) and (max-width: 1600px) {
    .top-banner .bg_mv:before {
        background-size: auto 86%;
    }
    .top-banner .bg_mv h1 {
        max-width: 54%;
    }
}
@media screen and (max-width: 750px) {
    img {
        max-width: 100%;
        height: auto;
    }
    main {
        padding-top: 60px;
    }
    .box_pc {
        display: none;
    }
    .box_sp {
        display: block;
    }
    .top-banner {
        background: none;
        padding: 0;
    }
	
    .top-banner .btn-item {
		background: url("../images/bg_btn.png") repeat-y;
		padding: 0 4vw 6.2vw;
		background-size: contain;
    }
    .inner {
        max-width: 750px;
        padding: 0 4vw;
    }
	.brand-wrapper ul {
		grid-template-columns: repeat(3, 3fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}
	.brand-wrapper ul.logo-list {
		justify-content: space-around;
		margin-top: 0;
	}
	.brand-wrapper ul.logo-list li {
		flex: 0 0 31%;
		max-width: 31%;
	}
	/*-- SECTION 1 */
    .sec01 {
        padding: 10vw 0 14.666vw;
    }
	.sec01 .desc {
		letter-spacing: 0;
	}
	.sec01 .head-title {
		margin: 0 0 7.5vw;
	}
    .desc {
        font-size: 4.26666vw;
        font-weight: 500;
		line-height: 1.48em;
    }
    .sec01 .desc.desc-pd {
        padding: 0 0 9.333vw;
        letter-spacing: 0;
    }
    .sec01_img {
        padding-bottom: 4vw;
    }
    .sec01_img.bot {
        padding-bottom: 10.666vw;
    }
    .sec01_content .desc.top {
        padding-bottom: 8vw;
    }
	/*-- SECTION 2 */
    .sec02 {
        padding: 13.333vw 0 17.333vw;
    }
    .sec02 p.img {
        padding: 8.666vw 0;
    }
    .sec02 .txt-color {
		padding: 8.666vw 0 0;
		font-size: 4.8vw;
		letter-spacing: 0;
		line-height: 1.4em;
    }
	.sec02 .head-title {
		margin: 0 0 8vw;
	}
	/*-- SECTION 3 */
    .sec03 {
        padding: 14vw 0 15.333vw;
    }
    .sec03-list {
        margin: 13.333vw 0 0;
    }
    .sec03-item.right {
        padding-bottom: 12vw;
    }
    .sec03-item .title-inner {
        font-size: 4.26666vw;
    	line-height: 1.6em;
	}
    .sec03-list {
        flex-direction: column;
    }
    .sec03-item {
        max-width: 100%;
    }
    .sec03-item.left {
        order: 2;
    }
    .sec03-item.right {
        order: 1;
    }
	/*-- SECTION 4 */
    .sec04 {
        background: #181267 url("../images/sp_bg_04.png") no-repeat center top;
        min-height: 100%;
        padding: 13.333vw 0;
		background-size: contain;
    }
	.sec04 .desc {
		letter-spacing: 0;
	}
    .sec04-list {
        background: none;
    }
    .sec04-bg-top, .sec04-bg-bot {
        background: none;
        height: auto;
        margin-top: 0;
    }
    .sec04 .desc.desc-top, .sec04-list.top .sec04-content {
        background: #fff;
    }
    .sec04 .desc.desc-top {
        padding: 8vw 4vw;
        font-size: 4.26666vw;
        position: relative;
        z-index: 1;
    }
    .sec04-list.top .sec04-content {
        padding: 0;
    }
    .sec04-content .desc {
        padding: 0 4vw 8vw 4vw;
        font-size: 4.26666vw;
        position: relative;
        z-index: 1;
    }
    .sec04-list.top {
        padding: 0;
    }
    .sec04-list.top .sec04-content {
        max-width: 100%;
        position: relative;
        z-index: 1;
        padding-bottom: 8vw;
    }
    .sec04-bg-bot .sec04-wrapper .title-zone {
        padding-left: 0;
    }
    .sec04-list.bot {
        padding: 0;
    }
    .sec04-bg-bot .sec04-content {
        max-width: 100%;
        padding: 8vw 0 8vw;
        position: relative;
        z-index: 1;
    }
    .sec04-list.top .title-zone {
        padding: 16vw 0;
    }
    .sec04 .head-title {
        padding-bottom: 13vw;
    }
    .sec04 .img.people01 {
        top: -12vw;
        left: -4vw;
    }
    .sec04 .img.people02 {
        right: -4vw;
        top: -62.666vw;
    }
    .sec04-bg-bot .sec04-wrapper {
        padding-top: 18.666vw;
    }
    .sec04-bg-bot .sec04-wrapper .title-zone {
        padding-bottom: 16vw;
    }
    .sec04 .img.people01 {
        width: 55.333vw;
    }
    .sec04 .img.people02 {
        width: 35.6vw;
    }
	/*-- SECTION 5 */
    .sec05 {
        padding: 16vw 0;
    }
    .sec05-wrapper {
        padding: 12.8vw 0 0;
    }
	.sec05-list.top {
		margin-bottom: 9.333vw;
	}
    .sec05-list, .sec05-list.bot {
        padding: 6.66667vw 4vw;
    }
    .sec05-list li {
        font-size: 4.26666vw;
        padding-left: 5vw;
		padding-bottom: 2vw;
		line-height: 1.48em;
		letter-spacing: 0;
    }
	.sec05-list li:last-child {
		padding-bottom: 0;
	}
	
    .sec05-list li:before {
        width: 4vw;
        height: 4vw;
        top: 1vw;
    }
	/*-- SECTION 6 */
    .sec06 {
        padding: 13.333vw 0 18.933vw;
    }
    .sec06 p.img {
        padding: 12.5333vw 0 0;
    }
    .table-list, .table-list tbody, .table-list tbody tr, .table-list tbody tr th, .table-list tbody tr td {
        display: block;
        width: 100%;
        text-align: center;
        height: auto;
        padding-left: 0;
    }
    .table-list tbody tr th, .table-list tbody tr td {
        padding: 1.4vw 4vw;
        font-size: 4.26666vw;
    }
    .table-list {
        margin: 10.666vw 0 0;
    }
    .table-list tbody tr td.td-custom, .table-list tbody tr th.th-custom {
        padding: 1.4vw 4vw;
    }
	.table-list tbody tr th p, .table-list tbody tr td p {
		letter-spacing: 0;
	}
	/*-- SECTION 7 */
    .sec07 {
        padding: 17.3333vw 0;
    }
    .sec07-list {
        margin: 15.3333vw 0 0;
        padding: 9.333vw 4vw;
    }
    .sec07-item .desc {
        font-size: 4.26666vw;
        padding-bottom: 8vw;
    }
    .sec07-list .sec07-item {
        padding-bottom: 8vw;
    }
    .sec07-list .sec07-item:first-child {
        padding-bottom: 0;
    }
    .sec07-item .desc:nth-child(2) {
        padding-bottom: 8vw;
    }
    .sec07-list {
        flex-direction: column;
    }
    .sec07-item {
        max-width: 100%;
        order: 2;
    }
    .sec07-item:last-child {
        order: 1;
    }
    .sec07 .head-title {
        padding: 0 4vw;
    }
	/*-- SECTION 8 */
    .sec08 {
		padding: 13.333vw 0;
		background: url(../images/sp_bg_08.png) no-repeat center bottom;
		background-size: contain;
    }
    .sec08 .title-zone {
        padding-top: 9.333vw;
    }
    .sec08-caption {
        font-size: 4.26666vw;
    }
    .sec08-caption {
        padding: 9.333vw 4vw;
    }
    .sec08 .sub-title {
        padding: 9.333vw 0 8.6667vw;
    }
	.fix-w {
		margin: 0 -4vw;
		
	}
	.fix-bg {
		background: #eee;
	}
	/*-- SECTION 9 */
    .sec09 {
        padding: 12vw 0;
        background: url(../images/sp_bg_09.png) no-repeat center bottom;
		background-size: contain;
    }
    .sec09-caption {
        padding: 10.666vw 0;
        font-size: 4.26666vw;
    }
    .sec09 .sub-title {
        padding: 10vw 0 10.666vw;
    }
	/*-- SECTION 10 */
    .sec10 {
        padding: 13.333vw 0;
    }
    .sec10-content {
        margin: 13.333vw 0 0;
    }
    .sec10-content .desc {
        font-size: 4.26666vw;
        padding-bottom: 8vw;
    }
    .sec10 .desc span {
        font-size: 6vw;
		line-height: 1.4em;
    }
	/*-- SECTION 11 */
    .sec11 {
        padding: 13.333vw 0 12vw;
    }
    .sec11 .table-list {
        margin: 10.666vw 0 0;
    }
	/*-- SECTION 12 start */
	.sec12 {
		padding-bottom: 10vw;
	}
	/*-- fixed banner --*/
	.fixed-banner {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	.fixed-banner ul {
		display: flex;
	}
	
	.l-footer {
		padding-bottom: 15.5vw;
	}
	
	.fixed_bottom {
		display: none;
	}
	
	.l-page-top {
		bottom: 17.333vw;
	}
	
	/*-- SECTION thanks start */
	.sec-thanks.section .inner .title-zone {
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 50px;
    margin-bottom: 20px;
	}
	
	.sec-thanks-content p {
    text-align: center;
    font-size: 1.6rem;
	 line-height: 1.4;
    font-weight: bold;
	}
	.sec-thanks-content .box  {
    color: #fff;
    background-image: linear-gradient(150deg, rgba(76, 96, 253, 1), rgba(195, 101, 164, 1) 69%, rgba(244, 76, 114, 1));
    font-size: medium;
    padding-top: 4vw;
    padding-right: 1vw;
    padding-bottom: 4vw;
    padding-left: 1vw;
	margin-bottom:5vw;
	}

	.sec-thanks-content .box p {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    padding-top: 0　!important;
	margin-bottom: 0;
	}


	.sec-thanks.section .inner p span {
		background-color: #ff9;
	}
	.sec-thanks-content ul {
		text-align: center;
    	font-size: 1rem;
		margin-bottom: 30px;
	}

	.sec-thanks-content .btn,
	.sec-thanks-content a.btn,
	.sec-thanks-content button.btn {
	  font-size: 1.4rem;
	  font-weight: 700;
	  line-height: 1.5;
	  position: relative;
	  display: inline-block;
	  padding: 1rem;
	  cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  -webkit-transition: all 0.3s;
	  transition: all 0.3s;
	  text-align: center;
	  vertical-align: middle;
	  text-decoration: none;
	  letter-spacing: 0.1em;
	  color: #212529;
	  border-radius: 0.5rem;
	}

	.sec-thanks-content a.btn--yellow {
	  color: #000;
	  background-color: #fff100;
	  border-bottom: 5px solid #ccc100;
	}

	.sec-thanks-content a.btn--yellow:hover {
	  margin-top: 3px;
	  color: #000;
	  background: #fff20a;
	  border-bottom: 2px solid #ccc100;
	}

}
@media screen and (max-width: 576px) {
	.brand-wrapper ul.logo-list li {
		flex: 0 0 29%;
		max-width: 29%;
	}
	.brand-wrapper ul {
		grid-row-gap: 15px;
		grid-column-gap: 15px;
	}
	
	.sec04 .img.people02 {
		top: -55.666vw;
	}
	.sec08, .sec09 {
		background-size: contain;
	}
	.sec09-caption {
		padding: 8.333vw 0;
	}
}

