/*contents*/
.contents{width:100%; height:auto; margin:0 auto; padding-left:15px; padding-right:15px; box-sizing:border-box; position:relative;}
@media only screen and (min-width:768px) and (max-width:991px){
	.contents{padding-left:75px; padding-right:75px;}	
}
@media only screen and (min-width:992px) and (max-width:1249px){
	.contents{padding-left:50px; padding-right:50px;}	
}
@media only screen and (min-width:1250px){
	.contents{padding-left:0; padding-right:0;}	
}

/*padding*/
.p_50_40{padding-top:40px; padding-bottom:40px;}
.p_50_80{padding-top:80px; padding-bottom:80px;}
.p_50_100{padding-top:100px; padding-bottom:100px;}
@media only screen and (max-width:1249px){
	.p_50_40{padding-top:50px; padding-bottom:50px;}
	.p_50_80{padding-top:50px; padding-bottom:50px;}
	.p_50_100{padding-top:50px; padding-bottom:50px;}
}

.p_a0101{padding-top:118px; padding-bottom:105px;}
@media only screen and (max-width:1249px){
	.p_a0101{padding-top:50px; padding-bottom:50px;}
}

.p_a0201{padding-top:100px; padding-bottom:100px;}
@media only screen and (max-width:1249px){
	.p_a0201{padding-top:50px; padding-bottom:50px;}
}

.p_a0301{padding-top:80px; padding-bottom:80px;}
@media only screen and (max-width:1249px){
	.p_a0301{padding-top:40px; padding-bottom:50px;}
}

.p_a0303{padding-top:80px; padding-bottom:110px;}
@media only screen and (max-width:1249px){
	.p_a0303{padding-top:40px; padding-bottom:40px;}
}

.p_a0501{padding-top:80px; padding-bottom:80px;}
@media only screen and (max-width:1249px){
	.p_a0501{padding-top:40px; padding-bottom:50px;}
}

.p_a0601{padding-top:80px; padding-bottom:80px;}
@media only screen and (max-width:1249px){
	.p_a0601{padding-top:40px; padding-bottom:50px;}
}

/*width*/
.w962{width:962px; height:auto; margin-left:auto; margin-right:auto;}
.w1200{width:1200px; height:auto; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1249px){
	.w962{width:auto;}
	.w1200{width:auto;}
}

/*margin*/
.mb_0{margin-bottom:0!important;}
.mb_5{margin-bottom:5px!important;}
.mb_10{margin-bottom:10px!important;}
.mb_15{margin-bottom:15px!important;}
.mb_20{margin-bottom:20px!important;}
.mb_30{margin-bottom:30px!important;}
.mb_40{margin-bottom:40px!important;}

.mb_0_10{margin-bottom:10px;}
.mb_0_15{margin-bottom:15px;}
.mb_0_20{margin-bottom:20px;}
.mb_15_0{margin-bottom:0;}
.mb_15_20{margin-bottom:20px;}
.mb_15_25{margin-bottom:25px;}
.mb_15_30{margin-bottom:30px;}
.mb_20_25{margin-bottom:25px;}
.mb_20_30{margin-bottom:30px;}
.mb_20_40{margin-bottom:40px;}
.mb_30_40{margin-bottom:40px;}
.mb_40_60{margin-bottom:60px;}
.mb_60_80{margin-bottom:80px;}
@media only screen and (max-width:1249px){
	.mb_0_10{margin-bottom:0;}
	.mb_0_15{margin-bottom:0;}
	.mb_0_20{margin-bottom:0;}
	.mb_15_0{margin-bottom:15px;}
	.mb_15_20{margin-bottom:15px;}
	.mb_15_25{margin-bottom:15px;}
	.mb_15_30{margin-bottom:15px;}
	.mb_20_25{margin-bottom:20px;}
	.mb_20_30{margin-bottom:20px;}
	.mb_20_40{margin-bottom:20px;}
	.mb_30_40{margin-bottom:30px;}
	.mb_40_60{margin-bottom:40px;}
	.mb_60_80{margin-bottom:60px;}
}

/*text*/
.center{text-align:center;}
.right{text-align:right;}

/*img*/
.img_fluid{width:100%; height:auto; max-width:100%; vertical-align:bottom;}
.img_round{border-radius:100%;}

/*br*/
@media only screen and (min-width:576px){
	.sp_on{display:none!important;}
}
@media only screen and (max-width:575px){
	.tb_pc_on{display:none!important;}
}
@media only screen and (max-width:1249px){
	.pc_on{display:none!important;}
}

/*lead_point*/
.lead_point{display:block; content:""; background:url("../img/parts/point_pen.svg") no-repeat center center / cover;}
@media only screen and (max-width:1249px){
	.lead_point{width:43px; height:52px; margin:-12px auto 12px;}
}
@media only screen and (min-width:1250px){
	.lead_point{width:54px; height:65px; margin:-15px auto 15px;}
}

/*lead_pine*/
.lead_pine{display:block; content:""; background:url("../img/parts/point_pine.svg") no-repeat center center / cover; margin-right:auto; margin-left:auto;}
@media only screen and (max-width:1249px){
	.lead_pine{width:54px; height:30px; margin-bottom:12px;}
}
@media only screen and (min-width:1250px){
	.lead_pine{width:68px; height:38px; margin-bottom:15px;}
}

/*lead_coffee*/
.lead_coffee{display:block; content:""; background:url("../img/parts/point_coffee.svg") no-repeat center center / cover;}
@media only screen and (max-width:1249px){
	.lead_coffee{width:80px; height:46px; margin:-6px auto 12px;}
}
@media only screen and (min-width:1250px){
	.lead_coffee{width:100px; height:57px; margin:-7px auto 15px;}
}

/*lead01*/
.lead01{background:url("../img/parts/lead_bg01.svg") no-repeat;}
.lead01 span{display:block; line-height:1;}
@media only screen and (max-width:1249px){
	.lead01{background-size:233px 21px; background-position:center top 14px;}
	.lead01 .main{font-size:22px; margin-bottom:10px;}
	.lead01 .sub{font-size:12px;}
}
@media only screen and (min-width:1250px){
	.lead01{background-size:291px 26px; background-position:center top 24px;}
	.lead01 .main{font-size:32px; margin-bottom:15px;}
	.lead01 .sub{font-size:16px;}
}

/*lead02*/
.lead02{border-bottom:1px solid #555;}
.lead02 span{display:inline-block; line-height:1;}
@media only screen and (max-width:1249px){
	.lead02{padding-bottom:3px; margin-bottom:17px;}
	.lead02 span.main{font-size:22px; margin-right:5px;}
	.lead02 span.sub{font-size:12px;}
}
@media only screen and (min-width:992px){
	.lead02{text-align:left;}
}
@media only screen and (min-width:1250px){
	.lead02{padding-bottom:3px; margin-bottom:17px;}
	.lead02 span.main{font-size:24px; margin-right:5px;}
	.lead02 span.sub{font-size:16px;}
}

/*lead03*/
.lead03{background:url("../img/parts/lead_bg01.svg") no-repeat; display:flex; justify-content:center; align-items:center;}
.lead03.wh{background:url("../img/parts/lead_bg01_wh.svg") no-repeat;}
.lead03 span{display:block; line-height:1;}
.lead03 span.point_pen{background:url("../img/parts/point_pen.svg") no-repeat center center / cover;}
@media only screen and (max-width:1249px){
	.lead03,
	.lead03.wh{background-size:233px 21px; background-position:center bottom; padding-bottom:5px;}
	.lead03 span.point_pen{width:43px; height:52px;}
	.lead03 span.main{font-size:22px; margin-right:43px;}
}
@media only screen and (min-width:1250px){
	.lead03,
	.lead03.wh{background-size:291px 26px; background-position:center bottom; padding-bottom:5px;}
	.lead03 span.point_pen{width:54px; height:65px;}
	.lead03 span.main{font-size:32px; margin-right:54px;}
}

/*lead04*/
.lead04{background:url("../img/parts/lead_bg03.svg") no-repeat; display:flex; justify-content:center; align-items:center;}
.lead04.wh{background:url("../img/parts/lead_bg03_wh.svg") no-repeat;}
.lead04 span{display:block; line-height:1.2;}
@media only screen and (max-width:1249px){
	.lead04,
	.lead04.wh{background-size:240px 34px; background-position:center center; min-height:34px;}
	.lead04 span.main{font-size:22px; margin-bottom:10px;}
}
@media only screen and (min-width:1250px){
	.lead04,
	.lead04.wh{background-size:300px 42px; background-position:center center; min-height:42px;}
	.lead04 span.main{font-size:32px; margin-bottom:15px;}
}

/*lead05*/
.lead05{display:flex; align-items:center;}
.lead05:before,
.lead05:after{content:""; height:1px; flex-grow:1; background-color:#555;}
.lead05:before{margin-right: 1rem;}
.lead05:after{margin-left: 1rem;}
@media only screen and (max-width:1249px){
	.lead05{font-size:17px;}
}
@media only screen and (min-width:1250px){
	.lead05{font-size:18px;}
}

/*lead06*/
.lead06{background:url("../img/parts/lead_bg03.svg") no-repeat; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #555;}
.lead06.wh{background:url("../img/parts/lead_bg03_wh.svg") no-repeat;}
.lead06 span{display:block; line-height:1.2;}
@media only screen and (max-width:1249px){
	.lead06,
	.lead06.wh{background-size:240px 34px; background-position:center center; min-height:34px; padding-bottom:15px; margin-bottom:10px;}
	.lead06 .main{font-size:22px;}
}
@media only screen and (min-width:1250px){
	.lead06,
	.lead06.wh{background-size:300px 42px; background-position:center center; min-height:42px; padding-bottom:20px; margin-bottom:15px;}
	.lead06 .main{font-size:32px;}
}

/*lead07*/
.lead07{position:relative; display:inline-block; line-height:130%;}
@media only screen and (max-width:575px){
	.lead07{font-size:19px; border-top:1px solid #555; border-bottom:1px solid #555; padding-top:5px; padding-bottom:7px; width:100%;}
}
@media only screen and (min-width:576px){
	.lead07:before,
	.lead07:after{content:''; position:absolute; top:50%; display:inline-block; width:60px; height:1px; background-color:#555;}
	.lead07:before{left:0; transform:rotate(70deg);} 
	.lead07:after{right:0; transform:rotate(-70deg);}
}
@media only screen and (min-width:576px) and (max-width:1249px){
	.lead07{font-size:22px;} 
	.lead07:before{margin-left:-43px;} 
	.lead07:after{margin-right:-40px;}
}
@media only screen and (min-width:1250px){
	.lead07{font-size:28px; text-align:left;}
	.lead07:before{margin-left:-50px;} 
	.lead07:after{margin-right:-43px;}
}

/*lead08*/
.lead08{display:flex; justify-content:center; align-items:center; border-bottom:1px solid #555;}
.lead08 span{display:block; line-height:1.2;}
@media only screen and (max-width:991px){
	.lead08{margin-top:10px; padding-bottom:10px; margin-bottom:10px; background:transparent;}
	.lead08 .main{font-size:19px;}
	.lead08 .sub{font-size:14px;}
}
@media only screen and (min-width:992px){
	.lead08{padding-bottom:10px; margin-bottom:10px; background:url("../img/parts/lead_bg03.svg") no-repeat; background-position:center center; background-size:240px 34px; flex-direction:column;}
	.lead08 .main{font-size:21px; margin-bottom:4px;}
	.lead08 .sub{font-size:15px;}
}
@media only screen and (min-width:1250px){
	.lead08{padding-bottom:15px; margin-bottom:15px; background-size:300px 42px;}
	.lead08 .main{font-size:28px; margin-bottom:5px;}
	.lead08 .sub{font-size:16px;}
}

/*bt01*/
.bt01{display:block; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:6px;}
.bt01 span{color:#8d8058; margin-top:-2px;}
.bt01::after{content:""; background:url("../img/parts/arrow01.svg") no-repeat center center / cover; margin-left:8px;}
@media only screen and (max-width:1249px){
	.bt01{width:126px; height:41px;}
	.bt01 span{font-size:14px;}
	.bt01::after{width:6px; height:9px;}
}
@media only screen and (min-width:1250px){
	.bt01{width:140px; height:45px;}
	.bt01 span{font-size:15px;}
	.bt01::after{width:7px; height:11px;}
}

/*bt02*/
.bt02{display:block; display:flex; justify-content:center; align-items:center; background:#f0e9d8; border-radius:6px; pointer-events:auto;}
.bt02 span{color:#8d8058; margin-top:-2px;}
.bt02::after{content:""; background:url("../img/parts/arrow01.svg") no-repeat center center / cover; margin-left:8px;}
@media only screen and (max-width:1249px){
	.bt02{width:126px; height:41px;}
	.bt02 span{font-size:14px;}
	.bt02::after{width:6px; height:9px;}
}
@media only screen and (min-width:1250px){
	.bt02{width:140px; height:45px;}
	.bt02 span{font-size:15px;}
	.bt02::after{width:7px; height:11px;}
}

/*bt03*/
.bt03{display:block; display:flex; justify-content:center; align-items:center; background:#f0e9d8; border-radius:6px; pointer-events:auto;}
.bt03 span{color:#8d8058; margin-top:-2px;}
.bt03::after{content:""; background:url("../img/parts/arrow01.svg") no-repeat center center / cover; margin-left:8px;}
@media only screen and (max-width:1249px){
	.bt03{width:126px; height:41px;}
	.bt03 span{font-size:14px;}
	.bt03::after{width:6px; height:9px;}
}
@media only screen and (min-width:1250px){
	.bt03{width:140px; height:45px;}
	.bt03 span{font-size:15px;}
	.bt03::after{width:7px; height:11px;}
}

.gu_ss .bt03{margin-left:auto; margin-right:auto;}

/*bt04*/
.bt04{display:block; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:6px; pointer-events:auto; box-sizing:border-box;}
.bt04 span{color:#8d8058; margin-top:-2px;}
.bt04::after{content:""; background:url("../img/parts/arrow01.svg") no-repeat center center / cover; margin-left:8px;}
@media only screen and (max-width:1249px){
	.bt04{width:auto; height:41px; padding-left:20px; padding-right:20px;}
	.bt04 span{font-size:16px;}
	.bt04::after{width:6px; height:9px;}
}
@media only screen and (min-width:1250px){
	.bt04{width:auto; height:45px; padding-left:20px; padding-right:20px;}
	.bt04 span{font-size:17px;}
	.bt04::after{width:7px; height:11px;}
}

/*caution*/
@media only screen and (max-width:575px){
	.caution{font-size:15px!important;}
}
@media only screen and (max-width:1249px){
	.caution .click{display:none;}
}
@media only screen and (min-width:1250px){
	.caution .tap{display:none;}
}

/*table01*/
.table01{width:100%; line-height:150%; box-sizing:border-box; border-collapse:collapse; border-spacing:0; border-top:1px solid #555; margin-left:auto; margin-right:auto; display:table;}
.table01 tr{border-bottom:1px solid #555;}
.table01 th{text-align:center; padding:.75em; font-weight:400; width:30%; vertical-align:middle;}
.table01 td{vertical-align:top; padding:.75em; font-weight:400; text-align:justify; text-justify:auto;}
@media screen and (max-width:991px){
	.table01{border-top:none!important;}
	.table01 tr{display:block; margin-bottom:10px; border-top:1px solid #555; border-bottom:1px solid #555;}
	.table01 tr:last-child{margin-bottom:0;}
	.table01 th.ajust01{width:50%;}
	.table01 tr.ajust02{margin-bottom:0!important;}
	.table01 th{width:100% !important; display:block !important; padding:.625em 1em; box-sizing:border-box; border-right:none; text-align:left; background:#faf6e8; border-bottom:1px dotted #999;}
	.table01 td{width:100% !important; display:block !important; padding:.625em 1em; box-sizing:border-box;}
}
@media screen and (max-width:1249px){
	.table01 th{font-size:16px;}
	.table01 td{font-size:16px;}	
}
@media screen and (min-width:1250px){
	.table01 th{font-size:18px;}
	.table01 td{font-size:18px;}	
}

@media screen and (max-width:991px){
	.fa_table.table01 tr th{text-align:center;}
}

@media screen and (max-width:991px){
	.re_table.table01 tr th,
	.re_table.table01 tr td{text-align:center;}
}
@media screen and (min-width:992px){
	.re_table.table01 tr th{width:50%;}
	.re_table.table01 tr td{width:50%; text-align:center;}
}

/*table02*/
.table02{width:100%; line-height:150%; box-sizing:border-box; border-collapse:collapse; border-spacing:0; border-top:1px solid #555; margin-left:auto; margin-right:auto; display:table;}
.table02 tr{border-bottom:1px solid #555;}
.table02 th{text-align:center; padding:.75em; font-weight:400; width:30%; vertical-align:middle;}
.table02 td{vertical-align:top; padding:.75em; font-weight:400; text-align:justify; text-justify:auto;}
@media screen and (max-width:991px){
	.table02{border:none!important;}
	.table02 thead{display:none;}
	.table02 tr{display:block; margin-bottom:10px; border-top:1px solid #555; border-bottom:1px solid #555;}
	.table02 tr.ajust{margin-bottom:20px!important;}
	.table02 tr:last-child{margin-bottom:0;}
	.table02 th{width:100% !important; display:block !important; padding:.625em 1em; box-sizing:border-box; border-right:none; text-align:left; background:#faf6e8; border-bottom:1px dotted #999;}
	.table02 td{width:100% !important; display:block !important; padding:.625em 1em; box-sizing:border-box;}
	.table02 td::before{content:attr(aria-label); float:left; margin-right:5px;}
	.table02 td::after{content:""; display:table; clear:both;}
	.table02 td.ajust01{padding:.625em 1em .2em;}
	.table02 td.ajust02{padding:0.2em 1em .625em;}
	.table02 td.none{display:none;}
}
@media screen and (min-width:992px){
	.table02 td.ajust02{text-align:center;}
}
@media screen and (max-width:1249px){
	.table02 th,
	.table02 td{font-size:16px;}	
}
@media screen and (min-width:1250px){
	.table02 th,
	.table02 td{font-size:18px;}	
}

@media screen and (max-width:991px){
	.re_table.table02 tr th{text-align:center;}
}

@media screen and (min-width:992px){
	.re_table.table02 tr th:nth-of-type(1){width:30%;}
	.re_table.table02 tr th:nth-of-type(2),
	.re_table.table02 tr td:nth-of-type(1){width:50%;}
	.re_table.table02 tr th:nth-of-type(3),
	.re_table.table02 tr td:nth-of-type(2){width:20%;}
}
@media screen and (min-width:1250px){
	.re_table.table02 tr th:nth-of-type(1){width:30%;}
	.re_table.table02 tr th:nth-of-type(2),
	.re_table.table02 tr td:nth-of-type(1){width:50%;}
	.re_table.table02 tr th:nth-of-type(3),
	.re_table.table02 tr td:nth-of-type(2){width:20%;}
}

	
/*オンラインショップバナー*/
.shop{display: table; margin: 100px auto 0;}	
.shop img{width:100%; max-width: 1200px;}
@media screen and (max-width: 896px){
.shop_a{
	display: none!important;
}}	
@media screen and (min-width: 895px){
.shop_b{
	display: none!important;
}}