@charset "UTF-8";
/*---------------------*/
/*max-width: 1200px ←画面全体が縮小する幅*/
/*max-width: 979px ←タブレット版*/
/*max-width: 767px ←スマホ版*/
/*max-width: 425px ←スマホ版さらに小さい幅に対応*/
/*構成*/
/*
FONT
COMMON
MAIN
HEADER
ARTICLE
ELEMENT
COTENTS
 L
UTILITY
*/
/*---------------------*/

/* ========== FONT ========== */

/* 游明朝 */
.yumin {
  font-family: "游明朝","Yu Mincho","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HiraMinProN-W3", serif;
}



/* ========== COMMON ========== */

body{
  overflow-x: hidden;
}

/*可変幅表示にて使用*/
#page-body {
  overflow-x: hidden;
  width: 100%;
}

/* SMP表示での左右の余白を削除 */
@media (max-width: 979px) {
  #page-body {
    width: 100vw;
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  #page-body {
    width: 100vw;
    margin: 0 -5px;
  }
}

/* 背景色がある場合フッターのマージンを削除 */
#footer_banner {
	margin-top: 0;
}

#lp_main_wrap .attention-txt-pc {
    margin: 0 auto 5%;
}

/* ========== MAIN ========== */

#lp_main_wrap {
  width: 100%;
  margin: 0 auto;
	color: #000;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0em;
}
#lp_main_wrap * {
	box-sizing: border-box;
}
#lp_main_wrap li,
#lp_main_wrap dt,
#lp_main_wrap dd,
#lp_main_wrap img {
	line-height: 1;
}
#lp_main_wrap p {
	margin-bottom: 0;
}
#lp_main_wrap a {
	transition: all 0.5s ease 0s;
	color: inherit;
	opacity: 1;
	text-decoration: none;
}
#lp_main_wrap a:hover,
#lp_main_wrap a:active {
	color: inherit;
	opacity: 0.6;
	text-decoration: none;
}



/* ========== HEADER ========== */

/* mainvisual-single */
#lp_main_wrap header.mainvisual-single h2 {
  width: 100%;
  margin: 0;
}
#lp_main_wrap header.mainvisual-single h2 img {
  width: 100%;
  margin: 0;
}
#lp_main_wrap header.mainvisual-single h2 img.mainvisual-single_1920 {
  display: block;
}
/* #lp_main_wrap header.mainvisual-single h2 img.mainvisual-single_1440 {
  display: none;
} */
#lp_main_wrap header.mainvisual-single h2 img.mainvisual-single_smp {
  display: none;
}
/* 
@media (max-width: 1440px) {
	#lp_main_wrap header.mainvisual-single h2 img.mainvisual-single_1920 {
		display: none;
	}
	#lp_main_wrap header.mainvisual-single h2 img.mainvisual-single_1440 {
		display: block;
	}
}
 */
@media (max-width: 767px) {
	#lp_main_wrap header.mainvisual-single h2 img.mainvisual-single_1920,
	#lp_main_wrap header.mainvisual-single h2 img.mainvisual-single_1440 {
		display: none;
	}
	#lp_main_wrap header.mainvisual-single h2 img.mainvisual-single_smp {
		display: block;
	}
}



/* ========== ARTICLE ========== */

/* lp_main */
#lp_main_wrap .lp_main {
  width: 100%;
  margin: 0;
}



/* ========== ELEMENT ========== */



/* ========== COTENTS ========== */

/* lp_lead */
#lp_main_wrap .lp_lead {
	width: 100%;
	margin: 8% auto 11%;
	padding: 0;
	text-align: center;
}
#lp_main_wrap .lp_lead_inner {
	width: 80%;
	max-width: 500px;
	margin: 0 auto;
	font-family: "游明朝","Yu Mincho","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HiraMinProN-W3", serif;
}
#lp_main_wrap .lp_lead .lp_lead_brandimg {
	width: 100%;
	max-width: 220px;
	margin: 0 auto 25px;
}
#lp_main_wrap .lp_lead h3 {
	margin-bottom: 10px;
	font-weight: bold;
  font-size: 20px;
  line-height: 1.64;
  letter-spacing: 0.05em;
}
#lp_main_wrap .lp_lead p {
  font-size: 14px;
  line-height: 1.64;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_lead {
		margin: 24% auto 19%;
	}
	#lp_main_wrap .lp_lead .lp_lead_brandimg {
		width: 56%;
		max-width: unset;
		margin: 0 auto 14%;
	}
	#lp_main_wrap .lp_lead h3 {
		margin-bottom: 7px;
		font-weight: bold;
		font-size: 24px;
		line-height: 1.7;
		letter-spacing: 0.05em;
	}
	#lp_main_wrap .lp_lead p {
		font-size: 16px;
		line-height: 1.64;
		letter-spacing: 0.05em;
	}
}


/* lp_itemwrap */
#lp_main_wrap .lp_itemwrap {
  width: 100%;
	max-width: 1920px;
  margin: 0 auto;
}
#lp_main_wrap .lp_itemwrap_inner {
  width: 100%;
  margin: 0;
  padding: 15% 50px 0%;
	position: relative;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_itemwrap_inner {
		padding: 21% 0 0;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_itemwrap .attention {
		margin-top: 13%;
	}
}

/* lp_item */
#lp_main_wrap .lp_item {
  width: 100%;
  margin: 0;
  padding-bottom: 15%;
}
@media (max-width: 979px) {
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_item {
		padding-bottom: 16%;
	}
}

/* lp_item_image */
#lp_main_wrap .lp_item_image {
  margin: 0 auto;
}
#lp_main_wrap .lp_item_image img {
  width: 100%;
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_item_image {
		margin-bottom: 10%;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_item_image {
		margin-bottom: 10%;
	}
}

/* lp_item_image-p lp_item_image-l */
/* 
	p:縦長
	ps:縦長小
	l:横長
 */
#lp_main_wrap .lp_item_image-p {
  width: 39.4%;
}
#lp_main_wrap .lp_item_image-ps {
  width: 33%;
}
#lp_main_wrap .lp_item_image-l {
  width: 76.9%;
}
@media (max-width: 1920px) {
	#lp_main_wrap .lp_item_image-l {
		width: 66%;
	}
}
@media (max-width: 1440px) {
	#lp_main_wrap .lp_item_image-p {
		width: 48%;
	}
	#lp_main_wrap .lp_item_image-ps {
		width: 40%;
	}
	#lp_main_wrap .lp_item_image-l {
		width: 66%;
	}
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_item_image-p {
		width: 64%;
	}
	#lp_main_wrap .lp_item_image-ps {
		width: 54%;
	}
	#lp_main_wrap .lp_item_image-l {
		width: 88%;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_item_image-p {
		width: 74.67%;
	}
	#lp_main_wrap .lp_item_image-ps {
		width: 64%;
	}
	#lp_main_wrap .lp_item_image-l {
		width: 100%;
	}
}

/* lp_item_creditwrap */
#lp_main_wrap .lp_item_creditwrap {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 10%;
	left: 50px;
	width: 240px;
	transition: all 0.5s ease 0s;
}
#lp_main_wrap .active .lp_item_creditwrap {
	visibility: visible;
	opacity: 1;
}
@media (min-width: 1920px) {
	#lp_main_wrap .lp_item_creditwrap {
		left: calc((100% - 1920px) / 2 + 50px);
	}
}
@media (max-width: 1440px) {
	#lp_main_wrap .lp_item_creditwrap {
		width: 240px;
	}
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_item_creditwrap {
		visibility: visible;
		opacity: 1;
		position: relative;
		top: unset;
		left: unset;
		width: 100%;
	}
}
@media (max-width: 767px) {
}

/* lp_item_credit_subwrap */
#lp_main_wrap .lp_item_credit_subwrap {
	margin-bottom: 32px;
}
#lp_main_wrap .lp_item_credit_subwrap h4 {
	margin-bottom: 4px;
	font-family: "游明朝","Yu Mincho","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HiraMinProN-W3", serif;
	font-weight: bold;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_item_credit_subwrap {
		margin-bottom: 42px;
		text-align: center;
	}
	#lp_main_wrap .lp_item_credit_subwrap h4 {
		margin-bottom: 3px;
	}
}

/* lp_item_credit */
#lp_main_wrap .lp_item_credit li {
	margin-bottom: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 2px 0.4em;
	font-family: "游明朝","Yu Mincho","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HiraMinProN-W3", serif;
	font-weight: bold;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
#lp_main_wrap a.lp_item_credit_link {
	display: inline-block;
	margin-left: 8px;
	padding: 5px 14px 3px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.1em;
	text-align: center;
	border: 1px solid #000;
}
#lp_main_wrap a.lp_item_credit_link-diabled {
	pointer-events: none;
	color: #bcbcbc;
	border: 1px solid #bcbcbc;
}
#lp_main_wrap .lp_item_credit_date {
	width: 100%;
  font-size: 12px;
  letter-spacing: 0.06em;
	color: #aaa;
}
@media (max-width: 979px) {
	#lp_main_wrap .lp_item_credit li {
		justify-content: center;
		text-align: center;
	}
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_item_credit li {
		margin-bottom: 4%;
		gap: 0px 0.4em;
	}
	#lp_main_wrap .lp_item_credit_name {
		margin-bottom: 6px;
		gap: 0 0.6em;
	}
	#lp_main_wrap .lp_item_credit_price {
		margin-bottom: 6px;
	}
	#lp_main_wrap .lp_item_credit_linkwrap {
		width: 100%;
	}
	#lp_main_wrap a.lp_item_credit_link {
		margin: 0 auto;
		padding: 9px 22px 7px;
  	font-size: 16px;
	}
}



/* lp_item_topbtn */
#lp_main_wrap .lp_item_topbtn {
	display: none;
	position: fixed;
	right: 40px;
	bottom: 80px;
	width: 51px;
	height: 51px;
	margin-right: 2%;
}
#lp_main_wrap .lp_item_topbtn a {
	display: block;
}
#lp_main_wrap .lp_item_topbtn img {
	background: #fff;
}
@media (min-width: 1920px) {
	#lp_main_wrap .lp_item_topbtn {
		right: calc((100% - 1920px) / 2);
	}
}



/* lp_btn */
#lp_main_wrap .lp_btn {
  width: 100%;
  margin: 0;
  padding: 95px 0 105px;
	background-color: #75747a;
}
#lp_main_wrap .lp_btn .lp_btn_inner {
	width: 90%;
	max-width: 700px;
  margin: 0 auto;
}
#lp_main_wrap .lp_btn h3 {
	margin-bottom: 6%;
  font-family: "游明朝","Yu Mincho","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HiraMinProN-W3", serif;
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-align: center;
  color: #fff;
}
#lp_main_wrap .lp_btn .lp_btn_content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
#lp_main_wrap .lp_btn .lp_btn_content .attention{
	margin-top: 90px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
#lp_main_wrap .lp_btn a {
  display: block;
  position: relative;
  padding: 22px 20px;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
	border: 1px solid #fff;
  background-color: #fff;
  color: #75747a;
}
#lp_main_wrap .lp_btn a::after {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 5px);
  right: 34px;
  border-top: solid 1px #75747a;
  border-right: solid 1px #75747a;
  transform: rotate(45deg);
}
#lp_main_wrap .lp_btn a:hover {
  background-color: #75747a;
  color: #fff;
	opacity: 1;
}
#lp_main_wrap .lp_btn a:hover::after {
	border-top-color: #fff;
	border-right-color: #fff;
}
#lp_main_wrap .lp_btn .lp_btn_attention {
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  #lp_main_wrap .lp_btn {
  	padding: 20% 0;
  }
	#lp_main_wrap .lp_btn h3 {
		margin-bottom: 7%;
		font-size: 24px;
	}
	#lp_main_wrap .lp_btn .lp_btn_content {
		gap: 18px;
	}
	#lp_main_wrap .lp_btn a {
		padding: 14px 20px;
		font-size: 16px;
  	letter-spacing: 0.04em;
	}
	#lp_main_wrap .lp_btn a::after {
		width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    right: 16px;
	}
	#lp_main_wrap .lp_btn .lp_btn_content .attention{
		font-size: 9px;
		text-align: left;
		width: 90%;
		margin: 50px auto 2%;
	}
	#lp_main_wrap .lp_btn .lp_btn_attention {
		text-align: left;
	}
}



/* ========== UTILITY ========== */

#lp_main_wrap .lp_viewpc_block {
  display: block;
}
#lp_main_wrap .lp_viewpc_inline {
  display: inline;
}
#lp_main_wrap .lp_viewpc_inline-block {
  display: inline-block;
}
#lp_main_wrap .lp_viewpc_none {
  display: none;
}
#lp_main_wrap .lp_viewsmp_block,
#lp_main_wrap .lp_viewsmp_inline,
#lp_main_wrap .lp_viewsmp_inline-block {
  display: none;
}
#lp_main_wrap .lp_viewxs_block,
#lp_main_wrap .lp_viewxs_inline,
#lp_main_wrap .lp_viewxs_inline-block {
  display: none;
}
@media (max-width: 767px) {
	#lp_main_wrap .lp_viewpc_block,
	#lp_main_wrap .lp_viewpc_inline,
	#lp_main_wrap .lp_viewpc_inline-block {
	  display: none;
	}
	#lp_main_wrap .lp_viewsmp_block {
	  display: block;
	}
	#lp_main_wrap .lp_viewsmp_inline {
	  display: inline;
	}
	#lp_main_wrap .lp_viewsmp_inline-block {
	  display: inline-block;
	}
	#lp_main_wrap .lp_viewsmp_none {
	  display: none;
	}
}
@media (max-width: 425px) {
	#lp_main_wrap .lp_viewxs_block {
	  display: block;
	}
	#lp_main_wrap .lp_viewxs_inline {
	  display: inline;
	}
	#lp_main_wrap .lp_viewxs_inline-block {
	  display: inline-block;
	}
	#lp_main_wrap .lp_viewxs_none {
	  display: none;
	}
}