@charset 'utf-8';
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ------------------------
   contact-app-normalize
------------------------ */
html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%
}
body{
    font-size:100%;
    line-height:1.5
}
body{
    font-family:Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
    color:#333
}
p{
    margin-top:12px
}
img{
    vertical-align:bottom
}
body>img[src^="http"]:not([src*="softbank.jp"]),body>img[src^="//"]:not([src*="softbank.jp"]),body>img[height="1"][width="1"],body>img[height="0"][width="0"]{
    position:absolute
}
a{
    color:#069;
    text-decoration:none
}
a:hover,a:active,a:focus{
    color:#069;
    text-decoration:underline
}
a:focus{
    outline:thin dotted
}
a:hover,a:active{
    outline:0
}
button{
    -webkit-appearance:none;
    border:0;
    padding:0;
    cursor:pointer;
    font-family:inherit;
    font-size:inherit
}
button:hover,button:active,button:focus{
    color:#069;
    text-decoration:underline
}
button:focus{
    outline:thin dotted
}
button:hover,button:active{
    outline:0
}
.clearfix{
    zoom:1
}
.clearfix:after{
    display:block;
    clear:both;
    content:''
}


/* ------------------------
   contact-app-structure
------------------------ */
.header-inner,.footer-inner{
    zoom:1
}
.header-inner:after,.footer-inner:after{
    display:block;
    clear:both;
    content:''
}
.header-inner,.footer-inner{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
header.header,footer.footer{
    margin:0 auto;
    text-align:center;
    min-width:990px
}
.header-inner,.footer-inner{
    margin:0 auto;
    width:990px;
    text-align:left
}
.header-contact-app{
    min-width:990px;
    border-top:5px solid #357eec
}
.header-contact-app-inner{
    height:100px;
    margin:0 40px 0 23px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.header-contact-app-logo-link{
    display:block;
    width:194px;
    height:54px;
    line-height:1;
    text-indent:-9999px;
    background:url(/mobile/set/data/support/contact/lib/img/shared/logo-contact-app-sb.svg) no-repeat left center;
    background-size:194px 54px;
    text-decoration:none;
    -webkit-transition:opacity 0.4s;
    transition:opacity 0.4s;
    will-change:opacity
}
/*.header-contact-app-logo-link:hover{
    opacity:0.6
}*/


.sb-appshell-v1-header-breadcrumbs,.sb-appshell-v1-footer-breadcrumbs{
    margin:0;
    padding:0;
    font-family:Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
    font-size:14px;
    line-height:1.42857;
    color:#333;
    background-color:#ececec;
    padding:10px 0;
    min-width:990px;
    min-height:50px;
    box-sizing:border-box;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:left
}
.sb-appshell-v1-footer-breadcrumbs{
    border-bottom: 5px solid #307bef;
}
[lang='en'] .sb-appshell-v1-header-breadcrumbs,[lang='en'] .sb-appshell-v1-footer-breadcrumbs{
    font-family:Helvetica, Arial, sans-serif
}
html[data-sb-fontsize='large'] .sb-appshell-v1-header-breadcrumbs,body.fontsize-large .sb-appshell-v1-header-breadcrumbs,html[data-sb-fontsize='large'] .sb-appshell-v1-footer-breadcrumbs,body.fontsize-large .sb-appshell-v1-footer-breadcrumbs{
    font-size:16px;
    line-height:1.25
}
html[data-sb-fontsize='small'] .sb-appshell-v1-header-breadcrumbs,body.fontsize-small .sb-appshell-v1-header-breadcrumbs,html[data-sb-fontsize='small'] .sb-appshell-v1-footer-breadcrumbs,body.fontsize-small .sb-appshell-v1-footer-breadcrumbs{
    font-size:11px;
    line-height:1.63636
}
.sb-appshell-v1-header-breadcrumbs::before,.sb-appshell-v1-footer-breadcrumbs::before{
    display:block;
    content:'';
    float:left;
    width:0;
    height:30px
}
.sb-appshell-v1-header-breadcrumbs_inner,.sb-appshell-v1-footer-breadcrumbs_inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:nowrap;
    -ms-flex-flow:nowrap;
    flex-flow:nowrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    min-width:950px;
    min-height:14px;
    margin:0 auto;
    padding:0 20px
}
.sb-appshell-v1-header-breadcrumbs_list,.sb-appshell-v1-footer-breadcrumbs_list{
    -webkit-flex-shrink:1;
    -ms-flex-negative:1;
    flex-shrink:1;
    margin:0;
    padding:0;
    font-size:85.71429%;
    line-height:2;
    list-style-type:none;
    letter-spacing:0
}
.sb-appshell-v1-header-breadcrumbs_list::after,.sb-appshell-v1-footer-breadcrumbs_list::after{
    content:'';
    display:block;
    clear:both
}
.sb-appshell-v1-header-breadcrumbs_item,.sb-appshell-v1-footer-breadcrumbs_item{
    float:left;
    margin:-2px 6px 0 0;
    padding:0;
    letter-spacing:normal;
    line-height:inherit
}
.sb-appshell-v1-header-breadcrumbs_item::before,.sb-appshell-v1-footer-breadcrumbs_item::before{
    content:'>';
    padding:0 5px 0 0 !important
}
.sb-appshell-v1-header-breadcrumbs_item:first-child::before,.sb-appshell-v1-footer-breadcrumbs_item:first-child::before{
    content:'';
    display:none
}
.sb-appshell-v1-header-breadcrumbs_item-link:link,.sb-appshell-v1-header-breadcrumbs_item-link:visited,.sb-appshell-v1-footer-breadcrumbs_item-link:link,.sb-appshell-v1-footer-breadcrumbs_item-link:visited{
    color:#555555;
    text-decoration:none
}
.sb-appshell-v1-header-breadcrumbs_item-link:hover,.sb-appshell-v1-header-breadcrumbs_item-link:active,.sb-appshell-v1-header-breadcrumbs_item-link:focus,.sb-appshell-v1-footer-breadcrumbs_item-link:hover,.sb-appshell-v1-footer-breadcrumbs_item-link:active,.sb-appshell-v1-footer-breadcrumbs_item-link:focus{
    text-decoration:underline
}
.sb-appshell-v1-header-breadcrumbs_item-current,.sb-appshell-v1-footer-breadcrumbs_item-current{
    color:#424242;
    font-weight:bold
}
.sb-appshell-v1-header-breadcrumbs-utility,.sb-appshell-v1-footer-breadcrumbs-utility{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-flow:nowrap;
    -ms-flex-flow:nowrap;
    flex-flow:nowrap;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    margin:0 0 0 auto
}
.sb-appshell-v1-header-breadcrumbs_item-home .sb-appshell-v1-header-breadcrumbs_item-current::before,.sb-appshell-v1-header-breadcrumbs_item-home .sb-appshell-v1-header-breadcrumbs_item-link::before{
    content:'';
    display:inline-block;
    margin:0 5px 2px 0;
    vertical-align:middle;
    background-image:url("/mobile/set/data/support/contact/lib/img/shared/icon-contact-app-home.png");
    background-position:0 0;
    background-repeat:no-repeat;
    width:12px;
    height:11px;
    text-indent:-9999px;
    overflow:hidden;
    background-size:100%
}
.sb-appshell-v1-footer-breadcrumbs_item-home .sb-appshell-v1-footer-breadcrumbs_item-current::before,.sb-appshell-v1-footer-breadcrumbs_item-home .sb-appshell-v1-footer-breadcrumbs_item-link::before{
    content:'';
    display:inline-block;
    margin:0 5px 2px 0;
    vertical-align:middle;
    background-image:url("/mobile/set/data/support/contact/lib/img/shared/icon-contact-app-home.png");
    background-position:0 0;
    background-repeat:no-repeat;
    width:12px;
    height:11px;
    text-indent:-9999px;
    overflow:hidden;
    background-size:100%
}
body.os_Mac .sb-appshell-v1-header *,body.os_Mac .sb-appshell-v1-world-menu *,body.os_Mac .sb-appshell-v1-header-breadcrumbs *,body.os_Mac .sb-appshell-v1-footer-breadcrumbs *,body.os_Mac .sb-appshell-v1-category-footer *,body.os_Mac .sb-appshell-v1-footer *{
    letter-spacing:0
}
.footer-contact-app{
    overflow:hidden;
    margin:0;
    padding:0;
    font-family:Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
    font-size:14px;
    line-height:1.42857;
    color:#424242;
    min-width:990px
}
.footer-contact-app_inner{
    padding:40px 0;
    background-color:#e1e1e6;
    box-shadow:0px 10px 10px -3px rgba(0,0,0,0.4) inset
}
.footer-contact-app_contents-inner{
    width:950px;
    margin:auto
}
.footer-contact-app_logo{
    margin-top:11px
}
.footer-contact-app_logo-link{
    display:block;
    width:192px;
    height:28px;
    background:url(/mobile/set/data/support/contact/lib/img/shared/logo-contact-app-sb.svg) no-repeat center center;
    background-size:100%;
    margin:auto;
    text-indent:-9999px;
    -webkit-transition:opacity 0.4s;
    transition:opacity 0.4s;
    will-change:opacity
}
.footer-contact-app_registration{
    text-align:center;
    margin:0;
    padding:30px 0 0;
    font-size:11px;
    line-height:1;
    color:#424242
}
.footer-contact-app_copyright{
    text-align:center;
    margin:0;
    padding:40px 0 0;
    font-size:11px;
    line-height:1;
    color:#555555
}
.footer-contact-app_registration+.footer-contact-app_copyright{
    padding-top:30px
}
.footer-contact-app_copyright-small{
    font-size:100%
}
#nav-top-area{
    position:fixed;
    display:block;
    bottom:10px;
    right:10px;
    width:60px;
    height:60px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:50%;
    text-align:center;
    text-indent:100%;
    overflow:hidden;
    white-space:nowrap
}
#nav-top-area.hide{
    opacity:0;
    -webkit-transition:0.5s;
    transition:0.5s;
    pointer-events:none
}
#nav-top-area.wait{
    display:block;
    -webkit-transition:2.5s;
    transition:2.5s
}
#nav-top-area.move{
    display:block;
    -webkit-transition:0.1s;
    transition:0.1s
}
#nav-top-area #nav-top{
    position:relative;
    width:100%;
    height:100%;
    margin-top: 0;
}
#nav-top-area a#nav-top-btn{
    display:block;
    text-decoration:none;
    width:60px;
    height:60px;
    border-radius:50%;
    background:rgba(0,0,0,0.75)
}
#nav-top-area a#nav-top-btn:before{
    display:block;
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    width:15px;
    height:15px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg);
    margin:3px auto 0
}


#nav-top-area{
    position:fixed;
    display:block;
    bottom:10px;
    right:10px;
    width:60px;
    height:60px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:50%;
    text-align:center;
    text-indent:100%;
    overflow:hidden;
    white-space:nowrap
}
#nav-top-area.hide{
    opacity:0;
    -webkit-transition:0.5s;
    transition:0.5s;
    pointer-events:none
}
#nav-top-area.wait{
    display:block;
    -webkit-transition:2.5s;
    transition:2.5s
}
#nav-top-area.move{
    display:block;
    -webkit-transition:0.1s;
    transition:0.1s
}
#nav-top-area #nav-top{
    position:relative;
    width:100%;
    height:100%
}
#nav-top-area a#nav-top-btn{
    display:block;
    text-decoration:none;
    width:60px;
    height:60px;
    border-radius:50%;
    background:rgba(0,0,0,0.75)
}
#nav-top-area a#nav-top-btn:before{
    display:block;
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    width:15px;
    height:15px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg);
    margin:3px auto 0
}