@charset "UTF-8";

/**==============================================**/
/*
/*			共通設定
/*
/**==============================================**/

.headd-top {}
.headd-top img {
	display: block;
	margin: auto;
	max-width: 100%;
}

p.btn a {
	color: #fff;
	background-color: #ff6e98;
}
.btn a span:after {
	margin-left: .3em;
	background: url(../img/common/icon-arrow_w-r.svg) 50% 50% / auto no-repeat;
}


/* sec-01 */
div.sec-01 {}
.sec-01 img {
	display: block;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;	
}
.sec-list li {
	border: 2px solid #ff6e98;
	box-sizing: border-box;
	border-radius: 10px;
}
.sec-01 strong.tel {
	display: block;
}
.sec-01 strong.tel + p {
	text-align: center;
}







/**==============================================**/
/*
/*			SP
/*
/**==============================================**/

@media screen and (max-width:736px) {

	/* sec-01 */
	div.sec-01 {
		margin-bottom: 15%;
	}
	.sec-01 .sec-01-top {
		margin-bottom: 4%;
	}
	.sec-01-top img {
		margin-bottom: 5%;
	}
	.sec-01-top p {
		font-size: 1.6rem;
		line-height: 1.88;
	}
	ul.sec-list {
		margin-bottom: 8%;
		text-align: center;
	}
	.sec-list li {
		display: inline-block;
		width: 80%;
		max-width: 320px;
		margin: 2% 1%;
		padding: 2.3% 0;
	}
	.sec-list li img {
		width: 90%;
		max-width: 302px;
	}
	.headd-top {
		margin: 20% auto 8%;
	}
	strong.tel {
		margin-bottom: 3%;
	}
	.sec-01 strong.tel + p {
		font-size: 1.7rem;
		margin-bottom: 1em;
	}
	p.btn a {
		width: 96%;
		max-width: 320px;
		font-size: 1.6rem;
	}
	p.btn a span {
		position: relative;
		line-height: 78px;
		top: auto;
		left: auto;
	}




	/* tel-wrap */
	div.tel-wrap {
		margin: 0 auto 15%;
	}





}


@media screen and (min-width:480px) {}





/**==============================================**/
/*
/*			sp-l ～ tab
/*
/**==============================================**/

@media screen and (min-width:737px) and (max-width:959px) {

	/* sec-01 */
	div.sec-01 {
		margin-bottom: 122px;
	}
	.sec-01 .sec-01-top {
		margin-bottom: 36px;
	}
	.sec-01-top img {
		margin-bottom: 34px;
	}
	.sec-01-top p {
		font-size: 16px;
		line-height: 2;
	}
	ul.sec-list {
		margin-bottom: 32px;
	}
	.sec-list li {
		float: left;
		width: 48.17%;
		max-width: 370px;
		padding: 2.3% 0;
	}
	.sec-list li:last-child {
		float: right;
	}
	.sec-list li img {
		width: 90%;
		max-width: 302px;
	}
	.headd-top {
		margin: 80px auto 40px;
	}
	strong.tel {
		margin-bottom: 10px;
	}
	.sec-01 strong.tel + p {
		font-size: 17px;
		margin-bottom: 17px;
	}
	p.btn a {
		max-width: 280px;
		height: 78px;
	}
	p.btn a span {
		width: 100%;
	}



	/* tel-wrap */
	div.tel-wrap {
		margin: 0 auto 40px;
	}





}



/**==============================================**/
/*
/*			sp tab 共通
/*
/**==============================================**/

@media screen and (max-width:959px) {}

/**==============================================**/
/*
/*			PC
/*
/**==============================================**/

@media print, screen and (min-width:960px) {

	/* sec-01 */
	div.sec-01 {
		margin-bottom: 122px;
	}
	.sec-01 .sec-01-top {
		margin-bottom: 36px;
	}
	.sec-01-top img {
		margin-bottom: 34px;
	}
	.sec-01-top p {
		font-size: 16px;
		line-height: 2;
	}
	ul.sec-list {
		margin-bottom: 32px;
	}
	.sec-list li {
		float: left;
		width: 48.17%;
		max-width: 370px;
		padding: 2.3% 0;
	}
	.sec-list li:last-child {
		float: right;
	}
	.sec-list li img {
		width: 90%;
		max-width: 302px;
	}
	.headd-top {
		margin: 80px auto 40px;
	}
	strong.tel {
		margin-bottom: 14px;
	}
	.sec-01 strong.tel + p {
		font-size: 17px;
		margin: 14px auto 29px;
	}
	p.btn a {
		max-width: 280px;
		height: 78px;
	}
	p.btn a span {
		width: 100%;
	}




	/* tel-wrap */
	div.tel-wrap {
		margin: 0 auto 40px;
	}




}



@media print, screen and (min-width:1300px) {}