/************************************************************************************
Global Settings: T R B L or  TB  LR (2023-10SKP)
*************************************************************************************/
html, body {margin: 0; padding: 0;} /*removed height:100%*/
*, *:after, *:before {-webkit-box-sizing: border-box;box-sizing: border-box;}
body{font-size:16px;line-height: 1.7;} SECTION, ARTICLE, FOOTER, NAV {display:block;}
body{font-family: "Open Sans", sans-serif; color:#000000;  background-color:#FFFFFF;}
a {font-family:"Open Sans", sans, "Meiryo","MS P Gothic", "Verdana", "Arial", "Helvetica",sans-serif;letter-spacing: 0;text-decoration: none; font-weight:bold;}
a:link {text-decoration: none;} a {outline:none;}
ul{padding-left:0px;} ul, ol, li {list-style-type: none;margin-top:0px; margin-bottom:0px;} 
.posi-rel{position: relative;}.posi-abs{position:absolute;}.posi-fix{position:fixed;}
.clearIt{clear:both;}.pushLeft{float:left;}.pushRight{float:right;}.blockMe{display:block;}
.cf:before,.cf:after {content: " ";display: table;}.cf:after {clear: both;} /*Clear Fixes*/
.noMargins-p p{margin-top:0;margin-bottom:0;} /*Used in SECTION containing P*/
.pullMe{margin-top:0px; margin-bottom:0px; } /*Removes GAP above and below <P> lists*/
.noMargin{margin-bottom:0px;margin-top:0px;}.sticky{top:0;z-index:10;position:-webkit-sticky;position:sticky;position:fixed;}
.cursor-none{pointer-events: none;}.cursor-hand{cursor: pointer;}.cursor-zoom{cursor:-webkit-zoom-in;cursor:zoom-in;}
.full-block{display:block;}.overflow-h{overflow:hidden;}
/************************************************************************************
Special Add-ons: Container or Wrap Layouts
*************************************************************************************/	
.maxWide,.imgWide{width:100%;}.imgBox{width:100%;max-height:100%;display:block;}
.maxWTrain{max-width:100%;margin:0 auto;} /*CENTERED Percentage of Full Width of Area*/
.maxLTrain{max-width:1400px;margin: 0 auto;}
.maxMTrain{max-width:980px;margin:0 auto;}
.maxSTrain{max-width:700px;margin:0 auto;}
.maskTrain{max-width:100%;margin: 0 auto;}
.cityLine,.shortLine{max-width:758px;margin:0 auto;} /*Changes in MAC*/
.maskTrain{max-width:100%;margin: 0 auto;}
/************************************************************************************
Format Add-ons: p(adding) m(argin) L(eft) R(ight) T(op) B(ottom) L(eft)
*************************************************************************************/	
.mb0{margin-bottom:0px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}
.mTop10{margin-top:10px;}.mTop15{margin-top:15px;}.mTop20{margin-top:20px;}.mTop30{margin-top:30px;}.mTop40{margin-top:40px;}.mTop45{margin-top:45px;}.mTop50{margin-top:50px;}.mTop60{margin-top:60px;}.mTop70{margin-top:70px;}.mTop75{margin-top:75px;}.mTop80{margin-top:80px;}.mTop150{margin-top:150px;}
.mTB10{margin-top:10px;margin-bottom:10px;}
.mTB20{margin-top:20px;margin-bottom:20px;}
.mTB30{margin-top:30px;margin-bottom:30px;}
.mTB40{margin-top:40px;margin-bottom:40px;}
.mTB50{margin-top:50px;margin-bottom:50px;}
.mTB80{margin-top:80px;margin-bottom:80px;}
.mL10{margin-left:10px;}.mL20{margin-left:20px;}.mL30{margin-left:30px;}.mL40{margin-left:40px;}.mL50{margin-left:50px;}.mL60{margin-left:60px;}.mL70{margin-left:70px;}.mL80{margin-left:80px;}.mL100{margin-left:100px;}
.mLR02{margin-left:2%;margin-right:2%;}
.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}.pb60{padding-bottom:60px;}.pb70{padding-bottom:70px;}.pb80{padding-bottom:80px;}.pb100{padding-bottom:100px;}.pb125{padding-bottom:125px;}.pb140{padding-bottom:140px;}.pb150{padding-bottom:150px;}.pb180{padding-bottom:180px;}
.pTop5{padding-top:5px;}.pTop10{padding-top:10px;}.pTop15{padding-top:15px;}.pTop20{padding-top:20px;}.pTop25{padding-top:25px;}.pTop30{padding-top:30px;}.pTop40{padding-top:40px;}.pTop50{padding-top:50px;}.pTop60{padding-top:60px;}.pTop70{padding-top:70px;}.pTop80{padding-top:80px;}.pTop100{padding-top:100px;}.pTop125{padding-top:125px;}.pTop150{padding-top:150px;}.pTop180{padding-top:180px;}
.pTB5{padding-top:5px;padding-bottom:5px;}.pTB10{padding-top:10px;padding-bottom:10px;}.pTB12{padding-top:12px;padding-bottom:12px;}.pTB15{padding-top:15px;padding-bottom:15px;}.pTB20{padding-top:20px;padding-bottom:20px;}.pTB25{padding-top:25px;padding-bottom:25px;}.pTB30{padding-top:30px;padding-bottom:30px;}.pTB40{padding-top:40px;padding-bottom:40px;}
.pTB50{padding-top:50px;padding-bottom:50px;}.pTB60{padding-top:60px;padding-bottom:60px;}.pTB70{padding-top:70px;padding-bottom:70px;}.pTB80{padding-top:80px;padding-bottom:80px;}.pTB100{padding-top:100px;padding-bottom:100px;}.pTB120{padding-top:120px;padding-bottom:120px;}.pTB240{padding-top:240px;padding-bottom:240px;}
.pLR10{padding-left:10px;padding-right:10px;}.pLR15{padding-left:15px;padding-right:15px;}.pLR20{padding-left:20px;padding-right:20px;}.pLR30 {padding-left:30px;padding-right:30px;}.pLR40{padding-left:40px;padding-right:40px;}.pLR50 {padding-left:50px;padding-right:50px;}
.pL10{padding-left:10px;}.pL20{padding-left:20px;}.pL30{padding-left:30px;}.pL40{padding-left:40px;}.pL50{padding-left:50px;}.pL80{padding-left:80px;}.pL125{padding-left:125px;}
.pL01Rem{padding-left:1rem;}.pR10{padding-right:10px;}.pR20{padding-right:20px;}.pR40{padding-right:40px;}.pR01{padding-right:1rem;}.pR02{padding-right:2rem;}
.p10All{padding:10px;}.p05All{padding:5px;}.p10All{padding:10px;}.p20All{padding:20px;}.p40All{padding:40px;}.p50All{padding:50px;}
/************************************************************************************
Specific Add-ons: Padding or height
*************************************************************************************/	
.in01Pad{padding-left:1%;padding-right:1%;}.in02Pad{padding-left:2%;padding-right:2%;}.in03Pad{padding-left:3%;padding-right:3%;}.in05Pad{padding-left:5%;padding-right:5%;}.in08Pad{padding-left:8%;padding-right:8%;}
.all02Pad{padding:2%;}.all05Pad{padding:5%;}.all08Pad{padding:8%;}.all20Pad{padding:20px;}
.in08-02Pad{padding-left:8%;padding-right:8%;} /*Change in MAC*/
.railPad{padding-left:15px;padding-right:15px;}/*Changes in MAC*/
.hi-80{height:80px;}
.pb-0-60{padding-bottom:0px}/*Changes in iPad*/
/************************************************************************************
Format Add-ons: Text and Image Views
*************************************************************************************/
/**Horizontal text + DIRECTION [Smart - iPad - MS]**/
.txtC{text-align: center;}.txtL{text-align:left;}.txtR{text-align:right;}  
.insideVC {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);} /*Parent Container must have position relative*/
.r-txtVC{position:relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);} /*Posi-rel built in*/
.txtJ{text-align:justify;text-justify:inter-word;}
/**Code Display**/
pre{font-family:Consolas,Monaco,Lucida Console,monospace;}
pre{padding:10px 20px;margin:15px 15px;background-color:#DDDFE1;border-radius:3px;line-height:1.45;color:#24292e;font-size:100%;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
/**Effects**/
strong{color:RED;}
.text-black em{color:#000000;font-style: normal;}.text-blue em{color:#4B7DCD;font-style:normal;}.text-green em{color:#149414;font-style: normal;}.text-pink em{color:#FFC0CB;font-style: normal;}.text-gold em{color:#FFA500;font-style: normal;}
.text-cloud em{color:#FFFFFF;font-style:normal;}.text-purple em{color:#551A8B;font-style:normal;}.text-slate em{color:#455A64;font-style:normal;}
.fat {font-weight: bold;} /*<B>*/
.fuzy {text-shadow: 2px 2px #000000;} /*Text Outlined*/
.fuzySnow {text-shadow: 2px 2px #FFFFFF;} /*Text Outlined With White*/
.shadowTxt{-webkit-text-stroke: 1px #282828;text-shadow: 0px 4px 4px #282828;}
.textSpace3 {letter-spacing: .3em;text-indent: .3em;} /*One SPACE Between Letters*/
.small-cap{font-variant:small-caps;}/*Small Capital Letters*/
.highlight-y{background-color:#FFFF00;}
.hightlight-lg{background-color:#32CD32;}
.highlight-b{background-color:#ECF7FC;}
.highlight-g{background-color:#DCF4D0;}
.highlight-p{background-color:#FFDAE0;}
/**Indents**/
.txtIndent{text-indent:15px;}.txt01Indent{text-indent:20px;}.txt02Indent{text-indent:50px;}.txt01Indent{text-indent:80px;}
/**Punctuations**/
.digiList li {list-style-type: decimal;padding-left:7px;} /*List Marker: 123 (With Left Padding)*/
.clrList li {list-style-type: circle;padding-left:5px;} /*List Marker: Clear Circle Dot*/
.alpList li {list-style-type: lower-alpha;padding-left:5px;} /*List Marker: Lowercase Alphabet*/
.dotList li {list-style-type: initial;padding-left:5px;}
/**Shadows: Outlines and Borders**/
.border-navi{-webkit-box-shadow: 0 4px 3px -3px #15315D;box-shadow: 0 4px 3px -3px #15315D;border-bottom:1px solid #15315D}
.border-all{border:1px solid #E8E8E8;}
.border-fat.red{border:3px solid #EB6045;}
.border-thin.red{border:1px solid #EB6045;}
.border-fat.green {border: 3px solid #008000;}
.border-fat.black {border: 3px solid #000;}
.imgRound {border-radius:14px;}
.leftRound-12{border-top-left-radius:12px;border-bottom-left-radius:12px;}
.rightRound-12{border-top-right-radius:12px;border-bottom-right-radius:12px;}
.imgRound12{border-radius:12px;}
.shadow-sides-hi {position: relative;-webkit-box-shadow: 0 0 7px 0px #000;box-shadow: 0 0 7px 0px #000;-webkit-clip-path: inset(0px -15px 0px -15px);clip-path: inset(0px -15px 0px -15px);}
.shadow-sides-med{position: relative;-webkit-box-shadow: 0 0 12px 0px #000;box-shadow: 0 0 12px 0px #000;-webkit-clip-path: inset(0px -15px 0px -15px);clip-path: inset(0px -15px 0px -15px);}
.shadow-sides-lo {position: relative;-webkit-box-shadow: 0 0 8px 0px #000;box-shadow: 0 0 8px 0px #000;/* -webkit-clip-path: inset(0px -15px 0px -15px); *//* clip-path: inset(0px -15px 0px -15px); */}
.shadow-sides-L{position:relative;-webkit-box-shadow:-10px 0px 8px -6px #000;box-shadow:-10px 0px 8px -6px #000;}
.shadow-sides-R{position:relative;-webkit-box-shadow:10px 0px 8px -6px #000;box-shadow:10px 0px 8px -6px #000;}
.shadow-sides-BR{position:relative;-webkit-box-shadow:8px 5px 8px #000;box-shadow:8px 5px 8px #000;}
.shadow-08-3sides{box-shadow: 0 7px 20px 1px rgba(77,18,12,.8);}/*Shadow on 3SIDES .8 Blur*/
.shadow-08-3sides-dark{box-shadow: 0 7px 10px 5px rgba(77,18,12,.8);}
.side-L{border-left:1px solid #ADADAD;}
/**Font Outlines**/
.font-line-black{text-shadow: rgb(0, 0, 0) 3px 0px 0px, rgb(0, 0, 0) 2.83487px 0.981584px 0px, rgb(0, 0, 0) 2.35766px 1.85511px 0px, rgb(0, 0, 0) 1.62091px 2.52441px 0px, rgb(0, 0, 0) 0.705713px 2.91581px 0px, rgb(0, 0, 0) -0.287171px 2.98622px 0px, rgb(0, 0, 0) -1.24844px 2.72789px 0px, rgb(0, 0, 0) -2.07227px 2.16926px 0px, rgb(0, 0, 0) -2.66798px 1.37182px 0px, rgb(0, 0, 0) -2.96998px 0.42336px 0px, rgb(0, 0, 0) -2.94502px -0.571704px 0px, rgb(0, 0, 0) -2.59586px -1.50383px 0px, rgb(0, 0, 0) -1.96093px -2.27041px 0px, rgb(0, 0, 0) -1.11013px -2.78704px 0px, rgb(0, 0, 0) -0.137119px -2.99686px 0px, rgb(0, 0, 0) 0.850987px -2.87677px 0px, rgb(0, 0, 0) 1.74541px -2.43999px 0px, rgb(0, 0, 0) 2.44769px -1.73459px 0px, rgb(0, 0, 0) 2.88051px -0.838247px 0px;}
.font-line-orangeTouch{text-shadow: rgb(235, 96, 69) 3px 0px 0px, rgb(235, 96, 69) 2.83487px 0.981584px 0px, rgb(235, 96, 69) 2.35766px 1.85511px 0px, rgb(235, 96, 69) 1.62091px 2.52441px 0px, rgb(235, 96, 69) 0.705713px 2.91581px 0px, rgb(235, 96, 69) -0.287171px 2.98622px 0px, rgb(235, 96, 69) -1.24844px 2.72789px 0px, rgb(235, 96, 69) -2.07227px 2.16926px 0px, rgb(235, 96, 69) -2.66798px 1.37182px 0px, rgb(235, 96, 69) -2.96998px 0.42336px 0px, rgb(235, 96, 69) -2.94502px -0.571704px 0px, rgb(235, 96, 69) -2.59586px -1.50383px 0px, rgb(235, 96, 69) -1.96093px -2.27041px 0px, rgb(235, 96, 69) -1.11013px -2.78704px 0px, rgb(235, 96, 69) -0.137119px -2.99686px 0px, rgb(235, 96, 69) 0.850987px -2.87677px 0px, rgb(235, 96, 69) 1.74541px -2.43999px 0px, rgb(235, 96, 69) 2.44769px -1.73459px 0px, rgb(235, 96, 69) 2.88051px -0.838247px 0px;}
/**Select and Show**/
.displaySelect{display:none;}
/**Details**/
summary{cursor: pointer;font-weight:700;}summary:focus{outline: none;}
details {background:#EEE;margin-bottom:1rem;padding-left:0.625rem;padding-top:2px;padding-bottom:2px;padding-right:2px;}
details p{padding-left:.825rem;padding-right:.625rem;margin-top:0px;margin-bottom:0px;background:#FFFFFF;color:#36454F;font-size:0.875rem;}
/**RadioCheckDrop Options**/
.opts label input{display: initial;}
/************************************************************************************
Fonts:ClampIt 
*************************************************************************************/
.clamp-reg{font-size:clamp(1.063rem, 0.9925rem + 0.3525vw, 1.345rem);}/*Min 320px Max 1600px | 17px 21px*/ 
.clamp-md{font-size: clamp(1.063rem, 0.9537rem + 0.5463vw, 1.5rem);} /*17px 24px*/
.clamp-jpn{font-size: clamp(1rem, 0.9375rem + 0.3125vw, 1.25rem);}/*16px 20px*/
.clamp-title{font-size: clamp(1.5rem, 1.1250rem + 1.8750vw, 3rem);}/*17px 48px*/
.clamp-title-sm{font-size: clamp(1.618rem, 0.9635rem + 3.2725vw, 4.236rem);} /*26px 68px*/
.clamp-title-md{font-size: clamp(1.5rem, 0.4688rem + 5.1563vw, 5.625rem);} /*27px 90px*/
.clamp-title-lg{font-size: clamp(2.618rem, 1.5590rem + 5.2950vw, 6.854rem);}/*42px 110px*/
.clamp-hsm{font-size:clamp(1.188rem, 1.0162rem + 0.8588vw, 1.875rem);}/*19px 30px*/
.clamp-hmd{font-size: clamp(1.375rem, 1.0625rem + 1.5625vw, 2.625rem);} /*22px 42px*/
.clamp-hlg{font-size: clamp(1.625rem, 1.2813rem + 1.7188vw, 3rem);} /*26px 48px*/
.clamp-sub {font-size: clamp(1.188rem, 1.0162rem + 0.8588vw, 1.875rem);}
/************************************************************************************
Colours:
*************************************************************************************/
.noColor {color: transparent;}
.bankGreen{color:#008A00;}.bankBGreen{background-color:#008A00;}
.blueGreen{color:#3CAEA3;}.blueBGreen{background-color:#3CAEA3;}
.clrB {background-color: rgba(255, 255, 255, 0.1);}
.cloud{color:#FFFFFF;}.cloudB {background-color:#FFFFFF;}
.cloudBGrey{background-color:#F2F0E7;}.cloudGrey{color:#F2F0E7;}
.coolBlue{color:#4B7DCD;}.coolBBlue{background-color:#4B7DCD;}
.darkBlue{color:#191970;}.darkBBlue{background-color:#191970;}
.skyBlue{color:#87CEEB;}.skyBBlue{background-color:#87CEEB;}
.ftBlack {color:#303030;}.ftBBlack {background-color:#303030;}
.ftBlack-fade{color:#454545;}.ftBBlack-fade{background-color:#454545;}
.coolBlack{color:#1F2024;}.coolBBlack{background-color:#1F2024;}
.gentleBlack{color:#818386;}.gentleBBlack{background-color:#818386;}
.fancyBBlack{background-color:#202020;}.fancyBlack{color:#202020;} 
.justBBlack{background-color:#000000;}.justBlack{color:#000000;}
.greenTea{color:#5EBE2D;}.greenBTea{background-color:#5EBE2D;}
.signGreen{color:#285A27;}.signBGreen{background-color:#285A27;}
.greyBlue{color:#e7eef2;}.greyBBlue{background-color:#e7eef2;}
.jeansBlue{color:#23395D;}.jeansBBlue{background-color:#23395D;}
.lightBlue{color:#ECECEC;}.lightBBlue{background-color:#ECECEC;}
.orange{color:#FFA500;}.orangeB {background-color:#FFA500;}
.orangeBTouch{background-color:#EB6045;}
.pencil {color:#586062;}.pencilB {background-color:#586062;}
.pink{color:#FFC0CB;}.pinkB {background-color:#FFC0CB;}
.powerRed {color:#BA2636;} .powerBRed {background-color:#BA2636;} 
.tomatoRed{color:#FF6347;}.tomatoBRed{background-color:#FF6347;}
.yellowGold{color:#FDD007;}.yellowBGold{background-color:#FDD007;}
.yellowSun{color:#FFEF62;}.yellowBsun{background-color:#FFEF62;}
/**Special Effects**/
.shadowBlue{color: white;text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}
.shadowBlack{color: white;text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;}
.shadowRed{color: white;text-shadow: 1px 1px 2px RED, 0 0 25px RED, 0 0 5px RED;}
.shadowYellow{color: white;text-shadow: 1px 1px 2px YELLOW, 0 0 25px YELLOW, 0 0 5px YELLOW;}
.shadowPurple{color: white;text-shadow: 1px 1px 2px PURPLE, 0 0 25px PURPLE, 0 0 5px PURPLE;}
.shadowLime{color: white;text-shadow: 1px 1px 2px LIME, 0 0 25px LIME, 0 0 5px LIME;}
.shadowGreen{color: white;text-shadow: 1px 1px 2px GREEN, 0 0 25px GREEN, 0 0 5px GREEN;}
.overHiBlue {background-color:rgba(75,125,205,0.95);}
.overMidBlue {background-color:rgba(75,125,205,0.7);}
.overLoBlue {background-color:rgba(75,125,205,0.5);}
/************************************************************************************
Core Fonts [Smartphone | memoPad | iPad | PC  LineHeight]
*************************************************************************************/ 
.font-eng{font-family: 'Roboto', sans-serif;}
.font-title{font-family: 'Inter', sans-serif;}
.font-hand{font-family: 'Handlee', cursive;}
.font-eng{font-family: 'Roboto', sans-serif;}
.font-title{font-family: 'Inter', sans-serif;}
.font-hand{font-family: 'Handlee', cursive;}
.font-heroM{font-size: 12vmin;}
/**Text: Japanese Add-ons**/
.font-jpn{font-family: 'Noto Sans JP', sans-serif;letter-spacing:0.07rem;}
.font-jpn-s{font-family: 'Noto Serif JP', serif;letter-spacing:0.07rem;}
.navi-Jfont,.navi-Jfont a{font-family: 'Noto Sans JP', sans-serif;font-size:0.875rem;}
.font-jpn-fun{font-family: 'Mochiy Pop One', sans-serif;}
.font-jpn-fancy{font-family: 'Shippori Mincho', serif;letter-spacing:0.01rem;}
.font-jpn-old{font-family: 'Zen Old Mincho', serif;}
.font-eng{font-family: 'Roboto', sans-serif;}
.font-title{font-family: 'Inter', sans-serif;}
.font-hand{font-family: 'Handlee', cursive;}
.w500{font-weight:500;}.w600{font-weight:600;}.w900{font-weight:900;}
/**Static Fonts**/
.baseFont{font-size:1.0rem;}
.copyFont{font-size: 0.625rem;} /*10*/
.xsFont{font-size:0.75rem;}/*12*/
.menuFont{font-size:1.188rem;} /*18*/
.smFont{font-size:0.875rem;line-height:1.2;}/*14LH18*/
.mdFont{font-size:1.1rem;}
.lgFont{font-size:1.5rem;} /*24*/
.dblFont{font-size:2rem;} /*32*/
/**Responsive:Fonts**/
.footFont{font-size:0.781rem;}/*12.5|14*/
.headFont{font-size: 1.0rem;} /*19|28*/
.copyRight{font-size:1.125rem; vertical-align: middle;}