/* CSS Document */
/*画像*/
figure img{
  width: 100%;
  height: auto;
  object-fit: cover;
}
/*こめ*/
.kome{
  display: flex;
  font-size: 0.9rem;
}
.kome::before{
  content: "※";
  flex: none;
  margin-right: 0.25rem;
  font-size: 0.9rem;
}
/*透明*/
.opa{
  width: 0;
  height: 0;
  opacity: 0;
  display: block;
  overflow: hidden;
}
/*下線*/
.bottom_border {
  background:linear-gradient(transparent 60%,#FDFF9C 60%);
  font-weight: 700;
}
/*色変・太さ*/
.bold{
  font-weight: 700;
}
.blue{
  color: #2a62d3;
}
.orange{
  color: #e95513;
}
.sky_blue{
  color: #32ade4;
}
/*ボタン*/
.btn{
  display: table;
}
.btn a{
  display: flex;
  padding:0.5rem 0.75rem 0.5rem 1rem;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2rem;
  text-decoration:none;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: var(--defColor);
  border-radius:0.5rem;
  line-height: 1em;
  align-items: center;
}
.btn a::after{
  content:"";
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size:cover;
  mask-size: cover;
  background-color: #fff;
  width: 2.25rem;
  height: 2.25rem;
}
/*ボタンブロック*/
.btn_block{
	display: flex;
	width: fit-content;
}
body[wc-view-code="sp"] .btn_block{
	flex-direction: column;
	gap:0.75rem;
}
body:not([wc-view-code="sp"]) .btn_block{
	gap:1rem;
}
.btn_block .btn{
	width: 100%;
}
.btn_block .btn a{
	width: 100%;
	white-space: nowrap;
}
/*大きいボタン*/
.btn_big{
  width: fit-content;
}
.btn_big a{
  padding:1rem 1.75rem 1rem 2.3rem;
  background-color: #e95513;
  color: #fff;
  font-weight: 700;
  line-height: 1em;
  text-decoration:none;
  letter-spacing: 1.5px;
  font-size: 1.2rem;
  border-radius:0.5rem;
  white-space:nowrap;
  display: flex;
  flex-direction: column;
}
body[wc-view-type="tb"] .btn_big a,
body[wc-view-type="tb-l"] .btn_big a,
body[wc-view-type="pc"] .btn_big a{
  padding: 1.25rem 2.2rem 1.25rem 2.8rem;
}
body[wc-view-type="sp"] .btn_big a{
  padding: 1rem 2rem 1rem 2.55rem;
}
.btn_big a .a_t_text{
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 0.4rem;
}
body[wc-view-type="pc"] .btn_big a .a_t_text{
  font-size: 0.8rem;
  margin-bottom: 0.55rem;
}
.btn_big a .a_b_text{
  font-size:1.5rem;
  letter-spacing: 10px;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.btn_big a .a_b_text::after,
.btn_big a .a_b_text .b_before_icon{
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size:cover;
  mask-size: cover;
  background-color: #fff;
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.btn_big a .a_b_text .b_before_icon{
  left: -2.2rem;
}
.btn_big a .a_b_text::after{
  content: "";
  right: -1.5rem;
}
/*dl繋ぎ*/
.c_t_wrap{
  padding: 2rem 0;
  position: relative;
  z-index: 1;
}
.c_t_wrap::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: url("/campaign/installment/img/back/sp_back04.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body[wc-view-code="tb"] .c_t_wrap::before{
  background-image: url("/campaign/installment/img/back/tb_back.png");
}
body[wc-view-code="pc"] .c_t_wrap::before{
  background-image: url("/campaign/installment/img/back/pc_back.png");
}
body[wc-view-code="tb"] .c_t_wrap,
body[wc-view-code="pc"] .c_t_wrap{
  padding: 3rem 0;
}
.c_t_wrap .ct_t{
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}
.c_t_wrap .ct_t > dt{
  position: relative;
  z-index: 1;
}
.c_t_wrap .ct_t > dt::before,
.c_t_wrap .ct_t > dt::after{
   content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #fff;
}
.c_t_wrap .ct_t > dt::before{
  transform: translateY(-50%) rotate(-15deg);
  left: 0.5rem;
  
}
.c_t_wrap .ct_t > dt::after{
  transform: translateY(-50%) rotate(15deg);
  right: 0.5rem;
}
.c_t_wrap .ct_t > dt,
.c_t_wrap .ct_t > dd{
  color: #fff;
  font-weight: 700;
}
.c_t_wrap .ct_t > dt{
  text-align: center;
  font-size: 1.2rem;
  padding:0.5rem 1.25rem;
  width: fit-content;
  margin:0 auto;
}
body[wc-view-type="sp-s"] .c_t_wrap .ct_t > dt{
  font-size: 1.1rem;
}
body[wc-view-code="tb"] .c_t_wrap .ct_t > dt,
body[wc-view-code="pc"] .c_t_wrap .ct_t > dt{
  font-size: 1.3rem;
}
.c_t_wrap .ct_t > dd{
  padding: 0 1rem;
  box-sizing: border-box;
  margin-top: 0.5rem;
  line-height: 1.8rem;
  text-align: center;
}
body[wc-view-code="tb"] .c_t_wrap .ct_t > dd,
body[wc-view-code="pc"] .c_t_wrap .ct_t > dd{
  margin-top: 1rem;
}
.c_t_wrap .ct_t > dd p{
  font-weight: 700;
  font-size: 1.15rem;
}
.c_t_wrap .ct_t > dd p span{
  color: #E7C21B;
}
.c_t_wrap .btn_big{
  margin: 0.5rem auto 0 auto;
}
/*arrowテキスト*/
.arrow_text{
  position: relative;
  z-index: 1;
  padding: 2rem 0;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
}
.arrow_text::before{
  content: "";
  width: 5rem;
  height: 2.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #EEF5FF;
  background: linear-gradient(0deg,rgba(42, 98, 211, 1) 0%, rgba(238, 245, 255, 1) 100%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  transform: translate(-50%,-50%);
  z-index: -1;
}
/*ページタイトル*/
.page_title{
  height: 40vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-bottom: 1px solid #efefef;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
	position: relative;
	z-index: 1;
}
body[wc-view-code="sp"] .page_title{
  background-image: url("/campaign/installment/img/page_title/sp_page_title.webp");
}
body.safari[wc-view-code="sp"] .page_title{
  height: 30vw;
  background-image: url("/campaign/installment/img/page_title/sp_page_title.png");
}
body[wc-view-code="tb"] .page_title{
  background-image: url("/campaign/installment/img/page_title/tb_page_title.webp");
  height: 30vw;
}
body.safari[wc-view-code="tb"] .page_title{
  background-image: url("/campaign/installment/img/page_title/tb_page_title.png");
}
body[wc-view-type="tb-l"] .page_title{
  height: 210px;
}
body[wc-view-code="pc"] .page_title{
  background-image: url("/campaign/installment/img/page_title/pc_page_title.webp");
  height: 250px;
}
body.safari[wc-view-code="pc"] .page_title{
  background-image: url("/campaign/installment/img/page_title/pc_page_title.png");
}
.page_title > h2{
  font-weight: 700;
  font-size: 1.45rem;
}
.page_title .page_position{
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
body[wc-view-code="sp"] .page_title .page_position{
  padding: 0 7px;
	bottom: 5px;
}
body[wc-view-code="tb"] .page_title .page_position{
  padding: 0 10vw;
}
body[wc-view-code="pc"] .page_title .page_position{
  padding: 0 calc((100vw - 1100px) / 2);
}
.page_title .page_position a{
	padding-left: 1rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  color: #333;
  text-decoration: none;
}
.page_title .page_position a::before{
	content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  position: absolute;
  left: 0.15rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.page_title .page_position h3{
}
/*ふきだし*/
.hukudashi{
  background-color: #fff;
  padding: 0.85rem 0.75rem 0.75rem 0.75rem;
  box-sizing: border-box;
  border-radius: 0.75rem;
  font-weight: 700;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  letter-spacing: 3px;
  font-size: 1.25rem;
  line-height: 1em;
  margin-bottom: 1.25rem;
  border: solid 1px #2a62d3;
}
.hukudashi::after{
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background-color: #fff;
  border: solid 1px #2a62d3;
  box-sizing: border-box;
  bottom: -0.55rem;
  border-top: transparent;
  border-left: transparent;
}
/*お問い合わせ*/
.contact{
  padding: var(--headerHeight) 1rem;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
body[wc-view-type="tb"] .contact,
body[wc-view-type="tb-l"] .contact{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .contact{
  padding: var(--headerHeight) calc((100vw - 750px) / 2);
}
.contact .induction{
  position: absolute;
  top: -25px;
  z-index: 2;
  left:50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.contact .c_title{
  font-size: 1.5rem;
  font-weight: 700;
  width: fit-content;
  letter-spacing: 7px;
  margin:0 auto 1.5rem;
}
.contact .c_text{
  line-height: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.contact > p{
  font-weight: 700;
  margin-bottom: 1rem;
}
body:not([wc-view-code="sp"]) .contact .c_text br{
  display: none;
}
body[wc-view-type="sp-s"] .tunagi .c_tunagi dd .price_box .in_price_box{
  font-size:1.4rem;
}
body[wc-view-type="pc"] .contact .c_text,
body[wc-view-type="tb-l"] .contact .c_text{
  text-align: center;
}
.contact .c_tel{
}
body[wc-view-type="tb"] .contact .c_tel,
body[wc-view-type="tb-l"] .contact .c_tel,
body[wc-view-type="pc"] .contact .c_tel{
  width: 550px;
  margin: 1.5rem auto 2rem;
}
.contact .c_tel dt{
  background-color: #e8edef;
  padding: 0.5rem 0.5rem;
  box-sizing: border-box;
  margin-bottom: 2px;
  text-align: center;
  font-weight: 700;
  border-radius: 1rem 1rem 0 0;
}
.contact .c_tel dd{
  background-color: #e8edef;
  border-radius:0 0 1rem 1rem;
  padding:0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact .c_tel dd a{
  display: flex;
  width: fit-content;
  font-family: "Number";
  font-weight: 700;
  text-decoration:none;
  font-size: 1.8rem;
  color: var(--defColor);
}
.contact .c_tel dd .b_time{
}
.contact .c_tel dd .b_time p{
  width: fit-content;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.contact .c_tel dd .b_time p span{
  display: table;
  background-color: #fff;
  padding:0.35rem 0.5rem 0.25rem;
  line-height: 1em;
  font-weight: 700;
  font-size: 0.85rem;
  margin-right: 0.5rem;
  border-radius:1rem;
}
.form{
  margin-top: 1rem;
}
.form dl{
  display: flex;
}
body[wc-view-type="tb"] .form dl,
body[wc-view-type="sp"] .form dl,
body[wc-view-type="sp-s"] .form dl{
  flex-direction: column;
}
.form dl:not(:first-of-type){
  margin-top: 1rem;
}
.form dl dt{
  display: flex;
  font-weight: 700;
  padding-bottom: 0.25rem;
  align-items: center;
}
body[wc-view-type="tb-l"] .form dl dt,
body[wc-view-type="pc"] .form dl dt{
  width: 200px;
}
.form dl dt label{
  font-weight: 700;
}
.form dl dt::before{
  flex:none;
  box-sizing: border-box;
  font-weight: 700;
  margin-right: 0.5rem;
  font-size: 0.85rem;
  padding:0 0.5rem;
  border-radius: 5px;
}
.form dl dt.required::before{
  content: "必須";
  color: #fff;
  background-color: #2a62d3;
}
.form dl dt.any::before{
  content: "任意";
  color: #fff;
  background-color: #bbb;
}
.form dl dd{
}
body[wc-view-type="tb-l"] .form dl dd,
body[wc-view-type="pc"] .form dl dd{
  width: calc(100% - 200px);
}
[wc-form][captcha-state] [wc-captcha]{
  border: none !important;
}
.captchabtn{
  justify-content: center;
}
.btnswrap{
  display: flex;
  justify-content: center;
  gap:1rem;
}
.wc-button{
  display: table !important;
}