@charset "utf-8";.addbtn{background:#f1f1f1;padding:20px;margin:10px;border-radius:10px;overflow:hidden}.addbtn img{width:60%;max-width:200px;display:block;margin:auto;margin-bottom:10px}.addbtn p{line-height:1em;text-align:center;font-weight:700;font-size:.9em}.addfriend-flow{position:relative;border:solid 1px #ddd;border-radius:10px;margin-top:20px;margin:40px 10px 30px;padding:40px 10px 10px}.addfriend-flow h2{position:absolute;background:#37a1ca;color:#fff;font-weight:700;font-size:1.1em;top:-.5em;left:10px;letter-spacing:1px;padding:3px 9px}.addfriend-flow h2:after{content:"";display:block;border-top:solid 8px transparent;border-left:solid 7px #0b6b90;border-right:solid 10px transparent;position:absolute;top:0;right:-17px}.addfriend-flow .flow:not(:last-child){margin-bottom:20px}.addfriend-flow .flow h3{color:#0e85b3;font-weight:700;border-radius:5px;padding:0 10px 0 30px;margin-bottom:10px;font-size:1.2em;position:relative;margin-left:10px}.addfriend-flow .flow h3 .num{font-size:.9em;background:#38a6d0;position:absolute;left:0;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;border-radius:3em;color:#fff;top:2px}.addfriend-flow .flow img{width:70%;display:block;margin:0 auto 15px}.addfriend-flow .flow p{line-height:1.5em;margin:0 10px}.addfriend-flow .flow p .small{font-size:.9em;display:block;text-indent:-1em;margin-left:1em;line-height:1.2em;margin-top:10px}.privatetolk{margin:10px 10px 20px}.privatetolk h2{font-weight:700;line-height:1.4em;text-align:center;padding:5px;background:#263046;color:#fff;font-size:1.1em;position:relative}.privatetolk h2:before{content:"";display:block;position:absolute;bottom:-7px;left:50%;border-top:solid 10px #263046;border-left:solid 10px transparent;border-right:solid 10px transparent;margin-left:-5px}.privatetolk>p{line-height:1.5em;margin:10px}.privatetolk ol{position:relative}.privatetolk ol li{list-style-type:none;margin-bottom:30px}.privatetolk ol li .stepTitle{color:#fff;background:#37a1ca;text-align:center;margin-bottom:15px;position:relative;font-size:1.2em;font-weight:700;line-height:1.7em;padding-right:15px;margin-top:0}.privatetolk ol li .stepTitle:after{content:"";display:block;position:absolute;border-right:solid 15px #fff;border-top:solid 15px #fff;border-bottom:solid 15px transparent;border-left:solid 15px transparent;top:0;right:0}.privatetolk ol li p{line-height:1.5em;margin:0 10px 10px}.privatetolk ol li img{display:block;width:70%;margin:auto}.privatetolk ol li img{margin:0 auto 15px}.privatetolk ol li p .small{font-size:.9em;display:block;text-indent:-1em;margin-left:1em;line-height:1.2em;margin-top:10px}.sateiLink{text-align:center;margin:30px 10px 40px;border:solid 1px #ddd;padding:15px 0 20px}.sateiLink p{color:#61ae14;font-size:1.2em;margin-bottom:7px}.sateiLink a{background:#61ae14;color:#fff;display:block;font-size:1.4em;width:13em;margin:auto;padding:10px}@media screen and (min-width:460px){.addfriend-flow .flow{overflow:hidden;display:flex;flex-wrap:wrap}.addfriend-flow .flow:not(:last-child){border-bottom:solid 1px #ddd}.addfriend-flow .flow h3{width:100%}.addfriend-flow .flow img{width:40%;margin-left:10px}.addfriend-flow .flow p{width:calc(60% - 30px);margin:10px 0 0}.addfriend-flow h2{left:20px;padding:3px 20px}.addbtn p{line-height:1.5em;text-align:left;float:left;width:10em;margin-left:30px;margin-top:8px}.addbtn img{margin-bottom:0;float:left}.addbtn .wrap{margin:auto;width:370px}.privatetolk ol li{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}.privatetolk ol li img{width:40%;margin-left:10px;margin-bottom:0}.privatetolk ol li p{width:calc(60% - 30px);margin:10px 10px 0 0}.privatetolk ol li .stepTitle{width:100%;margin-right:0}.privatetolk h2{padding:10px 5px;font-size:1.3em;margin-bottom:20px}}@media screen and (min-width:640px){.addfriend-flow .flow img{width:33%}.addfriend-flow .flow p{width:calc(70% - 40px);font-size:1.1em}.addfriend-flow{padding:40px 5vw 10px}.privatetolk ol li{padding:0 3vw 0}.privatetolk ol li img{width:30%}.privatetolk ol li p{width:calc(70% - 40px);font-size:1.1em}}@media screen and (min-width:761px){.addfriend-flow,.privatetolk ol{display:flex;justify-content:space-between;align-items:flex-start}.addfriend-flow .flow{display:block;width:32%}.addfriend-flow .flow h3{width:auto}.addfriend-flow .flow:not(:last-child){border-bottom:0}.addfriend-flow .flow img,.addfriend-flow .flow p{width:90%;margin:0 auto 15px}.sateiLink{font-size:1.1em;padding:25px 0 30px}.addfriend-flow,.privatetolk{padding:40px 10px 10px;margin:50px 30px}.addfriend-flow .flow p{margin-top:0}.addbtn .wrap{width:380px}.addbtn{margin:30px}.privatetolk ol li{width:30%;display:block;padding:0}.privatetolk ol li img,.privatetolk ol li p{width:100%;margin:0 0 10px}}@media screen and (min-width:1000px){.addfriend-flow{width:900px;margin:50px auto}.addfriend-flow .flow img{width:90%;margin:0 auto 10px}.addfriend-flow .flow p{width:85%;font-size:1em;margin:auto}.addfriend-flow .flow:not(:last-child){border-bottom:0}.privatetolk{width:920px;margin:50px auto;padding:40px 0 0}.privatetolk ol li{padding:0;width:31%;margin:1%}.privatetolk ol li img{width:90%;margin:auto;float:none;margin-bottom:15px}.privatetolk ol li p{width:95%;font-size:1em;float:none;margin:0 auto 10px}.addbtn{width:860px;margin:30px auto}.addbtn p{font-size:16px}.addbtn .wrap{width:390px}}