@charset "UTF-8";
/********************************
DEFAULT
*********************************/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css");
@font-face{
  font-family: 'Bahagia';
  src: url('https://cars-enjoy.com/wp-content/themes/service/assets/fonts/Bahagia.ttf') format('truetype');
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	outline: 0;
}
h1, h2, h3, h4, h5, h6, caption, address, th,tr,td,ul,li ,a,p{
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
}

h1,h2{
	letter-spacing: 0.01em;
}


h1 p{
	font: var(--unnamed-font-style-normal) normal medium 18px/44px var(--unnamed-font-family-noto-sans-jp);
font: normal normal medium 18px "Noto Sans JP";
letter-spacing: 1.44px;
color: #FFFFFF;
opacity: 1;
/* padding-bottom: 1.8%; */

}


h2{
	font-size: 28px;
	font-weight: 900;

}


hr{
	height: 0.8px;
	background-color: #898d944d;
	border: none;
	margin: 15px auto;
}


img, iframe {
	vertical-align: middle;
	border: 0px;
}
img {
	width: 100%;
	line-height: 0;
	font-size: 0;
	margin: auto;
}
table {
	border-collapse: collapse;
}
th {
	font-weight: normal;
	text-align: left;
}
button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
a[href^="tel:"] {
	cursor: default;
}
a, a:link {
	color: #000;
	text-decoration: none;
	word-break: break-all;
}
a:hover, a:active {
	color: #e24c73;
	text-decoration: none;
}


/* ポインター */
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
}

html {
	height: 100%;
	overflow-y: scroll;
	width: 100%;
}
body {
	font-family: YakuHanJP,'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
	line-height: 1.6;
	color: #333;
	font-size: 16px;
	min-height: 100%;
	height: auto !important;
	position: relative;
	max-width: 100%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
  /*background-size:40px;*/
}

.notice{
  background:#F4F5F7;
  padding:20px;
  border-radius: 5px;
  margin-top:20px;
}

.notice dl{
  margin-top:20px;
  border-top:1px solid #ADB3BE;
  padding-top:20px;
}

.notice dl dt{
  font-size:18px;
  font-weight: bold;
  text-align: center;
}

.notice dl dd{
  font-size:13px;
  padding-left:1.5em;
  position: relative;
  margin-top:0.5em;
}

.notice dl dd:before{
  content:"●";
  position: absolute;
  left:0;
  top:0;
}

.notice dl:first-of-type{
  margin-top:0;
  border-top:none;
  padding-top:0;
}

.bg{
  display: none;
  position: fixed;
  top:0;
  left:0;
  z-index: -1;
  overflow: hidden;
  width:100%;
  height:100%;
  background:url("images/bg.png") no-repeat 50% 50%;
  background-size:cover;
}
/*
.bg-inner{
  position: absolute;
  background:url("images/bg_housya.svg") no-repeat 50% 50%;
  width:200vw;
  height:200vh;
  animation:60s linear infinite rotation;
}
@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}*/

/************
/******header＊＊＊**
*************************************/
.header{
  background: #0786BD;
    padding:10px;
    display: flex;
    justify-content: center;
}
.header h1 img{
    width: 48px;
    /* margin: 0 auto; */
}




/************
/******PC＊＊＊**
*************************************/
.pc-side_view{
	display: none;
}


/************
/******SP-main＊＊＊**
*************************************/
.main-view{
	margin-bottom: 3em;
  background: #fff;
}

.top_CTA{
  position: fixed;
  left:0;
  bottom:0;
  z-index: 100;
  background:rgba(255,255,255,0.9);
  padding:10px;
  width:100%;
  box-sizing: border-box;
}

.top_btn a{
  background: linear-gradient(45deg ,#54B9E5 0%, #0786BD 100%);
  display: flex;
  position: relative;
  justify-content: center;
  height:50px;
  border-radius:25px;
  color:#fff;
  font-size:16px;
  font-weight: bold;
  align-items: center;
  max-width:305px;
  margin:0 auto;
}
.top_btn a:after {
  width: 9px;
  height: 9px;
  content: "";
  position: absolute;
  top: 50%;
  right: 23px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.top_btn .subtitle {
    background: #ca9b02;
    position: absolute;
    bottom: 73%;
    left: 50%;
    padding: 10px 15px;
    border-radius: 6px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 100;
    font-weight: bold;
    line-height: 1;
    font-size: 12px;
    white-space: nowrap;
    color:#fff;
}

.top_btn .subtitle::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ca9b02;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/************
/******main-contents＊＊＊**
*************************************/
.main-contents{
	
}

.main-contents .section-inner{
	padding:0 20px;
}

/************
/******kv＊＊＊**
*************************************/
.kv{
  
}

.kv .campaign-end{
  background: #0786BD;
  padding:15px 10px;
  text-align: center;
  color:#fff;
  font-size: 18px;
  font-weight: bold;
}

/************
/******present＊＊＊**
*************************************/
.present{
  margin-top:30px;
}
.present-inner{
  margin:0 20px;
}

.present-block{
  /*padding:30px 17px;*/
}
.present .lead{
  text-align: center;
  font-size:24px;
  font-weight: bold;
  line-height: 1;
  margin-top:20px;
}
.present .attention{
  font-size:10px;
  margin-top:10px;
  text-align: center;
}
.present .attention li{
  position: relative;
  padding-left:1em;
}
.presentzww .attention li::before{
  content:"※";
  position: absolute;
  left:0;
}
.present-list{
}
.present-list dt{
  margin-top:30px;
  position: relative;
}
.present-list dt img{
  border-radius: 10px;
}
.present-list dt:before{
  content:"";
  position: absolute;
  width:47px;
  height:47px;
  left:-12px;
  top:-12px;
  background:url("images/badge_1.png") no-repeat 0 0;
  background-size: contain;
}
.present-list dt:nth-of-type(2):before{
  background-image:url("images/badge_2.png");
}
.present-list dt:nth-of-type(3):before{
  background-image:url("images/badge_3.png");
}
.present-list dt:nth-of-type(4):before{
  background-image:url("images/badge_4.png");
}
.present-list dt:nth-of-type(5):before{
  background-image:url("images/badge_5.png");
}
.present-list dt:nth-of-type(6):before{
  background-image:url("images/badge_6.png");
}
.present-list dd{
  font-size:18px;
  font-weight: bold;
  margin-top:10px;
  text-align: center;
  line-height: 1.4;
}
.present h3{
  padding:60px 30px 30px 30px;
}


/************
/******chosen＊＊＊**
*************************************/
.chosen{
  margin-top:50px;
}
.chosen-inner{
  margin:0 20px;
}
.chosen h2{
  text-align: center;
  font-size:24px;
  font-weight: bold;
  line-height: 1.6;
}
.chosen figure{
  margin-top:30px;
}


/************
/******smart sell＊＊＊**
*************************************/
.smart-sell{
  margin-top:60px;
  position: relative;
}
.smart-sell-block{
  border:1px solid #0786BD;
  border-radius: 10px;
  padding:15px;
}
.smart-sell-block h2{
  margin:0 -20px;
}
.smart-sell-more{
  padding:5px 20px;
  background:#0786BD;
  border-radius: 30px;
  position: absolute;
  top:-13px;
  left:50%;
  font-size:17px;
  font-weight: bold;
  color:#fff;
  line-height: 1;
  transform: translate(-50% , 0%);
}
.smart-sell-text{
  font-size:16px;
  margin-top:10px;
}
.smart-sell .notice{
  margin-top:20px;
}


/************
/******market＊＊＊**
*************************************/
.market{
  margin-top:60px;
}
.market .section-inner{
  padding:0 20px;
}
.market h2{
  font-size:24px;
  text-align: center;
  font-weight: bold;
  color:#0786BD;
}

.market .market-pop{
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color:#0786BD;
}
.market .market-pop:after,.market .market-pop:before{
  content:"";
  width:1px;
  height:23px;
  background:#0786BD;
}
.market .market-pop:before{
  transform:rotate(-30deg);
  margin-right:15px;
}
.market .market-pop:after{
  transform:rotate(30deg);
  margin-left:15px;
}

.market .result{
  margin-top:20px;
}

.market .result-caution{
  text-align: center;
  font-size: 12px;
  margin-top: 17px;
}

/************
/******marker＊＊＊**
*************************************/
.maker{
  margin-top:60px;
}
.maker .section-inner{
  padding:0 35px;
}
.maker h2{
  font-size:24px;
  text-align: center;
  line-height: 1.4;
  font-weight: bold;
}
.maker h3{
  font-size:18px;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  margin-top:50px;
}
.maker figure{
  margin-top:30px;
}
.maker p{
  margin-top:15px;
  text-align: center;
  font-weight: bold;
}


.maker .maker-pop{
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color:#0786BD;
}
.maker .maker-pop:after,.maker .maker-pop:before{
  content:"";
  width:1px;
  height:23px;
  background:#0786BD;
}
.maker .maker-pop:before{
  transform:rotate(-30deg);
  margin-right:15px;
}
.maker .maker-pop:after{
  transform:rotate(30deg);
  margin-left:15px;
}

/************
/******pickup＊＊＊**
*************************************/
.pickup{
  margin-top:60px;
}
.pickup .section-inner{
  padding:0 20px;
}
.pickup h2{
  font-size:24px;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  padding-bottom:20px;
}
.pickup h2 span{
  font-size:16px;
  display: block;
  margin-top:10px;
}
.pickup-more{
  border:1px solid #333;
  border-radius: 30px;
  max-width:305px;
  margin:20px auto 0 auto;
}

.pickup-more a{
  background:#fff;
  display: flex;
  position: relative;
  justify-content: center;
  height:50px;
  border-radius:25px;
  color:#333;
  font-size:16px;
  font-weight: bold;
  align-items: center;
  max-width:305px;
  margin:0 auto;
}
.pickup-more a:after {
  width: 9px;
  height: 9px;
  content: "";
  position: absolute;
  top: 50%;
  right: 23px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.pickup-text{
  margin-top:30px;
  font-size:16px;
}

.cta{
  margin-top:40px;
}

.cta .cta-pop{
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cta .cta-pop:after,.cta .cta-pop:before{
  content:"";
  width:1px;
  height:23px;
  background:#333;
}
.cta .cta-pop:before{
  transform:rotate(-30deg);
  margin-right:15px;
}
.cta .cta-pop:after{
  transform:rotate(30deg);
  margin-left:15px;
}
.cta-btn{
  margin-top:10px;
}
.cta-btn a{
  margin-top:10px;
  background: linear-gradient(45deg ,#54B9E5 0%, #0786BD 100%);
  height:50px;
  border-radius:25px;
  display: flex;
  position: relative;
  color:#fff;
  text-align: center;
  font-weight: bold;
  align-items: center;
  justify-content: center;  
  max-width:305px;
  margin:0 auto;
  font-size: 16px;
}
.cta-btn a:after {
  width: 9px;
  height: 9px;
  content: "";
  position: absolute;
  top: 50%;
  right: 23px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}



/************
/******form＊＊＊**
*************************************/
#present-form{
}
.present-form-pop{
  width:280px;
  margin:0 auto;
  padding-top:60px;
}
.present-form-lead{
  text-align: center;
  font-size:14px;
  margin-top:1em;
}
#present-form h2{
  font-size:24px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-top:5px;
}
.present-form-body{
  margin-top:20px;
}
.entry-request-note{
  font-size:12px;
}

.entry-request-form-column > input,
.entry-request-form-column > label,
.entry-request-form-block > input,
.entry-request-form-block > label {
    line-height: 44px;
}

.entry-request-form-column > textarea,
.entry-request-form-column.category,
.entry-request-form-column > input,
.entry-request-form-column > label,
.entry-request-form-block > textarea,
.entry-request-form-block.category,
.entry-request-form-block > input,
.entry-request-form-block > label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    border:none;
    background:#F4F5F7;
}

.entry-request-form-column,
.entry-request-form-block {
    margin-top: 12px;
}

.present-form-body a{
  color:#333;
  text-decoration: underline;
}

.present-form-body a:hover{
  text-decoration: none;
}
.entry-form-error, .entry-form-required {
  color: #FA6F68;
}
.entry-request-form-label-desc {
  font-size:12px;
  margin-left:1em;
  font-weight: normal;
}

.entry-request-form-wrap {
    margin-top: 24px;
}

.entry-request-form-label {
    line-height: 1;
    font-weight: bold;
}
.entry-request-form-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.entry-request-form-column > input {
    width: 49%;
}
.entry-request-form-wrap > .entry-form-error {
    margin-top: 10px;
}
.entry-request-form-column.zip {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.entry-request-form-column.zip > input:first-of-type {
    width: 68px;
}
.entry-request-form-column.zip > input {
    width: 96px;
}
.entry-request-form-column.zip .zip-dash {
    display: inline-block;
    font-size: 16px;
    line-height: 46px;
    padding: 0 10px;
}
.entry-request-form-column.category,
.entry-request-form-block.category {
    position: relative;
}
.entry-request-form-column.category,
.entry-request-form-block.category{
}
.entry-request-form-column > select,
.entry-request-form-block > select {
    width: 100%;
    height: 46px;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    color: #999;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}
.entry-request-form-column.category::after,
.entry-request-form-block.category::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    color: #333333;
    border-bottom: solid 2px;
    border-right: solid 2px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.entry-request-form-submit button,
.entry-confirm-submit button{
  background: linear-gradient(45deg ,#54B9E5 0%, #0786BD 100%);
  height:50px;
  border-radius:25px;
  display: flex;
  position: relative;
  color:#fff;
  text-align: center;
  font-weight: bold;
  align-items: center;
  justify-content: center;  
  max-width:305px;
  margin:30px auto 0 auto;
  font-size: 16px;
  width:304px;
  border:none;
  background-size:contain;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.entry-request-form-submit button::after,
.entry-confirm-submit button::after{
  width: 9px;
  height: 9px;
  content: "";
  position: absolute;
  top: 50%;
  right: 23px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);

}

.entry-request-form-submit-note {
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  margin-top:15px;
}

.entry-confirm-edit{
  margin-top:10px;
  text-align: center;
  font-size:14px;
}

.entry-confirm{
}

.entry-confirm-ttl{
  text-align: center;
  margin-top:20px;
}

.entry-confirm-wrap{
  margin-top:20px;
  background:#fff;
  padding:0 20px;
  border-radius: 10px;
  color:#333;
}

.entry-confirm-list{
  padding:20px 0;
  border-top: 1px solid #EFEFEF;
}

.entry-confirm-list:first-of-type{
  border-top: none;
}
.entry-confirm-list dt{
  color:#0786BD;
  font-weight: bold;
  font-size:14px;
}

.entry-request-form-attention{
  margin-top:2em;
  font-size:12px;
}


/************
/******footer＊＊＊**
*************************************/
.footer{
	/* padding: 40px 25px; */
	/* padding: 35px 30px 25px; */
  margin-top:40px;
}
.footer-operation{
  background:#F4F5F7;
  padding:40px;
}
.footer-operation h3{
  font-size:18px;
  text-align: center;
  line-height: 1;
}
.footer-operation dl{
  padding:20px 0;
  border-bottom:1px solid #ADB3BE;
  font-size:14px;
}

.footer-operation dl dd a{
  color:#333;
}

.footer .inner{
	/* margin-bottom: 1.5rem; */
    max-width: 100%;
    /* padding: 0 20px; */
}

.footer-copyright{
  padding-top:0px;
  padding-bottom:50px;
}

.footer-copyright figure{
  text-align: center;
}

.footer-copyright figure img{
  width:280px;
}

.footer-copyright .copyright{
  text-align: center;
  font-size:10px;
  margin-top:30px;
  display: block;
}


/************
/******thanks＊＊＊**
*************************************/
.thanks{
  padding:0 20px 50px 20px;
}
.thanks .kv-ttl {
    font-size: 78px;
    font-family: "Bahagia";
    font-weight: 400;
    text-align: center;
    color:#0786BD;
    margin:60px 0 30px 0;
}

.thanks .kv-txt {
    text-align: center;
}

.thanks .pickup-more {
    text-align: center;
    max-width:305px;
    margin:30px auto 0 auto;
}




@media screen and (min-width: 560px){
  body{
    padding-bottom:50px;
  }
	.main-view{
		overflow: hidden;
		box-sizing: border-box;
		margin:50px auto 0 auto;
		max-width: 375px;
		border-radius: 30px;
		position: relative;
		z-index: 1;
    -webkit-box-shadow: 0 0 30px rgb(97 210 250);
    box-shadow: 0 0 30px rgb(97 210 250);
	}
	.top_CTA{
    display: none;
  }
  
  .bg{
    display: block;
  }
  .bg-inner{
    top: -83%;
    left: -50%;
  }

}

@media screen and (min-width: 1024px){

	.main-view{
    margin-right: 0;
		width: 100%;
		margin: 50px 30% 0 55%;
    }
	.pc-side_view{
		position: fixed;
    top: 50%;
    left: 15%;
    /* height: 100%; */
    z-index: 0;
    display: flex;
    flex-direction: column;
    width: 30%;
    max-width:500px;
    transform:translate(0% , -50%);
	}
	.pc-side-inner{
		
	}
	.pc-side_view h1{
		text-align: center;
	}
	.pc-side_view .cta{
		max-width:400px;
    margin:20px auto;
	}
  
  .bg-inner{
    top: -54%;
    left: -75%;
  }

}

@media screen and (min-width: 1440px){
	
}



/************
/******クローズ後メンバー登録導線＊＊＊**
*************************************/
.fair-end {
    background: #333;
    padding: 22px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    /* margin: 25px 0; */
}

.closed-followup{
background: #FFF;
    padding: 35px 0!important;
}

.closed-followup .inner {
    padding:0 20px;
  text-align: center;
}

.closed-followup .inner > div {
    padding: 30px 0;
}

.closed-followup .inner > div:first-child {
    padding-top: 0;
}
.closed-followup h2{
		    font-size: 22px;
        color: #0786BD;
		    font-weight: 900;
		    margin-bottom: 1.5em;
        margin-top: .5em;
}



.closed-followup .followup-member h2 span{
  font-size: .8em;
}

.closed-followup .followup-member h2 p{
  text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    margin-top: .5em;
}

.closed-followup h3{
  font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
}

.notice-text {
		
		    text-align: left;
		    margin-top: 1em;
		    /* padding: 0 1em; */
		    font-size: 12px;
}


.closed-followup .followup-member .btnarea-cp {
  margin-top: 15px;
}

.closed-followup .followup-member .btnarea-cp .text-frame{
  color: #0786BD;
}

.closed-followup .followup-member .btnarea-cp .text-frame::before{
  background:#0786BD;
}

.closed-followup .followup-member .btnarea-cp .text-frame::after{
  background:#0786BD;
}

.closed-followup .followup-member .btnarea-cp .textlink-wrapper{
  margin-top: 10px;
}

.closed-followup .followup-member .btnarea-cp .textlink{
  color:#0786BD;
  text-decoration: underline;
  font-size: .9em;
}

.closed-followup .followup-member .followup-member-img .notice-text{
  color: #747880;
  text-align: center;
}

.closed-followup .followup-special h2{
  width: 80%;
  margin-left:auto;
  margin-right:auto;

}

.closed-followup .followup-special .member-special-list {
    margin-left: -30px !important;
    margin-right: -30px !important;
    /* width: calc(100% +80px) !important; */
}
.closed-followup .followup-special .member-special-list li{
    margin: auto .5em;

}
.closed-followup .followup-special .member-special-list li img{
  width: 100%;
    height: auto;
    display: block;
}


.closed-followup .followup-special .member-special-invite{
  background:#F4F5F7 ;
  margin-top: 45px;
  padding: 30px 20px;
  padding-top:50px ;
  border-radius: 10px;
  position: relative;
}

.closed-followup .followup-special .member-special-invite p{
  margin-top: 1em;
  text-align: left;
}
.closed-followup .followup-special .member-special-invite .member-special-invite-more{
  position: absolute;
    width: 48%;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
    background: #DAB300;
  border-radius: 50px;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
  }


/* リスト全体のレイアウト */
#menu-sns {
  display: flex;             /* 横並びにする */
  justify-content: center;   /* 中央寄せ（均等配置なら space-between） */
  align-items: center;       /* 垂直方向の中央 */
  list-style: none;          /* ポッチを消す */
  padding: 0;
  margin: 0;
}

/* 各リスト項目（アイコンの土台） */
#menu-sns li {
  margin: 0 15px;           /* アイコン同士の左右の隙間 */
  width: 25px;               /* アイコンを表示させる幅 */
  height: 25px;              /* アイコンを表示させる高さ */
    text-indent: -99em;
}

/* 各リンクの調整 */
#menu-sns li a {
  text-decoration: none;
    display: block;
    width: 100%;
    overflow: hidden;
    pointer-events: all;
    cursor: pointer;
}

/* 背景画像の共通設定（先ほどのまとめ） */
.closed-followup .followup-sns #menu-sns li {
  background-repeat: no-repeat;
  background-position: center; /* 中央に配置 */
  background-size: contain;    /* 枠内に収める */
}
/* 各個別の画像指定 */
.closed-followup .followup-sns #menu-sns li:nth-child(1) {
  background-image: url(../../wp-content/themes/service/assets/svgs/icon-sns-line-blue.svg);
}

.closed-followup .followup-sns #menu-sns li:nth-child(2) {
  background-image: url(../../wp-content/themes/service/assets/svgs/icon-sns-x-blue.svg);
}

.closed-followup .followup-sns #menu-sns li:nth-child(3) {
  background-image: url(../../wp-content/themes/service/assets/svgs/icon-sns-instagram-blue.svg);
}

.closed-followup .followup-sns #menu-sns li:nth-child(4) {
  background-image: url(../../wp-content/themes/service/assets/svgs/icon-sns-tiktok-blue.svg);
}

.closed-followup .followup-sns #menu-sns li:nth-child(5) {
  background-image: url(../../wp-content/themes/service/assets/svgs/icon-sns-youtube-blue.svg);
}

.closed-followup .followup-sns #menu-sns li:nth-child(6) {
  background-image: url(../../wp-content/themes/service/assets/svgs/icon-sns-threads-blue.svg);
}


.closed-followup .btnarea-cp {
  margin: 0 auto;
  max-width: 320px;
  text-align: center;
}

/* ▼▼▼【MOD】背景・装飾レイヤー (リネーム) ▼▼▼ */
.closed-followup .btn-bg {
  position: relative;
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 
  border-radius: 30px; 
  padding: 5px; /* ボーダー領域 5px */

  /* ▼ MOD: 中身の背景を:beforeに移動。ボーダーの背景のみ残す */
  background:
  transparent linear-gradient(99deg, #54B9E5 0%, #0786BD 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #54B9E59A;
}

/* ▼▼▼【MOD】<button>タグ（テキストレイヤー）のスタイル ▼▼▼ */
.closed-followup .btnarea-cp .btn {
  position: relative;
  width: 100%;
  height: 100%;
  
  background: transparent;
  border: none;
  padding: 0;
  
  color: #FFF; 
  line-height: 50px; 
  font-weight: bold;
  text-align: center;
  font-family: "Noto Sans JP" !important;
  font-size: 17px;
  cursor: pointer;
  
  /* MOD: テキストは z-index: 2 (中身より手前) */
  z-index: 2; 
}
.closed-followup .btn-bg::before{
display: none;
}

.closed-followup .btn-bg:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px; 
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-top: solid 3px;
  border-right: solid 3px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  color: #FFF;
  /* MOD: 常に最前面 */
  z-index: 3; 
}


/* スラッシュつきテキスト */
.closed-followup .text-frame {
    position: relative;
    display: inline-block;
    padding-top: .9em;
    font-weight: bold;
    border-radius: 8px;
    text-align: center;
    line-height: 1.4;
    white-space: nowrap; /* PCでは1行表示 */
    margin-bottom: .5em;
    padding-bottom: .3em;
    font-size: 15px;
    color: #333;

    }
.closed-followup .text-frame::before,
.closed-followup .text-frame::after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 4px;
    width: 1px;
    background: #333;
    }

   .closed-followup .text-frame::before {
    left: -.7em;
    transform: rotate(-20deg);
    transform-origin: left top;
    }

  .closed-followup  .text-frame::after {
    right: -.7em;
    transform: rotate(20deg);
    transform-origin: right top;
    }