@charset "UTF-8";

/*-------------------------
__sale_style
-------------------------*/

/* フッター文言、このページのみ削除 */
#ft_keyword{display: none;}

#wrap .page {padding: 0!important;background-color: inherit!important;}

#page_ttl{background:url(/sale/images/page_ttl.jpg)no-repeat center center / cover;}
#wrap .contact_box{display:inline-block;margin:80px 0 0;padding:30px 40px;background-color:#FFF;}
#wrap .contact_box .txt2{margin:0!important;font-size: 1.8em;font-weight: 700;line-height: 2;}
#wrap .contact_box .btn{display:inline-block;font-size:1.5em;font-weight:700;line-height:1.2;letter-spacing:0.05em;text-align:left;margin:20px 0 0;padding:20px 35px 20px 15px;color:#FFF;background-color:#63482d;}
#wrap .sale .block_inner .block_ttl{font-size:3em;font-weight:700;line-height:1.6; color: #1a2d63; border-bottom: 4px solid #c89e0e; padding-bottom: 10px; display: inline-block;}
#wrap .sale .block_inner .ttl{font-size:3em;font-weight:700;line-height:1.6;}
#wrap .sale .block_inner .txt2{font-size:1.8em;line-height:2;margin:30px 0 0;}
#wrap .sale .block_inner .txt2.left{text-align: left;}
@media screen and (max-width:980px) {
	#wrap .sale .block_inner .block_ttl{font-size:2.8em; border-bottom: 2px solid #c89e0e;}
	#wrap .sale .block_inner .ttl{font-size:2.4em;}
	#wrap .sale .block_inner .txt2{font-size:1.6em;line-height:1.6;margin:20px 0 0;}
}
@media screen and (min-width:768px) {
	#wrap .contact_box .btn{transition:opacity 0.3s;}
	#wrap .contact_box .btn:hover{opacity:0.5;}
	.sph_on{display: none;}
}
@media screen and (max-width:767px) {
	#wrap .contact_box{margin:40px 0 0;padding:20px;}
	#wrap .contact_box .txt2{font-size: 1.4em;}
	#wrap .sale .block_inner .block_ttl{font-size:2em;}
	#wrap .sale .block_inner .ttl{font-size:1.6em;font-weight:700;line-height:1.6;}
	#wrap .sale .block_inner .txt2{font-size:1.4em;line-height:1.4;margin:10px 0 0;}
}
/*-------------------------
__block01
-------------------------*/
#wrap .sale .block01{ padding:80px 40px; box-sizing: border-box; background: #f2ede7;}
#wrap .sale .block01 .subttl{ font-size: 2.4em; margin-top: 80px; color: #1a2d63; font-weight: 700; line-height: 1.8;}
#wrap .sale .block01 .flex { display: flex; align-items: center; justify-content: center; gap: 40px; margin-top: 50px;}
#wrap .sale .block01 .flex .ill_ttl{ font-size: 2.4em;font-weight: 700; line-height: 1.4; color: #c89e0e; width: calc(100% - 297px); max-width: max-content;}
#wrap .sale .block01 .flex .center{ font-size: 1.8em; font-weight: 700; line-height: 1.4; text-align: center; background: #b40000; padding: 20px 30px; border-radius: 50%; color: #fff; width: 117px; box-sizing: border-box;}
#wrap .sale .block01 .flex .img_wrap{ width: 100px; height: auto;}

@media screen and (max-width:767px) {
	#wrap .sale .block01{ padding:40px 20px;}
	#wrap .sale .block01 .subttl{ font-size: 1.8em; margin-top: 50px; line-height: 1.6;}
	#wrap .sale .block01 .flex { gap: 20px; margin-top: 30px; flex-direction: column;}
	#wrap .sale .block01 .flex .center{ font-size: 1.4em; padding: 10px 20px; border-radius: 0; width: auto;}
	#wrap .sale .block01 .flex .center br{ display: none;}
	#wrap .sale .block01 .flex .ill_ttl{ font-size: 1.6em; width: 100%;}
}
/*-------------------------
__block02
-------------------------*/
#wrap .sale .block02{ padding:80px 40px; box-sizing: border-box;}
#wrap .sale .block02 .block_inner.kaitori .block_ttl{ color: #c89e0e; border-bottom: 4px solid #1a2d63;}
#wrap .sale .block02 .block_inner + .block_inner{ margin-top: 80px; padding-top: 80px; box-sizing: border-box; border-top: 1px solid #ccc;}
#wrap .sale .block02 .block_subttl{ font-size: 2.4em; margin-top: 20px; color: #1a2d63; font-weight: 700; line-height: 1.8;}
#wrap .sale .block02 .subttl{ font-size: 2.1em; margin-top: 80px; color: #fff; font-weight: 700; line-height: 1.4; padding: 10px 5px;}
#wrap .sale .block02 .kaitori .subttl{ background: #c89e0e;}
#wrap .sale .block02 .chukai .subttl{ background: #1a2d63;}
#wrap .sale .block02 .kaitori{ }
#wrap .sale .block02 .chukai{ }
#wrap .sale .block02 .kaitori .kaitori_ttl_wrap .img_wrap,
#wrap .sale .block02 .chukai .chukai_ttl_wrap .img_wrap{ width: 100%; max-width: 140px; height: auto; margin: 50px auto 0;}
#wrap .sale .block02 .kaitori .kaitori_ttl_wrap .img_wrap img,
#wrap .sale .block02 .chukai .chukai_ttl_wrap .img_wrap img{ width: 100%; height: auto;}
#wrap .sale .block02 .chukai .block_subttl{ color: #c89e0e;}
#wrap .sale .block02 .kaitori .flow_wrap{ display: flex; gap: 40px; justify-content: center; margin-top: 30px; align-items: stretch;}
#wrap .sale .block02 .kaitori .flow_wrap .flow_item{ width: calc((100% - 120px) / 4); position: relative; transition: .3s;}
#wrap .sale .block02 .kaitori .flow_wrap .flow_item:not(.flow_item:last-child)::before{ position: absolute; content: ""; bottom: 40%; right: -25px; vertical-align: middle; color: #333; line-height: 1; width: 1em; height: 1em; border: 3px solid #1a2d63; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(-50%) rotate(45deg); transition: .3s;}
#wrap .sale .block02 .kaitori .flow_wrap .flow_item{ color: #c89e0e; text-align: center; padding: 20px 5px; box-sizing: border-box; border: 1px solid #c89e0e; height: 100%;}
#wrap .sale .block02 .kaitori .flow_wrap .flow_item .step{ font-size: 16px; font-weight: 700; display: block;}
#wrap .sale .block02 .kaitori .flow_wrap .flow_item .step span{ font-size: 1.8em; display: block;}
#wrap .sale .block02 .kaitori .flow_wrap .flow_item .step_ttl{ font-size: 18px; margin-top: 20px; font-weight: 700; color: #1a2d63; line-height: 1.4;}

#wrap .sale .block02 .merit{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:40px auto 0; padding: 0 0 25px; border-bottom: 1px solid #c89e0e;max-width: 640px;}
#wrap .sale .block02 .chukai .merit{border-bottom: 1px solid #1a2d63;}
#wrap .sale .block02 .merit + .merit{margin-top:30px;}
#wrap .sale .block02 .merit dt{font-size:2.8em;font-weight:700;padding:0 30px 0 0;color:#1a2d63;}
#wrap .sale .block02 .chukai .merit dt{color:#c89e0e;}
#wrap .sale .block02 .merit dd{flex:1;font-size:1.6em;line-height:1.5;text-align:left;}
#wrap .sale .block02 .merit dd span{display:block;font-size:125%;font-weight:700;margin:0 0 8px;color:#c89e0e;}
#wrap .sale .block02 .chukai .merit dd span{ color: #1a2d63;}

#wrap .sale .block02 .contact_box{ background-color:#f2ede7;}
#wrap .sale .block02 .link_wrap{ display: flex; gap: 30px; justify-content: center; margin-top: 30px; align-items: stretch;}
#wrap .sale .block02 .link_wrap .link_btn{ width: calc((100% - 120px) / 5); position: relative; transition: .3s;}
#wrap .sale .block02 .link_wrap .link_btn::before{ position: absolute; content: ""; bottom: 30px; left: 50%; vertical-align: middle; color: #333; line-height: 1; width: 1em; height: 1em; border: 3px solid #c89e0e; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateX(-50%) rotate(135deg); transition: .3s;}
#wrap .sale .block02 .link_wrap .link_btn a{ text-decoration: none; display: block; color: #1a2d63; text-align: center; padding: 20px 5px 50px; box-sizing: border-box; border: 1px solid #1a2d63; height: 100%;}
#wrap .sale .block02 .link_wrap .link_btn a .step{ font-size: 16px; font-weight: 700; display: block;}
#wrap .sale .block02 .link_wrap .link_btn a .step span{ font-size: 1.8em; display: block;}
#wrap .sale .block02 .link_wrap .link_btn a .step_ttl{ font-size: 18px; margin-top: 20px; font-weight: 700; color: #c89e0e; line-height: 1.4;}
#wrap .sale .block02 .step_item_wrap{}
#wrap .sale .block02 .step_item_wrap .step_item{ margin-top: -100px; text-align: left;}
#wrap .sale .block02 .step_item_wrap .step_item .flex{ display: flex; justify-content: space-between; gap: 30px; padding-top: 160px; align-items: center;}
#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap{ width: 50%;}
#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .flex{ gap: 16px; justify-content: flex-start; padding-top: 0; border-bottom: 1px solid #1a2d63; padding-bottom: 20px;}
#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .flex .step{ font-size: 16px; font-weight: 700; display: block; text-align: center; color: #1a2d63;}
#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .flex .step span{ font-size: 1.8em; display: block;}
#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .flex .ttl{ color: #c89e0e;}
#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .txt2{ font-size: 16px;}
#wrap .sale .block02 .step_item_wrap .step_item .flex .img_wrap{ width: 50%;}
#wrap .sale .block02 .step_item_wrap .step_item .flex .img_wrap img{ width: 100%; height: auto;}

#wrap .sale .block02 .txt2 span{ font-size: 1.1em; font-weight: 700;}
#wrap .sale .block02 .bg_bro{ background: #f2ede7; padding: 20px; margin-top: 50px;display: inline-block;}
#wrap .sale .block02 .bg_bro dt{ font-size: 2em; color: #c89e0e; font-weight: 700; margin-bottom: 20px;}
#wrap .sale .block02 .bg_bro dd{ font-size: 1.6em; color: #000; line-height: 1.4;}


@media screen and (max-width:980px) {
	#wrap .sale .block02 .link_wrap{ gap: 10px;}
	#wrap .sale .block02 .kaitori .flow_wrap .flow_item .step{ font-size: 14px;}
	#wrap .sale .block02 .kaitori .flow_wrap .flow_item .step span{ font-size: 1.6em;}
	#wrap .sale .block02 .kaitori .flow_wrap .flow_item .step_ttl{ font-size: 16px; margin-top: 10px;}
	#wrap .sale .block02 .kaitori .flow_wrap .flow_item:not(.flow_item:last-child)::before{  right: -15px;}
	
	#wrap .sale .block02 .link_wrap .link_btn{ width: calc((100% - 50px) / 5);}
	#wrap .sale .block02 .link_wrap .link_btn a .step{ font-size: 14px;}
	#wrap .sale .block02 .link_wrap .link_btn a .step span{ font-size: 1.6em;}
	#wrap .sale .block02 .link_wrap .link_btn a .step_ttl{ font-size: 16px; margin-top: 10px;}
	#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .flex .step{ font-size: 14px;}
	#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .flex .step span{ font-size: 1.6em;}
	#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .txt2{ font-size: 14px;}
}
@media screen and (min-width:768px) {
	#wrap .sale .block02 .link_wrap .link_btn:hover{ background: #e8eaef;}
	#wrap .sale .block02 .link_wrap .link_btn:hover::before{ bottom: 25px;}
}
@media screen and (max-width:767px) {
	#wrap .sale .block02{ padding:40px 20px;}
	#wrap .sale .block02 .block_inner + .block_inner{ margin-top: 30px; padding-top: 30px;}
	#wrap .sale .block02 .block_subttl{ font-size: 1.8em; margin-top: 10px;}
	#wrap .sale .block02 .subttl{ font-size: 1.4em; margin-top: 30px; padding: 5px;}
	#wrap .sale .block02 .kaitori .kaitori_ttl_wrap .img_wrap,
	#wrap .sale .block02 .chukai .chukai_ttl_wrap .img_wrap{ max-width: 100px; margin: 30px auto 0;}
	#wrap .sale .block02 .kaitori .flow_wrap{ gap: 10px 20px; margin-top: 20px; flex-wrap: wrap;}
	#wrap .sale .block02 .kaitori .flow_wrap .flow_item{ padding: 20px 5px;}
	#wrap .sale .block02 .kaitori .flow_wrap .flow_item .step_ttl{ font-size: 14px;}
	#wrap .sale .block02 .merit{margin:20px auto 0; padding: 0 0 20px;}
	#wrap .sale .block02 .merit + .merit{margin-top:20px;}
	#wrap .sale .block02 .merit dt{font-size:2em;padding:0 20px 0 0;}
	#wrap .sale .block02 .merit dd{font-size:1.4em; line-height: 1.2;}
	#wrap .sale .block02 .merit dd span{font-size:1.2em;}
	#wrap .sale .block02 .link_wrap{ margin-top: 20px; flex-wrap: wrap;}
	#wrap .sale .block02 .link_wrap .link_btn{ width: calc((100% - 20px) / 3);}
	#wrap .sale .block02 .link_wrap .link_btn::before{ bottom: 15px; }
	#wrap .sale .block02 .link_wrap .link_btn a{ padding: 20px 5px 30px;}
	#wrap .sale .block02 .link_wrap .link_btn a .step_ttl{ font-size: 14px;}
	#wrap .sale .block02 .step_item_wrap .step_item{ margin-top: -60px; text-align: left;}
	#wrap .sale .block02 .step_item_wrap .step_item .flex{ flex-wrap: wrap; gap: 10px; padding-top: 100px;}
	#wrap .sale .block02 .step_item_wrap .step_item:nth-of-type(odd) > .flex{ flex-direction: column-reverse;}
	#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap{ width: 100%;}
	#wrap .sale .block02 .step_item_wrap .step_item .flex .txt_wrap .flex{ padding-bottom: 10px;}
	#wrap .sale .block02 .step_item_wrap .step_item .flex .img_wrap{ width: 100%;}
	#wrap .sale .block02 .bg_bro{ margin-top: 30px;}
	#wrap .sale .block02 .bg_bro dt{ font-size: 1.6em; margin-bottom: 10px;}
	#wrap .sale .block02 .bg_bro dd{ font-size: 1.4em; text-align: left;}
}
@media screen and (max-width:499px) {
	#wrap .sale .block02 .kaitori .flow_wrap .flow_item{ width: calc((100% - 20px) / 2); max-width: 140px;}
}
/*-------------------------
__block03
-------------------------*/
#wrap .sale .block03{ padding:80px 40px; box-sizing: border-box; background: #f2ede7;}
#wrap .sale .block03 .blo3_ttl_wrap{}
#wrap .sale .block03 .blo3_ttl_wrap .flex{ display: flex; margin: 30px auto 0; justify-content: center; gap: 30px; align-items: center;}
#wrap .sale .block03 .blo3_ttl_wrap .flex .img_wrap{ width: 160px;}
#wrap .sale .block03 .blo3_ttl_wrap .flex .img_wrap img{ width: 100%; height: auto;}
#wrap .sale .block03 .blo3_ttl_wrap .flex .txt_wrap{ letter-spacing: .3em;}
#wrap .sale .block03 .blo3_ttl_wrap .flex .txt_wrap .ttl{ color: #b40000; font-size: 3.6em;}
#wrap .sale .block03 .blo3_ttl_wrap .flex .txt_wrap .txt2{ background: #b40000; padding: 5px 10px; color: #fff; font-weight: 700; margin-top: 0; font-size: 1.4em;}
#wrap .sale .block03 .blo3_ttl{ font-size: 2.8em; font-weight: 700; margin-top: 50px; vertical-align: middle;}
#wrap .sale .block03 .blo3_ttl span{ font-size: 1.8em;}
#wrap .sale .block03 .blo3_ttl span.y_bg{ color: #fff; background: #c89e0e; padding: 10px; display: inline-block;}
#wrap .sale .block03 .blo3_txt{ margin-top: 30px; font-size: 2.4em; font-weight: 700;}
#wrap .sale .block03 .blo3_txt .yellow{ color: #c89e0e;}
#wrap .sale .block03 .blo3_txt .red{ color: #b40000;}
#wrap .sale .block03 .blo3_txt .big{ font-size: 1.4em;}
#wrap .sale .block03 .subttl{ font-size: 2.4em; margin-top: 80px; color: #1a2d63; font-weight: 700; line-height: 1.8;}
#wrap .sale .block03 .flex{ display: flex; gap: 30px; justify-content: center; margin-top: 30px;}
#wrap .sale .block03 .flex li {}
#wrap .sale .block03 .flex li .ttl{ font-size: 2.4em; margin-top: 10px;}
#wrap .sale .block03 .flex li .txt{ margin-top: 10px; font-size: 1.6em; line-height: 1.6;}
#wrap .sale .block03 .note{ margin: 30px auto 0; width: 650px; display: block;}
#wrap .sale .block03 .note li{ position: relative; font-size: 2em; font-weight: 700; text-align: left; padding-left: 40px; box-sizing: border-box; margin-bottom: 30px;}
#wrap .sale .block03 .note li::before{ position: absolute; content: ""; background: url("/sale/images/check@2x.png")no-repeat; left: 0; top: 0; background-size: 100%; background-position: center; width: 30px; height: 30px;}
#wrap .sale .block03 .w_bg{ background: #fff; border: 1px solid #1a2d63; padding: 30px; box-sizing: border-box; margin-top: 130px;}
#wrap .sale .block03 .w_bg .subttl{ font-size: 2.4em; margin-top: -50px; color: #1a2d63; font-weight: 700; line-height: 1.8;}
#wrap .sale .block03 .w_bg .subttl .gimon{ background: #1a2d63; color: #fff; font-weight: 700; padding: 5px 30px; margin-bottom: 30px; display: inline-block; border-radius: 50px;}
#wrap .sale .block03 .w_bg .txt2{ margin-top: 20px;}
#wrap .sale .block03 .blue_bg{ background: #1a2d63; color: #fff; padding: 30px; box-sizing: border-box; margin-top: 80px;}
#wrap .sale .block03 .blue_bg .txt2{ margin-top: 0;}

@media screen and (max-width:980px) {
	#wrap .sale .block03 .blo3_ttl_wrap .flex .img_wrap{ width: 140px;}
	#wrap .sale .block03 .blo3_ttl{ font-size: 2.4em; margin-top: 40px;}
	#wrap .sale .block03 .blo3_ttl span{ font-size: 1.6em;}
	#wrap .sale .block03 .blo3_txt{ font-size: 2em; line-height: 1.6;}
	#wrap .sale .block03 .blo3_txt .big{ font-size: 1.4em;}
	#wrap .sale .block03 .flex{ gap: 20px;}
	#wrap .sale .block03 .flex li {}
	#wrap .sale .block03 .flex li .ttl{ font-size: 2em;}
	#wrap .sale .block03 .flex li .txt2{ font-size: 1.4em;}
	#wrap .sale .block03 .note{ width: 530px;}
	#wrap .sale .block03 .note li{ font-size: 1.6em; padding-left: 30px; margin-bottom: 20px;}
	#wrap .sale .block03 .note li::before{ width: 20px; height: 20px;}
	#wrap .sale .block03 .w_bg .txt2{ margin-top: 20px;}
}
@media screen and (max-width:767px) {
	#wrap .sale .block03{ padding:40px 20px;}
	#wrap .sale .block03 .blo3_ttl_wrap .flex{ margin: 20px auto 0; gap: 20px;}
	#wrap .sale .block03 .blo3_ttl_wrap .flex .img_wrap{ width: 100px;}
	#wrap .sale .block03 .blo3_ttl_wrap .flex .txt_wrap .ttl{ font-size: 3em;}
	#wrap .sale .block03 .blo3_ttl{ font-size: 1.8em; margin-top: 30px; }
	#wrap .sale .block03 .blo3_ttl span{ font-size: 1.4em;}
	#wrap .sale .block03 .blo3_txt{ margin-top: 20px; font-size: 1.6em;}
	#wrap .sale .block03 .blo3_txt .big{ font-size: 1.2em;}
	#wrap .sale .block03 .subttl{ font-size: 2em; margin-top: 50px;}
	#wrap .sale .block03 .flex{ gap: 30px; margin-top: 20px; flex-wrap: wrap;}
	#wrap .sale .block03 .flex li{ width: 100%;}
	#wrap .sale .block03 .flex li .ttl{ font-size: 1.6em;}
	#wrap .sale .block03 .flex li .ttl br{ display: none;}
	#wrap .sale .block03 .flex li .txt2 br{ display: none;}
	#wrap .sale .block03 .note{ width: 100%; max-width: 470px; margin: 20px auto 0;}
	#wrap .sale .block03 .note li{ font-size: 1.4em; line-height: 1.4; margin-bottom: 10px;}
	#wrap .sale .block03 .w_bg{ padding: 20px; margin-top: 70px;}
	#wrap .sale .block03 .w_bg .subttl{ font-size: 1.8em; margin-top: -40px;}
	#wrap .sale .block03 .w_bg .subttl .gimon{ margin-bottom: 10px;}
	#wrap .sale .block03 .w_bg .txt2{ margin-top: 10px;}
	#wrap .sale .block03 .blue_bg{ padding: 20px; margin-top: 50px;}
	#wrap .sale .block03 .blue_bg .ttl{ text-align: left; margin-top: 10px;}
	#wrap .sale .block03 .blue_bg .ttl br{ display: none;}
}
@media screen and (max-width:374px) {
	#wrap .sale .block03 .blo3_ttl_wrap .flex{ gap: 10px;}
	#wrap .sale .block03 .blo3_txt .yellow{ display: block;}
}
/*-------------------------
__block04
-------------------------*/
#wrap .sale .block04{ padding:80px 40px; box-sizing: border-box;}
#wrap .sale .block04 .contact_box{ background-color:#f2ede7;}
#wrap .sale .block04 .support_item_wrap{}
#wrap .sale .block04 .support_item_wrap .support_item{ text-align: left; padding-top: 80px;}
#wrap .sale .block04 .support_item_wrap .support_item .flex{ display: flex; justify-content: space-between; gap: 30px; align-items: center;}
#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap{ width: 50%;}
#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .ttl{ color: #1a2d63; font-size: 2.8em;}
#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .sub{ color: #c89e0e; font-size: 2.1em; line-height: 1.4; margin-top: 20px; font-weight: 700;}
#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .txt2{ font-size: 1.4em; margin-top: 10px; line-height: 1.8;}
#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .kome{ font-size: 12px; margin-top: 10px; line-height: 1.2;}
#wrap .sale .block04 .support_item_wrap .support_item .flex .img_wrap{ width: 50%;}
#wrap .sale .block04 .support_item_wrap .support_item .flex .img_wrap img{ width: 100%; height: auto;}
#wrap .sale .block04 .support_item_wrap .support_item ul{ display: flex; justify-content: space-between; margin-top: 50px; gap: 20px;}
#wrap .sale .block04 .support_item_wrap .support_item ul li{ border: 1px solid #1a2d63; color: #1a2d63; padding: 20px 10px; width: calc((100% - 40px) / 3); text-align: center; font-size: 20px; font-weight: 700;}


@media screen and (max-width:980px) {
	#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .ttl{ font-size: 2em;}
	#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .sub{ font-size: 1.6em;}
	#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .txt2{ line-height: 1.6;}
	#wrap .sale .block04 .support_item_wrap .support_item ul{ margin-top: 30px; gap: 10px;}
	#wrap .sale .block04 .support_item_wrap .support_item ul li{  width: calc((100% - 20px) / 3); font-size: 18px;}
}
@media screen and (max-width:767px) {
	#wrap .sale .block04{ padding:40px 20px;}
	#wrap .sale .block04 .support_item_wrap .support_item{ padding-top: 60px;}
	#wrap .sale .block04 .support_item_wrap .support_item .flex{ flex-wrap: wrap; gap: 10px;}
	#wrap .sale .block04 .support_item_wrap .support_item:nth-of-type(odd) > .flex{ flex-direction: column-reverse;}
	#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap{ width: 100%;}
	#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .ttl{ font-size: 1.8em;}
	#wrap .sale .block04 .support_item_wrap .support_item .flex .txt_wrap .sub{ font-size: 1.6em; margin-top: 10px;}
	#wrap .sale .block04 .support_item_wrap .support_item .flex .img_wrap{ width: 100%;}
	#wrap .sale .block04 .support_item_wrap .support_item ul{ flex-wrap: wrap; margin-top: 20px;}
	#wrap .sale .block04 .support_item_wrap .support_item ul li{  width: 100%; font-size: 16px;}
}

/*-------------------------
__block05
-------------------------*/
#wrap .sale .block05{ padding:80px 40px; box-sizing: border-box; background: #f2ede7;}
#wrap .sale .block05 .subttl{ font-size: 2.4em; margin-top: 80px; color: #1a2d63; font-weight: 700; line-height: 1.8;}
#wrap .sale .block05 .flex{ display: flex; gap: 30px; justify-content: center; margin-top: 30px;}
#wrap .sale .block05 .flex li {}
#wrap .sale .block05 .flex li .ttl{ font-size: 1.8em; margin-top: 10px;}
#wrap .sale .block05 .flex li .txt2{ margin-top: 10px; font-size: 1.4em; line-height: 1.4;}
#wrap .sale .block05 table{ margin: 30px auto 0; border-collapse: collapse;}
#wrap .sale .block05 table tr th{ border: 1px solid #1a2d63; border-bottom: 1px solid #fff; background: #1a2d63; color: #fff; font-size: 1.8em; font-weight: 700; padding: 20px 0; box-sizing: border-box; width: 130px;}
#wrap .sale .block05 table tr:last-of-type th{ border-bottom: 1px solid #1a2d63;}
#wrap .sale .block05 table tr td{ border-top: 1px solid #1a2d63; border-right: 1px solid #1a2d63; font-size: 1.4em; font-weight: 700; padding: 20px; box-sizing: border-box; background: #fff; text-align: left; line-height: 1.2;}
#wrap .sale .block05 table tr:last-of-type td{ border-bottom: 1px solid #1a2d63;}
#wrap .sale .block05 .note{ margin: 30px auto 0; display: block;}
#wrap .sale .block05 .note li{ position: relative; font-size: 2em; font-weight: 700; text-align: left; padding-left: 40px; box-sizing: border-box; margin-bottom: 30px; line-height: 1.6;}
#wrap .sale .block05 .note li::before{ position: absolute; content: ""; background: url("/sale/images/check@2x.png")no-repeat; left: 0; top: 0; background-size: 100%; background-position: center; width: 30px; height: 30px;}

@media screen and (max-width:980px) {
	#wrap .sale .block05 .flex{ gap: 20px;}
	#wrap .sale .block05 .flex li .ttl{ font-size: 1.6em;}
	#wrap .sale .block05 table{ margin: 30px auto 0; border-collapse: collapse;}
	#wrap .sale .block05 table tr th{ font-size: 1.6em; width: 120px;}
	#wrap .sale .block05 .note li{ font-size: 1.6em; padding-left: 30px; margin-bottom: 10px;}
	#wrap .sale .block05 .note li::before{ top: 3px; width: 20px; height: 20px;}
}

@media screen and (max-width:767px) {
	#wrap .sale .block05{ padding:40px 20px;}
	#wrap .sale .block05 .subttl{ font-size: 1.8em; margin-top: 50px;}
	#wrap .sale .block05 .flex{ flex-wrap: wrap; gap: 30px; margin-top: 20px;}
	#wrap .sale .block05 .flex li .ttl br{display: none;}
	#wrap .sale .block05 .flex li .txt2 br{display: none;}
	#wrap .sale .block05 table{ margin: 20px auto 0;}
	#wrap .sale .block05 table tr{ display: flex; flex-wrap: wrap;}
	#wrap .sale .block05 table tr th{ border: none; font-size: 1.4em; width: 100%;}
	#wrap .sale .block05 table tr:last-of-type th{ border-bottom: none;}
	#wrap .sale .block05 table tr td{ width: 100%; border-top: none; border-right: none;}
	#wrap .sale .block05 table tr:last-of-type td{ border-bottom: none;}
	#wrap .sale .block05 .note{ margin: 20px auto 0;}
	#wrap .sale .block05 .note li{ font-size: 1.4em; line-height: 1.4;}
}

/*====================
__block06
====================*/
#wrap .sale .block06{ padding-top:100px; box-sizing: border-box; margin-top: -100px;}
#wrap .sale .block06 .bg{ padding:40px 40px 80px; background: #e4dcd2; box-sizing: border-box;}
#wrap .block06 .block_inner .form_base .sub_ttl { font-size: 2em; margin-top: 30px;}
#wrap #main .page2 { padding: 50px 40px 80px!important; background-color: #f2ede7!important;}
@media screen and (max-width:767px) {	
	#wrap .sale .block06{ padding-top:60px; margin-top: -60px;}
	#wrap .sale .block06 .bg{ padding:40px 20px 20px;}
	#wrap .block06 .block_inner .form_base .sub_ttl { font-size: 1.4em; margin-top: 20px;}
}