body#sc-mobile-app {
    background: #f6f6f6;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
}
#sc-mobile-app a {
    color:#1a74ba;
    text-decoration:none;
}
#sc-mobile-app a:hover, a:focus, a:active {
	color:#ba1a31;
	text-decoration:underline;
}


#sc-mobile-app img {
    vertical-align: bottom;
}

#sc-mobile-app h1,
#sc-mobile-app h2,
#sc-mobile-app h3 {
    font-weight: normal;
}

#sc-mobile-app ul,
#sc-mobile-app ol {
    margin: 0;
    padding: 0;
}

#sc-mobile-app ul li,
#sc-mobile-app ol li {
    list-style: none;
}
    .manuals-faqs {
        margin-top:5px;
        margin-bottom:5px;
    }

#sc-mobile-app p {
    margin: 0 0 10px;
}

#sc-mobile-app .sc-mobile-app-container {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

/* headerはcommonを転用すること 
#sc-mobile-app header {
    padding: 10px 0;
    background: #0c2b97;
}
*/
#sc-mobile-app header {
    display: block;
}
        .st-siteHeader {
          height: 60px;
          position: relative;
        }

        .st-blueBar {
          color: #fff;
          background: #0d2ea0;
          padding: 0 35px;
          position: relative;
          height: 100%;
        }

        .st-blueBar a {
          color: #fff;
        }

        .st-blueBar_inner {
          height: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 auto;
        }

        .st-blueBar_logo {
          margin: 0 auto 0 -10px;
          -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 30px;
        }

        .st-blueBar_logo a {
          display: block;
          padding: 12px 10px 9px;
        }

        .st-blueBar_logo a:hover, .st-blueBar_logo a:focus {
          opacity: 1;
        }

        .st-blueBar_logo img {
          display: block;
          width: 102px;
          height: 39px;
        }

        #select-language {
          position: relative;
          box-sizing: border-box;
          min-width: 184px;
          height: 26px;
          padding: 0 9px 0;
          border-radius: 2px;
          color: #fff;
          font-size: 12px;
          font-size: 0.75rem;
          line-height: 15px;
          line-height: 0.9375rem;
          border: 1px solid #314dae;
          z-index: 2;
          cursor: pointer;
          outline: none;
          float: right;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
        }

        select {
          background-color: transparent;
          text-transform: none;
          font: inherit;
        }

        select::-ms-expand {
          color: #fff;
          background-color: #0d2ea0;
          border: 1px solid #0d2ea0;
        }

        option{
          font-size: 12px;
          font-size: 0.75rem;
          color: #222;
        }

        .agreeHeader {
          height: 30px;
          position: relative;
          background-color: #283450;
        }

        .agreeHeader a {
          color: #ffffff;
          font-size: 9pt;
          line-height: 30px;
          padding-left: 35px;
          margin: 0;
          float: left;
        }

        .agreeHeader a:hover {
          color: #ffffff;
          text-decoration: underline;
        }

        .agreeHeader p {
          color: #ffffff;
          font-size: 9pt;
          line-height: 30px;
          padding-left: 35px;
          margin: 0;
        }

        .st-TitleBar {
          width: 100%;
          background: #ebecf0;
          background-image: url('../../img/bg_pc.jpg');
          background-repeat: no-repeat;
          text-align: center;
        }

        .st-TitleBar h1 {
          display: inline-block;
          width: 900px;
          margin: 0;
          padding-top: 60px;
          padding-bottom: 60px;
          text-align: center;
          color: #283450;
          font-size: 28pt;
          line-height: 34pt;
          font-weight: normal;
        }

#sc-mobile-app .sc-mobile-app-hero {
    position: relative;
    margin: 30px 0;
}

#sc-mobile-app .sc-mobile-app-hero img.sc-mobile-app-bg {
    width: 100%;
}

#sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
    background: rgba(0,0,0,.7);
    color: #fff;
    box-sizing: border-box;
}

/* ----- IE8ハック ----- */
#sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')\9;
}

#sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge:not(:target) {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')\9; /* IE9,10 */
}

#sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge img {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: auto;
}

#sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge h1 {
    margin: 15px 0 5px;
    font-size: 26px;
    line-height: 1;
}

#sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge p {
    margin: 0;
}

#sc-mobile-app main {
    float: left;
    width: 68%;
    margin: 0 0 40px;
    padding: 20px;
    background: #fff;
    box-sizing: border-box;
}

#sc-mobile-app nav {
    float: right;
    width: 30%;
    margin: 0 0 40px;
    padding: 20px;
    background: #fff;
    box-sizing: border-box;
}

#sc-mobile-app hr {
    width: 80%;
    height: 1px;
    margin: 40px auto;
    background: #ddd;
    border: none;
}

#sc-mobile-app main h2 {
    margin: 0 0 20px;
    font-size: 24px;
}

#sc-mobile-app main h3 {
    margin: 0 0 10px;
    font-size: 24px;
}

#sc-mobile-app .sc-mobile-app-info ul li {
    margin: 0 0 40px;
}

#sc-mobile-app .sc-mobile-app-info ul li > p {
    width: 11.5625%;
    margin-top: 0.5em;
    margin-left: 1.5625%;
    margin-right: 3.125%;
    float: left;
}

#sc-mobile-app .sc-mobile-app-info ul li img {
    width: 100%;
}

#sc-mobile-app .sc-mobile-app-info ul li .sc-mobile-app-info-txt {
    display: inline-block;
    width: 83.75%;
    word-wrap: break-word;
}

#sc-mobile-app .sc-mobile-app-cap ul li {
    float: left;
    width: 48%;
}

#sc-mobile-app .sc-mobile-app-cap ul li + li {
    float: right;
}

#sc-mobile-app .sc-mobile-app-cap ul li img {
    width: 100%;
}

#sc-mobile-app .sc-mobile-app-cap > p {
    text-align: right;
    font-size: 12px;
    clear: both;
}

#sc-mobile-app nav h2 {
    margin: 0 0 10px;
    font-size: 20px;
}

#sc-mobile-app .sc-mobile-app-howto.sc-mobile-app-sp,
#sc-mobile-app .sc-mobile-app-howto.sc-mobile-app-sp + hr {
    display: none;
}

#sc-mobile-app .sc-mobile-app-howto ol > li {
    margin: 0 0 10px;
}

#sc-mobile-app .sc-mobile-app-howto ul li {
    float: left;
    width: 46%;
}

#sc-mobile-app .sc-mobile-app-howto ul li + li {
    float: right;
}

#sc-mobile-app .sc-mobile-app-howto ul li img {
    width: 100%;
    margin: 10px 0 0;
}

#sc-mobile-app .sc-mobile-app-os.sc-mobile-app-sp,
#sc-mobile-app .sc-mobile-app-os.sc-mobile-app-sp + hr {
    display: none;
}

#sc-mobile-app .sc-mobile-app-os ul li{
    margin: 0 0 5px;
}

#sc-mobile-app .sc-mobile-app-os ul li:first-child {
    padding-left: 4.2em;
    text-indent: -4.2em;
}

#sc-mobile-app .sc-mobile-app-os ul li:first-child span {
    display: inline-block;
    width: 4.2em;
    text-indent: 0;
}

#sc-mobile-app .sc-mobile-app-os ul li:nth-child(2) {
    padding-left: 2.5em;
    text-indent: -2.5em;
}

#sc-mobile-app .sc-mobile-app-os ul li:nth-child(2) span {
    display: inline-block;
    width: 2.5em;
    text-indent: 0;
}

#sc-mobile-app .sc-mobile-app-phone.sc-mobile-app-sp,
#sc-mobile-app .sc-mobile-app-phone.sc-mobile-app-sp + hr {
    display: none;
}

#sc-mobile-app .sc-mobile-app-phone > p{
    margin-top: 30px;
}

#sc-mobile-app .sc-mobile-app-phone ul li:first-letter {
    margin: 0 0 5px;
    padding: 0 0 0 .8em;
    background: url("../../img/ico_circle.gif") no-repeat left 50%;
}

#sc-mobile-app .sc-mobile-app-phone ul li {
	padding-left:.8em;
    text-indent: -.8em;
}

#sc-mobile-app footer {
    padding: 10px 0;
    background: #333;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

/****************************************************
#sc-mobile-app : footer2 Start
****************************************************/
#sc-mobile-app footer2{
	text-align: center;
	}

#sc-mobile-app footer2 ul{
	display:inline-block;
	margin:0.1em 2em;
	}

#sc-mobile-app footer2 li{
	list-style:none;
	float:left;
	margin-right:1.0em;
	padding-right:1.0em;
	border-right:solid 1px #999999;
	}

#sc-mobile-app footer2 li:last-child{
	padding-right:0;
	border-right:none;
	}

#sc-mobile-app footer2 a{
	color:#1a74ba;
	text-decoration:none;
	}

#sc-mobile-app footer2 a:hover, footer2 a:focus, footer2 a:active{
	color:#ba1a31;
	text-decoration:underline;
	}
/***********************
#sc-mobile-app : footer2 END
****************************************************/




#sc-mobile-app .sc-mobile-app-container:before,
#sc-mobile-app .sc-mobile-app-container:after,
#sc-mobile-app .sc-mobile-app-hero:before,
#sc-mobile-app .sc-mobile-app-hero:after,
#sc-mobile-app main:before,
#sc-mobile-app main:after,
#sc-mobile-app .sc-mobile-app-howto ul:before,
#sc-mobile-app .sc-mobile-app-howto ul:after,
#sc-mobile-app .clearfix:before,
#sc-mobile-app .clearfix:after {
    content: " ";
    display: table;
}

#sc-mobile-app .sc-mobile-app-container:after,
#sc-mobile-app .sc-mobile-app-hero:after,
#sc-mobile-app main:after,
#sc-mobile-app .sc-mobile-app-howto ul:after,
#sc-mobile-app .clearfix:after {
    clear: both;
}

#sc-mobile-app .sc-mobile-app-container,
#sc-mobile-app .sc-mobile-app-hero,
#sc-mobile-app main,
#sc-mobile-app .sc-mobile-app-howto ul,
#sc-mobile-app .clearfix {
    *zoom: 1;
}

@media only screen and (max-width: 736px) {
    #sc-mobile-app header {
    display: block;
    }
            .st-siteHeader {
              height: 60px;
              position: relative;
            }

            .st-blueBar {
              color: #fff;
              background: #0d2ea0;
              padding: 0 15px;
              position: relative;
              height: 100%;
            }

            .st-blueBar a {
              color: #fff;
            }

            .st-blueBar_inner {
              height: 100%;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              align-items: center;
              margin: 0 auto;
            }

            .st-blueBar_logo {
              margin: 0 auto 0 -10px;
              -webkit-flex: 0 0 auto;
              flex: 0 0 auto;
              padding-right: 30px;
            }

            .st-blueBar_logo a {
              display: block;
              padding: 12px 10px 9px;
            }

            .st-blueBar_logo a:hover, .st-blueBar_logo a:focus {
              opacity: 1;
            }

            .st-blueBar_logo img {
              display: block;
              width: 102px;
              height: 39px;
            }
            
            #sc-mobile-app .st-blueBar_img{
              display: block;
              width: 102px;
              height: 39px;
            }
            
            #select-language {
              color: #ffffff;
            }

            .st-TitleBar {
              width: 100%;
              background: #ebecf0;
              background-image: url('../../img/bg_mb.jpg');
              background-size: 105%;
              background-repeat: no-repeat;
              text-align: center;
            }

            #select-language {
              position: relative;
              box-sizing: border-box;
              min-width: 184px;
              height: 26px;
              padding: 0 9px 0;
              border-radius: 2px;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              color: #fff;
              font-size: 12px;
              font-size: 0.75rem;
              line-height: 15px;
              line-height: 0.9375rem;
              border: 1px solid #314dae;
              z-index: 2;
              cursor: pointer;
              outline: none;
              float: right;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
            }

            select {
              background-color: transparent;
              text-transform: none;
              font: inherit;
            }

            option{
              font-size: 12px;
              font-size: 0.75rem;
              color: #222;
            }
    
    
    #sc-mobile-app .sc-mobile-app-hero {
        position: static;
        margin: 20px 0;
    }
    
    #sc-mobile-app .sc-mobile-app-hero img.sc-mobile-app-bg {
        width: 100%;
        margin: 0 0 20px;
    }
    
    #sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge {
        position: static;
        padding: 0;
        background: none;
        color: #000;
        text-align: center;
    }
    
    #sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge img {
        float: none;
        margin: 0;
    }
    
    #sc-mobile-app .sc-mobile-app-hero .sc-mobile-app-badge h1 {
        margin: 0;
        padding: 10px 0 0;
        font-size: 24px;
        line-height: 1.5;
    }
    
    #sc-mobile-app main {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }
    
    #sc-mobile-app nav {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }
    
    #sc-mobile-app main h3 {
        margin: 0;
        font-size: 24px;
    }
    
    #sc-mobile-app .sc-mobile-app-info ul li > p {
        width: 8.5625%;
    }
    
    #sc-mobile-app .sc-mobile-app-cap {
        display: none;
    }
    
    #sc-mobile-app .sc-mobile-app-howto.sc-mobile-app-pc,
    #sc-mobile-app .sc-mobile-app-howto.sc-mobile-app-pc + hr {
    display: none;
    }
    
    #sc-mobile-app .sc-mobile-app-howto.sc-mobile-app-sp,
    #sc-mobile-app .sc-mobile-app-howto.sc-mobile-app-sp + hr {
    display: block;
    }
    
    #sc-mobile-app .sc-mobile-app-howto ul li {
    float: left;
    width: auto;
    }
    
    #sc-mobile-app .sc-mobile-app-howto ul li img {
    width: 120px;
    margin: 10px 0 0;
    }
    
    #sc-mobile-app .sc-mobile-app-howto ul li img.sc-mobile-app-qr {
        display: none;
    }
    
    #sc-mobile-app .sc-mobile-app-howto ul li + li {
    float: left;
    margin-left: 5%;
    }
    
    #sc-mobile-app .sc-mobile-app-os.sc-mobile-app-pc,
    #sc-mobile-app .sc-mobile-app-os.sc-mobile-app-pc + hr {
    display: none;
    }
    
    #sc-mobile-app .sc-mobile-app-os.sc-mobile-app-sp,
    #sc-mobile-app .sc-mobile-app-os.sc-mobile-app-sp + hr {
    display: block;
    }
    #sc-mobile-app .sc-mobile-app-phone.sc-mobile-app-pc,
    #sc-mobile-app .sc-mobile-app-phone.sc-mobile-app-pc + hr {
    display: none;
    }
    
    #sc-mobile-app .sc-mobile-app-phone.sc-mobile-app-sp,
    #sc-mobile-app .sc-mobile-app-phone.sc-mobile-app-sp + hr {
    display: block;
    }
}