/* Base CSS */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
body{
    margin: 0;
    padding: 0;
}
#lpcontent *, #lpcontent *::before, #lpcontent *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}
#lpcontent {
	width: 100%;
	color: #000;
	font-size: 14px;
	width: 100%;
	min-width: 1080px;
	margin:  0 auto;
	letter-spacing: 0.05rem;
	-webkit-font-smoothing: antialiased;
    font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}
#lpcontent a {
	color: #000;
	text-decoration: none;
}
#lpcontent img {
	width: 100%;
	vertical-align: bottom;
}
#lpcontent ul,
#lpcontent li {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	list-style: none;
}
#lpcontent .wrapper {
    width: 94%;
	max-width: 1000px;
	margin: 0 auto;
}
#lpcontent #mv {
    width: 100%;
	margin: 0;
	padding: 0;
	background: #0c2956;
}
#lpcontent #mv .wrapper {
	width: 100%;
	max-width: 1280px;
}
#lpcontent .pc {
	display: block;
}
#lpcontent .sp {
	display: none;
}
#lpcontent p {
	line-height: 200%;
}
@media screen and (max-width: 768px) {
	#lpcontent {
		font-size: 3vw;
		width: 100%;
		min-width: 100vw;
	}
	#lpcontent .wrapper {
		width: 94%!important;
		margin: 0 auto!important;
	}
	#lpcontent .pc {
		display: none;
	}
	#lpcontent .sp {
		display: block!important;
	}
}



/* Description */
#lpcontent .maintitle {
	margin: 0 0 25px;
	padding: 0;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 170%;
	font-size: 22px;
	font-weight: 700;
}
#lpcontent .subtitle {
	margin: 60px 0 0;
	padding: 0;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 170%;
	font-size: 18px;
	text-decoration: underline;
	font-weight: 700;
}
#lpcontent .head {
	margin: 0;
	padding: 0;
	text-align: center;
}
#lpcontent .head img {
	width: 100%;
	max-width: 420px;
}
#lpcontent .subhead {
	margin: 5px 0 0;
	padding: 0;
	text-align: center;
	color: #173C6F;
	font-size: 14px;
	font-weight: bold;
}
#lpcontent #description {
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
	position: relative;
	z-index: 2;
}
#lpcontent #description ul {
	margin: 20px 0 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: start;
	flex-wrap: wrap;
}
#lpcontent #description ul li {
	width: 16%;
	text-align: center;
}
#lpcontent #description ul li .imagetext {
	margin: 10px auto 0;
	width: 90%;
}
@media screen and (max-width: 768px) {
	#lpcontent .maintitle {
		margin: 0 0 4%;
		font-size: 4.25vw;
	}
	#lpcontent .subtitle {
		margin: 12% 0 0;
		font-size: 3.75vw;
	}
	#lpcontent .head img {
		width: 90%;
		max-width: 400px;
	}
	#lpcontent .subhead {
		margin: 5px 0 0;
		padding: 0;
		text-align: center;
		color: #173C6F;
		font-size: 3vw;
	}
	#lpcontent #description {
		padding: 10% 0 8%;
	}
	#lpcontent #description ul {
		margin: 2% 0 0;
		flex-wrap: wrap;
	}
	#lpcontent #description ul li {
		width: 32%;
		text-align: center;
		margin: 2% 0;
	}
	#lpcontent #description ul li .imagetext {
		margin: 10px auto 0;
		width: 90%;
	}
}

/* Banner */
#lpcontent #banner {
	margin: 0 auto;
	padding: 80px 0;
	text-align: center;
}
#lpcontent #banner ul {
	margin: 30px 0 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: start;
	flex-wrap: wrap;
}
#lpcontent #banner ul li {
	width: 24.25%;
	padding: 0;
	margin: 5px 0;
}
@media screen and (max-width: 768px) {
	#lpcontent #banner {
		padding: 12% 0;
	}
	#lpcontent #banner h3 {
		font-size: 5.75vw;
	}
	#lpcontent #banner ul {
		margin: 5% 0 0;
		flex-wrap: wrap;
	}
	#lpcontent #banner ul li {
		width: 49%;
		margin: 1% 0;
	}
}


/* Info */
#lpcontent #info {
	background: #F4F4F4;
	padding: 80px 0;
}
#lpcontent #info .wrapper {
	padding: 0;
}
#lpcontent #info .head {
	margin-bottom: 40px;
}
#lpcontent #info dl {
	margin: 10px auto!important;
	padding: 0;
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
	align-content: center;
	flex-wrap: nowrap;
}
#lpcontent #info dt {
	margin: 0 0 0 5%;
	padding: 4px 5px 5px;
	background: #173C6F;
	color: #fff;
	width: 30%;
	font-size: 13px;
	text-align: center;
	font-weight: 600;
}
#lpcontent #info dd {
	font-weight: 600;
	width: 65%;
	padding-left: 4%;
	font-size: 120%;
}
#lpcontent #info .blue {
	background: #173C6F;
	color: #fff;
	font-size: 16px;
	padding: 13px 40px 14px!important;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	text-align: left;
	font-weight: 600;
}
#lpcontent .blue img {
	max-width: 14px;
}
#lpcontent .Inner {
	margin: 20px 0;
}
#lpcontent .gift {
	width: 100%;
	max-width: 500px;
	margin-top: 40px;
	margin-bottom: 30px;
	margin-left: auto;
	transform: translateX(-20px);
	margin-right: auto;
}
#lpcontent .Accordion {
	width: 100%;
	margin: 0;
	padding: 0;
}
#lpcontent .Accordion-Item-Icon {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 18px;
}
#lpcontent .text {
	background: #fff;
	margin-top: -10px;
	padding: 30px 40px 40px;
}
#lpcontent .text span {
	font-weight: bold;
	line-height: 180%;
}
#lpcontent .text span.bullet {
	font-weight: normal;
	display: block;
	position: relative;
	padding-left: 15px;
	line-height: 220%;
}
#lpcontent .text span.bullet:before {
	content: '繝ｻ';
	position: absolute;
	left: 0;
	top: 0;
}
#lpcontent .text p {
	line-height: 180%;
	letter-spacing: 0;
}
@media screen and (max-width: 768px) {
	#lpcontent #info {
		padding: 12% 0;
	}
	#lpcontent #info dl {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	#lpcontent #info dt {
		margin: 0;
		width: 35%;
		color: #fff;
		font-size: 2.65vw;
	}
	#lpcontent #info dd {
		font-weight: 600;
		font-size: 3.25vw;
		width: 65%;
		padding-left: 3%;
	}
	#lpcontent #info .blue {
		font-size: 3.75vw;
		padding: 11px 20px 12px!important;
		margin-bottom: 10px;
	}
	#lpcontent #info .head {
		margin-bottom: 5%;
	}
	#lpcontent .gift {
		margin-top: 8%;
		margin-bottom: 7%;
		transform: translateX(0);
	}
	#lpcontent .text {
		background: #fff;
		padding: 3% 4% 6%;
		font-size: 3vw;
	}
	#lpcontent .text span {
		font-weight: bold;
		font-size: 3vw;
	}
	#lpcontent .text span.bullet {
		margin: 8px 0;
		font-weight: normal;
		position: relative;
		padding-left: 15px;
		font-size: 3vw;
		line-height: 180%;
	}
	#lpcontent .text span.bullet:before {
		content: '繝ｻ';
		position: absolute;
		left: 0;
		top: -1px;
	}
	#lpcontent .text p {
		font-size: 3vw;
	}
}

/* COde */
#lpcontent .code {
	background: url(../images/bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 0;
	position: relative;
	z-index: 1;
	min-width: 2000px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-self: start;
	flex-wrap: wrap;
	align-self: center;
	align-items: center;
	align-content: center;
}
#lpcontent #bizpolo {
	background: url(../images/item01.png) 30% top no-repeat, url(../images/bg.jpg) center center no-repeat;
	height: 25vw;
	min-height: 480px;
	min-width: 400px;
	background-size: contain, cover;
}
#lpcontent #shortsleeve {
	background: url(../images/item02.png) 75% top no-repeat, url(../images/bg.jpg) center center no-repeat;
	height: 25vw;
	min-height: 480px;
	min-width: 400px;
	background-size: contain, cover;
}
#lpcontent #mediumsleeve {
	background: url(../images/item03.png) 30% top no-repeat, url(../images/bg.jpg) center center no-repeat;
	height: 25vw;
	min-height: 480px;
	min-width: 400px;
	background-size: contain, cover;
}
#lpcontent #cutsew {
	background: url(../images/item04.png) 80% top no-repeat, url(../images/bg.jpg) center center no-repeat;
	height: 27.5vw;
	min-height: 480px;
	min-width: 400px;
	background-size: contain, cover;
}
#lpcontent #saunawear {
	background: url(../images/item05.png) 25% top no-repeat, url(../images/bg.jpg) center center no-repeat;
	height: 25vw;
	min-height: 480px;
	min-width: 400px;
	background-size: contain, cover;
}
#lpcontent #saunagoods {
	background: url(../images/item06.png) 75% top no-repeat, url(../images/bg.jpg) center center no-repeat;
	height: 27.5vw;
	min-height: 480px;
	min-width: 400px;
	background-size: contain, cover;
}
#lpcontent .code .icon {
	position: absolute;
	top: 0;
	right: 22.5vw;
	z-index: 2;
	width: 20%;
	max-width: 120px;
}
#lpcontent .code .icon02 {
	position: absolute;
	top: 0;
	left: 20vw;
	z-index: 2;
	width: 20%;
	max-width: 120px;
}
#lpcontent .code .icon03 {
	position: absolute;
	bottom: 20px;
	left: 20vw;
	z-index: 2;
	width: 35%;
	max-width: 180px;
}
#lpcontent .code .icon04 {
	position: absolute;
	bottom: 20px;
	right: 20vw;
	z-index: 2;
	width: 35%;
	max-width: 180px;
}
#lpcontent .code dl {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-self: start;
	flex-wrap: wrap;
	align-self: center;
	align-items: center;
	align-content: center;
}
#lpcontent .code dl dt {
	margin: 0;
	padding: 0;
	width: 50%;
}
#lpcontent .code dl dd {
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: left;
}
.spacer{
	padding-left: 10%!important;
}
.spacer2 {
	padding-left: 2%!important;
}
#lpcontent .reverse {
	flex-direction: row-reverse;
}
#lpcontent .reverse dt {
	text-align: right;
}
#lpcontent .code dd h5 {
	width: 85%;
	max-width: 360px;
}
#lpcontent .code dd h6 {
	margin: 5px 0 25px;
	padding: 0;
	color: #173C6F;
	font-size: 15px;
	font-weight: bold;
}
#lpcontent ul.itemlist {
	margin: 20px 0 60px;
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: start;
	flex-wrap: wrap;
	align-self: flex-start;
}
#lpcontent ul.itemlist li {
	width: 46%;
	margin: 15px 0;
}
#lpcontent ul.itemlist li a {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: start;
	flex-wrap: wrap;
	align-self: center;
	align-items: center;
	align-content: center;
}
#lpcontent ul.itemlist li img {
	width: 23%;
}
#lpcontent ul.itemlist li div {
	width: 72%;
}
#lpcontent ul.itemlist li div p {
	font-size: 85%;
	line-height: 180%;
}
#lpcontent ul.itemlist li div img {
	max-width: 55px;
	margin-top: 2px;
}
@media screen and (max-width: 2000px) {
	#lpcontent .code .icon {
		right: 20vw;
	}
	#lpcontent .code .icon02 {
		left:  16vw;
	}
}
@media screen and (max-width: 1800px) {
	#lpcontent .code .icon {
		right: 15vw;
	}
	#lpcontent .code .icon02 {
		left:  11vw;
	}
}
@media screen and (max-width: 1600px) {
	#lpcontent #bizpolo {
		background: url(../images/item01.png) 20% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #shortsleeve {
		background: url(../images/item02.png) 80% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #mediumsleeve {
		background: url(../images/item03.png) 20% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #cutsew {
		background: url(../images/item04.png) 85% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #saunawear {
		background: url(../images/item05.png) 18% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #saunagoods {
		background: url(../images/item06.png) 80% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent .code .icon {
		right: 10vw;
	}
	#lpcontent .code .icon02 {
		left: 8vw;
	}
	#lpcontent .code .icon03 {
		left: 20vw;
	}
	#lpcontent .code .icon04 {
		right: 20vw;
	}
}
@media screen and (max-width: 1440px) {
	#lpcontent .code .icon {
		right: 4vw;
		max-width: 100px;
	}
	#lpcontent .code .icon02 {
		left: 3vw;
		max-width: 100px;
	}
	#lpcontent .code .icon03 {
		left: 12vw;
	}
	#lpcontent .code .icon04 {
		right: 12vw;
	}
}
@media screen and (max-width: 1280px) {
	#lpcontent #bizpolo {
		background: url(../images/item01.png) 10% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #shortsleeve {
		background: url(../images/item02.png) 80% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #mediumsleeve {
		background: url(../images/item03.png) 10% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #cutsew {
		background: url(../images/item04.png) 90% center no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: 55%, cover;
	}
	#lpcontent #saunawear {
		background: url(../images/item05.png) 6% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #saunagoods {
		background: url(../images/item06.png) 80% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent .code .icon {
		max-width: 7vw;
		right: 1.5vw;
	}
	#lpcontent .code .icon02 {
		max-width: 7vw;
		left: 1.5vw;
	}
	#lpcontent .code .icon03 {
		left: 10vw;
	}
	#lpcontent .code .icon04 {
		right: 10vw;
	}
	#lpcontent .code dd h5 img{
		width: 100%;
		max-width: 300px;
	}
}
@media screen and (max-width: 1160px) {
	#lpcontent #bizpolo {
		background: url(../images/item01.png) 0 top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #shortsleeve {
		background: url(../images/item02.png) 95% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #mediumsleeve {
		background: url(../images/item03.png) 0 top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #cutsew {
		background: url(../images/item04.png) 100% center no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: 60%, cover;
	}
	#lpcontent #saunawear {
		background: url(../images/item05.png) 0 top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent #saunagoods {
		background: url(../images/item06.png) 95% top no-repeat, url(../images/bg.jpg) center center no-repeat;
		background-size: contain, cover;
	}
	#lpcontent .code .icon {
		max-width: 7vw;
		right: 1vw;
	}
	#lpcontent .code .icon02 {
		max-width: 7vw;
		left: 1vw;
	}
	#lpcontent .code .icon03 {
		left: 5vw;
	}
	#lpcontent .code .icon04 {
		right: 5vw;
	}
	#lpcontent .code dd h5 img{
		width: 100%;
		max-width: 300px;
	}
}
@media screen and (max-width: 768px) {
	#lpcontent #bizpolo,
	#lpcontent #shortsleeve,
	#lpcontent #mediumsleeve,
	#lpcontent #cutsew,
	#lpcontent #saunawear,
	#lpcontent #saunagoods {
		background: url(../images/bg.jpg) top center no-repeat;
		height: auto;
		min-height: auto;
		min-width: 100%;
		background-size: cover;
	}
	#lpcontent .code .wrapper {
		width: 100%!important;
		margin: 0 auto;
		padding: 0;
		max-width: 100%;
	}
	#lpcontent .code .icon {
		position: absolute;
		top: 0;
		right: 2%;
		z-index: 2;
		width: 15%;
		max-width: 110px;
	}
	#lpcontent .code .icon02 {
		position: absolute;
		top: 0;
		left: 2%;
		z-index: 2;
		width: 15%;
		max-width: 110px;
	}
	#lpcontent .code .icon03 {
		position: absolute;
		top: 45%;
		left: 6%;
		z-index: 2;
		width: 28%;
		max-width: 180px;
	}
	#lpcontent .code .icon04 {
		position: absolute;
		top: 47%;
		right: 4%;
		z-index: 2;
		width: 28%;
		max-width: 180px;
	}
	#lpcontent .code {
		min-width: 100vw;
	}
	#lpcontent .code dl {
		margin: 0;
		padding: 0 0 8%;
		width: 100%;
		flex-wrap: wrap;
	}
	#lpcontent .code dl dt {
		margin: 0 0 3%;
		padding: 0;
		width: 100%;
		max-width: 800px;
	}
	#lpcontent .code dl dd {
		margin: 0;
		padding: 0 7%!important;
		width: 100%;
		text-align: left;
		min-width: 100%;
	}
	#lpcontent .code dd h5 {
		width: 90%;
		max-width: 320px;
	}
	#lpcontent .code dd h6 {
		margin: 5px 0 4%;
		padding: 0;
		color: #173C6F;
		font-size: 3.15vw;
	}
	.spacer,
	.spacer2 {
		padding-left: 0!important;
	}
	#lpcontent .reverse {
		flex-direction: row-reverse;
	}
	#lpcontent ul.itemlist {
		margin: 4% auto 8%;
		padding: 0 10%;
		display: flex;
		flex-wrap: wrap;
	}
	#lpcontent ul.itemlist li {
		width: 100%;
		margin: 10px 0;
	}
	#lpcontent ul.itemlist li img {
		width: 26%;
	}
	#lpcontent ul.itemlist li div {
		width: 70%;
		padding-left: 3%;
	}
	#lpcontent ul.itemlist li div p {
		font-size: 85%;
		line-height: 175%;
	}
	#lpcontent ul.itemlist li div img {
		max-width: 55px;
		margin-top: 2px;
	}
}

.mini {
	font-size: 10px;
	margin-top: -25px!important;
}
@media screen and (max-width: 768px) {
	.mini {
		font-size: 2.5vw;
		margin-top: -5%!important;
	}
}

#lpcontent .more-button-wrapper {
  text-align: center;
  margin: 40px auto 60px;
}

#lpcontent .more-button-wrapper a.more-button {
  display: inline-block;
  background-color: #173C6F;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 40px;
  border-radius: 2px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  border: 2px solid #173C6F;
  letter-spacing: 0.05em;
}

#lpcontent .more-button-wrapper a.more-button:hover {
  background-color: #2b468e;
  border-color: #2b468e;
  color: #173C6F;
}

#lpcontent .more-button-wrapper a.more-button::after {
  content: " 竊�";
  transition: transform 0.6s ease;
  display: inline-block;
  margin-left: 8px;
}
#lpcontent .more-button-wrapper a.more-button:hover::after {
  transform: translateX(10px);
}

@media screen and (max-width: 768px) {
  #lpcontent .more-button-wrapper a.more-button {
    font-size: 3vw;
    padding: 10px 28px;
	border-radius: 3px;
  }
}

  #lpcontent .more-button-wrapper a.more-button::after {
    font-size: 90%;
    margin-left: 6px;
  }
}