@charset "UTF-8";

/* --------------------------------
	common
-------------------------------- */
figure {
	padding-top: 40px;
}

#main h2 {
	line-height: 1.4;
	padding-top: min(40px, 2rem) !important;
	font-weight: 500;
	font-size: min(30px, 6.5vw);
	text-align: center;
}

#main p {
	font-size: min(22px, 4.5vw);
	padding-top: 20px!important;
}

#sec02 {
	padding-bottom: min(80px, 3rem);
}

.marker {
	background-color: #fcee21;
	font-weight: 400;
}

strong {
	font-weight: 500!important;
}

@media (max-width: 768px) {
	figure {
		padding-top: 3rem;
	}

	#main p {
		padding-top: 1rem!important;
	}
}


/* --------------------------------
	cover
-------------------------------- */


/* --------------------------------
	#sec01
-------------------------------- */
#sec01 {
	/*padding-top: min(20px, 2rem);*/
	padding-bottom: min(80px, 4rem);
}

#sec01 p {
	padding-top: min(40px, 2rem)!important;
}

#sec01 div {
	margin-top: min(20px, 2rem);
}

/* --------------------------------
	#sec02
-------------------------------- */
#sec02 h2, #sec03 h2, #sec04 h2 {
	color: #9f7e1f;
	font-weight: 500;
    font-size: min(30px, 6.0vw);
	text-align: left;
	padding-top: 0!important;
}
#sec02 h3 {
	padding-top: min(80px, 4rem);
	font-weight: 500;
    font-size: min(26px, 5.5vw);
	text-align: center;
	/*line-height: 1.8;*/
}


@media (max-width: 768px) {
	#sec02 p {
		padding-top: 3rem!important;
	}
	#sec02 table th.pin, #sec02 table th.pil {
		padding: 0 0 0 35px;
		background-position: 15px center;
		background-size: auto 60px;
	}
}

/* --------------------------------
	#sec03
-------------------------------- */

#sec03 {
	/*padding-bottom: min(80px, 6rem);*/
}

#sec03 h2 {
	padding-top: min(80px, 3rem)!important;
}

#sec03 ul {
	padding-top: 20px !important;
}

#sec03 ul li {
	background: left center no-repeat url("../img/sec03_check.png");
	background-size: 32px auto;
	padding-left: 40px;
	font-size: min(22px, 4.5vw);
	margin-top: min(10px, 1rem);
}

@media (max-width: 768px) {
	#sec03 ul li {
		background-size: 25px auto;
	}
	#sec03 p {
		padding-top: 2rem!important;
	}
}

/* --------------------------------
	#sec04
-------------------------------- */

#sec04 {
	padding-top: min(80px, 3rem);
}

#sec04 h3 {
	margin-top: 40px;
	margin-bottom: -10px;
	text-align: center;
}

@media (max-width: 768px) {
	#sec04 h3 {
		margin-top: 3rem;
		margin-bottom: 0;
	}
}

/* --------------------------------
	#sec05
-------------------------------- */

#sec05 {
	padding-top: min(80px, 3rem);
	padding-bottom: min(80px, 6rem);
}

#sec05 h3 {
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 15px;
	text-align: center;
}

@media (max-width: 768px) {
	#sec05 h3 {
		font-size: 6vw;
	}
}

/* --------------------------------
	#item_title
-------------------------------- */

#item_title h2 {
	font-size: 34px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 1.3;
	text-align: center;
}

@media (max-width: 768px) {
	#item_title h2 {
		padding-bottom: 2rem;
		padding-top: 1rem;
		font-size: 6.5vw;
	}
}

.linkbox p.toshop .btn {
	margin: 0 auto;
}
.linkbox  {
	margin-top: 0;
}

.linkbox p.toshop {
	padding-top: 0!important;
}

p.linktxt {
	padding-bottom: 0!important;
	margin-bottom: -15px;
	text-align: center;
}

@media (max-width: 768px) {
	p.linktxt {
		margin-bottom: -5px;
	}
}


