/*PC非表示*/
.PCnone{
	display:none!important;
}

/*Header*/

#PCheader{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	padding-top:15px;
	z-index:99999;
	background-color:hsla(0,0%,100%,0.80);
}
#PCheader header{
	width:1080px;
	position:relative;
	margin:auto;
	display:table;
}
#PCheader header > *{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}

#PCH-nav{
	width:670px;
}
#PCH-nav h1{
	font-size:13px;
	padding-bottom:5px;
}
#PCH-nav nav{
	
}
#PCH-nav nav > *{
	display:inline-block;
	vertical-align:middle;
}
#PCH-nav nav p{
	width:150px;
	padding-right:25px;
}
#PCH-nav nav li{
	font-size:15px;
	margin-right:25px;
}
#PCH-nav nav li a{
	color:#340707;
	font-weight:600;
}
#PCH-nav nav li a:hover{
	color:#7c3535;
}

#PCH-btns{
	width:400px;
}
#PCH-btns div{
	display:inline-block;
	vertical-align:middle;
	
}
#PCH-btns div img{
	height:40px;
	width:auto;
}

#PCTopImage{
    background-image: url(/img/up/pair/topimage.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 750px;
    background-size: cover;
	position:relative;
}

#PCTopImageLP{
    background-image: url(/img/up/pair/lptopimg.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 750px;
    background-size: cover;
	position:relative;
}
#PCTopImage2{
    background-image: url(/img/up/withu/withu_topimg.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 750px;
    background-size: cover;
	position:relative;
}

#TPCimgLogo{
	width:40%;
	max-width:500px;
	min-width:400px;
	position:relative;
	margin-left:15%;
	padding-top:230px;
}
#TPCimgLogo2{
	width:30%;
	max-width:400px;
	min-width:300px;
	position:relative;
	margin-left:10%;
	padding-top:130px;
}

.TPC-here{
	text-align:center;
	font-size:20px;
	padding-top:30px;
	padding-bottom:20px;
}

/*登録ボタン*/
.RegBtnArea{
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:16px;
  flex-wrap:nowrap;
  margin:24px 0;
}

.mens a,
.womens a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;

  width:190px !important;
  height:58px;

  padding-left:26px;

  border-radius:9999px;
  text-decoration:none;

  font-size:18px !important;
  font-weight:600;

  letter-spacing:.04em;

  background:rgba(255,255,255,.82);

  box-sizing:border-box;

  transition:.3s;
}

/* hover */
.mens a:hover,
.womens a:hover{
  transform:translateY(-2px);
}

/* 男 */
.mens a{
  border:2px solid #8eb5ff;
  color:#5c74a3 !important;
}

/* 女 */
.womens a{
  border:2px solid #efacc7;
  color:#aa6480 !important;
}

/* 左丸 */
.mens a::before,
.womens a::before{
  content:"";

  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);

  width:28px;
  height:28px;

  border-radius:50%;
  background:#fff;
}

.mens a::before{
  border:2px solid #9ebeff;
}

.womens a::before{
  border:2px solid #efbdd2;
}

.mens a::before,
.womens a::before{
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px 16px;
}

/* 男性アイコン */
.mens a::before{
  background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27%20stroke%3D%27%235c74a3%27%20stroke-width%3D%271.8%27/%3E%3Cpath%20d%3D%27M4.5%2020c1.4-4.2%204.2-6.5%207.5-6.5s6.1%202.3%207.5%206.5%27%20stroke%3D%27%235c74a3%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
}

/* 女性アイコン */
.womens a::before{
  background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%273.7%27%20stroke%3D%27%23aa6480%27%20stroke-width%3D%271.8%27/%3E%3Cpath%20d%3D%27M5%2020c1.4-4.1%204-6.2%207-6.2s5.6%202.1%207%206.2%27%20stroke%3D%27%23aa6480%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M8.5%2010.5c-.8-3.4.7-6%203.5-6s4.3%202.6%203.5%206%27%20stroke%3D%27%23aa6480%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
}

/* FREE消す */
.mens span,
.womens span{
  display:none !important;
}

/* スマホ */
@media screen and (max-width:640px){

.RegBtnArea{
  gap:10px;
}

.mens a,
.womens a{
  width:42vw !important;
  min-width:140px;

  height:52px;

  font-size:16px !important;
}

}
/* メイン */
.main{
  font-size:42px;
  font-weight:500;
  letter-spacing:.08em;
  line-height:1.2;
}

.mens .main{
  color:#4f6487;
}

.womens .main{
  color:#9a536e;
}

/* サブ */
.sub{
  margin-top:6px;
  font-size:20px;
  letter-spacing:.08em;
}

.mens .sub{
  color:#b39b68;
}

.womens .sub{
  color:#b48a99;
}

/* スマホ */
@media screen and (max-width:640px){

.mens a,
.womens a{
  width:46vw;
  min-width:170px;
  height:90px;
  padding-left:18px;
  align-items:center;
  text-align:center;
}

.mens a::before,
.womens a::before{
  display:none;
}

.free{
  position:static;
  font-size:22px;
  margin-bottom:2px;
}

.main{
  font-size:24px;
}

.sub{
  font-size:12px;
  margin-top:2px;
}

}



.NoregMes{
	font-size:13px;
	text-align:center;
	padding-bottom:15px;
}
.Login-Btn a{
	display:block;
	color:#FFF;
}
.Login-Btn{
 width:160px;
	margin:auto;
	line-height:45px;
position:relative;
  text-decoration:none;
  text-align:center;
  color:#fff;
  transition:0.5s;
  background:#9d8b84;
  background-size:200px 300px;
	border-radius:50px;
z-index:9999;
font-size:14px;
}
.Login-Btn:hover{
  background-position:0 100%;
}
#TPsmpImg{
	width:300px;
	position:absolute;
	right:10%;
	bottom:-50px
}




.ContWrap{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
}
.PGlink{
	margin-top:-90px;
	padding-top:90px;
}
.ContWrap h2{
	text-align:center;
	position:relative;
	font-size:27px;
	font-weight:700;
	color:#3E4746;
	font-family: 'IBM Plex Sans JP', sans-serif;
	padding-bottom:35px;
	line-height:1.5em;
}
.ContWrap h2 small{
	font-size:18px;
	display:block;
}
.ContWrap h2.IMGtitle img{
	height:35px;
}
#TopCont2{
	width:600px;
	margin:auto;
	position:relative;
}
.ContWrap h2 .OPillust{
	display:block;
}
.ContWrap h2 .OPillust img{
	height:70px;
	width:auto;
}
.ContWrap h2 .PicTitle{
	display:block;
}
.ContWrap h2 .PicTitle img{
	height:30px;
}
.CntrText{
	text-align:center;
	font-size:16px;
	line-height:2em;
	font-weight:300;
}
#TopCont2 .RegBtnArea{
	width:500px;
	margin:auto;
}
#TopCont2 .TPC-here{
	padding-top:25px;
}
.cont2Images{
	width:180px;
}
#CT2Im1{
	position:absolute;
	top:80px;
	left:-200px;
}
#CT2Im2{
	position:absolute;
	top:80px;
	right:-200px;
}
#CT2Im3{
	position:absolute;
	bottom:80px;
	left:-200px;
}
#CT2Im4{
	position:absolute;
	bottom:80px;
	right:-200px;
}


.BG-green{
	background: #46b78f; /* Old browsers */
background: -moz-linear-gradient(top, #46b78f 0%, #b0dcd4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #46b78f 0%,#b0dcd4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #46b78f 0%,#b0dcd4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b78f', endColorstr='#b0dcd4',GradientType=0 ); /* IE6-9 */
}

#TopCont3{
	width:1000px;
	margin:auto;
	padding-bottom:80px;
}
#TopCont3 h2{
	text-align:center;
	font-size:25px;
	color:#FFF;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight:700;
	padding-top:50px;
	padding-bottom:35px;
}

#cont3Step{
	width:900px;
	position:relative;
	display:table;
	padding-top:50px;
	margin:auto;
}
#cont3Step > *{
	display:table-cell;
	vertical-align:top;
	position:relative;
}
#cont3Step > * dt{
	position:relative;
	text-align:center;
}
#cont3Step > * dt img{
	height:100px;
}
#cont3Step > * div{
	text-align:center;
	height:365px;
}
#cont3Step > * dd{
	font-size:15px;
	color:#FFF;
	line-height:1.6em;
	width:250px;
	margin:auto;
	padding-top:15px;
}

.EXPcont{
	width:800px;
	margin:auto;
	position:relative;
	margin-top:50px;
	padding-bottom:80px;
}
.EXPcont section{
	position:relative;
	padding-bottom:25px;
}
.EXPcont section > *{
	display:inline-block;
	vertical-align:middle;
}
.EXimg{
	width:350px;
	height:250px;
}
.EXimg img{
	object-fit:cover;
	width:100%;
	height:100%;
	border-radius:15px;
}
.EXinfo{
	width:420px;
	padding-left:20px;
}
.EXinfo dt{
	font-size:18px;
	font-weight:700;
	padding-bottom:15px;
	line-height:1.5em;
}
.EXinfo dt small{
	display:block;
	padding-bottom:15px;
}
.EXinfo dt small img{
	height:30px;
}
.EXinfo dd{
	font-size:15px;
	padding-bottom:10px;
}
.EXinfo p{
	background-color:#EF8BA5;
	font-size:14px;
	line-height:25px;
	width:40px;
	text-align:center;
	color:#FFF;
}
.EXstory{
	font-size:16px;
	line-height:1.8em;
	font-weight:300;
}

.StoryRequest{
    width: 750px;
    margin: auto;
    position: relative;
    background-image: url(/img/up/pair/koibana.jpeg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
	height:200px;
}
.StoryRequest span{
	width:300px;
	position:absolute;
	bottom:20px;
	right:80px;
}
.StoryRequest2{
    width: 750px;
    margin: auto;
    position: relative;
    background-image: url(/img/up/pair/koibana2.jpeg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
	height:200px;
}
.StoryRequest2 span{
	width:300px;
	position:absolute;
	bottom:20px;
	right:80px;
}

#SafetyInfo{
	width:1000px;
	position:relative;
	margin:auto;
	display:table;
}
#SafetyInfo > *{
	display:table-cell;
	vertical-align:top;
	padding:25px;
	border-right:1px solid #CCC;
	width:280px;
}
#SafetyInfo > * dt{
	text-align:center;
	font-size:21px;
	font-weight:600;
	color:#887151;
	padding-bottom:25px;
}
#SafetyInfo > * dd{
	font-size:15px;
	font-weight:300;
	line-height:1.8em;
}
#SafetyInfo > * dd span{
	display:block;
	font-weight:500;
	padding-top:10px;
}
#SafetyInfo > * dd span a{
	color:#19AE93;
}

#FooterBG{
	padding:35px;
}
#FooterBG footer{
	width:980px;
	margin:auto;
	position:relative;
}

#FooterReg{
	width:500px;
}
#FooterReg h2{
	width:300px;
	margin:auto;
}
#FooterImg{
	width:520px;
	position:absolute;
	top:-50px;
	right:0px;
}
#FooterBG nav{
	width:1070px;
	margin:auto;
	position:relative;
}
#FooterBG nav li{
	font-size:14px;
	display:inline-block;
	padding-right:20px;
	font-weight:500;
}
#FooterBG nav li a{
	color:#340707;
}
#FooterBG nav li a:hover{
	color:#7c3535;
}

/*common*/
.GreenGrad{
	background: #dceee5; /* Old browsers */
background: -moz-linear-gradient(top, #dceee5 0%, #ffffff 500px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dceee5 0%,#ffffff 500px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dceee5 0%,#ffffff 500px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceee5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.BlueGrad{
	background: #dceee5; /* Old browsers */
background: -moz-linear-gradient(top, #D2ECFB 0%, #ffffff 500px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #D2ECFB 0%,#ffffff 500px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #D2ECFB 0%,#ffffff 500px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2ECFB', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.PinkGrad{
	background: #FBE7F0; /* Old browsers */
background: -moz-linear-gradient(top, #FBE7F0 0%, #ffffff 500px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FBE7F0 0%,#ffffff 500px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FBE7F0 0%,#ffffff 500px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBE7F0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.OrangeGrad{
	background: #FFEFCA; /* Old browsers */
background: -moz-linear-gradient(top, #FFEFCA 0%, #ffffff 500px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFEFCA 0%,#ffffff 500px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFEFCA 0%,#ffffff 500px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEFCA', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#FreeCost{
	width:450px;
	position:relative;
	margin:auto;
	padding:15px 25px;
	border:2px solid #E96160;
	border-radius:15px;
	background-color:#FFF;
	margin-top:35px;
}
#FreeCost p{
	font-size:16px;
	color:#E96160;
	position:relative;
	padding-bottom:15px;
}
#FreeCost ul{
	position:relative;
}
#FreeCost ul li{
	font-size:14px;
	padding-bottom:5px;
	font-weight:500;
}

#CostList{
	position:relative;
	width:500px;
	margin:auto;
	padding-top:50px;
}
#CostList p{
	font-size:16px;
	font-weight:700;
	padding-bottom:20px;
	position:relative;
}
#CostList dl{
	position:relative;
	border-bottom:1px dotted #CCC;
	display:table;
	width:100%;
}
#CostList dl > *{
	padding:10px;
	display:table-cell;
}
#CostList dl dt{
	font-size:15px;
}
#CostList dl dd{
	text-align:right;
	font-weight:600;
}

/*登録フォーム*/
#RegistForm{
	width:600px;
	position:relative;
	margin:auto;
	padding-top:50px;
	padding-bottom:50px;
}
#RegistForm dl{
	position:relative;
}
#RegistForm dl > *{
	display:inline-block;
	vertical-align:top;
	padding:10px;
}
#RegistForm dl dt{
	width:150px;
	font-size:14px;
	font-weight:500;
	padding-top:15px;
}
#RegistForm dl dd{
	width:390px;
}
#RegistForm p{
	font-size:14px;
	text-align:center;
	padding-top:15px;
	padding-bottom:25px;
}
.InputTYP1{
	width:100%;
	padding:2px;
	height:30px;
	border-radius:3px;
	border:1px solid #BDC5CB;
}
.SelectTYP1 select{
	padding:3px;
	border:1px solid #BDC5CB;
	border-radius:3px;
	height:30px;
}
.TextTYP1{
	padding:3px;
	border:1px solid #BDC5CB;
	border-radius:3px;
	height:100px;
	width:100%;
}
#RegBtn{
	text-align:center;
}
#RegBtn input{
	width:300px;
	background-color:#47AB90;
	height:60px;
	color:#FFF;
	border:none;
	border-radius:7px;
}
#RegBtn input:hover{
	background-color:#65BEA5;
}

/*特商法*/
#TransactionArea{
	width:650px;
	margin:auto;
	position:relative;
}
#TransactionArea dl{
	position:relative;
	border-bottom:dashed 1px #CCC;
}
#TransactionArea dl > *{
	display:inline-block;
	vertical-align:top;
	padding:10px;
}
#TransactionArea dl dt{
	width:200px;
	font-size:14px;
	line-height:1.3em;
}
#TransactionArea dl dd{
	width:390px;
	font-size:14px;
	line-height:1.5em;
}

/*ご利用規約*/
/*Agreement*/
#AgreeArea{
	background-color: #FFF;
	width:695px;
	margin:auto;
	padding:50px 100px;
	border-radius:25px;
}
#AgreeArea article{
	position:relative;
	padding-bottom:25px;
}
#AgreeArea article h3{
	font-size:15px;
	font-weight:500;
	position:relative;
	padding-bottom:15px;
}
#AgreeArea article p{
	font-size:15px;
	line-height:1.7em;
	font-weight:300;
	padding-bottom:15px;
	position:relative;
}
#AgreeArea article p span{
	display:block;
	font-size:14px;
	font-weight:500;
	lne-height:1.6em;
}

/*プライバシー*/
#PrivacyArea{
	background-color: #FFF;
	width:695px;
	margin:auto;
	padding:50px 100px;
	border-radius:25px;
}
.LeftText{
	width:600px;
	font-size:14px;
	line-height:1.5em;
	margin:auto;
	position:relative;
	font-weight:300;
	padding-bottom:50px;
}
#PrivacyArea dl{
	position:relative;
	padding-bottom:25px;
}
#PrivacyArea dl dt{
	font-weight:500;
	font-size:15px;
	padding-bottom:20px;
}
#PrivacyArea dl dd{
	font-size:15px;
	font-weight:400;
	line-height:1.6em;
}
#PrivacyArea dl ol{
	position:relative;
	font-size:15px;
	font-weight:400;
}
#PrivacyArea dl ol li{
	padding-bottom:10px;
}
#PrivacyArea dl p{
	font-size:14px;
	padding-top:20px;
	font-weight:300;
}
#PrivacyArea #PPsign{
	position:relative;
}
#PrivacyArea #PPsign h3{
	font-size:16px;
	padding-bottom:7px;
}
#PrivacyArea #PPsign p{
	font-size:15px;
	padding-bottom:5px;
}

/*年齢確認*/

#Auth-Require{
	width:500px;
	padding:15px 25px;
	border:2px solid #E71F19;
	border-radius:10px;
	margin:auto;
	margin-top:35px;
	background-color:#FFF;
	margin-bottom:30px;
}
#Auth-Require dt{
	text-align:center;
	color:#CD1C1C;
	font-size:16px;
	padding-bottom:15px;
	font-weight:500;
}
#Auth-Require dd{
	text-align:center;
}
#Auth-mess{
	width:500px;
	padding:15px 25px;
	background-color:#FCE5E2;
	margin:auto;
	color:#DE1B15;
	text-align:center;
	line-height:1.6em;
	margin-bottom:50px;
}
#AuthImg{
	width:700px;
	position:relative;
	margin:auto;
}
#AuthImg > *{
	display:inline-block;
	vertical-align:top;
	width:45%;
	padding:2%;
}
#AuthImg dl dd{
	text-align:center;
	font-size:15px;
	font-weight:500;
}
#KRI{
	width:300px;
	margin:auto;
	padding-bottom:35px;
	padding-top:35px;
}
#KRI2{
	width:300px;
	margin:auto;
	padding-bottom:35px;
	padding-top:35px;
}

/*体験談*/
#PostForm{
	width:600px;
	position:relative;
	margin:auto;
	padding-top:30px;
}
#PostForm article{
	position:relative;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
	padding-top:25px;
	padding-left:15px;
	padding-right:15px;
}
#PostForm article h3{
	position:relative;
	font-size:16px;
	font-weight:500;
	padding-bottom:15px;
}
#PostForm article h3 span{
	background-color: #FF3200;
	padding:0px 7px;
	font-size:11px;
	color:#FFF;
	display:inline-block;
	margin-left:7px;
	font-weight:300;
}
#PostForm article p{
	posiiton:relative;
	padding-left:35px;
	font-size:15px;
	padding-bottom:10px;
}
#PostForm article p span{
	padding-right:7px;
}
#PostForm article p small{
	display:block;
	font-size:14px;
	font-weight:300;
	line-height:1.4em;
	padding-top:25px;
}
#PostForm #STbtn{
	margin-bottom:100px;
	text-align:center;
	position:relative;
	padding-top:35px;
}
.Expost{
	width:300px;
	background-color:#47AB90;
	height:60px;
	color:#FFF;
	border:none;
	border-radius:7px;
}
.Expost:hover{
	color:#FFF;
	border-radius:7px;
	background-color:#65BEA5;
}
#ExpostTitle{
	width:800px;
	margin:auto;
}
.InputTYP2{
	width:20%;
	padding:2px;
	height:30px;
	border-radius:3px;
	border:1px solid #BDC5CB;
}
/*ログイン*/
#LoginBX{
	width:310px;
	padding:25px;
	position:relative;
	margin:auto;
}
#LoginBX dl{
	position:relative;
	padding-bottom:15px;
}
#LoginBX dl > *{
	display:inline-block;
	vertical-align:middle;
}
#LoginBX dl dt{
	width:100px;
	font-size:16px;
	color:#637B7B;
	font-weight:500;
}
#LoginBX dl dd{
	width:200px;
}
#LoginBX dl dd input{
	width:100%;
	border:2px solid #b7bdbe;
	border-radius:7px;
	padding:3px;
	height:35px;
}
#LoginBtn{
	text-align:center;
	padding-top:15px;
}
#LoginBtn input{
	width:200px;
	background-color:#00B1C6;
	color:#FFF;
	height:50px;
	border:none;
	border-radius:7px;
}
#LoginBtn input:hover{
	background-color:#e883a0;
}
/*padding*/
.PDT50{
	padding-top:50px;
}

.loggo{
display:none;
}

.regist_line{
width:300px;
margin:auto;
position:relative;
}


/*新サイト*/
.wu-inner{
  width:min(1080px, 88%);
  margin:0 auto;
}

.wu-about{
  padding:90px 0 80px;
  background:#fff;
  text-align:center;
}

.wu-label{
  display:inline-block;
  margin-bottom:18px;
  color:#c9859b;
  font-size:14px;
  letter-spacing:.18em;
  font-weight:700;
}

.wu-about h2,
.wu-feature h2,
.wu-flow h2,
.wu-security h2,
.wu-cta h2{
  margin:0 0 28px;
  color:#3f3335;
  font-size:34px;
  line-height:1.6;
  letter-spacing:.08em;
}

.wu-about p{
  max-width:680px;
  margin:0 auto;
  color:#5d5557;
  font-size:16px;
  line-height:2.2;
}

.wu-feature{
  padding:90px 0;
  background:linear-gradient(180deg,#fff7fa 0%,#ffffff 100%);
  text-align:center;
}

.wu-cardWrap{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  margin-top:48px;
}

.wu-card{
  padding:44px 30px;
  background:rgba(255,255,255,.86);
  border:1px solid #f5d5df;
  border-radius:28px;
  box-shadow:0 18px 45px rgba(180,120,140,.12);
}

.wu-card span{
  display:block;
  margin-bottom:14px;
  color:#ef9fbb;
  font-size:13px;
  letter-spacing:.2em;
  font-weight:700;
}

.wu-card h3{
  margin:0 0 18px;
  color:#9f5f78;
  font-size:22px;
}

.wu-card p{
  margin:0;
  color:#6a5f62;
  font-size:15px;
  line-height:1.9;
}

.wu-flow{
  padding:90px 0;
  background:#fafafa;
  text-align:center;
}

.wu-stepWrap{
  display:flex;
  justify-content:center;
  gap:24px;
  margin-top:46px;
}

.wu-step{
  position:relative;
  width:31%;
  padding:38px 28px;
  background:#fff;
  border-radius:26px;
  box-shadow:0 14px 35px rgba(0,0,0,.06);
}

.wu-step b{
  color:#87afd8;
  font-size:13px;
  letter-spacing:.14em;
}

.wu-step h3{
  margin:12px 0 14px;
  color:#3f3335;
  font-size:26px;
}

.wu-step p{
  margin:0;
  color:#666;
  font-size:15px;
  line-height:1.8;
}

.wu-security{
  padding:90px 0;
  background:#fff;
  text-align:center;
}

.wu-security p{
  max-width:720px;
  margin:0 auto;
  color:#5f5759;
  font-size:16px;
  line-height:2.1;
}

.wu-cta{
  padding:90px 0 100px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,214,226,.9), transparent 34%),
    linear-gradient(135deg,#fff7fa 0%,#f6fbff 100%);
  text-align:center;
}

.wu-cta p{
  margin:0 0 28px;
  color:#5f5759;
  font-size:16px;
}

/* スマホ */
@media screen and (max-width:768px){
  .wu-about,
  .wu-feature,
  .wu-flow,
  .wu-security,
  .wu-cta{
    padding:64px 0;
  }

  .wu-about h2,
  .wu-feature h2,
  .wu-flow h2,
  .wu-security h2,
  .wu-cta h2{
    font-size:26px;
  }

  .wu-cardWrap,
  .wu-stepWrap{
    display:block;
  }

  .wu-card,
  .wu-step{
    width:auto;
    margin:0 0 20px;
  }
}

.Common{
	padding-top:80px;
    background-color: #f5f5f5;
}

/*26*/
.WithTitle26{
text-align:center;
font-size:23px;
font-weight:500;
position:relative;
padding-top:100px;
}

.OnlyApple{
display:none;
}