@charset "utf-8";


.ib	{
	display: inline-block;
}
.ft-down	{
	font-size: 0.9em;
}


/*----------------------
	mini-header
----------------------*/
.mini-header	{
	background-image: url("../images/mini-logo_base.webp");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.mini-header__title	{
	text-align:center;
	padding:20px 0;
}
.mini-header__title img	{
	width:30%;
	height: auto;
}

@media screen and (max-width: 750px) {
	.mini-header__title	{
		padding:0;
	}
	.mini-header__title img	{
		width:60%;
	}
}



/*----------------------
	page-present / present
----------------------*/
.page-present	{
	padding:60px 0 80px 0;
	background-image:url("../images/partner_bk.webp");
	background-repeat:repeat;
	background-position:center top;
}


.page-present__title	{
	max-width: 450px;
	width: 70%;
	margin: 0 auto;
}
.page-present__title img	{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 896px) {

}


.page-present__lead	{
	max-width: 700px;
	width: 90%;
	margin: 0 auto;
	padding: 1.5em 0 2.5em;
}
.page-present__lead img	{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 896px) {

}

.page-present__img	{
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
	border: solid 8px #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.page-present__img img	{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 896px) {

}

.page-present__wrap	{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-bottom: 4.5em;
}
.page-present__unit	{
	flex: 1 1 calc(50% - 20px);
	text-align: center;
}
.page-present__unit:nth-child(3)	{
	flex: 0 0 100%;
}

.page-present__unit img	{
	max-width: 360px;
	width: 100%;
	height: auto;
	border: solid 8px #f8bf2a;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
    .page-present__unit {
        flex: 0 0 100%; 
    }
	.page-present__unit img	{
		max-width: 600px;
	}
}



.page-present__body	{
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
	font-size: 1.2em;
    padding: 2em 1em;
	line-height: 1.8;
}
.page-present__body dl	{
    padding: 2em;
	background-color: rgb( 255, 255, 255, 0.8);
}
.page-present__body dt	{

}
.page-present__body dd	{
	padding-bottom: 1em;
}
.page-present__body dd:last-child	{
	padding-bottom: 0;
}
@media screen and (max-width: 750px) {
	.page-present__body	{
		width: 96%;
	}
	.page-present__body dl	{
		padding: 1em;
	}
}


.entry__tel	{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.4;
}
.entry__tel span	{
	display: block;
	font-size: 14px;
}

.entry__btn	{
	padding: 1em 0;
}
.entry__btn a	{
	max-width: 500px;
	width: 90%;
	margin: 0 auto;
	background-color: #b90b0b;
	padding: 1em;
	border-radius: 50px;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 750px) {
	.entry__btn a	{
		width: 100%;
	}
	.entry__tel	{
		text-align: center;
	}
}


.caution li	{
	position: relative;
	padding-left: 18px;
}
.caution li::before	{
	content: "※";
	position: absolute;
    top: 1px;
    left: 0;
    font-size: 0.9em;
}
@media screen and (max-width: 750px) {
	.caution li	{
		padding-left: 16px;
		top: 0;
	}
}


/*----------------------
	goto
----------------------*/
#goto	{ width: 900px; margin: 0 auto; }

#goto .back			{ padding-top: 40px; text-align: right; }
#goto .back a		{ display: inline-block; background-color: #000000; width: 30%; padding: 20px; text-align: center; color: #ffffff; font-size: 180%; letter-spacing: 16px; border-radius: 30px; }
#goto .back a:hover	{ background-color:#565656; color:#777777; }


@media screen and (max-width: 750px) {
	#goto	{ width:90%; }

	#goto .back			{ padding-top: 20px; text-align:center; }
	#goto .back a		{ width: 60%; letter-spacing:14px; }
}