@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-01-bottom strong {
	display: block;
	font-weight: normal;
}






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

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

	/* sec-01 */
	div.sec-01 {
		margin-bottom: 15%;
	}
	.sec-01-top strong img {
		margin-bottom: 5%;
	}
	.sec-01 .sec-01-top {
		margin-bottom: 15%;
	}
	.sec-01-top .headd-top {
		margin-bottom: 8%;
	}
	.sec-01-top .headd-top img {
		width: 75%;
	}
	.sec-01-top ul.sec-01-list {
		margin-bottom: 10%;
	}
	.sec-01-list li {
		margin-bottom: 7%;
	}
	.sec-01-list li img {
		width: 90%;
		max-width: 592px;
	}

	.sec-01-bottom > img {
		margin-bottom: 3%;
	}
	.sec-01-bottom strong {
		font-size: 1.8rem;
		line-height: 1.88;
		text-align: center;
		margin-bottom: 8%;
	}
	.sec-01-bottom strong span {
		display: inline-block;
	}
	.sec-01-bottom .headd-top img {
		width: 80%;
	}


	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;
	}






}


@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-top strong img {
		margin-bottom: 40px;
	}
	.sec-01 .sec-01-top {
		margin-bottom: 82px;
	}
	.sec-01-top .headd-top {
		margin-bottom: 32px;
	}
	.sec-01-top ul.sec-01-list {
		margin-bottom: 50px;
	}
	.sec-01-list li {
		margin-bottom: 27px;
	}
	.sec-01-list li img {
		width: 90%;
		max-width: 592px;
	}

	.sec-01-bottom .headd-top {
		margin-bottom: 20px;
	}
	.sec-01-bottom > img {
		margin-bottom: 26px;
	}
	.sec-01-bottom strong {
		font-size: 20px;
		text-align: center;
		margin-bottom: 38px;
	}

	p.btn a {
		max-width: 280px;
		height: 78px;
	}
	p.btn a span {
		width: 100%;
	}








}



/**==============================================**/
/*
/*			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-top strong img {
		margin-bottom: 40px;
	}
	.sec-01 .sec-01-top {
		margin-bottom: 82px;
	}
	.sec-01-top .headd-top {
		margin-bottom: 32px;
	}
	.sec-01-top ul.sec-01-list {
		margin-bottom: 50px;
	}
	.sec-01-list li {
		margin-bottom: 27px;
	}
	.sec-01-list li img {
		width: 90%;
		max-width: 592px;
	}

	.sec-01-bottom .headd-top {
		margin-bottom: 20px;
	}
	.sec-01-bottom > img {
		margin-bottom: 26px;
	}
	.sec-01-bottom strong {
		font-size: 20px;
		text-align: center;
		margin-bottom: 38px;
	}

	p.btn a {
		max-width: 280px;
		height: 78px;
	}
	p.btn a span {
		width: 100%;
	}




}



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