.f-underline{text-decoration: underline;}
.f-italic{font-style: italic;}
.t9{font-size: 9px;}.t10{font-size: 10px;}.t11{font-size: 11px;}.t12{font-size: 12px;}.t13{font-size: 13px;}.t14{font-size: 14px;}.t15{font-size: 15px;}.t16{font-size: 16px;}.t17{font-size: 17px;}.t18{font-size: 18px;}.t19{font-size: 19px;}.t20{font-size: 20px;}.t21{font-size: 21px;}.t22{font-size: 22px;}.t23{font-size: 23px;}.t24{font-size: 24px;}.t25{font-size: 25px;}.t26{font-size: 26px;}.t27{font-size: 27px;}.t28{font-size: 28px;}.t29{font-size: 29px;}.t30{font-size: 30px;}.t35{font-size: 35px;}.t40{font-size: 40px;}.t45{font-size: 45px;}.t50{font-size: 50px;}

.ml-5{margin-left: -0.5em !important;}
.mb5{margin-bottom: 5px !important;}.mb10{margin-bottom: 10px !important;}.mb15{margin-bottom: 15px !important;}.mb20{margin-bottom: 20px !important;}.mb25{margin-bottom: 25px !important;}.mb30{margin-bottom: 30px !important;}.mb35{margin-bottom: 35px !important;}.mb40{margin-bottom: 40px !important;}.mb45{margin-bottom: 45px !important;}.mb50{margin-bottom: 50px !important;}
.mt5{margin-top: 5px !important;}.mt10{margin-top: 10px !important;}.mt15{margin-top: 15px !important;}.mt20{margin-top: 20px !important;}.mt15{margin-top: 25px !important;}.mt30{margin-top: 30px !important;}.mt35{margin-top: 35px !important;}.mt40{margin-top: 40px !important;}.mt45{margin-top: 45px !important;}.mt50{margin-top: 50px !important;}
.ml5{margin-left: 5px !important;}.ml10{margin-left: 10px !important;}.ml15{margin-left: 15px !important;}.ml20{margin-left: 20px !important;}.ml25{margin-left: 25px !important;}.ml30{margin-left: 30px !important;}.ml35{margin-left: 35px !important;}.ml40{margin-left: 40px !important;}.ml45{margin-left: 45px !important;}.ml50{margin-left: 50px !important;}
.mr5{margin-right: 5px !important;}.mr10{margin-right: 10px !important;}.mr15{margin-right: 15px !important;}.mr20{margin-right: 20px !important;}.mr25{margin-right: 25px !important;}.mr30{margin-right: 30px !important;}.mr35{margin-right: 35px !important;}.mr40{margin-right: 40px !important;}.mr45{margin-right: 45px !important;}.mr50{margin-right: 50px !important;}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;line-height: 100%;}html{height:100%;}body{height:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}address{font-style:normal;}

.clear:before, .clear:after{content: " ";display: table;}
.clear:after{clear: both;}
.clear{*zoom: 1;}

body{position: relative;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;font-kerning: normal;background-color: #fff;}

#sp-header{display: none;}
#dots{position: fixed;right: 12px;top: 50%;z-index: 30;overflow: hidden;width: 50px;height: 30px;margin-top: -40px;}
#dots li{display: block;float: left;width: 50px;height: 15px;}
#dots li a{display: block;position: relative;width: 50px;height: 10px;}
#dots li a:after{content: '';display: block;width: 5px;height: 5px;border-radius: 5px;border: #336666 1px solid;background-color: #336666;position: absolute;right: 0;top: 0;}
.img #dots li.img a:after{background-color: #fff;}
.text #dots li.text a:after{background-color: #fff;}
#dots li a:hover:after{opacity: 0.6;}
#dots li a span{color: #336666;display: block;font-size: 11px;font-weight: bold;display: none;}

article{padding: 0 30px 0 30px;}
#message-img{overflow: hidden;}

#copy-logo{position: fixed;left: 0;top: 0;z-index: 15;width: 100%;}
#copy-logo .message-copy{position: absolute;left: 7%;bottom: 40px;}
#copy-logo .message-logo{position: absolute;right: 7%;bottom: 40px;}
#copy-logo .message-copy a,
#copy-logo .message-logo a{display: block;
-webkit-transition: opacity 0.4s ease-in-out 0s;
-moz-transition: opacity 0.4s ease-in-out 0s;
-o-transition: opacity 0.4s ease-in-out 0s;
-ms-transition: opacity 0.4s ease-in-out 0s;transition: opacity 0.4s ease-in-out 0s;}
#copy-logo .message-copy a:hover,
#copy-logo .message-logo a:hover{opacity: 0.6;}

#copy-logo .message-copy img,
#copy-logo .message-logo img{position: absolute;opacity: 0;left:  0;top: 0;display: block;
-webkit-transition: opacity 0.4s ease-in-out 0s;
-moz-transition: opacity 0.4s ease-in-out 0s;
-o-transition: opacity 0.4s ease-in-out 0s;
-ms-transition: opacity 0.4s ease-in-out 0s;transition: opacity 0.4s ease-in-out 0s;}
#copy-logo .message-copy img:first-child{position: relative;}
#copy-logo .message-logo img:first-child{position: relative;}
.text #copy-logo .message-copy img.text,
.text #copy-logo .message-logo img.text{opacity: 0.3;}

.img #copy-logo .message-copy img.img,
.end #copy-logo .message-copy img.text,
.img #copy-logo .message-logo img.img,
.end #copy-logo .message-logo img.text{opacity: 1;}

.img-slide{display: block;position: relative;overflow: hidden;}
.img-slide li{position: absolute;left: 0;top: 0;opacity: 0;
-ms-filter: "alpha(opacity=0)";display: block;z-index: 0;}
.img-slide li.current{z-index: 1;}
.img-slide li img{display: block;opacity: 1;
-ms-filter: "alpha(opacity=100)";z-index: 1;
-webkit-transform: scale(1);
-ms-transform:scale(1);transform:scale(1);
}
.img-slide img:first-child{z-index: 0;}
.i0 .img-slide img.i0,
.i1 .img-slide img.i1,
.i2 .img-slide img.i2,
.i3 .img-slide img.i3{opacity: 1;}

#message-text{margin: 0 10% 0 10%;position: relative;z-index: 18;padding-bottom: 0px;}
#message-text p{font-size: 16px;padding: 0 0 0 0;font-weight: bold;line-height: 200%;text-align: justify;letter-spacing: 0.02em;opacity: 0;
-webkit-transition: opacity 1.2s ease-in-out 0s;
-moz-transition: opacity 1.2s ease-in-out 0s;
-o-transition: opacity 1.2s ease-in-out 0s;
-ms-transition: opacity 1.2s ease-in-out 0s;transition: opacity 1.2s ease-in-out 0s;}
.text #message-text p{opacity: 1;}
#footer{position: fixed;left: 0;bottom: 0;width: 100%;height: 35px;background-color: #fff;xoverflow: hidden;z-index: 100;}
#footer .footer-in{padding: 0 30px;overflow: hidden;}
#footer .mujitop{float: left;width: 50%;position: relative;z-index: 1;text-align: left;}
#footer .mujitop a{display: inline-block;height: 35px;line-height: 35px;color: #1a1a1a;font-size: 11px;
-webkit-transition: color 0.3s ease-in-out 0s;
-moz-transition: color 0.3s ease-in-out 0s;
-o-transition: color 0.3s ease-in-out 0s;
-ms-transition: color 0.3s ease-in-out 0s;transition: color 0.3s ease-in-out 0s;}
#footer .mujitop a:hover{color: #8c8c8c;}
#footer .copyright{position: static;float: right;width: 50%;z-index: 0;line-height: 35px;text-align: right;font-size: 10px;letter-spacing: 0.02em;}
#footer.with-lang .copyright{position: absolute;float: none;width: 100%;text-align: center;left: 0;top: 0;}
#footer .lang{float: right;width: 50%;position: relative;z-index: 1;text-align: right;}
#footer .lang li{display: inline-block;}
#footer .lang li a{display: inline-block;padding: 0 0 0 10px;height: 35px;line-height: 35px;color: #1a1a1a;font-weight: bold;font-size: 11px;
-webkit-transition: color 0.3s ease-in-out 0s;
-moz-transition: color 0.3s ease-in-out 0s;
-o-transition: color 0.3s ease-in-out 0s;
-ms-transition: color 0.3s ease-in-out 0s;transition: color 0.3s ease-in-out 0s;}
#footer .lang a.current,
#footer .lang a:hover{color: #8c8c8c;}

body{font-family: Helvetica, ArialMT, sans-serif;}

body#langKR,
body#langHK,
body#langTW,
body#langCN,
body#langJP {font-family: "YuGothic","Yu Gothic","游ゴシック体", sans-serif;}

#footer .mujitop { font-family: HelveticaNeue, Helvetica, ArialMT, sans-serif;font-weight: bold;}
#footer .copyright { font-family: Helvetica, ArialMT, sans-serif;}
#footer .lang li{font-family: HelveticaNeue, ArialMT, sans-serif;}

/* tablet - sp common */
.padmode article,
.spmode article{padding: 0 0 0 0;}
.padmode #dots,
.spmode #dots{display: none;}
.padmode #copy-logo,
.spmode #copy-logo{position: absolute;}
.padmode #footer,
.spmode #footer{position: relative;padding: 0 0 10px 0;}
.padmode #copy-logo .message-copy img.img,
.padmode #copy-logo .message-logo img.img,
.spmode #copy-logo .message-copy img.img,
.spmode #copy-logo .message-logo img.img{opacity: 1;}
.padmode #copy-logo .message-copy img.text,
.padmode #copy-logo .message-logo img.text,
.spmode #copy-logo .message-copy img.text,
.spmode #copy-logo .message-logo img.text{display: none;}

/* Tablet */
.padmode #copy-logo .message-copy{bottom: 40px;left: 40px;}
#langJP.padmode #copy-logo .message-copy{width: 199px;}
#langEN.padmode #copy-logo .message-copy{width: 235px;}
#langFR.padmode #copy-logo .message-copy{width: 309px;}
#langDE.padmode #copy-logo .message-copy{width: 246px;}
#langES.padmode #copy-logo .message-copy{width: 284px;}
#langPT.padmode #copy-logo .message-copy{width: 267px;}
#langPL.padmode #copy-logo .message-copy{width: 194px;}
#langIT.padmode #copy-logo .message-copy{width: 275px;}
#langID.padmode #copy-logo .message-copy{width: 183px;}
#langKR.padmode #copy-logo .message-copy{width: 164px;}
#langHK.padmode #copy-logo .message-copy,
#langTW.padmode #copy-logo .message-copy,
#langCN.padmode #copy-logo .message-copy{width: 204px;}

.padmode #copy-logo .message-logo{bottom: 40px;right: 40px;width: 67px;}
#langJP.padmode #copy-logo .message-logo{width: 21px;}
.padmode #copy-logo .message-copy img,
.padmode #copy-logo .message-logo img{width: 100%;height: auto;}

.padmode #dots{right: 17px;}
.padmode #dots li{height: 15px;}
.padmode #dots li a{height: 5px;}
.padmode #dots li a:after{width: 5px;height: 5px;}
.padmode #message-text{height: auto !important;margin: 0px 40px 0 40px;padding: 40px 0 40px 0;}
.padmode #message-text p{font-size: 14px;opacity: 1 !important;}

/* sp */
.spmode #copy-logo .message-copy{bottom: 30px;left: 30px;}
#langJP.spmode #copy-logo .message-copy{width: 135px;}
#langEN.spmode #copy-logo .message-copy{width: 159px;}
#langFR.spmode #copy-logo .message-copy{width: 200px;}
#langDE.spmode #copy-logo .message-copy{width: 166px;}
#langES.spmode #copy-logo .message-copy{width: 200px;}
#langPT.spmode #copy-logo .message-copy{width: 181px;}
#langPL.spmode #copy-logo .message-copy{width: 131px;}
#langIT.spmode #copy-logo .message-copy{width: 186px;}
#langID.spmode #copy-logo .message-copy{width: 124px;}
#langKR.spmode #copy-logo .message-copy{width: 111px;}
#langHK.spmode #copy-logo .message-copy,
#langTW.spmode #copy-logo .message-copy,
#langCN.spmode #copy-logo .message-copy{width: 138px;}

.spmode #copy-logo .message-logo{bottom: 30px;right: 30px;width: 45px;}
#langJP.spmode #copy-logo .message-logo{width: 14px;}
.spmode #copy-logo .message-copy img,
.spmode #copy-logo .message-logo img{width: 100%;height: auto;}

.spmode.text #copy-logo .message-copy img,
.spmode.text #copy-logo .message-logo img{margin-top: -10px;}
.spmode #message-text{height: auto !important;margin: 0px 30px 0 30px;padding: 30px 0 30px 0;}
.spmode #message-text p{font-size: 13px;opacity: 1 !important;}
.spmode #dots{right: 17px;}
.spmode #dots li{height: 15px;}
.spmode #dots li a{height: 5px;}
.spmode #dots li a:after{width: 5px;height: 5px;}
.spmode #footer{height: auto;}
.spmode #footer .footer-in{padding: 0;}
.spmode #footer .mujitop{padding: 0 0 10px 20px;width: 120px;font-size: 9px;}
.spmode #footer .copyright{padding: 0 20px 10px 0;position: relative;width: 200px;text-align: right;font-size: 9px;}

/* with lang */
.spmode #footer.with-lang .copyright{float: right;}
.spmode #footer .lang{padding: 8px 0 0 0;width: 100%;clear: both;text-align: center;border-top: #e8e8e8 1px solid;}