@charset "UTF-8";*{margin:0;padding:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,th,td,form,time,fieldset,legend{color:#000;font-family:'Noto Sans JP',sans-serif,"ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",
 "MS PGothic",sans-serif;margin:0;padding:0;}a{color:#50c896;}img{vertical-align:bottom;}li{list-style:none;}.fadecont{opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity 1s,visibility 1s,transform 1s;}.is-fadein{opacity:1 !important;visibility:visible !important;transform:translateX(0) !important;}body{opacity:0;}#main{background:url(../images/pc/main/base@0.5x.png) repeat-x;height:601px;-webkit-animation:bgroop2 40s linear infinite;animation:bgroop2 40s linear infinite;}#main > ul{position:fixed;left:30px;top:26px;z-index:8;}#main > ul li{position:fixed;left:30px;top:26px;}#main h1{padding-top:59px;margin-bottom:32px;text-align:center;}#main h2{text-align:center;margin-bottom:54px;}#main > div{margin:0 auto;position:relative;width:597px;}#main div p:nth-child(1){margin-bottom:12px;}#main div > div{position:absolute;top:-45px;right:-25px;}#main h1,#main h2,#main div p,#main div > div{opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity 1s,visibility 1s,transform 1s;}#cont1{background:#f7f2ec;}#cont1 .inner{margin:0 auto;padding:75px 0;width:990px;}#cont1 h2{background:url(../images/pc/cont1/arrow@0.5x.png) no-repeat center bottom;line-height:43px;margin-bottom:42px;padding-bottom:61px;text-align:center;}#cont1 h2:before,#cont1 h2:after{content:"";display:inline-block;vertical-align:middle;height:109px;width:109px;}#cont1 h2:before{background:url(../images/pc/cont1/imguser@0.5x.png) no-repeat center center;margin-right:30px;}#cont1 h2:after{background:url(../images/pc/cont1/imgfriend@0.5x.png) no-repeat center center;margin-left:30px;}#cont1 h3{background:#fff;border-top:2px solid #1b1b1b;border-left:2px solid #1b1b1b;border-right:2px solid #1b1b1b;font-size:19px;display:inline-block;line-height:45px;letter-spacing:0.08em;padding:0 25px;}#cont1 h3 + div{background:#fff;border:2px solid #1b1b1b;margin-bottom:40px;padding:28px 37px;}#cont1 h3 + div > div,#cont1 h3 + div dl{display:inline-block;vertical-align:top;}#cont1 h3 + div > div{margin-right:34px;}#cont1 h3 + div dl{padding-top:38px;min-height:326px;position:relative;width:480px;}#cont1 h3 + div dl{padding-top:38px;position:relative;width:480px;}#cont1 h3 + div.user dl{min-height:363px;}#cont1 h3 + div.friend dl{min-height:326px;}#cont1 h3 + div dl dt{border-bottom:2px dotted #1b1b1b;font-size:28px;font-weight:bold;line-height:42px;letter-spacing:0.05em;margin-bottom:30px;padding-bottom:10px;}.user dl dt span{color:#ea6172;}.friend dl dt span{color:#008c7a;}#cont1 h3 + div dl dd li{color:#626262;font-size:16px;line-height:26px;}.friend dl dd p{color:#008c7a;}.friend dl dd ul{position:absolute;bottom:0;left:0;}#cont1 h3 + div .btn a{background:#ea6172 url(../images/pc/cont1/arrow2.png) no-repeat right 24px center;background-size:14px auto;border-radius:100px;bottom:0;left:0;color:#fff;font-size:16px;display:inline-block;line-height:60px;text-decoration:none;padding-left:50px;position:absolute;width:370px;-webkit-transition:all .3s;transition:all .3s;}#cont1 h3 + div .btn a:hover{background:#c44054 url(../images/pc/cont1/arrow2.png) no-repeat right 24px center;background-size:14px auto;color:#f4dde0;}#cont2 .inner{margin:0 auto;padding:80px 0;width:990px;}#cont2 h2{text-align:center;margin-bottom:65px;}#cont2 h2 + ol{margin-bottom:50px;}#cont2 h2 + ol > li{display:inline-block;position:relative;border:1px solid #1b1b1b;padding:45px 15px 0;vertical-align:top;min-height:285px;width:278px;}#cont2 h2 + ol > li:nth-child(2){transition-delay:0.5s;}#cont2 h2 + ol > li:nth-child(3){transition-delay:1s;}#cont2 h2 + ol > li:not(:last-child){margin-right:30px;}#cont2 h2 + ol > li dt{position:absolute;top:-25px;left:0;text-align:center;width:309px;}#cont2 h2 + ol > li dd img{display:block;margin-bottom:20px;}#cont2 h2 + ol > li dd{font-size:16px;line-height:26px;}.sh{background:#f7f2ec url(../images/pc/cont2/imgpresent@0.5x.png) no-repeat right 50px center;margin-bottom:60px;padding:76px 37px 35px;position:relative;}.sh dt{background:url(../images/pc/cont2/base@0.5x.png) no-repeat center center;color:#fff;position:absolute;left:40px;top:-10px;font-size:16px;line-height:61px;text-align:center;width:154px;}.sh dd p{font-size:16px;margin-bottom:10px;}.sh dd p + p{color:#626262;font-size:14px;margin-bottom:0;}.att{border-top:2px dotted #1b1b1b;padding-top:50px;}.att dt{font-size:22px;font-weight:bold;margin-bottom:32px;}.att dd li{color:#626262;font-size:16px;line-height:32px;text-indent:-1em;padding-left:1em;}#cont3{margin-bottom:60px;padding:40px 0;width:100%;background:url(../images/pc/base3@0.5x.png) repeat-x;background-position:0 0;text-align:center;-webkit-animation:bgroop2 40s linear infinite;animation:bgroop2 40s linear infinite;}@-webkit-keyframes bgroop2{from{background-position:0  0;}to{background-position:-1600px 0;}}@keyframes bgroop2{from{background-position:0 0;}to{background-position:-1600px 0;}}#cont3 div a{-webkit-transition:all .3s;transition:all .3s;}#cont3 div a:hover{opacity:0.6;}#cont3 div img{vertical-align:middle;}#footer{background:#ffffff;text-align:center;}#footer ul{margin-bottom:45px;}#footer ul li{display:inline-block;}#footer ul li:not(:last-child) a{border-right:1px solid #1e1e1e;}#footer ul li a{color:#1e1e1e;display:block;font-size:16px;line-height:1em;margin-right:17px;text-decoration:none;padding-right:17px;}#footer div{margin-bottom:43px;}#footer p small{color:#959595;font-size:12px;}@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){#main{background:url(../images/pc/main/base.png) repeat-x;background-size:1600px auto;}#cont1 h2{background:url(../images/pc/cont1/arrow.png) no-repeat center bottom;background-size:53px auto;}#cont1 h2:before{background:url(../images/pc/cont1/imguser.png) no-repeat center center;background-size:109px auto;}#cont1 h2:after{background:url(../images/pc/cont1/imgfriend.png) no-repeat center center;background-size:109px auto;}#cont1 h3 + div .btn a{background:#ea6172 url(../images/pc/cont1/arrow2.png) no-repeat right 24px center;background-size:14px auto;}#cont1 h3 + div .btn a:hover{background:#c44054 url(../images/pc/cont1/arrow2.png) no-repeat right 24px center;background-size:14px auto;}.sh{background:#f7f2ec url(../images/pc/cont2/imgpresent.png) no-repeat right 50px center;background-size:148px auto;}.sh dt{background:url(../images/pc/cont2/base.png) no-repeat center center;background-size:154px auto;}#cont3{background:url(../images/pc/base3.png) repeat-x;background-size:1600px auto;}}