@charset "utf-8";.linesateititle{margin:20px 0 20px}.box{background:#00c300;color:#fff;position:relative;padding:10px;margin:5px;font-weight:700;border:solid 1px #828282;display:flex;justify-content:center;align-items:center}.box:before,.box:after{content:"";display:block;width:calc(100% - 20px);position:absolute;left:0}.box:before{border-bottom:solid 5px #05a905;border-left:solid 10px transparent;border-right:solid 10px transparent;top:-6px;z-index:1}.box:after{border-bottom:solid 7px #828282;border-left:solid 10px transparent;border-right:solid 10px transparent;top:-8px;z-index:0}.box .baloon{background:#fff;color:#555;display:block;width:5.5em;text-align:center;line-height:1.3em;padding:5px;font-size:.8em;position:relative;border:solid 1px #828282;float:left;margin-right:23px}.box .baloon:before,.box .baloon:after{content:"";display:block;width:0;height:0;position:absolute;bottom:0}.box .baloon:before{right:-19px;border-top:solid 7px transparent;border-left:solid 10px #fff;border-right:solid 10px transparent;z-index:2}.box .baloon:after{right:-20px;border-top:solid 7px transparent;border-left:solid 10px #828282;border-right:solid 10px transparent;z-index:0}.subject h1 .happily{display:none}.subject h1{font-weight:700;font-size:1.7em}.subject .small{line-height:1em;margin-bottom:5px;font-size:.9em}.linesateititle p{text-align:center;line-height:1.2em;font-size:.8em;margin:5px 10px}.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}.addfriend-flow .flow:not(:last-child){border-bottom:solid 1px #ddd}.addfriend-flow .flow img{width:40%;margin-left:10px;float:left}.addfriend-flow .flow p{width:calc(60% - 30px);float:right;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}.privatetolk ol li img{width:40%;margin-left:10px;float:left;margin-bottom:0}.privatetolk ol li p{width:calc(60% - 30px);float:right;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:540px){.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}.subject h1 .happily{display:inline-block}.box{padding:20px 10px;margin-bottom:10px}}@media screen and (min-width:760px){.linesateititle{margin:10px 0 20px}.sateiLink{font-size:1.1em;padding:25px 0 30px}.addfriend-flow{padding:40px 10px 10px}.addfriend-flow .flow p{margin-top:0}.addbtn .wrap{width:380px}}@media screen and (min-width:1000px){.subject h1{font-weight:400;font-size:2.5em;line-height:1.4em}.box .baloon{font-size:1em;padding:10px}.subject .small{font-size:1.5em;font-weight:400}.addfriend-flow{display:flex;justify-content:center}.addfriend-flow .flow img{width:90%;margin:0 auto 10px;float:none}.addfriend-flow .flow p{width:85%;font-size:1em;float:none;margin:auto}.addfriend-flow .flow:not(:last-child){border-bottom:0}.privatetolk ol{display:flex}.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}}