@charset "shift-jis"; 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
html, body{height:100%; background:#fff}
a:focus{outline:none}
a:link{text-decoration:none}
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y:scroll}
body >#wrapper{position:relative; min-height:100%; height:auto !important; height:100%}
#wrapper{overflow:hidden; margin:0 auto; width:320px}
div:after{display:block; clear:both; content:""}
body{margin:0; background:#fff; height:auto}
p, li, td, dt, dd, th, label, textarea, a{color:#333;font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-size:14px; line-height:170%; font-weight:200; text-align:left}
#wrapper li{list-style-type:none}
.container .item{width:320px; float:left}
.content{margin:0 auto}
.content p{color:#4b3433}
div.container{position:relative; clear:both; overflow:hidden}
div.itemBox{position:relative}
.top{background:#fff url(images/topBg.png) 0 -1px no-repeat; text-align:left; margin-top:-1px}
.top img.title{margin-top:-1px}
.top a{display:block; padding:5px 7px 16px; overflow:hidden}
.article1, .article2, .article3{background:#fff; padding-top:16px}
.buttonWrap{background:#50bea5; padding:16px 9px}
.buttonWrap a{margin:10px 5px 0px; display:block; overflow:hidden; float:left}
/*article1*/
.article1 ul{overflow:hidden; margin:10px 10px 0}
.article1 ul li{margin-bottom:10px}
.article1 ul li.trouble1{background:url(images/balloon.png) 0 0 no-repeat; float:left; padding:13px 62px 13px 23px}
.article1 ul li.trouble2{background:url(images/balloon.png) 0 -161px no-repeat; float:right; padding:13px 23px 15px 72px}
.article1 ul li.trouble3{background:url(images/balloon.png) 0 -326px no-repeat; float:left; padding:13px 44px 13px 31px}
.article1 p{text-align:center; font-weight:700; margin:30px 0; position:relative}
.article1 p span{font-size:18px; font-weight:700; background-color:#fff45c; background:-webkit-linear-gradient(rgba(0,0,0,0) 65%,#fff45c 50%); background:-moz-linear-gradient (transparent 65%,#fff45c 50%); background:-ms-linear-gradient (transparent 65%,#fff45c 50%); background:-o-linear-gradient (transparent 65%,#fff45c 50%); background:linear-gradient(rgba(0,0,0,0) 65%,#fff45c 50%)}
.article1 p:before{position:absolute; top:-30px; right:45%; display:block; content:''; width:40px; height:25px; background:url(images/icon.png) 0 0 no-repeat}
/*article2*/
.article2 p.description{margin:0 20px; padding:10px 0 20px}
.article2 .point{border:2px solid #50bea5; margin:20px 7px 0; border-radius:5px}
.article2 .point p{background:#50bea5; border-radius:5px; padding:5px 10px; text-align:center; color:#fff; position:relative; margin-top:-20px; left:9%; width:252px; font-weight:600; font-size:16px; text-shadow:1px 1px 0px #229a7f}
.article2 .point ul{padding:0 10px}
.article2 .point ul li{padding:7px 0 12px 52px; font-size:16px; font-weight:600; margin:10px 0}
.c-line{background-color:#fff45c; background:-webkit-linear-gradient(rgba(0,0,0,0) 65%,#fff45c 50%); background:-moz-linear-gradient (transparent 65%,#fff45c 50%); background:-ms-linear-gradient (transparent 65%,#fff45c 50%); background:-o-linear-gradient (transparent 65%,#fff45c 50%); background:linear-gradient(rgba(0,0,0,0) 65%,#fff45c 50%); font-weight:600}
.c-small {font-size: 12px;display: block;}
.article2 .point ul li.point1{background:url(images/icon.png) 0 -120px no-repeat}
.article2 .point ul li.point2{background:url(images/icon.png) 0 -257px no-repeat}
.article2 .point ul li.point3{background:url(images/icon.png) 0 -395px no-repeat}
.article2 p.flow{background:#f69392; font-weight:600; font-size:16px; color:#fff; text-align:center; padding:16px 10px; margin-top:30px; text-shadow:1px 1px 0px #de615d}
.container{background:rgb(255,255,255); /* Old browsers */background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(240,233,225,1) 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(240,233,225,1))); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(240,233,225,1) 100%); /* Chrome10+,Safari5.1+*/}
.item img, .item p{margin:0 42px; padding-top:160px}
.article2 #content01 .article p{background:url(images/flow.png) 50% 9px no-repeat}
.article2 #content02 .article p{background:url(images/flow.png) 50% -193px no-repeat}
.article2 #content03 .article p{background:url(images/flow.png) 50% -429px no-repeat}
.article2 #content04 .article p{background:url(images/flow.png) 50% -649px no-repeat}
.article3{background:#e7fbf8}
.content .article3 .staff{background:#fff; margin:12px 12px 20px; padding:10px; border-top:5px solid #f48685; position:relative}
.staff:after{content:''; display:block; width:294px; height:35px; background:url(images/shadow.png) 0 0px no-repeat; position:absolute; bottom:-35px; left:2px}
.content .article3 .staff3{border-top:5px solid #50bea5; margin-bottom:30px}
.article3 .name{background:url(images/human.png) 0 0 no-repeat; padding:5px 0 10px 100px; text-align:left}
.article3 .staff2 .name{background:url(images/human.png) 0 -255px no-repeat; padding:5px 0 10px 100px}
.article3 .staff3 .name{background:url(images/human.png) 0 -510px no-repeat; padding:5px 0 10px 100px}
.article3 .staff4 .name{background:url(images/human.png) 0 -760px no-repeat; padding:5px 0 10px 100px}
.content .article3 .staff4 {border-top:5px solid #569FCD;}
.article3 .name p:first-child{font-weight:600; margin:5px 0}
.article3 p.message{padding:10px 0}
/*flickNav*/
ul.flickNav{margin:10px 0; position:relative; left:50%; float:left}
ul.flickNav li{float:left; display:inline; margin-right:6px; margin-bottom:6px; position:relative; left:-50%}
ul.flickNav li a{display:block; width:10px; height:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border-radius:10px; background-color:#4b3433}
ul.flickNav li.selected a{background-color:#f48685}
.moving{-webkit-transition:-webkit-transform .2s ease-out; -moz-transition:-moz-transform .2s ease-out; -o-transition:-o-transform .2s ease-out; -ms-transition:-ms-transform .2s ease-out}
ul.next_prev li{margin:10px 10px 20px; padding:4px; display:block; background-color:#f48685; border-radius:50%; height:30px; width:30px; cursor:pointer; position:absolute; bottom:0; color:#fff; font-size:21px; font-weight:600; text-align:center}
ul.next_prev li.prev{float:left; left:5px; top:100px}
ul.next_prev li.next{float:right; right:5px; top:100px}
ul.next_prev li.prev:after{position:absolute; top:50%; right:9px; display:block; content:''; width:7px; height:7px; margin-top:-6px; border-top:3px solid #fff; border-right:3px solid #fff; -webkit-transform:rotate(-135deg); transform:rotate(-135deg)}
ul.next_prev li.next:after{position:absolute; top:50%; right:12px; display:block; content:''; width:7px; height:7px; margin-top:-6px; border-top:3px solid #fff; border-right:3px solid #fff; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
ul.next_prev li.off{background-color:#ccc}
@media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx){.top{background:#fff url(images/topBg@2x.png) 0 -1px no-repeat; background-size:320px}.article1 ul li.trouble1{background:url(images/balloon@2x.png) 0 0 no-repeat; background-size:291px}.article1 ul li.trouble2{background:url(images/balloon@2x.png) 0 -161px no-repeat; background-size:291px}.article1 ul li.trouble3{background:url(images/balloon@2x.png) 0 -326px no-repeat; background-size:291px}.article1 p:before{background:url(images/icon@2x.png) 0 0 no-repeat; background-size:46px}.article2 .point ul li.point1{background:url(images/icon@2x.png) 0 -120px no-repeat; background-size:46px}.article2 .point ul li.point2{background:url(images/icon@2x.png) 0 -257px no-repeat; background-size:46px}.article2 .point ul li.point3{background:url(images/icon@2x.png) 0 -395px no-repeat; background-size:46px}.article2 #content01 .article p{background:url(images/flow@2x.png) 50% 9px no-repeat; background-size:165px}.article2 #content02 .article p{background:url(images/flow@2x.png) 50% -193px no-repeat; background-size:165px}.article2 #content03 .article p{background:url(images/flow@2x.png) 50% -429px no-repeat; background-size:165px}.article2 #content04 .article p{background:url(images/flow@2x.png) 50% -649px no-repeat; background-size:165px}.staff:after{background:url(images/shadow@2x.png) 0 0px no-repeat; background-size:294px}.article3 .name{background:url(images/human@2x.png) 0 0 no-repeat; background-size:85px}.article3 .staff2 .name{background:url(images/human@2x.png) 0 -255px no-repeat; background-size:85px}.article3 .staff3 .name{background:url(images/human@2x.png) 0 -510px no-repeat; background-size:85px}.article3 .staff4 .name{background:url(images/human@2x.png) 0 -760px no-repeat; background-size:85px}
}