@charset "UTF-8";

article p {
	font-size: min(22px, 4.2vw);
	padding: min(40px, 2rem) 0;
}

/* --------------------------------
	cover
-------------------------------- */
#cover {
	background-color: #f1f1f1;
}
#cover a {
	display: block;
	width: 80%;
	padding: 2rem 0 4rem;
	margin: 0 auto;
}

#cover h2 {
	background-color: #9f7c1d;
	padding: 0.5rem 0;
	font-size: min(30px, 5vw);
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	color: white;
	line-height: 1.5;
	letter-spacing: 0.1em;
}


/* --------------------------------
	#sec01
-------------------------------- */
#sec01 {
	padding-top: min(50px, 3rem)!important;
	padding-bottom: min(80px, 4rem)!important;
	background-color: #595757;
	color: white;
}

#sec01 h1 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: min(34px, 6.3vw);
	text-align: center;
	color: white;
	padding-bottom: min(10px, 1rem);
}

#sec01 h2 {
	font-size: min(24px, 4.8vw);
	text-align: center;
	color: #595757;
	margin-bottom: min(20px, 2rem);
	background-color: white;
	padding: 10px 5px;
}

#sec01 p {
	text-align: center;
	line-height: 1.8;
	padding: min(20px, 1rem) 0;
}

#sec01 ul {
	padding-top: min(20px, 1rem);
	padding-bottom: min(30px, 2rem);
	list-style-type: none;
	width: fit-content;
	margin: auto;
}

#sec01 ul li {
	background: url("../img/sec01_check.png") no-repeat left center;
	background-size: 32px auto;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	padding-left: 48px;
	font-size: min(32px, 6vw);
	line-height: 1.8;
}

@media screen and (max-width: 768px) {
	#sec01 ul li {
		background-size: 26px auto;
		padding-left: 38px;
	}
}

#sec01 ul li span {
	color: #faee42;
}

#sec01 p.attention {
	border: 2px solid #fff;
	padding: min(10px, 1rem) min(20px, 1.5rem)!important;
	text-align: left;
	font-size: min(18px, 3.7vw) !important;
	line-height: 1.6;
}



/* --------------------------------
	#sec02
-------------------------------- */

#sec02 {
	padding-bottom: 40px!important;
	padding-top: 2rem!important;
}

@media screen and (max-width: 768px) {
	#sec02 {
		padding-bottom: 3rem!important;
	}
}

#sec02 p.toshop .btn {
  padding-top: 0;
	margin-bottom: min(40px, 2rem);
  box-sizing: border-box;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 5px;
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  transition: 0.25s;
	background-color: #c30d23;
	font-size: min(26px, 5vw);
}

#sec02 p.toshop .btn:before {
  margin-right: 10px;
}

#sec02 p.toshop .btn:hover::before {
  border-color: transparent transparent transparent #fff;
}

#sec02 h1 {
	text-align: center;
	font-size: min(27px, 5.2vw);
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	line-height: 1.6;
	margin-bottom: min(40px, 2rem);
}

#sec02 h2{
	color: #5f1714;
	font-size: min(23px, 4.2vw);
	text-align: center;
	font-weight: 700;
	line-height: 1.6;
}

#sec02 h2 span {
	border-bottom: 2px solid #5f1714;
	padding-bottom: 5px;
}

#sec02 ul {
	padding-top: min(40px, 2rem);
	padding-bottom: min(30px, 2rem);
	list-style-type: none;
	/*width: fit-content;
	margin: auto;*/
}

#sec02 ul li {
	background: url("../img/sec02_check.png") no-repeat left 7px;
	background-size: 20px auto;
	padding-left: 24px;
	font-size: min(16px, 3.7vw);
	line-height: 1.8;
	margin-bottom: 10px;
}

#sec02 figure {
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
	#sec02 ul li {
		background-size: 18px auto;
		padding-left: 24px;
	}
}

#sec02 h3.box_title {
	display: flex;
	align-items: center;
	color: #9f7c1d;
	font-size: min(23px, 4.3vw);
	font-weight: 700;
	padding-top: min(60px, 4rem);
}

h3.box_title:before,
h3.box_title:after {
	content: "";
	flex-grow: 1;
	height: 2px; /* 線の太さ */
	background: #9f7c1d; /* 線の色 */
	margin:0; /* 文字と線の余白 */
}

#sec02 .reefer_box {
	border-left: 2px solid #9f7c1d;
	border-right: 2px solid #9f7c1d;
	border-bottom: 2px solid #9f7c1d;
	padding: 30px 30px 0;
	margin-top: -12px;
}

@media screen and (max-width: 768px) {
	#sec02 .reefer_box {
		margin-top: -10px;
		padding: 2rem 2rem 0;
	}
}
#sec02 .reefer_box p {
	border-left: 18px solid #9f7c1d;
	font-size: min(18px, 3.7vw)!important;
	padding: 0 0 0 14px;
	margin-bottom: 30px;
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
	#sec02 .reefer_box p {
		border-left: 1.5rem solid #9f7c1d;
	}
}

/* --------------------------------
	#sec03
-------------------------------- */
#sec03 {
	background-color: #d4c68b;
	padding-bottom: min(60px, 3rem)!important;
	padding-top: min(60px, 3rem)!important;
}
#sec03 h1 {
	text-align: center;
	font-size: min(27px, 5.2vw);
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	line-height: 1.6;
}

#sec03 p {
	font-size: min(18px, 3.7vw)!important;
}

#sec03 h2 {
	background-color: white;
	color: #9f7c1d;
	border-radius: 25px;
	padding: 10px;
	text-align: center;
	font-size: min(23px, 4.3vw);
	margin-top: min(40px, 2rem);
	margin-bottom: min(40px, 2rem);
}

/* --------------------------------
	#offer
-------------------------------- */
#offer {
	background-color: #b4b4b5;
	padding-top: min(80px, 4rem)!important;
	padding-bottom: min(80px, 4rem)!important;
}

#offer div {
	padding-top: 80px!important;
}

#offer div:first-of-type {
	padding-top: 0!important;
}

@media screen and (max-width: 768px) {
	#offer div {
		padding-top: 4rem!important;
	}
}

#offer p.attention {
	padding-top: 40px!important;
}

/* --------------------------------
	#sec04
-------------------------------- */
#sec04 {
	padding-top: min(80px, 4rem)!important;
	padding-bottom: min(80px, 4rem)!important;
}

/* --------------------------------

-------------------------------- */
/*# sourceMappingURL=style.css.map */