@charset "UTF-8";

.sp { display: none; }
.pc { display: block; }


/* tablet */
@media screen and (max-width: 1100px) {
	.inner {
		margin: 0px 15px;
	}

	.wrap-contents {
		gap: 0px;
	}

	.price .wrap-contents {
		gap: 30px;
	} 

	.wrap-content-offer {
		margin: 0px 10px;
	}

	table {
		width: 94%;
	}

	.man {
		margin: -100px 590px -2px 0px;
	}

	.woman {
		margin: -70px 0 -1px 550px;
	}

	footer .woman {
		margin: -70px 0 -1px 550px;
	}

	footer .wrap-contents {
		gap: 40px;
	}
}


/* mini tablet */
@media all and (max-width: 767px) {

	h1 {
		margin: 10px;
	}


	.phone {
		margin-top: 20px;
	}

	/* offer */
	.woman {
		margin: 50px 0 -1px 160px;
		max-width: 210px;
	}

	.man {
		margin: 0px 590px -4px 20px;
		max-width: 210px;
	}

	/* フッター */
	footer .woman {
		margin: 30px 0 -1px 130px;
		padding-bottom: 70px;
		max-width: 210px;
	}

	footer .wrap-contents {
		display: block;
	}

	footer ul li {
		margin-top: 20px;
	}

}

/* smart phone */
@media screen and (max-width: 599px) {

	.sp { display: block; }
    .pc { display: none; }


	h2 {
		margin-top: 40px;
	}

	h2 img {
		max-width: 70%;
	}

	/* gift */
	.gift {
		padding-top: 40px;
    	margin-top: 40px;
	}

	.gift .title {
		font-size: 3rem;
	}

	.text-gift {
		line-height: 1.5;
    	padding: 5px;
		font-size: 2rem;
	}

	.text-gift span {
		font-size: 3rem;
	}

	.img-gift {
		margin: 20px;
	}

	/* offer */

	.kantan {
		padding: 25px 15px 10px 15px;
		margin: -15px 7px 40px auto;
	}

	.kantan p {
		font-size: 1.6rem;
	}

	.title-offer {
		padding-left: 0px;
		font-size: 2.6rem;
		margin: 0px 10px 20px 10px;
	}

	.title-offer-02 {
		padding-left: 0px;
		font-size: 2.6rem;
		margin: 0px 10px 20px 10px;
	}

	.btn-offer img {
		max-width: 100%;
	}

	.btn-step a{
		font-size: 1.4rem;
	}

	/* price */
	.text-title-price {
		text-align: left;
		margin: auto;
	}


	/* COMPANY */
	table {
		max-width: 100%;
	}

	table th, table td {
	  display: block;
	  width: 100%;
	  border-bottom: none;
	  padding: 15px;
	}

	table th {
		padding-top : 15px;
	}

	table td {
		padding-top : 5px;
	}

	/* TOPボタン */
	.btn-top {
		width: 50px;
		right: 20px;
		bottom: 140px;
	}

	/* 下固定ボタン */

	.btn-offer-fixed-sp{
		display: flex;
		position: fixed;
		bottom: 10px;
		z-index: 9999;
		margin: 0 5px;
	}

	.btn-offer-fixed-sp a{
		width: 48%;
    	display: block;
    	margin: auto;
	}
}
