#HtmlTag[lang="en-US"] body {line-height:1.2;}
#Modal_01 { padding-right: 0 !important;}
#Modal_01 a {display:block;}
.modal-calc_close {background-image: url(img/fancybox_sprite.png); width: 36px; height: 36px; position:absolute;}
.nav-item a { display:block; border-radius: 50%; border-width:1px; border-style:solid; opacity:0.75; transform: scale(0.85);}
.nav-item a:hover {opacity:1; transform: scale(1);}
#smbt_makuake {border-width:0;}
#smbt_fb {border-color:#3c5a99;}
#smbt_youtube {border-color:#e62c2e;}
#smbt_twitter {border-color:#28aae1;}
#smbt_instagram {border-color:#231f20;}
.flex-row {display: flex; align-items: center;}
.dataResponse[data-type="bg"] {background-repeat:no-repeat;}
.badge-pill {padding-right: .5em; padding-left: .5em; font-family: Arial,sans-serif; font-size: 70%; text-align: center; font-weight: normal;}
#s0 {background-color:#ededed;}
#s1 {background-color:#fff;}
#slogan {padding-bottom:15px; border-bottom:1px solid #5f5f5f;}
#page1_slogan {color:#646464; }
#page1_slogan>span {font-family: Arial,sans-serif; color:#1d2087; display: inline-table; opacity:0;}
#page2_slogan {color:#4a4a59; }
#HtmlTag[lang="zh-TW"] #page2_slogan {color:#1d2087;}
#page2_slogan>span {color:#ffac53;}
#page1_title1 { background-color: #1d2087; color:#fff;}
#page1_title2 { color:#1d2087; letter-spacing: 1px; text-shadow: 1px 0px 0px #1d2087; }
#page1_title3 { color:#585858; letter-spacing: 1px; text-shadow: 1px 0px 0px #585858;}
#page2_title1 {color:#4a4a59; }
#HtmlTag[lang="en-US"] #page2_title1 {line-height:1.1; }
#HtmlTag[lang="zh-TW"] #page2_title1 {color:#1d2087;}
#s2{background-color: #f9f9f9; border-top: 1px solid #ececec;}
#s2_1 {background-color:#a1c7f8;}
#page3_slogan {color: #1d2087; text-shadow: 1px 0px 0px #1d2087}
#page3_desc {color: #1d2087;}
#page3_p1_disc {padding:0 20px;}
#page3_p1_disc p.title {color:#fff; font-size:17px; text-shadow: 1px 0px 0px #fff; margin:0 0 0 1px; line-height:1.2;}
#page3_p1_disc p.desc {margin-left: 25px; line-height:1.2;}
#s3 {background-color:#eee;}
#page4_overlayer {background-position: 50% 100%; background-size: auto 100%;}
#page4_img {position:relative;z-index:0;}
#page4_slogan>span {color:#0055a3;}
#page4_title1 {border:1px solid #0055a3; color:#0055a3; padding: 10px 15px; text-align:center;}
#s4 {background-color:#cadde3;}
#s4 p {margin-bottom:15px;}
#page5_slogan {color:#2d2d2d; text-shadow: 1px 0px 0px #2d2d2d; }
#page5_slogan>span {color:#105ca6;}
#page5_title2 {border: 1px solid #0055a3; color: #0055a3; padding: 10px 15px; text-align:center;}
#page6_slogan, #page6_title1 {color:#333f5a; text-shadow: 1px 0px 0px #333f5a; text-align:center;}
#page7_desc {position: absolute; display: table; left: 50%; z-index: 1;}
#s7 table th, #s7 table td { vertical-align: middle; border-color: #c7c7c7;}
#s7 table p {margin-bottom:5px;}

#page8_logo {max-width:150px;}
.bgc-y {background-color:#ebf5fb;}
.text-red {color:#a90e79; font-weight: bold;}
.text-blue {color:#4f73ff; font-weight: bold;}
#page8_title1, #page8_title2 {color:#393939; text-align:center;}
#page8_title1 {text-shadow: 1px 0px 0px #393939;}
#crown {display: block; position:absolute; z-index:1;}
#s8 {background-color:#7f8ea3;}
#s9 {background-color:#eee;}
#s9 .title { margin-bottom: 5px;}
#page10_title {color:#333f5a; text-shadow: 1px 0px 0px #333f5a; text-align:center; }
#s10 {background-color: #7f8ea3; }
#icon_arror {position:absolute; left:calc(50vw - 40px); max-width:80px; z-index:1;}
#page11_slogan {color:#fff; text-shadow: 1px 0px 0px #fff; text-align:center;}
#page11_slogan>span {color:#ffb35c; text-shadow: 1px 0px 0px #ffb35c;}
#s11 {background-color:#e8e8e8;}
#s11 .gap {height: 20px;}
#s11 p {margin-bottom:5px; color: #585858;}
#s12 {background-color:#7f8ea3;}
#page13_slogan { color:#fff; text-shadow: 1px 0px 0px #fff; }
#page14_slogan { color:#303030; text-shadow: 1px 0px 0px #303030; }
#s13 .wrap100 {background-color: #efefef;}
#s13 .img-thumbnail { width: 348px; padding: 0; border-radius: 0;  box-shadow: rgba(0,0,0,.2) 0px 0px 20px 0; -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 20px 0;}
#s14 .btn-grey-empty { padding: 6px 15px 7px 15px; font-weight: 500; }
#HtmlTag[lang="ja-JP"] #s14 .btn-grey-empty { padding: 8px 15px 5px 15px; }
#s14 .acco-des { padding: 10px 20px 15px 20px;}
#s14 .acco-des .badge-pill { padding-left: 1.7em; margin-left: 5px; line-height: 1.5;}
#s14 .acco-des p:first-child {text-indent: -12px;}
#s14 .acco-heading .badge-pill {padding-left: 20px; padding-right: 6px; line-height: 1; font-size: 17px; text-align: right;}

#icon_ec {line-height: 1; padding: 6px 15px 7px 15px; background-image: url(../images/shopleadtek_icon.png); background-size: auto 150%; background-repeat: no-repeat; background-position: 14px 4px; margin-top:10px;}
#icon_ec span {padding: 0 0 0 28px; line-height: 1.35;}
#icon_ec:hover {background-position-y:-22px;}
#page15_title { color:#303030; text-shadow: 1px 0px 0px #303030; text-align:center;font-size: 28px; margin-bottom: 20px; }

.bt_border {border:1px solid #bababa; background-color:#fcfcfc; opacity:0.85; font-size:15px; color: #4a4a4a; line-height:42px; padding: 0 15px; text-align: center;}
#bt_page1_L { height:40px; margin-right: 5px;}
#bt_page1_R { height:40px; margin-left: 5px;}
a.bt_border:hover {opacity:1; background-color:#fff;}
#circles_icon a {opacity: .8; margin:0 3px;}
#circles_icon img {border-radius: 50%; border-bottom: 1px solid #f3f3f3; box-shadow: rgba(0,0,0,.3) 0px 0px 5px 0; -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 5px 0;}
#circles_icon a:focus, #circles_icon a:hover, #circles_icon a.active {transform-origin: top; opacity:1; transition: all .2s ease-in; transform: translate(0,15px) scale(.95); -webkit-transform: translate(0,15px) scale(.95); -moz-transform: translate(0,15px) scale(.95); -ms-transform: translate(0,15px) scale(.95); -o-transform: translate(0,15px) scale(.95);}
#circles_icon a:hover>img {box-shadow: rgba(0,0,0,.5) 0px 0px 15px 0; -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 15px 0;}


/**	response **/
@media (min-width: 1600px) {
    
}

@media (min-width: 992px) and (max-width:1599px) {

}

@media (min-width: 1200px) {
    #page7_desc { padding-top: 150px; margin-left: 100px; font-size: 17px; max-width: 470px;}
    #page7_desc img {max-width:90px; padding-bottom:10px;}
    #s14 .container { max-width: 960px;}
}

@media (max-width:1199px) {    
    
}

@media (min-width: 1140px) {
    #s8 {padding-bottom:4rem; padding-top:4rem;}
    #page9_bk1, #page9_bk2 {width: calc(100vw); height: 661px; background-position: 50% 50%;}
    #page9_bk1 {margin-left:1px;}
    #page11_pic3 {max-width:1121px; padding-top:4px; padding-bottom:4rem;}
    #icon_arror {margin-top:160px;}
    #page12_img {max-width:210px; margin-left: 50px; padding-top: calc(25vw);}
    #s14 .acco-heading {text-indent: -26px !important; padding-left: 40px;}
    #HtmlTag[lang="en-US"] #s14 .acco-heading {font-size: 1rem; line-height: 1;}
}

@media (max-width: 1139px) {
    #s8 {padding-bottom:0;}
    #page9_title {padding-top: 3rem;}
    #page9_bk1, #page9_bk2 {width: calc(100vw); height: calc(57.98vw); background-position: center bottom; background-size:auto 100%;}
    #page9_icon1, #page9_icon2 {width: calc(13.15vw);}
    #icon_arror {margin-top:calc(15vw); max-width:calc(7vw); left: calc(46.5vw);}
    #page11_pic1 {width: calc(50vw - 12px);}
    #page11_pic2 {width: calc(50vw - 11px);}
    #page11_pic3 {padding-top:4px; padding-bottom:0;}
    #page12_img {width:calc(25vw); max-width:210px; margin-left: calc(5vw); padding-top: calc(40vw);}
}

@media (max-width: 1157px) {
    #s13 .img-thumbnail {width:calc(30vw);}
}

@media (min-width: 992px) and (max-width:1199px) {
    #page7_desc { padding-top: calc(20vw - 90px); margin-left: 80px; font-size: 17px; max-width: calc(50vw - 120px);}
    #page7_desc img {max-width:80px; padding-bottom:10px;}
}

@media (min-width: 992px) {
    .navbar-expand-lg {flex-flow: column !important; align-items: flex-end !important;}
    #logo {max-height:60px; padding:2px 20px;}      
    #brandlogo {max-height:60px;}   
    .nav-item a { width: 49px; height: 49px;}
    .nav-item img {max-height:49px;}
    #slogan {max-width:400px; padding-bottom: 15px;}   
    #page1_slogan {font-size: 28px; padding-top: 15px; }
    #page1_slogan>span {transform: scale(1.2, 1.7); padding: 0 13px;}
    #HtmlTag[lang="en-US"] #page1_title1 { font-size: 18px; line-height: 1; letter-spacing: 1px; padding: 12px 25px 13px 25px; margin:15px 0; border-radius: 25px; }
    #HtmlTag[lang="ja-JP"] #page1_title1 { font-size: 17px; line-height: 1; letter-spacing: 2px; padding: 14px 25px 11px 25px; margin:15px 0; border-radius: 25px;}
    #HtmlTag[lang="zh-TW"] #page1_title1 { font-size: 18px; line-height: 1; letter-spacing: 1px; padding: 12px 25px 13px 25px; margin:15px 0; border-radius: 25px;}
    #HtmlTag[lang="en-US"] .bt_border { line-height:39px;}
    #HtmlTag[lang="zh-TW"] .bt_border { line-height:39px;}
    #page1_title2 { font-size: 18px; line-height: 1.2; margin-bottom:10px; }
    #HtmlTag[lang="ja-JP"] #page1_title3 { font-size: 24px; letter-spacing: 1px; margin-bottom:5px; }
    #page1_title3 { font-size: 18px; margin-bottom:5px; line-height:1.1; max-width:400px; }
    #bt_page1_L,  #bt_page1_R{ width:195px; }
    #circles_icon img {max-width:70px;}

    #s0{ margin-top: 65px;}
    #slogan2 {max-width:440px; padding-bottom: 30px;}
    #page2_slogan {font-size: 24px; }
    #page2_title1 { font-size: 18px;}
    #page2_img01 {max-width:180px; z-index:1; padding-top:30px;}
    #page2_img02 {max-width:170px; margin-top:-20px; z-index:0;}

    #s2 {padding-bottom: 180px; padding-top: 100px;}
    #HtmlTag[lang="zh-TW"] #s2 {padding-top: 50px;}
    #page3_slogan {font-size: 26px; padding-bottom: 15px;}
    #page3_desc {font-size: 24px; padding-top: 15px;}
    #page3_title1 {max-width: 800px; font-size: 20px;}
    #page3_p1 {margin-top:-110px;}
    #page3_p1_disc p.desc {font-size:16px;}

    #slogan4 {max-width:600px; padding-top: 30px; padding-bottom: 20px;}
    #HtmlTag[lang="zh-TW"] #slogan4 {padding-top: 0; }
    #page4_slogan {font-size: 24px; padding-top: 5px; }
    #HtmlTag[lang="zh-TW"] #page4_slogan {font-size: 36px; }
    #page4_title1 {font-size: 16px;  margin:20px 0;}
    #HtmlTag[lang="zh-TW"] #page4_title1 {font-size: 25px;}
    #HtmlTag[lang="ja-JP"] #page4_title1 {letter-spacing: 2px;}
    #page4_overlayer {margin-top: -30px;}
    #HtmlTag[lang="ja-JP"] #page5_slogan {font-size: 22px; padding-bottom: 25px; }
    #page5_slogan {font-size: 30px; padding-bottom: 10px; }
    #s4 li {font-size: 18px; }
    #page5_title2 {font-size: 16px; margin: 5px 0 20px 0; line-height: 1.1;}
    #HtmlTag[lang="zh-TW"] #page5_title2 {font-size: 24px;}
    #HtmlTag[lang="ja-JP"] #page5_title2 {letter-spacing: 2px; line-height: 1.3;}
    #page5_img {max-width:220px; padding-bottom: 15px;}
    #HtmlTag[lang="en-US"] #feature_icon, #HtmlTag[lang="en-US"] #page7_icon1 {max-width:200px;}
    #HtmlTag[lang="en-US"] #page7_icon2 {max-width:145px;}
    #s4 p {font-size: 16px}

    #page6_slogan {font-size: 32px; }
    #page6_title1 { font-size: 34px; padding-top:10px; padding-bottom:50px;}
    #HtmlTag[lang="en-US"] #page6_container p {max-width:calc(30vw); font-size:17px; line-height:1.1;}
    #HtmlTag[lang="zh-TW"] #page6_container p {font-size:17px; line-height:1.3;}

    #s6 {padding-bottom:4rem;}
    #page7_desc1 {font-size:18px;}
    #HtmlTag[lang="en-US"] #page7_desc1 {font-size:17px; max-width: 992px; text-align: center; line-height:1.1;}    

    #s7 .container {padding-bottom:3rem;}
    #page8_title1 {font-size: 28px;}
    #page8_title2 {font-size: 28px; padding-bottom: 40px;}
    #HtmlTag[lang="zh-TW"] #page8_title2 {font-size: 34px; text-shadow: 1px 0px 0px #393939;}
    #crown { margin-top: -40px; max-width:60px; margin-left:-80px;}
    
    #page9_title {padding-bottom:4rem;}
    #page10_title { font-size: 32px; margin-bottom:20px; padding-top:5rem; }
    #s9 p.title {margin-left: -28px; padding-top:4rem; font-size:20px;}
    #HtmlTag[lang="zh-TW"] #s9 p.title {margin-left: -34px; padding-top: 3rem; font-size: 24px; line-height: 1;}
    #s9 p {font-size:16px;}

    #s11 {height:1100px; background-position: center bottom;}
    #page11_slogan {font-size: 34px; padding-top: 60px; padding-bottom:30px }
    #page12_slogan {max-width:550px;}
    #page12_desc {font-size: 18px; line-height: 1.5;}

    #s12 {padding-bottom: 5rem; padding-top: 4rem;}
    #page13_slogan { font-size: 34px; padding-top: 20px; padding-bottom: 20px; }

    #s13 .wrap100 {padding-bottom: 5rem; padding-top: 4rem;}
    #page14_slogan { font-size: 28px; margin-bottom:20px; }

    #s14 .container  {padding-bottom: 5rem; padding-top: 4rem;} 
    #HtmlTag[lang="en-US"] #s14 .acco-des {font-size: 16px;}
}

@media (max-width: 991px) {
    .navbar {height:53px;}
    .collapse:not(.show) { display: block !important; }
    #logo{max-height:49px; padding:2px 10px;}
    #brandlogo {max-height:49px;}
    .nav-item a { width: 38px; height: 38px;}
    .nav-item img {max-height:38px;}
    #brandlogo {max-height: 34px;}
    #page9_title {padding-top: 0;}
    #s0 {margin-top: 53px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    #slogan {max-width:380px; padding-bottom: 15px;}
    #page1_slogan {font-size: 26px; padding-top: 12px; }
    #page1_slogan>span {transform: scale(1,1.5); padding: 0 5px;}
    #HtmlTag[lang="en-US"] #page1_title1 { font-size: 17px; padding: 12px 25px 13px 25px; line-height: 1; letter-spacing: 1px; margin:15px 0; border-radius: 25px; }
    #HtmlTag[lang="ja-JP"] #page1_title1 { font-size: 15px; padding: 13px 25px 11px 25px; line-height: 1; letter-spacing: 2px; margin:15px 0; border-radius: 24px; }
    #HtmlTag[lang="zh-TW"] #page1_title1 { font-size: 15px; padding: 13px 25px 11px 25px; line-height: 1; letter-spacing: 2px; margin:15px 0; border-radius: 24px; }
    #page1_title2 { font-size: 15px; line-height: 1.2; margin-bottom:5px; }
    #HtmlTag[lang="ja-JP"] #page1_title3 { font-size: 19px; letter-spacing: 1px; margin-bottom:5px; }
    #HtmlTag[lang="zh-TW"] #page1_title3 { font-size: 19px; letter-spacing: 1px; margin-bottom:5px; }
    #page1_title3 { font-size: 15px; margin-bottom:5px; line-height:1.1; max-width:380px; }
    #bt_page1_L,  #bt_page1_R{ width:185px; line-height:40px; }
    #HtmlTag[lang="en-US"] .bt_border { line-height:38px; font-size:14px; }
    #HtmlTag[lang="zh-TW"] .bt_border { line-height:38px;}
    #circles_icon img {max-width:65px;}

    #slogan2 {width: 380px; padding-bottom: 25px;}
    #page2_slogan {font-size: 22px; }
    #page2_title1 { font-size: 17px;}
    #page2_img01 {max-width:150px; z-index:1; padding-top:25px;}
    #page2_img02 {max-width:160px; margin-top:-15px; z-index:0;}

    #s2 {padding-bottom: 160px; padding-top: 80px;}
    #HtmlTag[lang="zh-TW"] #s2 {padding-top: 50px;}
    #page3_slogan {font-size: 24px; padding-bottom: 10px;}
    #page3_title1 {max-width: calc(80vw); font-size: 18px;}
    #page3_p1 {margin-top:-90px;}
    #page3_p1_disc p.desc {font-size:15px;}

    #slogan4 {max-width:450px; padding-top: 0; padding-bottom: 15px;}
    #page4_slogan {font-size: 22px; padding-top: 5px; }
    #HtmlTag[lang="zh-TW"] #page4_slogan  {font-size: 30px; padding-top: 0; }
    #page4_title1 {font-size: 15px; margin:20px 0;}
    #HtmlTag[lang="zh-TW"] #page4_title1 {font-size: 20px;}
    #HtmlTag[lang="ja-JP"] #page4_title1 {letter-spacing: 1px;}
    #page4_overlayer {margin-top: -25px;}
    #HtmlTag[lang="ja-JP"] #page5_slogan {font-size: 20px; padding-bottom: 25px; }
    #HtmlTag[lang="zh-TW"] #page5_slogan {font-size: 26px; padding-bottom: 15px; line-height:1.3 }
    #page5_slogan {font-size: 23px; padding-bottom: 10px; }
    #s4 li {font-size: 17px; }
    #page5_title2 {font-size: 15px; margin: 5px 0 30px 0; line-height: 1.1;}
    #HtmlTag[lang="ja-JP"] #page5_title2 {letter-spacing: 1px;  line-height: 1.3;}
    #HtmlTag[lang="zh-TW"] #page5_title2 {font-size: 22px;}
    #page5_img {max-width:200px; padding-bottom: 15px;}
    #s4 p {font-size: 15px}

    #page6_slogan {font-size: 28px; }
    #page6_title1 { font-size: 30px; padding-top:10px; padding-bottom:30px;}
    #HtmlTag[lang="en-US"] #page6_container p {max-width:calc(50vw); line-height:1.1; font-size:15px;}
    #HtmlTag[lang="zh-TW"] #page6_container p {line-height:1.3; font-size:17px;}
    #HtmlTag[lang="ja-JP"] #feature_icon, #HtmlTag[lang="ja-JP"] #page7_icon1 {max-width:70px;}
    #HtmlTag[lang="zh-TW"] #feature_icon, #HtmlTag[lang="zh-TW"] #page7_icon1 {max-width:70px;}
    #HtmlTag[lang="en-US"] #feature_icon, #HtmlTag[lang="en-US"] #page7_icon1 {max-width:150px;}
    #HtmlTag[lang="en-US"] #page7_icon2 {max-width:110px;}
    
    #s6 {padding-bottom:3rem;}
    #page7_desc { padding-top: calc(20vw - 90px); margin-left: 70px; font-size: 17px; max-width: calc(50vw - 80px);}
    #page7_desc img {max-width:70px; padding-bottom:10px;}
    #HtmlTag[lang="en-US"] #page7_top {max-width:calc(70vw); line-height:1.1; font-size:15px;}
    #HtmlTag[lang="en-US"] #page7_desc1 {text-align:center;}

    #s7 .container {padding-bottom:2rem;}
    #s7 table th, #s7 table td {font-size: 15px;}
    #page8_title1 {font-size: 26px;}
    #page8_title2 {font-size: 26px; padding-bottom: 35px;}
    #HtmlTag[lang="zh-TW"] #page8_title2 {font-size: 32px; text-shadow: 1px 0px 0px #393939;}
    #crown { margin-top: -40px; max-width:50px; margin-left:-70px;}
    #HtmlTag[lang="en-US"] #crown {margin-top: -30px;}

    #s8 { padding-top: 3rem;}
    #page9_title { padding-bottom:3rem; max-width:calc(85vw);}
    #page10_title { font-size: 30px; margin-bottom:15px; padding-top:4rem; }
    #s9 p.title {margin-left: -24px; padding-top:3rem; font-size:18px;}
    #HtmlTag[lang="zh-TW"] #s9 p.title { margin-left: -30px; padding-top: 2rem; font-size: 22px; line-height: 1;}
    #s9 p {font-size: 15px;}

    #s11 {height:1000px; background-position: center bottom; background-size: auto 75%;}
    #page11_slogan {font-size: 32px; padding-top: 50px; padding-bottom:30px }
    #page12_slogan {max-width:500px;}
    #page12_desc {font-size: 17px; line-height: 1.4;}

    #s12 {padding-bottom: 3rem; padding-top: 3rem;}
    #page13_slogan { font-size: 32px; padding-top: 15px; padding-bottom: 15px; }

    #s13 .wrap100 {padding-bottom: 3rem; padding-top: 3rem;}
    #page14_slogan { font-size: 24px; margin-bottom:20px; }

    #s14 .container  {padding-bottom: 3rem; padding-top: 3rem;}
}

@media (min-width: 768px) {
    .dataResponse[data-typ="bg"] {background-size:auto;}
    .bgposition-yc {background-position-y:center;}
    .bgposition-yb {background-position-y:bottom;}
    .bgposition-yt {background-position-y:top;}
    .bgposition-xr {background-position-x:right;}
    .bgposition-xc {background-position-x:center;}
    .bgposition-xl {background-position-x:left;}

    #page1 {margin-left:0;}
    #page3_p1_disc .wrap {width: 33.33%; padding: 0 5% 0 0;}
    .modal-calc_close {top: -18px; right: -18px;}
    #s14 .acco-heading {text-indent: -23px;}
}

@media (max-width: 767px) {
    .modal-calc_close {top: -15px; right: -15px;}
    .bt_border > span { display:none; }
    #HtmlTag[lang="en-US"] .bt_border { line-height:38px; font-size:13px; }    
    #HtmlTag[lang="zh-TW"] .bt_border { line-height:38px; }    
    #HtmlTag[lang="zh-TW"] #page5_title1 {width:calc(80vw);}
    #s7 table th, #s7 table td {font-size: 13px;}
}

@media (min-width: 661px) and (max-width:767px) {
    #circles_icon img {max-width:60px;}
    #page1_slogan {font-size: 22px;}        
}

@media (min-width: 576px) and (max-width:767px) {
    .dataResponse[data-typ="bg"] {background-size:calc(100vw) auto;}
    .bgposition-yc-md {background-position-y:center;}
    .bgposition-yb-md {background-position-y:bottom;}
    .bgposition-yt-md {background-position-y:top;}
    .bgposition-xr-md {background-position-x:right;}
    .bgposition-xc-md {background-position-x:center;}
    .bgposition-xl-md {background-position-x:left;}

     #slogan {width: 320px; padding-bottom: 10px;}
     #page1 {margin-left:3rem;}
     #page1_slogan {font-size: 23px; padding-top: 10px; }
     #page1_slogan>span {transform: scale(1,1.2); padding: 0 4px;}
     #HtmlTag[lang="en-US"] #page1_title1 { font-size: 15px; padding: 10px 18px; line-height: 1; letter-spacing: 1px; margin: 15px 0; border-radius: 18px;}
     #HtmlTag[lang="ja-JP"] #page1_title1 { font-size: 14px; padding: 13px 20px 12px 20px; line-height: 1; letter-spacing: 1px; margin: 15px 0; border-radius: 25px;}
     #HtmlTag[lang="zh-TW"] #page1_title1 { font-size: 14px; padding: 13px 20px 12px 20px; line-height: 1; letter-spacing: 1px; margin: 15px 0; border-radius: 25px;}
     #page1_title2 {font-size: 15px; margin-bottom:0;}
     #HtmlTag[lang="ja-JP"] #page1_title3 {font-size: 17px; margin-bottom:0;}
     #HtmlTag[lang="zh-TW"] #page1_title3 {font-size: 17px; margin-bottom:0;}
     #page1_title3 {font-size: 14px; margin-bottom:0; line-height:1.1; max-width:320px;}
     #bt_page1_L,  #bt_page1_R{ width:160px; }         
     #circles_icon img {max-width:60px;}

     #slogan2 {width: calc(60vw); padding-bottom: 25px;}
     #page2 { align-self: flex-start !important; padding-top: 60px;}
     #page2_slogan {font-size: 18px; }
     #page2_title1 { font-size: 19px;}
     #page2_img01 {max-width:130px; z-index:1; padding-top:20px;}
     #page2_img02 {max-width:140px; margin-top:-10px; z-index:0;}
     #s1 { background-size: auto 90%; }

     #s2 {padding-bottom: 130px; padding-top: 50px;}
     #page3_slogan {font-size: 22px; padding-bottom: 10px; text-align: center; max-width: calc(80vw); line-height: 1.1;}
     #page3_title1 {max-width: calc(70vw); font-size: 16px;}
     #page3_p1 {margin-top:-60px;}
     #page3_p1_disc .wrap {width: 33.33%; padding: 0 3% 0 0;}
     #page3_p1_disc p.desc {font-size:13px;}

     #slogan4 {max-width:400px; padding-top: 0; padding-bottom: 15px;}
     #page4_slogan {font-size: 18px; padding-top: 5px; }
     #HtmlTag[lang="zh-TW"] #page4_slogan {font-size: 25px; padding-top: 0; }
     #page4_title1 {font-size: 15px; margin:20px 0;}
     #HtmlTag[lang="ja-JP"] #page4_title1 {letter-spacing: 1px;}
     #HtmlTag[lang="zh-TW"] #page4_title1 {font-size: 17px;}
     #page4_overlayer {margin-top: -25px;}
     #HtmlTag[lang="ja-JP"] #page5_slogan {font-size: 19px; padding-bottom: 20px; }
     #HtmlTag[lang="zh-TW"] #page5_slogan {font-size: 19px; padding-bottom: 20px; }
     #page5_slogan {font-size: 18px; padding-bottom: 5px; line-height:1.1; }
     #s4 li {font-size: 17px; }
     #page5_title2 {font-size: 15px; margin: 5px 0 30px 0; line-height: 1.1;}
     #HtmlTag[lang="ja-JP"] #page5_title2 {letter-spacing: 1px; line-height: 1.3;}
     #HtmlTag[lang="zh-TW"] #page5_title2 {font-size: 17px;}
     #page5_img {max-width:180px; padding-bottom: 15px;}
     #s4 p {font-size: 15px}

     #page6_slogan {font-size: 26px; }
     #page6_title1 { font-size: 28px; padding-top:10px; padding-bottom:25px;}
     #HtmlTag[lang="en-US"] #page6_container p {max-width: calc(70vw); line-height: 1; font-size: 15px; }
     #HtmlTag[lang="zh-TW"] #page6_container p {line-height: 1.3; font-size: 15px; min-width:calc(27vw);}
     #HtmlTag[lang="ja-JP"] #feature_icon, #HtmlTag[lang="ja-JP"] #page7_icon1 {max-width:60px;}
     #HtmlTag[lang="zh-TW"] #feature_icon, #HtmlTag[lang="zh-TW"] #page7_icon1 {max-width:60px;}
     #HtmlTag[lang="en-US"] #feature_icon, #HtmlTag[lang="en-US"] #page7_icon1 {max-width:130px;}
     #HtmlTag[lang="en-US"] #page7_icon2 {max-width:95px;}

     #s6 {padding-bottom:2rem;}
     #page7_desc { padding-top: calc(20vw - 80px); margin-left: 50px; font-size: 15px;}
     #page7_desc img {max-width:60px; padding-bottom:10px;}
     #HtmlTag[lang="en-US"] #page7_desc1 {font-size:15px; max-width: calc(70vw); text-align: center; margin-bottom:10px; line-height:1;}
     #HtmlTag[lang="zh-TW"] #page7_desc1 {font-size:15px; line-height:1.3;}
     #s7 .container {padding-bottom:1rem;}
     #page8_title1 {font-size: 24px;}
     #page8_title2 {font-size: 24px; padding-bottom: 30px;}
     #HtmlTag[lang="zh-TW"] #page8_title2 {font-size: 28px; text-shadow: 1px 0px 0px #393939;}
     #crown { margin-top: -38px; max-width:40px; margin-left:-55px;}
     #HtmlTag[lang="en-US"] #crown {margin-top: -28px;}
     #page8_logo { max-width: 140px; padding: 5px;}

     #s8 { padding-top: 2rem;}
     #page9_title {padding-bottom:2rem; max-width:calc(70vw);}
     #page10_title { font-size: 28px; margin-bottom:10px; padding-top:3rem; }
     #s9 .container {max-width: calc(100vw);}
     #s9 p.title {margin-left: -20px; padding-top:3rem; font-size:16px;}
     #HtmlTag[lang="zh-TW"] #s9 p.title {margin-left: -25px; padding-top: 2rem; font-size: 18px; line-height: 1;}
     #s9 p {font-size: 14px;}

     #s11 {height:900px; background-position: center bottom; background-size: auto 70%;}
     #page11_slogan {font-size: 28px; padding-top: 40px; padding-bottom:25px }
     #page12_slogan {max-width: calc(70vw);}
     #page12_desc {font-size: 16px; line-height: 1.4;}

     #s12 {padding-bottom: 2rem; padding-top: 2rem;}
     #page13_slogan { font-size: 28px; padding-top: 10px; padding-bottom: 10px; }

     #s13 .wrap100 {padding-bottom: 2rem; padding-top: 2rem;}
     #page14_slogan { font-size: 20px; margin-bottom:15px; }

     #s14 .container  {padding-bottom: 2rem; padding-top: 2rem;}
     #page15_title { font-size: 25px; margin-bottom:15px; }
}

@media (min-width: 576px) {
    #s0 {height:768px; background-position: 50% 50%;}       
    #s1 {height:768px; background-position: 48% 100%;}
    #s3 {height:950px; background-position: 50% 100%;}
    #s4 {height:700px; background-position: center bottom;}
    #s5 { padding-bottom: 50px; padding-top: 50px;}
    #s9 { height:850px; background-position: center bottom;}
    #page1_title2, #page1_title3 {margin-left: 10px;}
    #s9 .col-left { padding-left: calc(6vw); padding-right: 0px;}
    #s9 .col-right { padding-left: calc(11vw); padding-right: 10px;}
}

@media (max-width: 575px) {
    .wrap100 { width: 90%; margin: 0 5%; }
    .h2, h2 {font-size: 1.7rem;}
    .table {font-size:12px;}
    .table td, .table th { padding: 5px;}
    .dataResponse[data-typ="bg"] {background-size:calc(100vw) auto;}
    .bgposition-yc-sm {background-position-y:center;}
    .bgposition-yb-sm {background-position-y:bottom;}
    .bgposition-yt-sm {background-position-y:top;}
    .bgposition-xr-sm {background-position-x:right;}
    .bgposition-xc-sm {background-position-x:center;}
    .bgposition-xl-sm {background-position-x:left;}

    #s0 { height: calc(115vw); background-position: 30% 80%;}
    #s1 { height: calc(130vw); background-position: center bottom; background-size: auto 70%;}
    #slogan {padding-bottom: 10px; width: 255px; max-width: calc(95%);}  
    #page1 {margin-left:0;}
    #page1_slogan { font-size: 17px; padding-top: 10px;}
    #HtmlTag[lang="en-US"] #page1_slogan { font-size: 19px; padding-top: 5px;}
    #page1_slogan>span {transform: scale(1,1.2); padding: 0 4px;}
    #page1_title1 { font-size: 13px; padding: 10px 15px; line-height: 1.3; letter-spacing: 0; margin: 15px 0; border-radius: 18px;}
    #HtmlTag[lang="en-US"] #page1_title1 { font-size: 12px; padding: 10px 15px; line-height: 1.3; letter-spacing: 1px; margin: 15px 0; border-radius: 18px;}
    #page1_title2 {font-size: 15px; margin-bottom:0;}
    #HtmlTag[lang="en-US"] #page1_title2 {font-size: 14px; line-height:1; margin-bottom: 5px; letter-spacing:0;}
    #HtmlTag[lang="ja-JP"] #page1_title3 {font-size: 17px; margin-bottom:0;}
    #HtmlTag[lang="zh-TW"] #page1_title3 {font-size: 17px; margin-bottom:0;}
    #page1_title3 { font-size: 13px; margin-bottom:0; line-height:1; max-width: calc(95%); }
    #page1_title2, #page1_title3 {margin-left: 5px;}
    #bt_page1_L,  #bt_page1_R{ width:120px; font-size: 13px; }
    #circles_icon {padding-right:10px;}

    #slogan2 {width: calc(70vw); padding-bottom: 10px;}
    #page2_slogan {font-size: 15px; text-shadow: 1px 0px 0px #fff; font-weight: 500;}
    #page2_title1 { font-size: 16px; text-shadow: 1px 0px 0px #fff; font-weight: 500;}
    #HtmlTag[lang="en-US"] #page2_title1 { font-size: 13px; line-height:1;}
    #page2_img01 {max-width:110px; z-index:1; padding-top:15px;}
    #page2_img02 {max-width:120px; margin-top:-5px; z-index:0;}
    #page2 {align-self:flex-start !important; padding-top:35px;}

    #s2 {padding-bottom: 90px; padding-top: 30px;}
    #page3_slogan {font-size: 16px; padding-bottom: 10px;  max-width: calc(80vw); line-height: 1.1;}
    #page3_newclean {padding-bottom: 5px; max-width: calc(30vw);}
    #page3_title1 {max-width: calc(80vw); font-size: 14px;}
    #page3_desc {max-width: calc(80vw); font-size: 14px; padding-top: 10px;}
    #page3_p1_disc {padding: 0; flex-direction: column;}
    #page3_p1 {margin-top: calc(84.5vw - 100vw);}
    #page3_p1_disc .wrap {width: 90%; padding: 0 5%;}
    #page3_p1_disc p.desc {font-size:12px;}

    #slogan4 {width: calc(85vw); padding-top: 0; padding-bottom: 10px;}
    #page4_slogan {font-size: 17px; padding-top: 5px; text-align: center; }
    #HtmlTag[lang="zh-TW"] #page4_slogan {font-size: 24px; }
    #page4_title1 {font-size: 14px; margin:20px 0; background-color: #eee; opacity: 0.75;}
    #HtmlTag[lang="en-US"] #page4_title1 {margin: 20px 25px 20px 25px;}
    #HtmlTag[lang="zh-TW"] #page4_title1 {font-size: 16px;}
    #page4_overlayer {margin-top: -20px;}
    #HtmlTag[lang="ja-JP"] #page5_slogan {font-size: 18px; padding-bottom: 20px; }
    #HtmlTag[lang="zh-TW"] #page5_slogan {font-size: 20px; padding-bottom: 10px; line-height:1.4; }
    #page5_slogan {font-size: 17px; padding-bottom: 5px; line-height:1.1; }
    #s4 li {font-size: 14px;}
    #page5_title2 {font-size: 12px; line-height:1; margin: 5px 0 25px 0; background-color: #0055a3; color: #fff;}
    #HtmlTag[lang="zh-TW"] #page5_title2 {font-size: 15px;}
    #HtmlTag[lang="en-US"] #page5_title2 {margin: 5px 25px 25px 25px;}
    #page5_img {max-width:150px; padding-bottom: 10px;}
    #s4 p {font-size: 12px; text-align:center;}
     #HtmlTag[lang="zh-TW"] #s4 p {font-size: 14px; line-height:1.3;}

    #s5 .d-flex {flex-direction: column;}
    #page6_slogan {font-size: 23px; }
    #page6_title1 { font-size: 24px; padding-top:0; padding-bottom:20px;}
    #feature {padding-right:1rem; padding-left:1rem;}
    #HtmlTag[lang="ja-JP"] #feature_icon, #HtmlTag[lang="ja-JP"] #page7_icon1 {max-width:50px;}
    #HtmlTag[lang="zh-TW"] #feature_icon, #HtmlTag[lang="zh-TW"] #page7_icon1 {max-width:50px;}
    #HtmlTag[lang="en-US"] #feature_icon, #HtmlTag[lang="en-US"] #page7_icon1 {max-width:120px;}
    #HtmlTag[lang="en-US"] #page7_icon2 {max-width:88px;}
    #page6_container {text-align:center; padding-top:20px;}
    #page6_container p {font-size:12px;}

    #page7_top {flex-direction:column;}
    #page7_desc1 {font-size:12px; text-align:center;}
    #page7_icon1 {padding-bottom: 10px;}
    #page7_desc {padding-top: calc(25vw - 65px); font-size: 12px; width: calc(38vw);}
    #page7_desc img {max-width:40px; padding-bottom:10px;}

    #s3 {height: calc(115vw); background-position: center bottom;}
    #s4 {height: calc(115vw); background-position: center bottom;}
    #s5 { padding-bottom: 10px; padding-top: 30px;}
    #s6 {padding-bottom:1rem;}

    #s7 .container {padding-bottom:1rem;}
    #s7 table th, #s7 table td {font-size: 12px;}
    #page8_title1 {font-size: 22px;}
    #page8_title2 {font-size: 22px; padding-bottom: 20px;}
    #HtmlTag[lang="zh-TW"] #page8_title2 {font-size: 26px;}
    #crown { margin-top: -30px; max-width:35px; margin-left:-40px;}
    #HtmlTag[lang="en-US"] #crown {margin-top: -22px;}
    #page8_logo { max-width: 130px; padding: 10px;}
    .container {padding-right: 20px; padding-left: 20px;}
    #s8 { padding-top: 2rem;}
    #s8 .gap {height:10px;}
    #page9_title {padding-bottom:1rem; max-width:calc(80vw);}

    #s9 { height: calc(135vw); background-position: center bottom; background-size: 180% auto;}
    #page10_title { font-size: 25px; margin-bottom:0; padding-top:3rem; }
    #HtmlTag[lang="en-US"] #page10_title { font-size: 18px; margin-bottom:15px; padding-top:2rem; line-height:1; }
    #s9 .container {max-width: calc(100vw); padding-right:10px; padding-left:10px;}
    #s9 p.title { padding-top:2rem; font-size:15px;}
    #s9 p {font-size: 13px;}
    #s9 .col-left {padding-left: calc(6vw); padding-right: 0px;}
    #s9 .col-right {padding-left: calc(11vw); padding-right: 10px;}
    #s9 .badge-pill { display: block; width: 18px; height: 18px; margin-bottom: 5px;}
    #HtmlTag[lang="en-US"] #s9 p.title {font-size:14px;}
    #HtmlTag[lang="zh-TW"] #s9 p.title {font-size:17px;}
    #HtmlTag[lang="en-US"] #s9 p {font-size: 12px;}

    #page11_slogan {font-size: 24px; padding-top: 30px; padding-bottom:20px }
    #page11_pic1, #page11_pic2 {width: calc(45vw - 11px);}
    #page11_pic3 {padding: 4px 1px 20px 1px;}

    #s11 {height: calc(125vw); background-position: 50% 85%; background-size: 110% auto;}
    #s11 .gap {height:10px;}

    #page12_slogan {max-width: calc(75vw); padding-bottom: 5px;}
    #page12_desc {font-size: 15px; line-height: 1.3;}

    #s12 {padding-bottom: 50px; padding-top: 30px;}
    #page13_slogan { font-size: 24px; padding-top: 5px; padding-bottom: 5px; }

    #s13 .wrap100 {width: 100%; margin: 0;}
    #s13 .img-thumbnail {width:calc(28vw);}
    #s13 .wrap100 {padding-bottom: 50px; padding-top: 30px;}
    #page14_slogan { font-size: 15px; margin-bottom:10px; }

    #s14 .container {padding-bottom: 50px; padding-top: 30px;}
    #page15_title { font-size: 23px; margin-bottom:10px; }
    .accordion-02 .acco-group .acco-des {padding: 10px 20px 10px 20px; font-size:13px;} 

}

@media (max-width: 460px) {
    #select-lange {margin-right: 10px; }
    .badge-pill {font-size: 90%;}
    .h2, h2 {font-size: 1.4rem !important;}
    .h4, h4 {font-size: 1.2rem !important;}
    .card-text {font-size: 13px;}
    #HtmlTag[lang="zh-TW"] #page4_slogan {font-size: 20px; }
    #HtmlTag[lang="zh-TW"] #page4_title1 {font-size: 15px; }
    #s4 li { font-size: 12px;}
    #HtmlTag[lang="ja-JP"] #page5_slogan { font-size: 15px; padding-top: 20px; padding-bottom: 10px; line-height: 1.4;}
    #s9 {background-size: 160% auto;}
    #s9 p.title {padding-top:1rem; font-size:13px;}
    #HtmlTag[lang="zh-TW"] #s9 p.title {font-size:15px;}
    #s9 p {font-size: 12px;}
    #page11_pic3 {width: calc(90vw - 16px); padding: 4px 0 20px 0;}
    #page14_slogan {font-size: 14px; }    
    #page1_title1 {font-size: 12px;}
    #HtmlTag[lang="en-US"] #page1_title1 { line-height: 1.3; letter-spacing: 0;}
    #page1_title2 {font-size: 13px;}
    #HtmlTag[lang="ja-JP"] #page1_title3, #HtmlTag[lang="zh-TW"] #page1_title3 { font-size: 15px;}
    #page1_title3 {font-size: 12px; }
    #circles_icon {padding-bottom: 10px !important;}
    #page12_desc {font-size: 13px;}
    #HtmlTag[lang="en-US"] #page12_desc {max-width: calc(80vw);}
    #feature_icon {margin-bottom:10px;}
    #page6_container p, #page7_desc1 {font-size:14px; text-align:left; padding: 0 5px !important;}
    #HtmlTag[lang="zh-TW"] #page6_container p, #page7_desc1, #HtmlTag[lang="ja-JP"] #page6_container p, #page7_desc1 {text-align:center; display: block; max-width: calc(70vw); line-height: 1.4;}
    #page8_logo { max-width: 100px;}
    .table td, .table th { padding: 4px;}
    #s14 .acco-heading .badge-pill {padding-left: 22px; padding-right: 1px; line-height: 1; font-size: 15px; text-align: center;}
}