@charset "UTF-8";

/* トップ写真がない分、上部をスマホ時に調節 */


h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #e5efeb;
}

h2.img {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}

h2.img img {
	width: 100%;
}

h2.o-non {
	background-color: transparent; /* 背景なし */
}

h5 {
  font-size: 12px;
  line-height: 130%;
  font-weight: bold;
  padding-bottom: 10px; }

p.kiji01 {
  font-size: 12px;
  line-height: 130%;
  padding-bottom: 10px; }

p.kiji02 {
  font-size: 12px;
  line-height: 130%;
  padding-bottom: 5px; }

p.kiji03 {
  font-size: 12px;
  line-height: 130%;
  padding-bottom: 10px;
  width: 900px; }

p.kiji04 {
	font-size: 12px;
	line-height: 130%;
	padding-bottom: 10px;
	padding-left:2em;
	text-indent:-2em;
}

/* 赤字、下線、折り返しなし */
p.kiji04 .red-b {
	font-size: 15px;
	font-weight: bold;
	color: #ff0000;

	white-space: nowrap;
}

p.kiji05 {
  font-size: 12px;
  line-height: 130%;
  padding-bottom: 10px;
	padding-left:1em;
	text-indent:-1em;
}

p.kiji06 {
  font-size: 20px;
  line-height: 130%;
  padding-bottom: 10px;
	margin-top: 40px;
	font-weight: bold;
}

p.kiji06 .red {
  font-size: 30px;
}


p.kijifoo {
  font-size: 12px;
  line-height: 130%;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px; }

.red {
	color: #ff0000;
}

.p-cen {
	text-align: center;
}

@media screen and (max-width:768px) {
	
p.kiji06 {
  font-size: 18px;
}

p.kiji06 .red {
  font-size: 25px;
}
	
}


/* ギフトページ2 */


table.setsu5 {
  font-size: 12px;
  line-height: 130%;
  border: 1px solid #006600;
  margin-bottom: 20px;
  margin-left: 1em; }
  @media screen and (max-width: 768px) {
    table.setsu5 {
      width: 100%;
      margin: 0 0 20px; } }

table.setsu6 {
  font-size: 12px;
  line-height: 130%;
  border: 1px solid #999999;
  padding: 3px;
  margin-left: 1em;
  margin-bottom: 5px; }
  @media screen and (max-width: 768px) {
    table.setsu6 {
      width: 100%;
      box-sizing: border-box;
      margin: 0 auto 5px; } }





/* 2023/8 追加　加盟店のご案内 */

/* クレジット端末機ラインナップのテーブル部 */

.member-table-day {
	width: 100%;
	text-align: right;
}

.member-table1 {
	width: 100%;
	margin-bottom: 10px;
	position:relative;
}

.member-table1 table {
	width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
}

.member-table1 table th {
	width: 16%;
	font-weight: normal;
	padding: 5px;
	border : solid 1px #cccccc ;
}

.member-table1 table td {
	width: 21%;
	padding: 5px;
	border : solid 1px #cccccc ;
}

.member-table1 table td img {
	width: 100%;
}

.member-table1 table th .touch {
	width: 20px;
	display: inline-block;
	vertical-align:middle;
}

.member-table1 table td.l-break {
	word-break: break-all;
}

.member-icon1 {
	width: 30px;
	vertical-align:bottom;
}

@media screen and (max-width:768px) {
	
.member-table1 {
	overflow-x: auto;
	margin-bottom: 10px;
}

.member-table1 table {
min-width: 900px;
}
	
.member-table1 table th {
	width: 140px !important;
	padding: 3px;
}

.member-table1 table td {
	width: 25%;
	padding: 3px;
}
	
.fixed01{
  position: sticky;
  left: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
	border : solid 1px #cccccc ;
  }
	
}
	
}


#menber img{
	vertical-align:top;
}

.m-merit-wrap {
	width: 100%;
	margin-top: 10px;
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.m-merit-wrap .m-box1 {
	width: 33.3%;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	padding: 5px 0px 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	box-sizing: border-box;
}

.m-merit-wrap .m-box1 img {
	width: 120px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.m-merit-wrap div.m-box1:nth-child(1),
.m-merit-wrap div.m-box1:nth-child(4),
.m-merit-wrap div.m-box1:nth-child(7){
	border-left-width: 0px;
	border-left-style: none;
}

.m-merit-wrap div.m-box1:nth-child(1),
.m-merit-wrap div.m-box1:nth-child(2),
.m-merit-wrap div.m-box1:nth-child(3){
	margin-top: 0;
}

.m-merit-wrap .m-box1 .m-box1-txt {
	color: #000;
	font-size:16px;
	font-weight: bold;
	margin-top: 10px;
}

.m-merit-wrap .m-box1 .m-box1-txt span {
	color: #fff;
	font-size:14px;
	font-weight: bold;
	position: relative;
	margin-right: 15px;
}

.m-merit-wrap .m-box1 .m-box1-txt span::after{
	content: '';
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: #009944;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
    z-index: -1;
}


@media screen and (max-width:768px) {
	
.m-merit-wrap .m-box1 {
	width: 50%;
	margin-top: 20px;
	padding: 5px 2px 4px;
	border-left-width: 0px;
	border-left-style: none;
}
	
.m-merit-wrap .m-box1 img {
	width: 50%;
}
	

.m-merit-wrap div.m-box1:nth-child(4){
	border-left-width: 0px;
	border-left-style: solid;
}
	
.m-merit-wrap div.m-box1:nth-child(1),
.m-merit-wrap div.m-box1:nth-child(3),
.m-merit-wrap div.m-box1:nth-child(5),
.m-merit-wrap div.m-box1:nth-child(7){
	border-left-width: 0px;
	border-left-style: none;
}

.m-merit-wrap div.m-box1:nth-child(3){
	margin-top: 20px;
}
	
.m-merit-wrap .m-box1 .m-box1-txt {
	font-size:14px;
	margin-top: 10px;
}

.m-merit-wrap .m-box1 .m-box1-txt span {
	color: #fff;
	font-size:14px;
	font-weight: bold;
	position: relative;
	margin-right: 10px;
}

.m-merit-wrap .m-box1 .m-box1-txt span::after{
	width: 22px;
	height: 22px;
	border-radius: 11px;
}
	
}

ul.member-b-wrap {
	width: 75%;
	margin: 0px auto 20px;
    list-style:none;
	font-size:0;
}

ul.member-b-wrap li {
	width: 48%;
	display: inline-block;
	margin: 0;
	padding-top: 20px;
}

ul.member-b-wrap li img {
	width: 100%;
}

ul.member-b-wrap li:nth-of-type(1) {
	margin-right: 4%;
}

ul.member-b-wrap li:hover {opacity:0.7;}

@media screen and (max-width:768px) {
	
ul.member-b-wrap {
	width: 70%;
}
	
ul.member-b-wrap li {
	width: 100%;
	display: block;
	padding-top: 20px;
}
	
ul.member-b-wrap li:nth-of-type(1) {
	margin-right: 0;
}
	
ul.member-b-wrap li:nth-of-type(2) {

}
	
}

.m-bland-icon01 {
	width: 600px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	border : solid 1px #333 ;
	padding: 20px 10px 10px;
	margin-top: 60px;
	text-align: center;
}

.m-bland-icon01 img {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}

.m-bland-icon01 img + .kiji01 {
	margin-top: 20px;
}

.m-bland-icon02 {
	width: 100px;
	display: inline-block;
	margin-right: 10px;
	vertical-align:middle;
}

.m-bland-icon03 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 0;
}

.m-bland-icon03 div {
	width: 33%;
	display: inline-block;
}

.m-bland-icon03 div img.pc-img {
	display: block;
}
	
.m-bland-icon03 div img.sp-img {
	display: none;
}

.m-bland-icon03 div + div {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
}


.m-bland-icon04 {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.m-bland-icon04 div {
	width: 32%;
	display: inline-block;
	border : solid 1px #ccc ;
	border-radius: 10px;
	position: relative;
	padding-bottom: 5px;
}

.m-bland-icon04 div img {
	position: relative;
    z-index: -1;
	border-radius: 10px 10px 0px 0px;
}


.m-bland-icon05 {
	width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.m-bland-icon02 img {
	vertical-align:baseline;
}

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

.m-bland-icon01 {
	width: auto;
	margin-top: 50px;
}
	
.m-bland-icon01 img {
	width: 150px;
}
	
.m-bland-icon02 {
	width: 65px;
	margin-right: 10px;

}
	
.m-bland-icon03 {
	width: 80%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
	
.m-bland-icon03 div {
	width: 100%;
	display: block;
}
	
.m-bland-icon03 div img.pc-img {
	display: none;
}
	
.m-bland-icon03 div img.sp-img {
	display: block;
}
	
.m-bland-icon03 div + div {
	border-left-width: 0px;
	border-left-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	margin-top: 40px;
	padding-top: 40px;
}
	
.m-bland-icon04 {
	width: 80%;
	display:-webkit-block;
    display: block;
    -webkit-justify-content: normal;
    justify-content: normal;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
	
.m-bland-icon04 div {
	width: 100%;
	display: block;
}
	
.m-bland-icon04 div + div {
	margin-top: 20px;
}
	
.m-bland-icon05 {
	width: 170px;
	margin-top: 20px;
	margin-bottom: 20px;
}

}


/* ステップバー */

.step {
	margin-top: 20px;
	margin-right: 0;
	margin-left: auto;
}

.step .kiji04 {
	margin-top: 20px;
	margin-left: 130px;
}

.stepbar {
	position:relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.stepicon {
	width: 100px;
	display: inline-block;
	vertical-align:middle;
	margin-left: 130px;
}

.stepicon2 {
	width: 100px;
	display: inline-block;
	vertical-align:middle;
	margin-left: 130px;
}

.stepbar .stepbarwrap {
	width: 500px;
	display: inline-block;
	vertical-align:middle;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

.stepbar .stepbarwrap .steptitle .stepcir {
	color: #000;
	font-size:16px;
	font-weight: bold;
	margin-top: 10px;
}

.stepbar .stepbarwrap .steptitle .stepcir span {
	color: #fff;
	font-size:14px;
	font-weight: bold;
	position: relative;
	margin-right: 15px;
}

.stepbar .stepbarwrap .steptitle .stepcir span::after {
	content: '';
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: #009944;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
    z-index: -1;
}

.stepbar .stepbarwrap .steptitle .stepcir .title {
	font-size: 16px;
	font-weight: bold;
	color: #009944;
	display: inline-block;
}

.stepbar .stepbarwrap .txt {
	display: block;
	margin: 10px auto 0 25px;
	font-size: 13px;
	color: #000;
	vertical-align:middle;
}

.stepbar .stepbarwrap .txt.toi {
	font-size: 17px;
	font-weight: bold;
	vertical-align:middle;
	line-height: 1.2;
	position: relative;
}

.stepbar .stepbarwrap .txt.toi::before {
	content: "";
	display: inline-block;
	width: 29px;
	height: 17px;
	background-image: url(../images/free1.gif);
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
}

.stepbar .stepbarwrap .txt.toi2 {
	font-size: 17px;
	font-weight: bold;
	vertical-align:middle;
	line-height: 1.2;
}

.stepbar .stepbarwrap .txt2 {
	display: block;
	margin: 10px auto 0 25px;
	font-size: 13px;
	color: #000;
}

.triangle {
  content: "";
  display: block;
  width: 0;
  border: solid 2em transparent;
  margin: 10px auto 0;
  border-top-color: #b2d0c4;
}

.triangle.t01,
.triangle.t03{
  margin: 20px auto 0;
}

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

.stepicon {
	width: 80px;
	margin-left: 0px;
}

.stepicon2 {
	width: 80px;
	margin-left: 0px;
}
	
.stepbar .stepbarwrap {
	width: calc(100% - 100px);
	display: inline-block;
	vertical-align:middle;
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
	
.stepbar .stepbarwrap .steptitle .stepcir {

}

.stepbar .stepbarwrap .steptitle .stepcir span {
  font-size: 14px;
}
	
.stepbar .stepbarwrap .steptitle .stepcir span::after{
	width: 22px;
	height: 22px;
	border-radius: 11px;
}

.stepbar .stepbarwrap .steptitle .stepcir .title {
	font-size:14px;
	padding-left: 5px;
}

.stepbar .stepbarwrap .txt {
	width: 95%;
	margin: 10px auto 0 27px;
	font-size: 12px;
}
	
.stepbar .stepbarwrap .txt.toi,
.stepbar .stepbarwrap .txt.toi2 {
	font-size: 15px;
}

.stepbar .stepbarwrap .txt2 {
	width: 95%;
	margin: 10px auto 0 27px;
	font-size: 12px;
}
	
.triangle {
  border: solid 1.5em transparent;
  border-top-color: #b2d0c4;
}
	
.triangle.t01,
.triangle.t03{
  margin: 30px auto 0;
}
	
.step .kiji04 {
	margin-top: 20px;
	margin-left: 0px;
}
	
}




.m-bland-icon02 img,
.m-bland-icon03 img,
.m-bland-icon04 img,
.m-bland-icon05 img,
.touch img,
.stepicon img,
.stepicon2 img{
	width: 100%;
}


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

}


/* Topへ戻るボタン */
#page-top {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 50px;
  height: 50px;
	z-index: 10000;
}

.arrow{
  position: relative;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  width: 50px;
  height: 50px;
}

.arrow::before{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: #006600;
}

.arrow::after{
  content: '';
  width: 25px;
  height: 25px;
  border: 0px;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 11px;
  margin-top: -4px;
}

.arrow a{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.arrow:hover::before{
	background-color: #222222;
}

.arrow:hover::after{
  border-top: solid 2px #B4B4B4;
  border-left: solid 2px #B4B4B4;
}

.arrow a:hover{

}

@media screen and (max-width:768px) {
	
#page-top {
  right: 10px;
  bottom: 70px;
}
	
}













/* ////////////////////////////////////////////////////////////

240312 TAM追加 financingページ分

/////////////////////////////////////////////////////////////*/


	.financing-page {

	}

	@media(max-width:768px){
		.financing-page {
		}
	}



	.financing-cont {
		width: 950px;
		overflow-x: auto; /* tableのはみ出た要素を隠す */
		white-space: nowrap;
		margin-inline: auto;
		margin: 0px auto 20px;
	}

	@media(max-width:768px){
		.financing-cont {
			width: 100%;
		}
	}



	.financing-cont table {
		/* width: 500px; */
		border-collapse: collapse;
    border-spacing: 0;
	}

	@media(max-width:768px){
		.financing-cont table {
		}
	}



	.financing-cont th {
		width: 25%;
		border: 1px solid #ccc;
		background-color: rgb(238, 238, 238);
		color: #333;
		font-size: 12px;
    font-weight: bold;
		padding: 20px 15px;
	}

	@media(max-width:768px){
		.financing-cont th {
			padding: 10px 10px;
		}
	}



	.financing-cont td {
		border: 1px solid #ccc;
		font-size: 12px;
    color: #333333;
		text-align: center;
		padding: 20px 15px;
	}

	@media(max-width:768px){
		.financing-cont td {
			padding: 10px 10px;
		}
	}



	.financing-cont td.td-left {
		border: 1px solid #ccc;
		font-size: 12px;
    color: #333333;
		text-align: left;
		padding: 20px 15px;
	}

	@media(max-width:768px){
		.financing-cont td.td-left {
			padding: 10px 10px;
		}
	}



	.financing-cont td p {
		text-align: left;
		display: inline-block;
	}

	@media(max-width:768px){
		.financing-cont td p {
			
		}
	}



	.financing-cont .vertical-rl {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		/* display:inline-block; */
		/* white-space: pre; */
	}

	@media(max-width:768px){
		.financing-cont .vertical-rl {
		}
	}



	.financing-cont td.tate {
		border: 1px solid #ccc;
		font-size: 12px;
		letter-spacing: .15em;
    color: #333333;
		padding: 20px 15px;
	}

	@media(max-width:768px){
		.financing-cont td.tate {
			padding: 10px 10px;
		}
	}



	.financing-cont td.tate-pink-left {
		background-color: #F8ABA6;
		border-right: none;
		border-left: 1px solid #ccc;
		font-size: 12px;
		letter-spacing: .15em;
    color: #333333;
		text-align: right;
		padding: 10px 0px 10px 10px;
	}

	@media(max-width:768px){
		.financing-cont td.tate-pink-left {
			padding: 10px 0px 10px 10px;
		}
	}



	.financing-cont td.tate-pink-right {
		background-color: #F8ABA6;
		border-left: none;
		border-right: 1px solid #ccc;
		font-size: 12px;
		letter-spacing: .15em;
    color: #333333;
		text-align: left;
		padding: 10px 10px 10px 0px;
	}

	@media(max-width:768px){
		.financing-cont td.tate-pink-right {
			padding: 10px 10px 10px 0px;
		}
	}



	.financing-cont td.full-left {
		background-color: #FFCC99;
		border-left: 1px solid #ccc;
		border-right: none;
		border-bottom: none;
		text-align: right;
		padding: 0 50px 0 0;
	}

	@media(max-width:768px){
		.financing-cont td.full-left {
		}
	}



	.financing-cont td.full-right {
		background-color: #FFCC99;
		border-right: 1px solid #ccc;
		border-left: none;
		border-bottom: none;
		text-align: left;
	}

	@media(max-width:768px){
		.financing-cont td.full-right {
		}
	}



	.financing-cont td.tate-no_top_border-left {
		background-color: #FFCC99;
		border-right: none;
		border-top: none;
		font-size: 12px;
		letter-spacing: .15em;
    color: #333333;
		text-align: right;
		padding: 10px 0px 10px 10px;
	}

	@media(max-width:768px){
		.financing-cont td.tate-no_top_border-left {
			padding: 10px 0px 10px 10px;
		}
	}



	.financing-cont td.tate-no_top_border-right {
		background-color: #FFCC99;
		border-left: none;
		border-top: none;
		font-size: 12px;
		letter-spacing: .15em;
    color: #333333;
		text-align: left;
		padding: 10px 10px 10px 0px;
	}

	@media(max-width:768px){
		.financing-cont td.tate-no_top_border-right {
			padding: 10px 10px 10px 0px;
		}
	}



	.financing-page section.setu {
		margin: 0 auto 20px;
	}

	@media(max-width:768px){
		.financing-page section.setu {
		}
	}



	.financing-page section.setu h2 {
		height: 25px;
		font-size: 12px;
    line-height: 25px;
    font-weight: bold;
		text-align: left;
    background-color: #CEE2D7;
    margin-bottom: 5px;
    padding: 0 0 0 5px;
	}

	@media(max-width:768px){
		.financing-page section.setu h2 {
		}
	}



	.financing-page .setu table {
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
		/* border: 1px solid #ccc; */
	}

	@media(max-width:768px){
		.financing-page .setu table {
		}
	}



	.financing-page .setu td {
		border: 1px solid #ccc;
		padding: 5px;
	}

	@media(max-width:768px){
		.financing-page .setu td {
			padding: 5px;
		}
	}



	.financing-page .setu td.ttl_td {
		width: 240px;
	}

	@media(max-width:768px){
		.financing-page .setu td.ttl_td {
			width: 150px;
		}
	}




	.financing-cont table.incont {
		width:  100%; 
		border-collapse: collapse;
    border-spacing: 0;
		margin: 10px auto 0;
	}

	@media(max-width:768px){
		.financing-cont table.incont {
		}
	}


	.financing-cont .incont th {
		width: 25%;
		border: 1px solid #ccc;
		background-color: rgb(238, 238, 238);
		color: #333;
		font-size: 12px;
    font-weight: bold;
		padding: 5px;
	}

	@media(max-width:768px){
		.financing-cont .incont th {
			padding: 5px;
		}
	}



	.financing-cont .incont td {
		border: 1px solid #ccc;
		font-size: 12px;
    color: #333333;
		text-align: center;
		padding: 5px;
	}

	@media(max-width:768px){
		.financing-cont .incont td {
			padding: 5px;
		}
	}



	.financing-page .s-font {
		font-size: 10px;
		font-weight: normal;
	}

	@media(max-width:768px){
		.financing-page .s-font {
			
		}
	}



	.financing-page .bold-font {
		font-weight: bold;
	}

	@media(max-width:768px){
		.financing-page .bold-font {
			
		}
	}